feat: minify js and css

danielorihuela · Jun 4, 2024 · cdf0ae7 · cdf0ae7
1 parent 7c0a078
commit cdf0ae7
Show file tree

Hide file tree

Showing 14 changed files with 22 additions and 16 deletions.
diff --git a/...s/do-cyberpunk-theme/static/css/about.css → ...s/do-cyberpunk-theme/assets/css/about.css b/...s/do-cyberpunk-theme/static/css/about.css → ...s/do-cyberpunk-theme/assets/css/about.css
diff --git a/...es/do-cyberpunk-theme/static/css/code.css → ...es/do-cyberpunk-theme/assets/css/code.css b/...es/do-cyberpunk-theme/static/css/code.css → ...es/do-cyberpunk-theme/assets/css/code.css
diff --git a/...do-cyberpunk-theme/static/css/desktop.css → ...do-cyberpunk-theme/assets/css/desktop.css b/...do-cyberpunk-theme/static/css/desktop.css → ...do-cyberpunk-theme/assets/css/desktop.css
@@ -37,7 +37,7 @@ body {
     position: absolute;
     z-index: -1;
     cursor: default;
-    text-align: center;
+    /* text-align: center; */
     min-width: 70%;
     max-width: 90%;
     left: 50%;

diff --git a/...cyberpunk-theme/static/css/everywhere.css → ...cyberpunk-theme/assets/css/everywhere.css b/...cyberpunk-theme/static/css/everywhere.css → ...cyberpunk-theme/assets/css/everywhere.css
diff --git a/...s/do-cyberpunk-theme/static/css/frame.css → ...s/do-cyberpunk-theme/assets/css/frame.css b/...s/do-cyberpunk-theme/static/css/frame.css → ...s/do-cyberpunk-theme/assets/css/frame.css
diff --git a/...es/do-cyberpunk-theme/static/css/icon.css → ...es/do-cyberpunk-theme/assets/css/icon.css b/...es/do-cyberpunk-theme/static/css/icon.css → ...es/do-cyberpunk-theme/assets/css/icon.css
diff --git a/...es/do-cyberpunk-theme/static/css/page.css → ...es/do-cyberpunk-theme/assets/css/page.css b/...es/do-cyberpunk-theme/static/css/page.css → ...es/do-cyberpunk-theme/assets/css/page.css
@@ -4,6 +4,9 @@ body {
     padding: 1rem;
     margin: 0 auto;
     max-width: 100ch;
+
+    /* background-color: #18002f;
+    color: white; */
 }
 
 .title {
@@ -23,10 +26,4 @@ body {
 .centered-image {
     display: flex;
     justify-content: center;
-}
-
-p > code {
-    background-color: #c2c5cb;
-    border-radius: 4px;
-    padding: 2px;
 }
diff --git a/...do-cyberpunk-theme/static/css/section.css → ...do-cyberpunk-theme/assets/css/section.css b/...do-cyberpunk-theme/static/css/section.css → ...do-cyberpunk-theme/assets/css/section.css
diff --git a/...yberpunk-theme/static/js/frame/buttons.js → ...yberpunk-theme/assets/js/frame/buttons.js b/...yberpunk-theme/static/js/frame/buttons.js → ...yberpunk-theme/assets/js/frame/buttons.js
diff --git a/...o-cyberpunk-theme/static/js/frame/drag.js → ...o-cyberpunk-theme/assets/js/frame/drag.js b/...o-cyberpunk-theme/static/js/frame/drag.js → ...o-cyberpunk-theme/assets/js/frame/drag.js
diff --git a/...-cyberpunk-theme/static/js/frame/index.js → ...-cyberpunk-theme/assets/js/frame/index.js b/...-cyberpunk-theme/static/js/frame/index.js → ...-cyberpunk-theme/assets/js/frame/index.js
diff --git a/...cyberpunk-theme/static/js/frame/resize.js → ...cyberpunk-theme/assets/js/frame/resize.js b/...cyberpunk-theme/static/js/frame/resize.js → ...cyberpunk-theme/assets/js/frame/resize.js
diff --git a/...-cyberpunk-theme/static/js/frame/utils.js → ...-cyberpunk-theme/assets/js/frame/utils.js b/...-cyberpunk-theme/static/js/frame/utils.js → ...-cyberpunk-theme/assets/js/frame/utils.js
diff --git a/themes/do-cyberpunk-theme/layouts/partials/header.html b/themes/do-cyberpunk-theme/layouts/partials/header.html
@@ -7,34 +7,43 @@
 	<meta name="viewport" content="width=device-width, height=device-height">
 
 
-	<link rel="stylesheet" href="/css/everywhere.css" />
+	{{ $everywhere := resources.Get "css/everywhere.css" | resources.Minify }}
+	<link rel="stylesheet" href="{{ $everywhere.RelPermalink }}">
 
 	<title>{{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }}</title>
 
 	{{ if .IsHome }}
-		<link rel="stylesheet" href="/css/desktop.css" />
-		<link rel="stylesheet" href="/css/icon.css" />
-		<link rel="stylesheet" href="/css/frame.css" />
+		{{ $desktop := resources.Get "css/desktop.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $desktop.RelPermalink }}">
+		{{ $icon := resources.Get "css/icon.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $icon.RelPermalink }}">
+		{{ $frame := resources.Get "css/frame.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $frame.RelPermalink }}">
 	{{ else if (eq .Kind "section") }}
-		<link rel="stylesheet" href="/css/section.css" />
+		{{ $section := resources.Get "css/section.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $section.RelPermalink }}">
 	{{ else if (eq .Kind "page") }}
-		<link rel="stylesheet" href="/css/page.css" />
+		{{ $page := resources.Get "css/page.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $page.RelPermalink }}">
 
 		<!-- Code syntax highlighting -->
-		<link rel="stylesheet" href="/css/code.css">
+		{{ $code := resources.Get "css/code.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $code.RelPermalink }}">
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
 		<script>hljs.highlightAll();</script>
 	{{ end }}
 
 	{{ if (eq .Type "about") }}
-		<link rel="stylesheet" href="/css/about.css" />
+		{{ $about := resources.Get "css/about.css" | resources.Minify }}
+		<link rel="stylesheet" href="{{ $about.RelPermalink }}">
 	{{ end }}
 
 	{{ with .OutputFormats.Get "rss" -}}
 		{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
 	{{ end -}}
 
-	<script type="module" src="/js/frame/index.js"></script>
+	{{ $index := resources.Get "js/frame/index.js" | resources.Minify }}
+	<script type="module" src="{{ $index.RelPermalink }}"></script>
 </head>
 
 <body>