11---
22testingOnLocalhost: false
3- noCache: "20250215 "
3+ noCache: "20250218 "
44---
55
66<!DOCTYPE html>
@@ -25,7 +25,13 @@ noCache: "20250215"
2525 <script >
2626 hljs .highlightAll ();
2727 </script >
28- {% endif %} {% if not noSEO and not testingOnLocalhost %}
28+ {% endif %}
29+
30+ <!-- Font Awesome -->
31+ <script src =" https://kit.fontawesome.com/0328336a9e.js" crossorigin =" anonymous" ></script >
32+
33+ {% if not noSEO and not testingOnLocalhost %}
34+
2935 <!-- Google tag (gtag.js) -->
3036 <script async src =" https://www.googletagmanager.com/gtag/js?id=G-J64TL8KVTJ" ></script >
3137 <script >
@@ -77,19 +83,19 @@ noCache: "20250215"
7783 <div class =" coding-navigation-category__title" >Tools</div >
7884 <ul >
7985 <li >
80- <a href =" /coding/layout-generator" >layout generator </a >
86+ <a href =" /coding/layout-generator" >< i class = " fa-solid fa-wand-magic-sparkles " ></ i >< span >Layout Generator</ span > </a >
8187 </li >
8288 <li >
83- <a href =" /coding/widgets" >widgets for free neocities accounts </a >
89+ <a href =" /coding/widgets" >< i class = " fa-solid fa-puzzle-piece " ></ i >< span >Widgets for free Neocities Accounts</ span > </a >
8490 </li >
85- <li ><a href =" /coding/cheatsheet" >cheatsheet</a ></li >
8691 <li >
87- <a href =" /coding/bookmarks"
88- >bookmarks (helpful sites)<small class =" aside-nav__new" ><img src =" {{ nesting }}assets/img/layout/new.gif" alt =" " aria-hidden =" true" /></small
89- ></a >
92+ <a href =" /coding/cheatsheet" ><i class =" fa-solid fa-clipboard-list" ></i ><span >Cheatsheet</span ></a >
9093 </li >
9194 <li >
92- <a href =" /coding/checklist" >self-study checklist</a >
95+ <a href =" /coding/bookmarks" ><i class =" fa-solid fa-link" ></i ><span >Helpful Sites</span ></a >
96+ </li >
97+ <li >
98+ <a href =" /coding/checklist" ><i class =" fa-solid fa-list-check" ></i ><span >Self-study Checklist</span ></a >
9399 </li >
94100 </ul >
95101 </div >
@@ -98,28 +104,35 @@ noCache: "20250215"
98104 <div class =" coding-navigation-category__title" >First Steps</div >
99105 <ul >
100106 <li >
101- <a href =" /coding/how-to-make-a-website" >how to make a website</a >
107+ <a href =" /coding/how-to-make-a-website" ><i class =" fa-solid fa-laptop-code" ></i ><span >How to Make a Website</span ></a >
108+ </li >
109+ <li >
110+ <a href =" /coding/common-questions" ><i class =" fa-regular fa-circle-question" ></i ><span >Common Questions</span ></a >
102111 </li >
103- <li ><a href =" /coding/common-questions" >common questions</a ></li >
104- <li ><a href =" /coding/common-mistakes" >common mistakes</a ></li >
105112 <li >
106- <a href =" /coding/need-help " >troubleshooting guide< small >(+ where/how to ask questions)</ small ></a >
113+ <a href =" /coding/common-mistakes " >< i class = " fa-regular fa-circle-xmark " ></ i >< span >Common Mistakes</ span ></a >
107114 </li >
108115 <li >
109- <a href =" /coding/code-quality" >code quality guide</a >
116+ <a href =" /coding/need-help"
117+ ><i class =" fa-solid fa-bug" ></i ><span >Troubleshooting Guide <small >(+ where/how to ask questions)</small ></span ></a
118+ >
110119 </li >
111120 <li >
112- <a href =" /coding/now-what " >i know html/css/js. ... now what? </a >
121+ <a href =" /coding/code-quality " >< i class = " fa-solid fa-broom " ></ i >< span >Code Quality Guide</ span > </a >
113122 </li >
114123 </ul >
115124 </div >
116125
117126 <div class =" coding-navigation-category" aria-label =" Beginner Tutorials" >
118127 <div class =" coding-navigation-category__title" >Beginner Tutorials</div >
119128 <ul >
120- <li ><a href =" /coding/layout-base-code" >how to load the same layout on every page</a ></li >
121129 <li >
122- <a href =" /coding/positioning-tutorial" >positioning/layout tutorial<small >(display, position, transform, z-index, flexbox, grid, ...)</small ></a >
130+ <a href =" /coding/layout-base-code" ><i class =" fa-solid fa-border-none" ></i ><span >How to Load the Same Layout on Every Page</span ></a >
131+ </li >
132+ <li >
133+ <a href =" /coding/positioning-tutorial"
134+ ><i class =" fa-brands fa-css" ></i ><span >CSS Positioning/Layout Tutorial<small >(display, position, transform, z-index, flexbox, grid, ...)</small ></span ></a
135+ >
123136 </li >
124137 <!--
125138 <li>
@@ -133,35 +146,49 @@ noCache: "20250215"
133146 <div class =" coding-navigation-category__title" >Advanced Tutorials</div >
134147 <ul >
135148 <li >
136- <a href =" /coding/git-tutorial" >git tutorial </a >
149+ <a href =" /coding/git-tutorial" >< i class = " fa-solid fa-code-branch " ></ i >< span >Git Tutorial</ span > </a >
137150 </li >
138151 <li >
139- <a href =" /coding/npm-tutorial" >node/npm tutorial </a >
152+ <a href =" /coding/npm-tutorial" >< i class = " fa-brands fa-npm " ></ i >< span > node/npm Tutorial</ span > </a >
140153 </li >
141154 <li >
142- <a href =" /coding/webpack-tutorial" >webpack tutorial </a >
155+ <a href =" /coding/webpack-tutorial" >< i class = " fa-solid fa-box " ></ i >< span >Webpack Tutorial</ span > </a >
143156 </li >
144157 <li >
145- <a href =" /coding/eleventy-tutorial" >eleventy (11ty) tutorial<small >(static site generator)</small ></a >
158+ <a href =" /coding/eleventy-tutorial"
159+ ><i class =" fa-solid fa-code" ></i ><span >Eleventy (11ty) Tutorial<small >(Static Site Generator)</small ></span ></a
160+ >
146161 </li >
147162 </ul >
148163 </div >
149164
150165 <div class =" coding-navigation-category" aria-label =" Miscellaneous" >
151166 <div class =" coding-navigation-category__title" >Miscellaneous</div >
152167 <ul >
153- <li ><a href =" /coding/neocities" >neocities tips</a ></li >
154- <li ><a href =" /coding/snippets" >code snippets</a ></li >
155168 <li >
156- <a href =" /coding/my-setup" >my coding setup <small >(vscode settings + extensions)</small ></a >
169+ <a href =" /coding/neocities" ><i class =" fa-solid fa-city" ></i ><span >Neocities Tips</span ></a >
170+ </li >
171+ <li >
172+ <a href =" /coding/snippets" ><i class =" fa-solid fa-code" ></i ><span >Code Snippets</span ></a >
173+ </li >
174+ <li >
175+ <a href =" /coding/my-setup"
176+ ><i class =" fa-solid fa-toolbox" ></i
177+ ><span
178+ >My VSCode Setup<small class =" aside-nav__new" ><img src =" {{ nesting }}assets/img/layout/new.gif" alt =" " aria-hidden =" true" /></small > <small >(Settings + Extensions)</small ></span
179+ ></a
180+ >
181+ </li >
182+ <li >
183+ <a href =" /coding/now-what" ><i class =" fa-regular fa-lightbulb" ></i ><span >I know HTML, CSS, and JS. Now what?</span ></a >
157184 </li >
158185 </ul >
159186 </div >
160187 </nav >
161188 <aside class =" aside aside--left" data-nosnippet =" true" >
162189 <div class =" coding-back-to-home" >
163190 <a href =" /"
164- ><span ><span >⇠</span > go back home</span > <img src =" {{ nesting }}assets/img/layout/pc.gif" alt =" " aria-hidden =" true"
191+ ><span ><span >⇠</span > home</span > <img src =" {{ nesting }}assets/img/layout/pc.gif" alt =" " aria-hidden =" true"
165192 /></a >
166193 </div >
167194
0 commit comments