Skip to content

Commit f09516a

Browse files
petracodingpetracoding
committed
as sly as a fox, as strong as an ox
1 parent f2f9445 commit f09516a

File tree

102 files changed

+479
-152
lines changed

Some content is hidden

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

102 files changed

+479
-152
lines changed

‎content/_data/changelog.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
[
2-
{ "date": "2024-12-XX", "text": "TEMPLATE", "link": "" },
2+
{ "date": "2025-01-XX", "text": "TEMPLATE", "link": "" },
3+
{ "date": "2025-01-24", "text": "New png of myself on the homepage! (And other small updates)", "link": "" },
34
{ "date": "2024-12-20", "text": "New guide: How to make a website!", "link": "/coding/how-to-make-a-website" },
45
{ "date": "2024-12-16", "text": "In celebration of 300 followers, I'm making an Indie Web Contest! Participate now!", "link": "/contest" },
56
{ "date": "2024-12-15", "text": "I've got a search bar now!", "link": "" },

‎content/_includes/about-me.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
noCache: "20250109"
2+
noCache: "20250124"
33
---
44
<!DOCTYPE html>
55
<html lang="en">

‎content/_includes/blog.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
testingOnLocalhost: false
3-
noCache: "20250109"
3+
noCache: "20250124"
44
---
55

66
<!DOCTYPE html>

‎content/_includes/coding.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
testingOnLocalhost: false
3-
noCache: "20250109"
3+
noCache: "20250124"
44
---
55

66
<!DOCTYPE html>

‎content/_includes/nav.njk‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,16 @@
66
</li>
77
<li>
88
<details id="menu-aboutme">
9-
<summary>about me <small>(3)</small></summary>
9+
<summary>about me <small>(4)</small></summary>
1010
<ul>
1111
<li>
1212
<a href="/about/about-me">about me</a>
1313
</li>
1414
<li><a href="/about/cats">my cats</a></li>
1515
<li><a href="/about/media-log">media log</a></li>
16+
<li>
17+
<a href="/blog{% if testingOnLocalhost %}/index{% endif %}">blog </a>
18+
</li>
1619
</ul>
1720
</details>
1821
</li>
@@ -95,11 +98,8 @@
9598
</li>
9699
<li>
97100
<details id="menu-more">
98-
<summary>random stuff <small>(5)</small></summary>
101+
<summary>fun stuff! <small>(6)</small></summary>
99102
<ul>
100-
<li>
101-
<a href="/blog{% if testingOnLocalhost %}/index{% endif %}">blog </a>
102-
</li>
103103
<li>
104104
<a href="/shrines/index">shrines</a>
105105
</li>
@@ -117,9 +117,7 @@
117117
</li>
118118
<li>
119119
<details id="menu-codinghelp">
120-
<summary>
121-
coding & webmastery <small>(18)</small><small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small>
122-
</summary>
120+
<summary>coding & webmastery <small>(18)</small></summary>
123121

124122
<div class="aside-scrollbox custom-scrollbar">
125123
<strong>Tools:</strong>

‎content/_includes/petrapixel.njk‎

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
testingOnLocalhost: false
3-
noCache: "20250109"
3+
noCache: "20250124"
44
---
55

66
<!DOCTYPE html>
@@ -132,12 +132,24 @@ noCache: "20250109"
132132
<div class="aside-stuff aside-poll" aria-hidden="true">
133133
<div class="aside-stuff__heading" aria-hidden="true">Poll<img src="{{ nesting }}assets/img/layout/icon-stats.png" alt="" aria-hidden="true" /></div>
134134

135-
<form method="post" action="https://poll.pollcode.com/89932728">
135+
<form method="post" action="https://poll.pollcode.com/37694218">
136136
<div style="background-color: #eeeeee; padding: 2px; width: 175px; font-family: Arial; font-size: small; color: #000000">
137-
<div style="padding: 2px 0px 4px 2px"><strong>your choice?</strong></div>
138-
<input type="radio" name="answer" value="1" id="answer899327281" style="float: left" /><label for="answer899327281" style="float: left; width: 150px">sweet snacks</label>
137+
<div style="padding: 2px 0px 4px 2px"><strong>are you gonna get the nintendo switch 2?</strong></div>
138+
<input type="radio" name="answer" value="1" id="answer376942181" style="float: left" /><label for="answer376942181" style="float: left; width: 150px">yes!!</label>
139139
<div style="clear: both; height: 2px"></div>
140-
<input type="radio" name="answer" value="2" id="answer899327282" style="float: left" /><label for="answer899327282" style="float: left; width: 150px">salty snacks</label>
140+
<input type="radio" name="answer" value="2" id="answer376942182" style="float: left" /><label for="answer376942182" style="float: left; width: 150px">if i had the money...</label>
141+
<div style="clear: both; height: 2px"></div>
142+
<input type="radio" name="answer" value="3" id="answer376942183" style="float: left" /><label for="answer376942183" style="float: left; width: 150px"
143+
>maybe, i'm waiting for details/reviews</label
144+
>
145+
<div style="clear: both; height: 2px"></div>
146+
<input type="radio" name="answer" value="4" id="answer376942184" style="float: left" /><label for="answer376942184" style="float: left; width: 150px"
147+
>no, i'm fine with my switch</label
148+
>
149+
<div style="clear: both; height: 2px"></div>
150+
<input type="radio" name="answer" value="5" id="answer376942185" style="float: left" /><label for="answer376942185" style="float: left; width: 150px"
151+
>no, i don't use nintendo consoles</label
152+
>
141153
<div style="clear: both; height: 2px"></div>
142154
<div align="center" style="padding: 3px"><input type="submit" value=" Vote " />&nbsp;<input type="submit" name="view" value=" View " /></div>
143155
<div align="right" style="font-size: 10px">pollcode.com <a href="https://pollcode.com/">free polls</a></div>
@@ -287,7 +299,7 @@ noCache: "20250109"
287299
</li>
288300
<li aria-label="watching:">
289301
<img src="{{ nesting }}assets/img/layout/icon-tv.png" alt="" title="watching:" aria-hidden="true" />
290-
<a href="https://app.tvtime.com/user/33116783" target="_blank">Jurassic World: Chaos Theory</a>
302+
<a href="https://app.tvtime.com/user/33116783" target="_blank">Abbott Elementary</a>
291303
</li>
292304
<li aria-label="reading:">
293305
<img src="{{ nesting }}assets/img/layout/icon-book.png" alt="" title="reading:" aria-hidden="true" />

‎content/about/about-me.html‎

Lines changed: 25 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -10,43 +10,52 @@ <h1>About Me</h1>
1010
<div class="about-me-page__left">
1111
<div class="about-me-page__selfies custom-scrollbar">
1212
<div class="image image--pink">
13-
<img width="200" height="200" src="../assets/img/me/me6.jpg" alt="A selfie of me. I wear a flower spaghetti top. My hair is half brown half blonde." />
13+
<img width="200" height="200" src="../assets/img/me/me13.jpg" alt="A sparkling selfie of me." />
1414
</div>
1515
<div class="image image--pink">
16-
<img width="200" height="200" src="../assets/img/me/me7.jpg" alt="A mirror selfie. My hair is a bit puffy. I am wearing a croptop and a flannel." />
16+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me6.jpg" alt="A selfie of me. I wear a flower spaghetti top. My hair is half brown half blonde." />
1717
</div>
1818
<div class="image image--pink">
19-
<img width="200" height="200" src="../assets/img/me/me8.jpg" alt="A selfie. I have sunglasses on my head. I am wearing make-up and a green neckholder croptop." />
19+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me7.jpg" alt="A mirror selfie. My hair is a bit puffy. I am wearing a croptop and a flannel." />
2020
</div>
2121
<div class="image image--pink">
22-
<img width="200" height="200" src="../assets/img/me/me9.jpg" alt="A selfie. I have two short braids and am showing a peace sign." />
22+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me8.jpg" alt="A selfie. I have sunglasses on my head. I am wearing make-up and a green neckholder croptop." />
2323
</div>
2424
<div class="image image--pink">
25-
<img width="200" height="200" src="../assets/img/me/me5.jpeg" alt="A selfie. My hair is in two braids. I wear two necklaces and a flower sweater." />
25+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me9.jpg" alt="A selfie. I have two short braids and am showing a peace sign." />
2626
</div>
2727
<div class="image image--pink">
28-
<img width="200" height="200" src="../assets/img/me/me2.jpg" alt="Me sticking out my tongue. There is a dinosaur tattoo on my shoulder. I'm wearing noticable eyeliner." />
28+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me5.jpeg" alt="A selfie. My hair is in two braids. I wear two necklaces and a flower sweater." />
2929
</div>
3030
<div class="image image--pink">
31-
<img width="200" height="200" src="../assets/img/me/me3.jpg" alt="Me with a black cap on, smiling. My hand is on my face. I'm wearing white wireless earbuds." />
31+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me2.jpg" alt="Me sticking out my tongue. There is a dinosaur tattoo on my shoulder. I'm wearing noticable eyeliner." />
3232
</div>
3333
<div class="image image--pink">
34-
<img width="200" height="200" src="../assets/img/me/me4.jpg" alt="A mirror selfie of me with a black cap on. I'm wearing a white flannel over a white t-shirt. My nails are painted black." />
34+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me3.jpg" alt="Me with a black cap on, smiling. My hand is on my face. I'm wearing white wireless earbuds." />
3535
</div>
3636
<div class="image image--pink">
37-
<img width="200" height="200" src="../assets/img/me/me1.jpg" alt="A mirror selfie. I'm making a heart with my hand. I'm wearing a shirt with a picture of Izzy Hands." />
37+
<img
38+
width="200"
39+
height="200"
40+
loading="lazy"
41+
src="../assets/img/me/me4.jpg"
42+
alt="A mirror selfie of me with a black cap on. I'm wearing a white flannel over a white t-shirt. My nails are painted black."
43+
/>
3844
</div>
3945
<div class="image image--pink">
40-
<img width="200" height="200" src="../assets/img/me/me10.jpg" alt="A mirror selfie." />
46+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me1.jpg" alt="A mirror selfie. I'm making a heart with my hand. I'm wearing a shirt with a picture of Izzy Hands." />
4147
</div>
4248
<div class="image image--pink">
43-
<img width="200" height="200" src="../assets/img/me/me11.jpg" alt="A selfie. I'm in the sun and smiling into the camera." />
49+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me10.jpg" alt="A mirror selfie." />
4450
</div>
4551
<div class="image image--pink">
46-
<img width="200" height="200" src="../assets/img/me/me12.jpg" alt="A selfie. I'm wearing a black tanktop, and there is a rainbow streak in my hair." />
52+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me11.jpg" alt="A selfie. I'm in the sun and smiling into the camera." />
53+
</div>
54+
<div class="image image--pink">
55+
<img width="200" height="200" loading="lazy" src="../assets/img/me/me12.jpg" alt="A selfie. I'm wearing a black tanktop, and there is a rainbow streak in my hair." />
4756
</div>
4857
</div>
49-
<p style="font-size: 0.8em">(psst you can scroll the box with images!)</p>
58+
<p style="font-size: 0.7em">(psst you can scroll the box with images!)</p>
5059
<div class="about-me-page__fact-sheet">
5160
<div class="about-me-page__basics"><b>petra</b> * 25</div>
5261
<div class="about-me-page__flags">
@@ -519,5 +528,8 @@ <h2>GPOY</h2>
519528
<img src="../assets/img/me/gpoy/1.jpg" alt="I like cannibalism as a metaphor for obsessive devotion, religious imagery, academic validation, being bisexual." />
520529
<img src="../assets/img/me/gpoy/3.jpg" alt="Cannibalism as a metaphor for love, save me." />
521530
<img src="../assets/img/me/gpoy/4.jpg" alt="My subtitles. I can't hear without my subtitles..." />
531+
<img src="../assets/img/me/gpoy/n.png" alt="people be saying things so definitively. like man i think it depends" />
532+
<img src="../assets/img/me/gpoy/o.jpg" alt="Fruit should not be hot." />
533+
<img src="../assets/img/me/gpoy/5.jpg" alt="Yay, making lists and categorizing items!" />
522534
</div>
523535
</section>

‎content/about/about-the-site.html‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,19 +164,24 @@ <h2>To Do List</h2>
164164
<li>personality quizzes? or quizzes for media recs?</li>
165165
<li>moodboards</li>
166166
<li>my (bad) poetry</li>
167-
<li>more shrines!!! game grumps/nsp, dinosaurs, ...</li>
167+
<li>more shrines!!! game grumps/nsp, dinosaurs, ... <b>WIP</b></li>
168168
<li>book quotes i like</li>
169169
<li>"sticker" page (drag-n-drop)</li>
170170
<li>webring (+code) <b>WIP</b></li>
171171
<li>english phrases (vocabulary page)</li>
172172
</ul>
173+
<br />
173174
<p>Tutorials, guides and resources I want to make:</p>
174175
<ul>
175176
<li>how to make a website (complete guide) <b>WIP</b></li>
176177
<li>page speed optimization <b>WIP</b></li>
177178
<li>coding bookmarks (+ widgets)</li>
178179
<li>backup tutorial</li>
179180
<li>search bar tutorial</li>
181+
<li>free widget for comment section</li>
182+
<li>free widget for google search</li>
183+
<li>templates!</li>
184+
<li>comprehension questions in tutorials <b>WIP</b></li>
180185
</ul>
181186
</section>
182187

‎content/about/cats.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,36 @@
77

88
<section>
99
<h1>Cats!</h1>
10+
<!--
1011
<hr />
12+
<h2 id="feli">Fafa <img aria-hidden="true" src="../assets/img/inline/heart-blue.png" /></h2>
13+
<div class="cat">
14+
<div class="cat__quick-facts">
15+
<p><strong>Name:</strong> <span>Fatima</span></p>
16+
<p><strong>Nicknames:</strong> <span>Fafa</span></p>
17+
<p>
18+
<strong><abbr title="remember warrior cats?">Warrior name:</abbr></strong> <span>?</span>
19+
</p>
20+
<p><strong>Gender:</strong> <span>female</span></p>
21+
<p><strong>Age:</strong> <span>? years</span></p>
22+
<p><strong>Colour:</strong> <span>Tabby</span></p>
23+
<p><strong>Likes:</strong> <span>?</span></p>
24+
<p><strong>Dislikes:</strong> <span>?</span></p>
25+
</div>
26+
<div class="cat__image">
27+
<a data-fslightbox href="../assets/img/cats/feli (10).jpg" class="image">
28+
<img alt="" src="../assets/img/cats/feli (10).jpg" />
29+
</a>
30+
</div>
31+
</div>
32+
<div class="cat__description">
33+
Fafa is me and my girlfriend's cat, she lives in our apartment! We got her from one of my girlfriend's coworkers/friends, because his girlfriend is unfortunately allergic to cats so he had to give
34+
her away but didn't want to put her in a shelter. He basically begged us to take her! She's named after his mom, but we call her Fafa.
35+
</div>
36+
-->
37+
</section>
38+
39+
<section>
1140
<h2 id="feli">Feli <img aria-hidden="true" src="../assets/img/inline/heart-pink.png" /></h2>
1241
<div class="cat">
1342
<div class="cat__quick-facts">
@@ -122,6 +151,7 @@ <h2 id="feli">Feli <img aria-hidden="true" src="../assets/img/inline/heart-pink.
122151
</a>
123152
</div>
124153
</section>
154+
125155
<section>
126156
<h2 id="mogli">Mogli <img aria-hidden="true" src="../assets/img/inline/heart-blue.png" /></h2>
127157
<div class="cat">

‎content/about/faq.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ <h1>FAQ</h1>
5050
</p>
5151

5252
<hr />
53-
<p><strong>How can I make my website so pretty too?</strong></p>
53+
<p><strong>How can I make my website pretty?</strong></p>
5454
<p>Graphics, graphics, graphics! Check my <a href="/about/credits">credits</a> and <a href="/resources/bookmarks">bookmarks</a> pages to see where I get images from.</p>
5555
<p>Experimenting with different fonts can help a lot too! Try not to use one of the default web fonts if you want your website to have a unique feel.</p>
5656
<p>

0 commit comments

Comments
 (0)