Finishing theme

content/about/_index.md

@@ -3,5 +3,7 @@ title: "About me"
 date: "`r Sys.Date()`"
 weight: 2
 chapter: false
-# pre: "<b> 2. </b>"
----
+# pre: "<b>  </b>"
+---
+
+Tôi tên Long, còn gọi là Kira. Tôi làm các blog hướng dẫn cách sử dụng đồ công nghệ. Giới thiệu giải pháp quy mô nhỏ và một vài nghiên cứu cá nhân. Tôi làm web này để lưu trữ những thông tin quan trọng với mình. Trang web sẽ được hoàn thiện theo thời gian. Mọi ý kiến xin liên hệ qua e-mail hoặc GitHub, vì web hiện tại chưa có tính năng bình luận.

content/about/_index.vi.md

@@ -3,6 +3,6 @@ title: "Giới thiệu"
 date: "`r Sys.Date()`"
 weight: 2
 chapter: false
-# pre: "<b> 2. </b>"
+# pre: "<b>  </b>"
 ---
 

content/post-categories/_index.md

@@ -0,0 +1,9 @@
+---
+title: "Categories"
+date: "`r Sys.Date()`"
+weight: 3
+chapter: false
+# pre: "<b> </b>"
+---
+
+### Hmm

content/post-categories/_index.vi.md

@@ -0,0 +1,9 @@
+---
+title: "Phân loại"
+date: "`r Sys.Date()`"
+weight: 3
+chapter: false
+# pre: "<b>  </b>"
+---
+
+### Hmm

content/science/_index.md

@@ -0,0 +1,9 @@
+---
+title: "I love Science"
+date: "`r Sys.Date()`"
+weight: 5
+chapter: false
+# pre: "<b> </b>"
+---
+
+### Hmm

content/science/_index.vi.md

@@ -0,0 +1,9 @@
+---
+title: "Em yêu khoa học"
+date: "`r Sys.Date()`"
+weight: 3
+chapter: false
+# pre: "<b>  </b>"
+---
+
+### Hmm

content/start/_index.md

@@ -3,7 +3,7 @@ title: "Start"
 date: "`r Sys.Date()`"
 weight: 1
 chapter: false
-# pre: "<b> 1. </b>"
+# pre: "<b>  </b>"
 ---
 
 ### This is what we call "Home"-page

content/start/_index.vi.md

@@ -1,15 +1,64 @@
 ---
-title: "Giới thiệu"
+title: "Start"
 date: "`r Sys.Date()`"
 weight: 1
 chapter: false
-pre: "<b> 1. </b>"
+# pre: "<b>  </b>"
 ---
 
-#### Giới thiệu
+#### Đây là nơi chúng ta gọi là "nhà"
 
-Trí tuệ nhân tạo sinh học (Generative Artificial Intelligence - Gen AI) đang thay đổi cách mà các doanh nghiệp hoạt động và đẩy nhanh tốc độ đổi mới. Nói chung, lĩnh vực trí tuệ nhân tạo đang thay đổi cách mà các doanh nghiệp sử dụng công nghệ. Công nghệ Gen AI bao gồm việc điều chỉnh và triển khai các Mô hình Ngôn ngữ Lớn (Large Language Models - LLM), và cho phép các nhà phát triển truy cập vào những mô hình đó để thực hiện các yêu cầu và cuộc trò chuyện. Các nhóm nền tảng sử dụng Kubernetes có thể điều chỉnh và triển khai các LLM trên Dịch vụ Kubernetes đàn hồi của Amazon (Amazon Elastic Kubernetes Service - Amazon EKS). Bài viết này sẽ hướng dẫn bạn qua một ngăn xếp từ đầu đến cuối và ví dụ về việc xây dựng các hệ thống Gen AI trên Amazon EKS. Amazon EKS là một dịch vụ Kubernetes được quản lý giúp việc triển khai, quản lý và mở rộng các ứng dụng chứa trong các container sử dụng Kubernetes trên AWS trở nên dễ dàng hơn. Một trong những điểm mạnh của Amazon EKS là tính mở rộng của nó; mặt dữ liệu có thể mở rộng một cách linh hoạt, đảm bảo rằng khi các mô hình trí tuệ nhân tạo đòi hỏi nhiều năng lượng tính toán hơn, Amazon EKS có thể linh hoạt điều chỉnh. Ví dụ, các cụm Amazon EKS có thể mở rộng để hỗ trợ hàng chục nghìn container hoạt động, điều này làm cho nó trở nên lý tưởng cho các công việc trí tuệ nhân tạo chuyên sâu. Ngoài tính mở rộng, Amazon EKS còn cung cấp một mức độ tùy chỉnh cao, cho phép người dùng điều chỉnh cấu hình để phù hợp với các yêu cầu cụ thể. Amazon EKS tích hợp các biện pháp bảo vệ tích hợp mạnh mẽ để bảo vệ cả mô hình trí tuệ nhân tạo và dữ liệu của bạn.
+<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="/vi/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>
 
-Các mô hình GenAI đại diện cho một bước tiến quan trọng trong lĩnh vực Trí tuệ nhân tạo/Máy học, nhờ vào tính ứng dụng rộng lớn cùng với sự dễ dàng tiếp cận cho những người không chuyên về trí tuệ nhân tạo. Truyền thống, việc sử dụng trí tuệ nhân tạo có nghĩa là tạo ra một mô hình chuyên biệt cho mỗi trường hợp sử dụng cụ thể, điều này đòi hỏi một lượng lớn tài nguyên tính toán và nhân sự mỗi lần. Các mô hình GenAI vượt qua rào cản này bằng cách tạo ra các Mô hình Nền tảng (Foundation Models - FM). FM cho phép việc sử dụng lại bằng cách cung cấp khả năng điều chỉnh chúng để sử dụng cho nhiều trường hợp sử dụng mà không cần phải xây dựng các mô hình từ đầu lặp lại. Các mô hình nền tảng phổ biến nhất hiện nay sử dụng các bộ biến đổi (transformers) (sinh văn bản)/lọc (diffusers) (ví dụ, sinh hình ảnh) để đạt được tính linh hoạt này. Các mô hình này có khả năng ứng dụng tiềm năng trên một loạt các trường hợp sử dụng và ngành công nghiệp từ các trợ lý ảo và trợ lý ảo ảo đến việc tạo ra video hoàn toàn thông qua các yêu cầu văn bản cho marketing.
+<style>
+.image {
+  width: 100%;
+  height: auto;
+}
 
-LLMs bao gồm hàng tỷ tham số đòi hỏi một lượng lớn tài nguyên cho việc đào tạo hiệu suất cao cũng như suy luận thấp độ trễ. Amazon EKS là một bộ điều phối hiệu quả để giúp đạt được quy mô nhanh chóng cần thiết cho các công việc GenAI này trong khi cung cấp các công cụ để đáp ứng quản lý doanh nghiệp và kiểm soát. Amazon EKS không chỉ giúp đơn giản hóa quản lý mà còn cung cấp một loạt các công cụ mã nguồn mở để giải quyết các thách thức ML độc đáo. Amazon EKS trao cho bạn toàn quyền kiểm soát về môi trường của bạn, đảm bảo hiệu quả chi phí tối ưu.
+.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>

content/story/_index.md

@@ -0,0 +1,10 @@
+---
+title: "What's the story ?"
+date: "`r Sys.Date()`"
+weight: 4
+chapter: false
+# pre: "<b> </b>"
+---
+
+### Hmm
+

content/story/_index.vi.md

@@ -0,0 +1,9 @@
+---
+title: "Chuyện gì đây ?"
+date: "`r Sys.Date()`"
+weight: 4
+chapter: false
+# pre: "<b>  </b>"
+---
+
+### Hmm

content/technology/_index.md

@@ -0,0 +1,9 @@
+---
+title: "Technology"
+date: "`r Sys.Date()`"
+weight: 6
+chapter: false
+# pre: "<b> </b>"
+---
+
+### Hmm

content/technology/_index.vi.md

@@ -0,0 +1,9 @@
+---
+title: "Công nghệ"
+date: "`r Sys.Date()`"
+weight: 6
+chapter: false
+# pre: "<b>  </b>"
+---
+
+### Hmm

themes/hugo-theme-learn/static/css/theme-metro-green.css → static/css/theme-metro-green.css

@@ -1,6 +1,6 @@
 
 :root{
-    
+
     --MAIN-TEXT-color:#323232; /* Color of text by default */
     --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5 */
     --MAIN-LINK-color:#599a3e; /* Color of links */
@@ -12,7 +12,7 @@
 
     --MENU-SEARCH-BG-color:#b3f696; /* Search field background color (by default borders + icons) */
     --MENU-SEARCH-BOX-color: #5a9442; /* Override search field border color */
-    --MENU-SEARCH-BOX-ICONS-color: #c7f7c4; /* Override search field icons color */
+    --MENU-SEARCH-BOX-ICONS-color: #1b3319; /* Override search field icons color */
 
     --MENU-SECTIONS-ACTIVE-BG-color:#1b211c; /* Background color of the active section and its childs */
     --MENU-SECTIONS-BG-color:#222723; /* Background color of other sections */
@@ -23,7 +23,7 @@
 
     --MENU-VISITED-color: #599a3e; /* Color of 'page visited' icons in menu */
     --MENU-SECTION-HR-color: #18211c; /* Color of <hr> separator in menu */
-    
+
 }
 
 body {
@@ -55,6 +55,39 @@ a:hover {
 	color: var(--MENU-VISITED-color);
 }
 
+.fas {
+    color: var(--MENU-SEARCH-BG-color);
+}
+
+#sidebar #footer {
+  padding-top: 20px !important;
+}
+
+#sidebar #footer h2.github-title {
+  font-size: 20px;
+  color: #fd9827 !important;
+  margin: 10px 0px 5px;
+  padding: 0px;
+  font-weight: normal !important;
+  margin-top: 10px;
+  padding-top: 30px;
+  border-top: 1px dotted #384657;
+}
+
+#sidebar #footer h3.github-title {
+  font-size: 14px;
+  margin: 10px 0px 5px;
+  padding: 0px;
+  text-transform: uppercase;
+  letter-spacing: .15px;
+}
+
+#sidebar #footer h5.copyright, #sidebar #footer p.build-number {
+  font-size: 10px;
+  letter-spacing: .15px;
+  line-height: 150% !important;
+}
+
 #body a.highlight:after {
     display: block;
     content: "";
@@ -68,17 +101,37 @@ a:hover {
 }
 #sidebar {
 	background-color: var(--MENU-SECTIONS-BG-color);
+    background-image: linear-gradient(to right, #141815 , #151815 ,#212522);
 }
-#header-wrapper {
+
+#topbar {
+    z-index:1;
+    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%;
     color: var(--MENU-SEARCH-BOX-color);
-    border-bottom: 4px solid var(--MENU-HEADER-BORDER-color);
+    border-color: var(--MENU-HEADER-BORDER-color);
 }
-.searchbox {
+#topbar .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);
+}
+#topbar .searchbox * {
+    color: var(--MENU-SEARCH-BOX-ICONS-color);
+}
+
 .searchbox input::-webkit-input-placeholder {
     color: rgba(0, 0, 0 , 0.6);
 }
@@ -91,16 +144,6 @@ a:hover {
 .searchbox input:-ms-input-placeholder {
     color: rgba(0, 0, 0 , 0.6);
 }
-#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
-    background: var(--MENU-SECTIONS-ACTIVE-BG-color);
-}
-#topbar .searchbox * {
-    color: var(--MENU-SEARCH-BOX-ICONS-color);
-}
-
-.fas {
-    color: var(--MENU-SEARCH-BG-color);
-}
 
 #sidebar a {
     color: var(--MENU-SECTIONS-LINK-color);
@@ -119,10 +162,68 @@ a:hover {
     border-color: var(--MENU-SECTION-HR-color);
 }
 
-#body .tags a.tag-link {
-    background-color: var(--MENU-HEADER-BG-color);    
+#navigation a.nav-prev, #navigation a.nav-next {
+    color: #f19e39 !important;
+}
+
+#navigation a.nav-prev:hover, #navigation a.nav-next:hover  {
+    color: #e07d04 !important;
+}
+
+div.notices p:first-child:before {
+    position: absolute;
+    top: 2px;
+    color: #fff;
+    font-family: 'Font Awesome\ 5 Free';
+    content: #F06A;
+    font-weight: 900; /* Fix version 5.0.9 */
+    left: 10px;
+}
+
+body {
+    color: var(--MAIN-TEXT-color) !important;
+    background-image: url("/images/bg/m_head_blend.jpg");
+    background-size: 100% 100%;
+    font-family: 'Montserrat', sans-serif;
+	text-align: left;
+}
+
+h1, h2, h3, h4, h5 {
+    color: var(--MAIN-TITLES-TEXT-color) !important;
+    font-family: 'Montserrat', sans-serif;
+}
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
+    border: 1px solid #dddddd;
+    font-weight: normal;
+    color: #454545;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
+    border: 1px solid var(--MENU-HEADER-BG-color);
+    background: var(--MENU-HEADER-BG-color);
+    font-weight: normal;
+    color: #fff;
+}
+
+.ui-widget.ui-widget-content {
+    border: 1px solid #eeeeee;
+}
+
+.ui-widget-header {
+  border: 1px solid #eeeeee;
+}
+
+.hljs {
+  background-color: none; 
+}
+
+pre {
+  background-color: var(--MENU-SECTIONS-BG-color) !important;
+}
+
+div.notices.info p {
+    border-top: 30px solid #fd9827;
+    background: #FFF2DB;
 }
 
-#body .tags a.tag-link:before {
-    border-right-color: var(--MENU-HEADER-BG-color);
-}