Size optimization

kotet · Sep 22, 2023 · b4704e2 · b4704e2
1 parent 087fbc7
commit b4704e2
Show file tree

Hide file tree

Showing 15 changed files with 31 additions and 70 deletions.
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -13,6 +13,7 @@
                     },
                 },
                 "terminal.integrated.defaultProfile.linux": "bash",
+                "files.insertFinalNewline": false
             },
             "extensions": [
                 "ms-azuretools.vscode-docker",

diff --git a/404.html b/404.html
@@ -1,7 +1,6 @@
 ---
 layout: default
 ---
-
 <style type="text/css" media="screen">
   .container {
     margin: 10px auto;
@@ -15,10 +14,8 @@
     letter-spacing: -1px;
   }
 </style>
-
-<div class="container">
+<div>
   <h1>404</h1>
-
   <p><strong>Page not found :(</strong></p>
   <p>The requested page could not be found.</p>
 </div>
diff --git a/Gemfile b/Gemfile
@@ -1,2 +1,4 @@
 source 'https://rubygems.org'
 gem "github-pages", "~> 228", group: :jekyll_plugins
+
+gem "webrick", "~> 1.8"
diff --git a/_config.yml b/_config.yml
@@ -30,6 +30,9 @@ markdown: kramdown
 sass:
   style: compressed
 
+# use custom theme
+theme: null
+
 # Exclude from processing.
 # The following items will not be processed, by default. Create a custom list
 # to override the default setting.
@@ -42,3 +45,4 @@ exclude:
   - vendor/gems/
   - vendor/ruby/
   - README.md
+  - LICENSE
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,10 +1 @@
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    {% include head/style.html %}
-    <title>{% if page.tags %}#{{ page.tags[0] }} {% endif %}{% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
-    <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
-    {% if page.mathjax %}{% include head/mathjax.html %}{% endif %}
-    {% if jekyll.environment == 'production' and site.google_analytics %}{% include head/google-analytics.html %}{% endif %}
-    {% if jekyll.environment == 'production' and site.twitter_cards %}{% include head/twitter-cards.html %}{% endif %}
-</head>
+<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1">{% include head/style.html %}<title>{% if page.tags %}#{{ page.tags[0] }} {% endif %}{% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title><meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">{% if page.mathjax %}{% include head/mathjax.html %}{% endif %}{% if jekyll.environment == 'production' and site.google_analytics %}{% include head/google-analytics.html %}{% endif %}{% if jekyll.environment == 'production' and site.twitter_cards %}{% include head/twitter-cards.html %}{% endif %}</head>
diff --git a/_includes/head/google-analytics.html b/_includes/head/google-analytics.html
@@ -1,7 +1 @@
-<script defer src="//www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', '{{ site.google_analytics }}');
-</script>
+<script defer src="//www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '{{ site.google_analytics }}');</script>
diff --git a/_includes/head/style.html b/_includes/head/style.html
@@ -1 +1 @@
-{% capture styles %}{% include head/style.scss %}{% endcapture %}<style>{{ styles | scssify }}</style>
+<link rel="stylesheet" href="{% include relative %}/style.css">
diff --git a/_includes/head/style.scss b/_includes/head/style.scss
diff --git a/_includes/head/twitter-cards.html b/_includes/head/twitter-cards.html
@@ -1,13 +1,5 @@
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:site" content="@{{ site.twitter_username }}" />
-{% if page.title %}
-  <meta name="twitter:title" content="{{ page.title | escape }} - {{ site.title | escape }}" />
-{% else %}
-  <meta name="twitter:title" content="{{ site.title }}" />
-{% endif %}
+{% if page.title %}<meta name="twitter:title" content="{{ page.title | escape }} - {{ site.title | escape }}" />{% else %}<meta name="twitter:title" content="{{ site.title }}" />{% endif %}
 <meta name="twitter:description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}" />
-{% if page.image %}
-  <meta name="twitter:image" content="{{ site.url }}/assets/{{ page.image }}" />
-{% else %}
-  <meta name="twitter:image" content="{{ site.url }}/assets/logo.png" />
-{% endif %}
+{% if page.image %}<meta name="twitter:image" content="{{ site.url }}/assets/{{ page.image }}" />{% else %}<meta name="twitter:image" content="{{ site.url }}/assets/logo.png" />{% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -5,21 +5,14 @@
     <header>
         <a class="site-title" href="{% include relative %}" >{{ site.title }}</a>
         <div style="display: inline-block">
-            {% for my_page in site.pages %}{% if my_page.title and my_page.noindex != true %}
-             | <a href="{% include relative %}{{ my_page.url | relative_url }}">{{ my_page.title }}</a>
-            {% endif %}{% endfor %}
+            {% for my_page in site.pages %}{% if my_page.title and my_page.noindex != true %} | <a href="{% include relative %}{{ my_page.url | relative_url }}">{{ my_page.title }}</a>{% endif %}{% endfor %}
         </div>
-
     </header>
     <hr>
-    <main>
-    <div class="content-wrapper">
-    {{ content }}
-    </div>
-    </main>
+    <main><div class="content-wrapper">{{ content }}</div></main>
     <hr>
     <footer>
         {% capture footer-md %}{% include footer.md %}{% endcapture %}{{ footer-md | markdownify }}
     </footer>
 </body>
-</html>
+</html>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -1,19 +1,17 @@
 ---
 layout: default
 ---
-<div class="home">
-<span class="post-counter" >{{ site.posts | size }} Posts</span>
+<div style="padding: 1em;">
+<span style="font-weight: bold;" >{{ site.posts | size }} Posts</span>
 <ul>
     {% for post in site.posts %}
     <li>
         <a href="{% include relative %}{{ post.url | relative_url }}">{{ post.title | escape }}</a>
         <p class="post-info">
             <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %-d, %Y" }}</time>
-            {% for tag in post.tags %}
-             | <a href="{% include relative %}/tags/#{{ tag | downcase }}">#{{ tag }}</a>
-            {% endfor %}
+            {% for tag in post.tags %} | <a href="{% include relative %}/tags/#{{ tag | downcase }}">#{{ tag }}</a>{% endfor %}
         </p>
     </li>
     {% endfor %}
 </ul>
-</div>
+</div>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -2,8 +2,6 @@
 layout: default
 ---
 <article>
-    <div class="post-header">
-        <h1>{{ page.title | escape }}</h1>
-    </div>
+    <div class="post-header"><h1>{{ page.title | escape }}</h1></div>
     {{ content }}
-</article>
+</article>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -4,15 +4,12 @@
 <article>
     <div class="post-header">
         <h1>
-            <a href="{% include relative %}/tags/#{{ page.tags[0] | downcase }}">#{{ page.tags[0] }}</a> 
-            {{ page.title | escape }}
+            <a href="{% include relative %}/tags/#{{ page.tags[0] | downcase }}">#{{ page.tags[0] }}</a> {{ page.title | escape }}
         </h1>
         <p class="post-info">
                 <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%b %-d, %Y" }}</time>
-            {% for tag in page.tags %}
-             | <a href="{% include relative %}/tags/#{{ tag | downcase }}">#{{ tag }}</a>
-            {% endfor %}
+            {% for tag in page.tags %} | <a href="{% include relative %}/tags/#{{ tag | downcase }}">#{{ tag }}</a>{% endfor %}
         </p>
     </div>
     {{ content }}
-</article>
+</article>
diff --git a/_sass/base.scss b/_sass/base.scss
@@ -26,17 +26,9 @@ header,footer {
     padding: 10px;
 }
 
-.home {
-    padding: 1em;
-}
-
 .site-title {
     color: $text-color;
-    font-weight: bold; 
-}
-
-.post-counter {
-    font-weight: bold; 
+    font-weight: bold;
 }
 
 .post-info {
@@ -57,4 +49,4 @@ table {
     * {
         max-width: 100%;
     }
-}
+}
diff --git a/style.scss b/style.scss
@@ -0,0 +1,4 @@
+---
+---
+@import "base";
+@import "syntax-highlighting";