Browse Source

fix(help/home): add performance info & undocumented features

Josh Habdas 2 years ago
parent
commit
a8e18c59ba
Signed by: Josh Habdas <jhabdas@protonmail.com> GPG Key ID: B148B31154C75A74

+ 3
- 0
assets/css/theme.css View File

@@ -39,6 +39,9 @@ main, footer {
39 39
 footer time[datetime$="M"]:before {
40 40
   content: "\2013\0020";
41 41
 }
42
+body > footer p.muted {
43
+  margin-bottom: 0;
44
+}
42 45
 @media only screen
43 46
   and ( max-width: 30em ) {
44 47
   footer time[datetime$="M"] {

+ 1
- 1
bin/install View File

@@ -134,5 +134,5 @@ echo "Site created in $SITE_DIR_ABS"
134 134
 echo "Help server started at http://localhost:1414/"
135 135
 echo "To stop it run \"kill \$(ps aux | awk '/[h]ugo.*1414/ {print \$2}')\"."
136 136
 echo "To start it again run \"./themes/after-dark/bin/help\"."
137
-echo "Run \"cd $SITE_DIR && hugo serve\" to start your site."
137
+echo "Run \"cd $SITE_DIR && hugo serve --navigateToChanged\" to start your site."
138 138
 echo "Thank you for choosing After Dark."

+ 2
- 2
docs/config.toml View File

@@ -1,7 +1,7 @@
1 1
 baseurl = "https://after-dark.habd.as/" # Controls base URL sitewide
2 2
 languageCode = "en-US" # Controls site language
3 3
 title = "After Dark" # Homepage title and page title suffix
4
-paginate = 32 # Number of items to show before paginating
4
+paginate = 33 # Number of items to show before paginating
5 5
 
6 6
 # Controls default theme and theme components
7 7
 theme = [
@@ -18,7 +18,7 @@ sectionPagesMenu = "main" # Enable menu system for lazy bloggers
18 18
 footnoteReturnLinkContents = "↩" # Provides a nicer footnote return link
19 19
 
20 20
 [params]
21
-  description = "After Dark is a complete hypermedia authoring system for the Hugo Static Site Generator." # Suggested, controls default description meta
21
+  description = "After Dark is a robust hypermedia authoring system for the Hugo Static Site Generator." # Suggested, controls default description meta
22 22
   author = "Josh Habdas" # Optional, controls author name display on posts
23 23
   hide_author = true # Optional, set true to hide author name on posts
24 24
   show_menu = true # Optional, set true to enable section menu

+ 59
- 39
docs/content/_index.md View File

@@ -1,9 +1,9 @@
1 1
 +++
2 2
 title = "After Dark"
3
-description = "After Dark is a complete hypermedia authoring system for the Hugo Static Site Generator."
3
+description = "After Dark is a robust hypermedia authoring system for the Hugo Static Site Generator."
4 4
 +++
5 5
 
6
-<section class="grid">
6
+<section class="grid logo">
7 7
   <div class="cell -12of12">
8 8
     <svg class="shaded animated" viewBox="0 0 46 45" width="92" height="90" xmlns="http://www.w3.org/2000/svg">
9 9
       <title>After Dark</title>
@@ -12,23 +12,22 @@ description = "After Dark is a complete hypermedia authoring system for the Hugo
12 12
   </div>
13 13
 </section>
14 14
 
15
-<section class="grid">
15
+<section class="grid tagline">
16 16
   <div class="cell -12of12">
17
-    <p class="leading">After Dark is a complete hypermedia authoring system for the {{< external text="Hugo Static Site Generator" href="https://gohugo.io" />}} designed for the creation of engaging websites that are easy to build, fully customizable and secure by design.</p>
17
+    <p>After Dark is a robust hypermedia authoring system using {{< external text="Hugo Static Site Generator" href="https://gohugo.io" />}} for creating immersive websites that are incredibly fast, easy to customize and securely designed.</p>
18 18
   </div>
19 19
 </section>
20 20
 
21
-<svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
22
-  <path d="M30 10 L16 26 2 10 Z" />
23
-</svg>
24
-<svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
25
-  <path d="M30 10 L16 26 2 10 Z" />
26
-</svg>
27
-<svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
28
-  <path d="M30 10 L16 26 2 10 Z" />
29
-</svg>
30
-
31 21
 <section class="hero">
22
+  <svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
23
+    <path d="M30 10 L16 26 2 10 Z" />
24
+  </svg>
25
+  <svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
26
+    <path d="M30 10 L16 26 2 10 Z" />
27
+  </svg>
28
+  <svg viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
29
+    <path d="M30 10 L16 26 2 10 Z" />
30
+  </svg>
32 31
   {{< figure alt="After Dark screenshots" src="minimal-mac_1600x1200-fs8.png" lqipsrc="minimal-mac_800x600-fs8.png" >}}
33 32
 </section>
34 33
 
@@ -40,9 +39,23 @@ description = "After Dark is a complete hypermedia authoring system for the Hugo
40 39
   <h2 id="feature-imaging">Unreal Graphics</h2>
41 40
   <p>Create lazy-loading responsive images and galleries with low-quality image placeholders and special effects all without touching an image editor.</p>
42 41
   <nav><p>
43
-    <a href="/feature/post-images">Responsive Images</a> |
44
-    <a href="/module/hall-of-mirrors">PhotoSwipe Galleries</a> |
45
-    <a href="/module/fractal-forest">Canvas Images</a>
42
+    <a href="/shortcode/figure">Figures</a> |
43
+    <a href="/feature/post-images">Post Images</a> |
44
+    <a href="/module/hall-of-mirrors">Galleries</a> |
45
+    <a href="/module/fractal-forest">BPG</a>
46
+  </p></nav>
47
+</section>
48
+
49
+<section class="speed">
50
+  <svg id="feature-speed" class="i-lightning" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
51
+    <path d="M18 13 L26 2 8 13 14 19 6 30 24 19 Z" />
52
+  </svg>
53
+  <h2 id="feature-imaging">Ludicrous Speed</h2>
54
+  <p>Load entire pages in less than a half-second without relying on complex build systems or browser sniffing and may the schwartz be with you.</p>
55
+  <nav><p>
56
+    <a href="/feature/fetch-injection">Fetch Inject</a> |
57
+    <a href="/feature/lazy-loading">Lazy Load</a> |
58
+    <a href="/feature/jit-requests">JIT Requests</a>
46 59
   </p></nav>
47 60
 </section>
48 61
 
@@ -53,9 +66,10 @@ description = "After Dark is a complete hypermedia authoring system for the Hugo
53 66
   <h2 id="feature-customize">Fully Customizable</h2>
54 67
   <p>Choose from one of eight styleable theme skins or disable theming entirely and use custom layouts and CSS to take complete design control.</p>
55 68
   <nav><p>
56
-    <a href="/feature/display-variants">Theme Skins</a> |
57
-    <a href="/feature/custom-layouts">Custom Layouts</a> |
58
-    <a href="/feature/custom-styles">Custom Styles</a>
69
+    <a href="/feature/display-variants">Skins</a> |
70
+    <a href="/feature/custom-layouts">Layouts</a> |
71
+    <a href="/feature/custom-styles">Styles</a> |
72
+    <a href="/feature/svg-favicon">Favicons</a>
59 73
   </p></nav>
60 74
 </section>
61 75
 
@@ -78,49 +92,55 @@ description = "After Dark is a complete hypermedia authoring system for the Hugo
78 92
     <path d="M5 15 L5 30 27 30 27 15 Z M9 15 C9 9 9 5 16 5 23 5 23 9 23 15 M16 20 L16 23" />
79 93
     <circle cx="16" cy="24" r="1" />
80 94
   </svg>
81
-  <h2 id="feature-security">Secure by Design</h2>
95
+  <h2 id="feature-security">Securely Designed</h2>
82 96
   <p>From PGP-signed cryptographic release hashes to ephemeral hosting options with end-to-end encryption security is tight as a drum, sir.</p>
83 97
   <nav><p>
84
-    <a href="/feature/release-hashes">Release Hashes</a> |
85
-    <a href="/module/voyeur">Privacy Analytics</a> |
98
+    <a href="/feature/release-hashes">PGP Signed</a> |
99
+    <a href="/module/voyeur">Fathom Analytics</a> |
86 100
     <a href="/feature/air-gapping">Air Gapping</a>
87 101
   </p></nav>
88 102
 </section>
89 103
 
90
-<div class="grid">
91
-  <div class="cell -1of12">
92
-    {{< external title="Activity" rel="prefetch" target="_self" itemtype="significantLink" href="https://git.habd.as/comfusion/after-dark/activity" >}}
93
-      <svg id="activity" class="i-activity" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
104
+<section class="grid cta">
105
+  <div class="cell -2of12">
106
+    {{< external rel="prefetch" target="_self" itemtype="significantLink" href="https://git.habd.as/comfusion/after-dark/activity" >}}
107
+      <svg id="activity" aria-labelledby="activity-label" class="i-activity" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
94 108
         <path d="M4 16 L11 16 14 29 18 3 21 16 28 16" />
95 109
       </svg>
110
+      <small role="tooltip" id="activity-label">Activity</small>
96 111
     {{< /external >}}
97 112
   </div>
98
-  <div class="cell -1of12">
99
-    {{< external title="Source" rel="prefetch" target="_self" itemtype="significantLink" href="https://git.habd.as/comfusion/after-dark/" >}}
100
-      <svg id="source" class="i-code" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
113
+  <div class="cell -2of12">
114
+    {{< external rel="prefetch" target="_self" itemtype="significantLink" href="https://git.habd.as/comfusion/after-dark/" >}}
115
+      <svg id="source" aria-labelledby="source-label" class="i-code" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
101 116
         <path d="M10 9 L3 17 10 25 M22 9 L29 17 22 25 M18 7 L14 27" />
102 117
       </svg>
118
+      <small role="tooltip" id="source-label">Source</small>
103 119
     {{< /external >}}
104 120
   </div>
105
-  <div class="cell -1of12">
106
-    {{< external title="Chat" rel="noopener" itemtype="significantLink" href="https://t.me/joinchat/Iw_6FEhmKL9sPUAukX9jzg" >}}
107
-      <svg id="chat" class="i-msg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
108
-        <path d="M2 4 L30 4 30 22 16 22 8 29 8 22 2 22 Z" />
121
+  <div class="cell -2of12">
122
+    {{< external rel="noopener" itemtype="significantLink" href="https://t.me/joinchat/Iw_6FEhmKL9sPUAukX9jzg" >}}
123
+      <svg id="telegram" aria-labelledby="telegram-label" class="i-send" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
124
+        <path d="M2 16 L30 2 16 30 12 20 Z M30 2 L12 20" />
109 125
       </svg>
126
+      <small role="tooltip" id="telegram-label">Telegram</small>
110 127
     {{< /external >}}
111 128
   </div>
112
-  <div class="cell -1of12">
129
+  <div class="cell -2of12">
113 130
     {{< external title="Download" rel="prefetch" target="_self" itemtype="significantLink" href="https://git.habd.as/comfusion/after-dark/#getting-started" >}}
114
-      <svg id="download" class="i-download" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
131
+      <svg id="download" aria-labelledby="download-label" class="i-download" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
115 132
         <path d="M9 22 C0 23 1 12 9 13 6 2 23 2 22 10 32 7 32 23 23 22 M11 26 L16 30 21 26 M16 16 L16 30" />
116 133
       </svg>
134
+      <small role="tooltip" id="download-label">Download</small>
117 135
     {{< /external >}}
118 136
   </div>
119
-</div>
137
+</section>
120 138
 
121
-<section class="grid license" style="margin-top: 3em">
139
+<section class="grid license">
122 140
   <div class="cell -12of12">
123
-    <img width="96" src="wtfpl.svg">
141
+    {{< external rel="noopener license" href="https://choosealicense.com/licenses/wtfpl/" >}}
142
+      <img width="48" src="wtfpl.svg">
143
+    {{< /external >}}
124 144
   </div>
125 145
 </section>
126 146
 

+ 1
- 1
docs/content/feature/code-highlighter.md View File

@@ -3,7 +3,7 @@ title = "Code Highlighter"
3 3
 description = "Highlight code written in more than 160 languages."
4 4
 categories = ["Experience"]
5 5
 tags = ["color", "style", "syntax"]
6
-features = ["snippets", "related content"]
6
+features = ["snippets", "related content", "jit requests"]
7 7
 +++
8 8
 
9 9
 After Dark uses a customized version of {{< external href="https://atom.io/themes/one-dark-syntax" text="One Dark Syntax" />}} to produce print-friendly code highlighting for more than 160 languages.

+ 41
- 0
docs/content/feature/fetch-injection.md View File

@@ -0,0 +1,41 @@
1
++++
2
+title = "Fetch Injection"
3
+description = "Load external scripts and styles with incredible speed."
4
+categories = ["experience"]
5
+tags = ["performance", "styles"]
6
+features = ["snippets", "related content"]
7
++++
8
+
9
+After Dark uses {{< external rel="external help" href="https://git.habd.as/jhabdas/fetch-inject" text="Fetch Inject" />}} library to load and execute external scripts and styles faster than native browsers are capable of doing it themselves.
10
+
11
+<table>
12
+  <thead>
13
+    <tr>
14
+      <th rowspan="2" scope="col">Use Case</th>
15
+      <th colspan="2" scope="col">Google Chrome Performance Comparison</th>
16
+    </tr>
17
+    <tr>
18
+      <th scope="col">Without Fetch Inject</th>
19
+      <th scope="col">With Fetch Inject</th>
20
+    </tr>
21
+  </thead>
22
+  <tbody>
23
+    <td>{{< external href="https://habd.as/talks/screaming-fast-wordpress-redis-vultr/" text="WordPress Twenty Seventeen" />}}</td>
24
+    <td>~3.600s</td>
25
+    <td>~0.918s</td>
26
+  </tbody>
27
+</table>
28
+
29
+{{< external href="https://hackcabin.com/post/managing-async-dependencies-javascript/" text="Fetch Injection" />}} was conceptualized and first developed specifically for After Dark to make it possible to deep-link to full-sized [Image Gallery](/modules/hall-of-mirrors) images near-instantly and carries with it a number of other performance applications.
30
+
31
+Use Fetch Inject in your [Custom Layouts](../custom-layouts) to load scripts and styles from your site `static` directory or include cross-origin resources:
32
+
33
+{{< highlight html "linenos=inline" >}}
34
+<script>
35
+  fetchInject(['/js/baffle.min.js']).then(() => {
36
+    baffle('header h1').start().reveal(1000);
37
+  })
38
+</script>
39
+{{< /highlight >}}
40
+
41
+Fetch Inject is non-blocking, has 0 dependencies and is already included for use on all pages within After Dark. See the {{< external rel="external help" href="https://git.habd.as/jhabdas/fetch-inject" text="Fetch Inject" />}} `README` for use cases.

+ 29
- 0
docs/content/feature/jit-requests.md View File

@@ -0,0 +1,29 @@
1
++++
2
+title = "JIT Requests"
3
+description = "Maximize resources while minimizing external requests."
4
+categories = ["experience"]
5
+tags = ["performance", "styles", "javascript"]
6
+features = ["related content", "snippets", "code highlighter"]
7
++++
8
+
9
+After Dark makes <abbr title="Just-In-Time">JIT</abbr> requests for some external assets to cut down on resource consumption and increase page performance.
10
+
11
+Take the [Code Highlighter](../code-highlighter) stylesheet for example:
12
+
13
+{{< highlight css >}}
14
+{{< include "themes/after-dark/static/css/syntax.css" >}}
15
+{{< /highlight >}}
16
+
17
+The above highlighted code is, itself, highlighted using a JIT request. Confirm by viewing the network requests for this page and observe the `fetch` requests:
18
+
19
+```sh
20
+jit-requests (document)
21
+├── lazysizes.min.js (fetch)
22
+├── syntax.css (fetch)
23
+```
24
+
25
+Rather than blocking the page with an external request [Fetch Injection](../fetch-injection) is used to load them on-the-fly while the base layout takes care to ensure they're only on pages which actually need them.
26
+
27
+Another example can be seen in the [Table Of Contents](../table-of-contents) whereby a {{< external href="https://devdocs.io/css/scroll-behavior" text="scroll-behavior" />}} polyfill is loaded but not until user shows intent to use the feature.
28
+
29
+Study these patterns and try building your own in your own [Custom Layouts](../custom-layouts).

+ 1
- 1
docs/content/feature/post-images.md View File

@@ -2,7 +2,7 @@
2 2
 title = "Post Images"
3 3
 description = "Add graphics to posts without touching an image editor."
4 4
 categories = ["experience"]
5
-tags = ["imaging", "graphics", "posts"]
5
+tags = ["performance", "imaging", "graphics", "posts"]
6 6
 features = ["code highlighter", "snippets", "related content"]
7 7
 todo = [
8 8
   "normalize with the actual code to create a responsive post image"

+ 1
- 1
docs/content/shortcode/figure.md View File

@@ -2,7 +2,7 @@
2 2
 title = "Figure"
3 3
 description = "Present lazy-loaded images with LQIP support."
4 4
 categories = ["experience"]
5
-tags = ["images", "graphics"]
5
+tags = ["performance", "images", "graphics"]
6 6
 html_attributes = ["class", "alt", "src"]
7 7
 custom_attributes = ["lqipsrc", "caption", "link", "linktarget", "attr", "attrlink", "title"]
8 8
 snippets_used = ["code highlighter"]

+ 1
- 1
docs/layouts/feature/list.html View File

@@ -5,7 +5,7 @@
5 5
   <header>
6 6
     <h1>{{ .Title }}</h1>
7 7
   </header>
8
-  <p>From <a href="./air-gapping">Air Gapping</a> to <a href="./webmaster-tools">Webmaster Tools</a>, After Dark gives you the core features you need to create engaging hypermedia content online or off.</p>
8
+  <p>Explore the many features available to you in After Dark or run the <a href="./quick-installer">Quick Installer</a> to download the theme and use the <a href="./online-help">Online Help</a> try them yourself.</p>
9 9
   <table>
10 10
     <tr>
11 11
       <th>{{ .Title | singularize }}</th>

+ 53
- 31
docs/layouts/index.html View File

@@ -4,6 +4,11 @@
4 4
 {{ define "header" }}
5 5
   {{ partial "menu.html" . }}
6 6
   <style>
7
+  :root {
8
+    --vertical-rhythm: 5rem;
9
+    --logo-animation-filter-start: drop-shadow(0px -25px 45px #ff2e88) brightness(1) drop-shadow(0px -55px 35px #ff2e88) brightness(1) drop-shadow(0px -35px 155px #ff9800) brightness(4);
10
+    --logo-animation-filter-end: drop-shadow(0px -20px 45px #ff2e88) brightness(.1) drop-shadow(0px 0px 5px #ff2e88) brightness(.7) drop-shadow(0px -20px 135px #ff2e88) brightness(2);
11
+  }
7 12
   main, footer, header {
8 13
     text-align: center;
9 14
   }
@@ -15,81 +20,98 @@
15 20
       flex: 1;
16 21
     }
17 22
   }
18
-  [class="grid"] a {
19
-    border-bottom: none;
20
-    background-color: inherit;
21
-  }
22 23
   .shaded {
23
-    --filter: drop-shadow(0px -25px 45px #ff2e88) brightness(1) drop-shadow(0px -55px 35px #ff2e88) brightness(1) drop-shadow(0px -35px 155px #ff9800) brightness(4);
24
-    filter: var(--filter);
24
+    filter: var(--logo-animation-filter-start);
25 25
     opacity: 0;
26 26
   }
27
-  .license {
28
-    filter: drop-shadow(0px -10px 35px #ff2e88) brightness(2);
29
-  }
30 27
   .animated {
31 28
     animation: reveal 2s both;
32 29
   }
33 30
   @keyframes reveal {
34 31
     from {
35
-      filter: var(--filter);
32
+      filter: var(--logo-animation-filter-start);
36 33
     }
37 34
     to {
38
-      filter: drop-shadow(0px -20px 45px #ff2e88) brightness(.1) drop-shadow(0px 0px 5px #ff2e88) brightness(.7) drop-shadow(0px -20px 135px #ff2e88) brightness(2);
35
+      filter: var(--logo-animation-filter-end);
39 36
       opacity: 1;
40 37
     }
41 38
   }
39
+  .hack section.logo {
40
+    margin-top: 3.5rem;
41
+  }
42
+  .hack section.hero {
43
+    margin-top: -1rem;
44
+    margin-bottom: -4rem;
45
+  }
42 46
   .hack section.hero figure {
43 47
     margin: 0;
48
+    line-height: 0;
44 49
     min-height: 266px;
45 50
   }
46 51
   @media screen and (min-width: 768px) {
47
-    .hero img {
52
+    .hack section.hero figure img {
48 53
       margin: -3em 0 -20px;
49 54
     }
50 55
   }
51
-  .hack p.leading {
56
+  .hack section.tagline p {
57
+    margin: 0;
52 58
     font-size: 1.1rem;
53 59
     line-height: 1.6;
54 60
   }
55 61
   .hack .grid {
56 62
     justify-content: center;
57 63
   }
58
-  .hack header {
59
-    text-align: center;
60
-  }
61
-  .hack header h1 {
62
-    margin-top: 0;
63
-    /* padding-top: 1em; */
64
-  }
65 64
   .hack header h1:after {
66 65
     content: none;
67 66
   }
68
-  .hack h1 {
67
+  .hack header h1 {
68
+    padding: 0;
69 69
     font-size: 3em;
70 70
     display: inline-block;
71 71
   }
72
-  .hack h1 sup {
72
+  .hack header h1 sup {
73 73
     font-size: 1rem;
74 74
   }
75
-  .hack h1 sup::before {
75
+  .hack header h1 sup::before {
76 76
     content: " ";
77 77
   }
78
-  .hack section,
79
-  .hack header {
80
-    margin-bottom: 3em;
78
+  .hack header h1 {
79
+    margin-top: 3rem;
80
+  }
81
+  .hack section {
82
+    margin: var(--vertical-rhythm) 0;
83
+  }
84
+  .hack section.cta {
85
+    margin-top: 6rem;
86
+  }
87
+  .hack section.cta a {
88
+    border-bottom: none;
89
+    background-color: inherit;
90
+    color: #ff9800;
91
+    display: inline-block;
92
+  }
93
+  .hack section.cta a:hover {
94
+    color: #fff;
95
+  }
96
+  .hack section.cta a small {
97
+    display: block;
98
+  }
99
+  .hack section.license {
100
+    display: block;
101
+    margin: 3rem;
102
+  }
103
+  .hack section.license a {
104
+    border-bottom: none;
105
+    background-color: inherit;
106
+    filter: var(--logo-animation-filter-end);
81 107
   }
82 108
   .hack section h2 {
109
+    margin-top: .8rem;
83 110
     font-size: 1.2em;
84
-    margin-top: 0.5em;
85 111
   }
86 112
   .hack section h2:before {
87 113
     content: "";
88 114
   }
89
-  .hack section a {
90
-    border-bottom: none;
91
-    background-color: inherit;
92
-  }
93 115
   </style>
94 116
 {{ end }}
95 117
 {{ define "main" }}

+ 1
- 1
package.json View File

@@ -1,7 +1,7 @@
1 1
 {
2 2
   "name": "after-dark",
3 3
   "version": "6.10.0",
4
-  "description": "Hypermedia authoring system for Hugo.",
4
+  "description": "A robust hypermedia authoring system for Hugo.",
5 5
   "author": "Josh Habdas <jhabdas@protonmail.com>",
6 6
   "keywords": [
7 7
     "hugo",

Loading…
Cancel
Save