Skip to content

Commit 6f97456

Browse files
petracodingpetracoding
committed
i think about the end just way too much
1 parent 68187de commit 6f97456

File tree

133 files changed

+2232
-816
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

133 files changed

+2232
-816
lines changed

‎content/_data/nav-new.json‎

Lines changed: 513 additions & 0 deletions
Large diffs are not rendered by default.

‎content/_data/nav-old.json‎

Lines changed: 517 additions & 0 deletions
Large diffs are not rendered by default.

‎content/_data/nav.json‎

Lines changed: 513 additions & 0 deletions
Large diffs are not rendered by default.

‎content/_data/sites.json‎

Lines changed: 92 additions & 71 deletions
Large diffs are not rendered by default.

‎content/_includes/coding.njk‎

Lines changed: 17 additions & 120 deletions
Original file line numberDiff line numberDiff line change
@@ -80,136 +80,33 @@ testingOnLocalhost: false
8080
<a href="/"><img src="{{ nesting }}assets/img/layout/petrapixel-coding.png" aria-label="petrapixel" height="100" width="300" /></a>
8181
</div>
8282
</header>
83+
84+
<!-- NAV: -->
8385
<nav class="coding-navigation" data-nosnippet="true">
84-
<div class="coding-navigation-category" aria-label="Tools">
86+
{% for allNavItem in nav %} {% if allNavItem.isCodeMenu %} {% for mainNavItem in allNavItem.items %}
87+
88+
<div class="coding-navigation-category" aria-label="{{ mainNavItem.label }}">
8589
<div class="coding-navigation-category__title">
86-
Tools <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small>
90+
{{ mainNavItem.label }}{% if mainNavItem.new %} <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small>{% endif %}
8791
</div>
8892
<ul>
93+
{% for navItem in mainNavItem.items %}{% if not navItem.hide and not navItem.hideInCodingNav %}
8994
<li>
90-
<a href="/coding/layout-generator"><i class="fa-solid fa-wand-magic-sparkles"></i><span>Layout Generator</span></a>
91-
</li>
92-
<li>
93-
<a href="/coding/widgets"><i class="fa-solid fa-puzzle-piece"></i><span>Widgets for free Neocities Accounts</span></a>
94-
</li>
95-
<li>
96-
<a href="/coding/cheatsheet"><i class="fa-solid fa-clipboard-list"></i><span>Cheatsheet</span></a>
97-
</li>
98-
<li>
99-
<a href="/coding/bookmarks"><i class="fa-solid fa-link"></i><span>Helpful Sites</span></a>
100-
</li>
101-
<li>
102-
<a href="/coding/checklist"><i class="fa-solid fa-list-check"></i><span>Self-study Checklist</span></a>
103-
</li>
104-
<li>
105-
<a href="/coding/quizzes">
106-
<i class="fa-solid fa-person-chalkboard"></i><span>Test your Knowledge!</span>
107-
<small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small
108-
></a>
109-
</li>
110-
<!---->
111-
<li>
112-
<a href="/coding/webringu"
113-
><i class="fa-solid fa-ring"></i><span>Webringu<small>Easy Webring Script</small></span
114-
><small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small
115-
></a>
116-
</li>
117-
</ul>
118-
</div>
119-
120-
<div class="coding-navigation-category" aria-label="First Steps">
121-
<div class="coding-navigation-category__title">First Steps</div>
122-
<ul>
123-
<li>
124-
<a href="/coding/how-to-make-a-website"><i class="fa-solid fa-laptop-code"></i><span>How to Make a Website</span></a>
125-
</li>
126-
<li>
127-
<a href="/coding/common-questions"><i class="fa-regular fa-circle-question"></i><span>Common Questions</span></a>
128-
</li>
129-
<li>
130-
<a href="/coding/common-mistakes"><i class="fa-regular fa-circle-xmark"></i><span>Common Mistakes</span></a>
131-
</li>
132-
<li>
133-
<a href="/coding/need-help"
134-
><i class="fa-solid fa-bug"></i><span>Troubleshooting Guide <small>(+ where/how to ask questions)</small></span></a
135-
>
136-
</li>
137-
<li>
138-
<a href="/coding/code-quality"><i class="fa-solid fa-broom"></i><span>Code Quality Guide</span></a>
139-
</li>
140-
</ul>
141-
</div>
142-
143-
<div class="coding-navigation-category" aria-label="Beginner Tutorials">
144-
<div class="coding-navigation-category__title">Beginner Tutorials</div>
145-
<ul>
146-
<li>
147-
<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>
148-
</li>
149-
<li>
150-
<a href="/coding/positioning-tutorial"
151-
><i class="fa-brands fa-css"></i><span>CSS Positioning/Layout Tutorial<small>(display, position, transform, z-index, flexbox, grid, ...)</small></span></a
152-
>
153-
</li>
154-
<li>
155-
<a href="/coding/cachebusting"><i class="fa-solid fa-bomb"></i><span>Cachebusting </span></a>
156-
</li>
157-
<!--
158-
<li>
159-
<a href="/coding/performance">how to make pages load faster<small>(performance optimization)</small></a>
160-
</li>
161-
-->
162-
</ul>
163-
</div>
164-
165-
<div class="coding-navigation-category" aria-label="Advanced Tutorials">
166-
<div class="coding-navigation-category__title">Advanced Tutorials</div>
167-
<ul>
168-
<li>
169-
<a href="/coding/git-tutorial"><i class="fa-solid fa-code-branch"></i><span>Git Tutorial</span></a>
170-
</li>
171-
<li>
172-
<a href="/coding/npm-tutorial"><i class="fa-brands fa-npm"></i><span>node/npm Tutorial</span></a>
173-
</li>
174-
<li>
175-
<a href="/coding/webpack-tutorial"><i class="fa-solid fa-box"></i><span>Webpack Tutorial</span></a>
176-
</li>
177-
<li>
178-
<a href="/coding/eleventy-tutorial"
179-
><i class="fa-solid fa-code"></i><span>Eleventy (11ty) Tutorial<small>(Static Site Generator)</small></span></a
95+
<a href="{{ navItem.link }}"
96+
><i class="{{ navItem.icon }}"></i
97+
><span
98+
>{{ navItem.label }}{% if navItem.sublabel %}<small>{{ navItem.sublabel }}</small
99+
>{% endif %}</span
100+
>{% if navItem.new %} <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small>{% endif %}</a
180101
>
181102
</li>
103+
{% endif %}{% endfor %}
182104
</ul>
183105
</div>
184-
185-
<div class="coding-navigation-category" aria-label="Miscellaneous">
186-
<div class="coding-navigation-category__title">Miscellaneous</div>
187-
<ul>
188-
<li>
189-
<a href="/coding/my-setup"
190-
><i class="fa-solid fa-toolbox"></i><span>My VSCode Setup <small>(Settings + Extensions)</small></span></a
191-
>
192-
</li>
193-
<li>
194-
<a href="/coding/neocities"><i class="fa-solid fa-city"></i><span>Neocities Tips</span></a>
195-
</li>
196-
<li>
197-
<a href="/coding/snippets"><i class="fa-solid fa-code"></i><span>Code Snippets</span></a>
198-
</li>
199-
<li>
200-
<a href="/coding/now-what"><i class="fa-regular fa-lightbulb"></i><span>I know HTML, CSS, and JS. Now what?</span></a>
201-
</li>
202-
<!-- <li>
203-
<a href="/coding/game-dev-journey"
204-
><i class="fa-solid fa-gamepad"></i
205-
><span
206-
>My Game Dev Journey<small
207-
>Learning how to use Godot<small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small></small></span
208-
></a>
209-
</li> -->
210-
</ul>
211-
</div>
106+
{% endfor %} {% endif %}{% endfor %}
212107
</nav>
108+
109+
<!-- SIDEBAR: -->
213110
<aside class="aside aside--left" data-nosnippet="true">
214111
<div class="coding-back-to-home">
215112
<a href="/"

0 commit comments

Comments
 (0)