feat: new style update

Author: novalagung

.github/workflows/deploy.yml

@@ -24,10 +24,10 @@ jobs:
         mv etc/cover_small.jpg .
         mv etc/cover_square.png .
         mv etc/cover.jpg .
-        mv etc/custom.css .
+        mv etc/style-custom.css .
         mv etc/main.go .
         mv etc/robots.txt .
-        mv etc/gitbook-plugin-disqus.js .
+        mv etc/script-gitbook-plugin-disqus.js .
         npm install -g gitbook-cli
         gitbook install
         cd ~/.gitbook/versions/3.2.3 && npm i npm@5

content/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Version Changelogs & Updates
 
+## 📝 Release v4.0.20241115 (2024-11-15)
+
+#### ◉ General update
+
+- UI updates
+
 ## 📝 Release v4.0.20240830 (2024-08-30)
 
 #### ◉ Chapter update

content/README.md

@@ -21,15 +21,15 @@ Ada total sekitar <b>120 chapter</b> yang dibahas dalam website/ebook ini. Kumpu
 	</li>
 </ol>
 
-Versi e-book: **v4.0.20240830**, dan versi Go **1.22**.
+Versi e-book: **v4.0.20241115**, dan versi Go **1.22**.
 
 ## Download File E-book (pdf, epub, mobi)
 
 Versi ebook bisa di-download dalam bentuk file via link berikut:
 
-- [PDF](https://github.com/novalagung/dasarpemrogramangolang/raw/ebooks/dasarpemrogramangolang.pdf?v=v4.0.20240830)
-- [Epub](https://github.com/novalagung/dasarpemrogramangolang/raw/ebooks/dasarpemrogramangolang.epub?v=v4.0.20240830)
-- [Mobi](https://github.com/novalagung/dasarpemrogramangolang/raw/ebooks/dasarpemrogramangolang.mobi?v=v4.0.20240830)
+- [PDF](https://github.com/novalagung/dasarpemrogramangolang/raw/ebooks/dasarpemrogramangolang.pdf?v=v4.0.20241115)
+- [Epub](https://github.com/novalagung/dasarpemrogramangolang/raw/ebooks/dasarpemrogramangolang.epub?v=v4.0.20241115)
+- [Mobi](https://github.com/novalagung/dasarpemrogramangolang/raw/ebooks/dasarpemrogramangolang.mobi?v=v4.0.20241115)
 
 Untuk mendapatkan konten buku yang paling update, silakan baca langsung versi web secara online atau download ulang e-book versi terbaru.
 

etc/main.go

@@ -147,7 +147,7 @@ func webbookPostAdjustment() {
 		htmlString = strings.ReplaceAll(htmlString, imagesAltToFind, imagesAltReplacement)
 
 		// ==== disqus lazy load
-		disqusJSBuf, err := os.ReadFile("./gitbook-plugin-disqus.js")
+		disqusJSBuf, err := os.ReadFile("./script-gitbook-plugin-disqus.js")
 		if err != nil {
 			fmt.Println("error", err)
 		}
@@ -158,12 +158,10 @@ func webbookPostAdjustment() {
 
 		// ==== gitbook assets lazy load
 		cssToLoad := []string{
-			// "gitbook/style.css",
 			"gitbook/gitbook-plugin-disqus/plugin.css",
 			"gitbook/gitbook-plugin-highlight/website.css",
 			"gitbook/gitbook-plugin-search/search.css",
 			"gitbook/gitbook-plugin-fontsettings/website.css",
-			// `/custom.css?v=` + getVersion() + `"`,
 		}
 		for _, cssFileNameToFind := range cssToLoad {
 			cssFileNameReplacement := fmt.Sprintf(`%s" media="print" onload="this.media='all'`, cssFileNameToFind)
@@ -181,10 +179,10 @@ func webbookPostAdjustment() {
 		htmlString = strings.ReplaceAll(htmlString, buttonToFind, buttonReplacement)
 
 		// ==== inject adjustment css
-		adjustmentCSSBuf, _ := os.ReadFile("./custom.css")
-		os.WriteFile("./_book/gitbook/custom.css", adjustmentCSSBuf, 0644)
+		adjustmentCSSBuf, _ := os.ReadFile("./style-custom.css")
+		os.WriteFile("./_book/gitbook/style-custom.css", adjustmentCSSBuf, 0644)
 		adjustmentCSSToFind := `</head>`
-		adjustmentCSSReplacement := `<link rel="stylesheet" href="gitbook/custom.css?v=` + getVersion() + `">` + adjustmentCSSToFind
+		adjustmentCSSReplacement := `<link rel="stylesheet" href="gitbook/style-custom.css?v=` + getVersion() + `">` + adjustmentCSSToFind
 		htmlString = strings.ReplaceAll(htmlString, adjustmentCSSToFind, adjustmentCSSReplacement)
 
 		// ==== inject github stars js script

etc/gitbook-plugin-disqus.js renamed to etc/script-gitbook-plugin-disqus.js

@@ -1,8 +1,9 @@
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
 /* base font */
-body {
-    font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif;
+body .book.font-family-1, .book-summary {
+    font-family: Inter, Source Sans Pro, Helvetica Neue, Arial, sans-serif;
 }
 
 /* unmark to disable search bar, replace it with the book title instead */
@@ -26,6 +27,15 @@ body {
     position: absolute;
 } */
 
+.dropdown.font-settings {
+    display: none;
+}
+
+.page-inner {
+    max-width: fit-content;
+    padding: 20px 100px 40px 100px;
+}
+
 /* disable word wrap at left sidebar */
 .book-summary ul.summary li a, .book-summary ul.summary li span {
     text-overflow: initial;
@@ -87,12 +97,12 @@ body {
 
 /* make the sidebar wider, and adjust the content to match it */
 .book-summary {
-    left: -500px;
-    width: 500px;
+    left: -470px;
+    width: 470px;
 }
 @media (min-width: 600px) {
     .book.with-summary .book-body {
-        left: 500px;
+        left: 470px;
     }
 }
 
@@ -128,7 +138,8 @@ ins.adsbygoogle {
 
 /* disquss block */
 #disqus_thread {
-    margin-top: 40px;
+    margin: 40px auto 5px;
+    max-width: 800px;
 }
 #disqus_thread + #disqus_thread {
     display: none;
@@ -161,7 +172,7 @@ ins.adsbygoogle {
     position: fixed;
     bottom: 0;
     right: 17px;
-    left: 500px;
+    left: 470px;
     z-index: 1000;
 }