Merge branch 'update'

LongKira-Obsidian24 · Aug 21, 2024 · bfbe269 · bfbe269
2 parents 0cf246e + b0b0d33
commit bfbe269
Show file tree

Hide file tree

Showing 17 changed files with 248 additions and 80 deletions.
diff --git a/config.toml b/config.toml
@@ -7,18 +7,18 @@ home = [ "HTML", "RSS", "JSON"]
 
 [params]
   # Change default color scheme with a variant one. Can be "red", "blue", "green".
-  themeVariant = "workshop"
+  themeVariant = "metro-green"
   # Git hub repo link
   editURL = ""
   description = ""
-  author = "[email protected]"
+  author = "whoishebtw"
   showVisitedLinks = true
   disableBreadcrumb = false
   disableNextPrev = false
 
 [Languages]
 [Languages.en]
-title = "Obsidan 24 - Discover with Long Kira"
+title = "Obsidan 24"
 weight = 1
 languageName = "English"
 
@@ -29,7 +29,7 @@ url = "/"
 weight = 20
 
 [Languages.vi]
-title = "Obsidian 24 - Khám phá cùng Long Kira"
+title = "Obsidian 24"
 weight = 2
 languageName = "Tiếng Việt"
 
@@ -41,3 +41,6 @@ weight = 20
 
 [markup.goldmark.renderer]
   unsafe = true
+
+# [security]
+#   enableInlineShortcodes = true
diff --git a/content/1-chapter1/_index.md b/content/1-chapter1/_index.md
diff --git a/content/_index.md b/content/_index.md
@@ -1,16 +0,0 @@
----
-title: "Test Home"
-date: "`r Sys.Date()`"
-weight: 1
-chapter: false
----
-
-# Test Home
-
-<div style="grid-template-columns: 1fr 1fr 1fr 1fr; display: block; margin: 0 auto;">
-    <a href="https://longkira-obsidian24.github.io/Instruction-Notes-Public/" style="margin: 10px 10px 10px 10px;"><img src="/images/test/tile.jpg" alt="Tile" style="display: inline; width: 240px; margin: 1rem auto;"></a>
-    <a href="1-chapter1/" style="margin: 10px 10px 10px 10px;"><img src="/images/test/tile.jpg" alt="Tile" style="display: inline; width: 240px; margin: 1rem auto;"></a>
-    <a href="1-chapter1/" style="margin: 10px 10px 10px 10px;"><img src="/images/test/tile.jpg" alt="Tile" style="display: inline; width: 240px; margin: 1rem auto;"></a>
-    <a href="1-chapter1/" style="margin: 10px 10px 10px 10px;"><img src="/images/test/tile.jpg" alt="Tile" style="display: inline; width: 240px; margin: 1rem auto;"></a>
-    <a href="1-chapter1/" style="margin: 10px 10px 10px 10px;"><img src="/images/test/tile.jpg" alt="Tile" style="display: inline; width: 240px; margin: 1rem auto;"></a>
-</div>

diff --git a/content/_index.vi.md b/content/_index.vi.md
@@ -1,15 +0,0 @@
----
-title: "Tự Động Mở Rộng trên AWS với Kubernetes"
-date: "`r Sys.Date()`"
-weight: 1
-chapter: false
----
-
-# Tự Động Mở Rộng trên AWS với Kubernetes
-
-Tự động mở rộng giám sát các khối công việc của bạn và tự động điều chỉnh dung lượng để duy trì hiệu suất ổn định, dự đoán được đồng thời tối ưu hóa chi phí. Khi sử dụng Kubernetes, có hai cơ chế chính có liên quan mà có thể được sử dụng để tự động mở rộng:
-
-- **Compute (Tính toán):** Khi các pods được mở rộng, tính toán cơ bản trong một cụm Kubernetes cũng phải thích ứng bằng cách điều chỉnh số lượng hoặc kích thước của các nút worker được sử dụng để chạy các Pods.
-- **Pods:** Vì các pods được sử dụng để chạy các khối công việc trong một cụm Kubernetes, việc mở rộng một khối công việc chủ yếu được thực hiện bằng cách mở rộng Pods theo chiều ngang hoặc theo chiều dọc để phản ứng với các tình huống như thay đổi tải trên một ứng dụng cụ thể.
-
-Trong chương này, chúng ta sẽ khám phá các cơ chế khác nhau có sẵn để tự động mở rộng cả số lượng pods và khả năng tính toán của một cụm.

diff --git a/content/2-Prerequiste/_index.md → content/about/_index.md b/content/2-Prerequiste/_index.md → content/about/_index.md
@@ -1,7 +1,7 @@
 ---
-title: "Chap2"
+title: "About me"
 date: "`r Sys.Date()`"
 weight: 2
 chapter: false
-pre: "<b> 2. </b>"
+# pre: "<b> 2. </b>"
 ---
diff --git a/content/2-Prerequiste/_index.vi.md → content/about/_index.vi.md b/content/2-Prerequiste/_index.vi.md → content/about/_index.vi.md
@@ -1,8 +1,8 @@
 ---
-title: "Các Bước Chuẩn Bị"
+title: "Giới thiệu"
 date: "`r Sys.Date()`"
 weight: 2
 chapter: false
-pre: "<b> 2. </b>"
+# pre: "<b> 2. </b>"
 ---
 
diff --git a/content/start/_index.md b/content/start/_index.md
@@ -0,0 +1,64 @@
+---
+title: "Start"
+date: "`r Sys.Date()`"
+weight: 1
+chapter: false
+# pre: "<b> 1. </b>"
+---
+
+### This is what we call "Home"-page
+
+<div style="grid-template-columns: 1fr 1fr 1fr 1fr; margin: 0 auto;">
+    <div class="container" style="width: 240px; display: inline-block; padding: 0px 3px 0px;">
+        <a href="https://longkira-obsidian24.github.io/Instruction-Notes-Public/">
+            <div class="overlay">
+                <div class="text">Lorem friggin Ipsum</div>
+            </div>
+            <img src="/images/test/tile.jpg" alt="Tile" style="margin: 0 auto;">
+        </a>
+    </div>
+    <div class="container" style="width: 240px; display: inline-block; padding: 0px 3px 0px;">
+        <a href="/start">
+            <div class="overlay">
+                <div class="text">Hello Za Warudo</div>
+            </div>
+            <img src="/images/test/tile.jpg" alt="Tile" style="margin: 0 auto;">
+        </a>
+    </div>
+</div>
+
+<style>
+.image {
+  width: 100%;
+  height: auto;
+}
+
+.overlay {
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  right: 0;
+  background-color: #000000;
+  overflow: hidden;
+  width: 100%;
+  height: 0;
+  transition: .5s ease;
+}
+
+.container:hover .overlay {
+  bottom: 0;
+  height: 100%;
+}
+
+.text {
+  white-space: nowrap; 
+  color: white;
+  font-size: 20px;
+  position: absolute;
+  overflow: hidden;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+}
+</style>
diff --git a/content/1-chapter1/_index.vi.md → content/start/_index.vi.md b/content/1-chapter1/_index.vi.md → content/start/_index.vi.md
diff --git a/static/css/theme-workshop.css b/static/css/theme-workshop.css
@@ -8,7 +8,7 @@
     --MAIN-ANCHOR-color: #4881cd; /* color of anchors on titles */
 
     --MENU-HEADER-BG-color:#283e5b; /* Background color of menu header */
-    --MENU-HEADER-BORDER-color:#435c7c; /*Color of menu header border */
+    --MENU-HEADER-BORDER-color:#ffcf21; /*Color of menu header border */
 
     --MENU-SEARCH-BG-color:#202c3c; /* Search field background color (by default borders + icons) */
     --MENU-SEARCH-BOX-color: #4d6584; /* Override search field border color */
@@ -101,15 +101,19 @@ a:hover {
 
 #topbar {
     z-index:1;
-    background: var(--MENU-HEADER-BG-color);
+    background-image: url("/images/head/metro_bg.jpg");
+    background-size: 100% 100%;
+    /* background: var(--MENU-HEADER-BG-color); */
     color: var(--MENU-SEARCH-BOX-color);
     border-color: var(--MENU-HEADER-BORDER-color);
     position: sticky;
     top: 0;
 }
 
 #topbar #header-wrapper {
-    background: var(--MENU-HEADER-BG-color);
+    background-image: url("/images/head/metro_bg.jpg");
+    background-size: 100% 100%;
+    /* background: var(--MENU-HEADER-BG-color); */
     color: var(--MENU-SEARCH-BOX-color);
     border-color: var(--MENU-HEADER-BORDER-color);
 }

diff --git a/static/images/head/metro_bg.jpg b/static/images/head/metro_bg.jpg
diff --git a/themes/hugo-theme-learn/layouts/index.html b/themes/hugo-theme-learn/layouts/index.html
@@ -4,7 +4,12 @@
 </span>
 
 {{if .Site.Home.Content }} 
-{{.Site.Home.Content}}	
+{{.Site.Home.Content}}
+{{ else if .GetPage "/start" }}
+{{ with .GetPage "/start" }}
+	<h1>{{ .Title }}</h1>
+  	{{ .Content }}
+{{end}}	
 {{else}}           
 	{{if eq .Site.Language.Lang "fr"}}
 		<h1>Personaliser la page d'accueil</h1>

diff --git a/themes/hugo-theme-learn/layouts/partials/headtop.html b/themes/hugo-theme-learn/layouts/partials/headtop.html
@@ -4,6 +4,7 @@
     {{ $showvisitedlinks := .Site.Params.showVisitedLinks }}
 
     <div id="header-wrapper">
+
         <div id="upper" style="display: grid; grid-template-columns: 270px 1fr 300px;">
             <div id="navigation-buttons" style="display: grid; grid-template-columns: 1fr 1fr;">
                     <!-- Next prev page -->
@@ -41,20 +42,20 @@
                     <div id="nav-back"> 
                     {{with ($.Scratch.Get "prevPage")}}
                         <a class="nav nav-prev" href="{{.RelPermalink}}" title="{{.Title}}">
-                            <i class="fa fa-chevron-left" style="margin-top: 20%; position: relative;"></i>
+                            <i class="fas fa-arrow-alt-circle-left" style="margin-top: 10%; position: relative; font-size: 2.5em;"></i>
                         </a>
                     {{ else }}
-                        <i class="fa fa-chevron-left" style="margin-top: 20%; position: relative;"> </i>
+                        <i class="fas fa-arrow-alt-circle-left" style="margin-top: 10%; position: relative; font-size: 2.5em;"> </i>
                     {{end}}
                     </div>
 
                     <div id="nav-next"> 
                     {{with ($.Scratch.Get "nextPage")}}
                         <a class="nav nav-next" href="{{.RelPermalink}}" title="{{.Title}}">
-                            <i class="fa fa-chevron-right" style="margin-top: 20%; position: relative;"></i>
+                            <i class="fas fa-arrow-alt-circle-right" style="margin-top: 10%; position: relative; font-size: 2.5em;"></i>
                         </a>
                     {{ else }}
-                        <i class="fa fa-chevron-right" style="margin-top: 20%; position: relative;"> </i>
+                        <i class="fas fa-arrow-alt-circle-right" style="margin-top: 10%; position: relative; font-size: 2.5em;"> </i>
                     {{end}}
                     </div>
             </div>

diff --git a/themes/hugo-theme-learn/static/css/theme-blue.css b/themes/hugo-theme-learn/static/css/theme-blue.css
@@ -69,12 +69,15 @@ a:hover {
 #sidebar {
 	background-color: var(--MENU-SECTIONS-BG-color);
 }
-#sidebar #header-wrapper {
+#header-wrapper {
     background: var(--MENU-HEADER-BG-color);
     color: var(--MENU-SEARCH-BOX-color);
     border-color: var(--MENU-HEADER-BORDER-color);
 }
-#sidebar .searchbox {
+.fas {
+    color: rgb(201, 234, 255);
+}
+.searchbox {
 	border-color: var(--MENU-SEARCH-BOX-color);
     background: var(--MENU-SEARCH-BG-color);
 }

diff --git a/themes/hugo-theme-learn/static/css/theme-green.css b/themes/hugo-theme-learn/static/css/theme-green.css
@@ -69,19 +69,19 @@ a:hover {
 #sidebar {
 	background-color: var(--MENU-SECTIONS-BG-color);
 }
-#sidebar #header-wrapper {
+#header-wrapper {
     background: var(--MENU-HEADER-BG-color);
     color: var(--MENU-SEARCH-BOX-color);
-    border-color: var(--MENU-HEADER-BORDER-color);
+    border-bottom: 4px solid var(--MENU-HEADER-BORDER-color);
 }
-#sidebar .searchbox {
+.searchbox {
 	border-color: var(--MENU-SEARCH-BOX-color);
     background: var(--MENU-SEARCH-BG-color);
 }
 #sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
     background: var(--MENU-SECTIONS-ACTIVE-BG-color);
 }
-#sidebar .searchbox * {
+#topbar .searchbox * {
     color: var(--MENU-SEARCH-BOX-ICONS-color);
 }