Merge remote-tracking branch 'origin/main'

# Conflicts:
#	package-lock.json

package.json

@@ -11,8 +11,8 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.7.0",
-    "@astrojs/mdx": "^3.0.1",
+    "@astrojs/mdx": "^3.1.0",
-    "astro": "^4.8.6",
+    "astro": "^4.10.0",
     "typescript": "^5.4.5"
   },
   "devDependencies": {

src/content/posts/2024_06_06-Pebble_Time.mdx

@@ -0,0 +1,71 @@
+---
+title: The Pebble Time!
+description: '"Smart" watches are not smart at all!'
+pubDate: 2024-06-06
+tags:
+    - pebble
+    - impressions
+---
+
+Today I finally managed to get my hands on the Pebble Time! I've been looking for a watch to fulfil my three main needs,
+without all the wacky account creation, data collection, and general annoyances sprinkled in for a while now, then I
+found the Pebble Time. And now about a year later, here's my first impressions/review of the Pebble Time
+([only 9 years late...](<https://en.wikipedia.org/wiki/Pebble_(watch)#Pebble_Time>))
+
+## My Three Wishes
+
+### Timekeeping
+
+This seems quite stupid to put as a requirement for a watch "review" of sorts. But with all these watches coming out,
+less and less of them can do what they were originally designed to do—show the time. Instead, they're packed with
+features nobody will actually use that drain the life of the watch,
+[barely get a day of battery life at times.](https://9to5google.com/2022/05/31/pixel-watch-battery-life/)
+
+The Pebble Time, when released, was advertised to have 7 days of battery life,
+[and it performed as advertised!](https://www.theverge.com/2015/5/27/8661863/pebble-time-review-wearable-smartwatch)
+But nearly nine years later, does it still hold up? I can only answer after a few days of use, so watch out for an
+update!
+
+But how could Pebble do this? Through the smart optimisation of their PebbleOS and the use of an E-Ink display
+(which I love)
+
+### Notifications
+
+This will make me sound old, but I hate having to pick up my phone constantly to check for notifications. It drives me
+insane sometimes with the amount of stuff that tries to get my attention, even with most apps' notifications disabled.
+
+Being able to quickly check if I should care to pull out my phone from my pocket is really handy, and something I missed
+when my Samsung Gear S2 Classic finally kicked the bucket.
+
+The Pebble Time does a great job at it, and I'd hope so since this was one of its main advertisement points. When do I
+get a notification, it stays on my screen until I acknowledge it, which it can only do through the funky technology of
+E-Ink.
+
+### Quick Controls
+
+Similarly, I don't want to have to take out my phone for some more simple things, like quickly changing the music I'm
+listening to or toggling my desk lamp as I'm running for the train in the morning. Having access to
+[Home Assistant](https://github.com/Willow-Systems/pebble-home-assistant) from my wrist is quite a lot more useful than
+I thought at first. Though can be quite slow being written in JavaScript.
+
+With the Samsung Gear S2 Classic, I didn't have such controls, due to the bloated TizenOS hogging down the limited 512MB
+of ram and slow Qualcomm Snapdragon 400 CPU, along with the already dropped support at the time when I bought it.
+
+## Annoyances
+
+While there is many things I can say about the watch and the interface, like its funny little animations, cool design
+and physical buttons to navigate. I have _already_ experienced crashes when trying to reply to notifications and "you
+are not connected to the internet" block when trying to set up the watch,
+[which Rebble does cover how todo](https://help.rebble.io/setup-android/#7), but still, it took me 3 attempts.
+
+## What I miss from the Gear S2
+
+While there isn't much here, I do want to point out just how useful the rotating crown of the Gear S2 was. It was a
+really nice way of interacting with the operating system, similarly, I like the physical buttons on the Pebble Time. We
+need less touchscreens in this world, not more!
+
+## Final notes
+
+I will probably post an update post for a more long-term review of the watch. I also want to try to write an app for the
+Pebble, and I've been meaning to learn C, and with the extensive guides that are available for the watch, I think it's a
+good time as ever to get into the land of low level!

src/content/tags/impressions.md

@@ -0,0 +1,3 @@
+---
+name: First Impressions
+---

src/content/tags/pebble.md

@@ -0,0 +1,3 @@
+---
+name: Pebble
+---

src/content/tags/review.md

@@ -0,0 +1,3 @@
+---
+name: Review
+---

src/layouts/Layout.astro

@@ -114,6 +114,7 @@ const address = import.meta.env.PUBLIC_ADDRESS;
         )}
     </head>
     <body>
+        <a href="#content-skip" tabindex="0" id="content-skip-button">Skip to content</a>
         <div class="banner">
             <img
                 src={Banner.src}
@@ -135,3 +136,28 @@ const address = import.meta.env.PUBLIC_ADDRESS;
         document.addEventListener("DOMContentLoaded", () => update(img))
     </script>
 </html>
+
+<style lang="scss">
+    @import "../styles/vars.scss";
+
+    #content-skip-button {
+        padding: 16px 32px;
+
+        position: absolute;
+        top: -1000000px;
+        left: -1000000px;
+        z-index: 999999999;
+
+        font-weight: bolder;
+        text-decoration: none;
+
+        background-color: $accent;
+        color: $light;
+
+        &:focus {
+            top: 0;
+            left: 0;
+            outline: 0 solid transparent;
+        }
+    }
+</style>

src/layouts/Markdown.astro

@@ -59,11 +59,7 @@ const comments = import.meta.env.PUBLIC_COMMENTS === "true";
         </ul>
     </div>
 
-    <!--<div class="header-follow">-->
+    <span id="content-skip" />
-    <!--    <div>-->
-    <!--        <p>GwaGwa</p>-->
-    <!--    </div>-->
-    <!--</div>-->
 
     <div id="markdown">
         <div style="margin-bottom: 32px" />

src/pages/index.astro

@@ -21,6 +21,8 @@ const posts = await getPosts("posts");
 		<Music />
 	</div>
 
+	<span id="content-skip" />
+
 	<div class="section">
 		<h2>Who am I</h2>
 		<p>My name is Michał, I go by Fluffy, I'm 19 and I like computers</p>

src/pages/leg.astro

@@ -12,6 +12,8 @@ import GwaGwa from "../assets/fumble.jpg";
         <p>GwaGwa</p>
     </div>
 
+    <span id="content-skip" />
+
     <div class="secrtion">
         <img
             src={GwaGwa.src}

src/pages/posts/index.astro

@@ -20,6 +20,8 @@ const posts = await getPosts("posts");
         <p>Books of egg</p>
     </div>
 
+    <span id="content-skip" />
+
     <ul role="list" class="project-list">
         {posts.map(post => (
             <Card {post}/>

src/pages/refsheet.astro

@@ -16,6 +16,8 @@ import Mood from "../assets/art/mood.png";
         <p>Maned Wolf moment</p>
     </div>
 
+    <span id="content-skip" />
+
     <div class="section">
         <h2>Refsheet</h2>
         <img src={Ref.src} alt="FluffyBean" class="art max" />

src/pages/search/[filter].astro

@@ -35,6 +35,8 @@ const filteredPosts = allPosts.filter((project) => project.data.tags.includes(ta
         <p>Showing {filteredPosts.length}/{allPosts.length} posts</p>
     </div>
 
+    <span id="content-skip" />
+
     <div class="section">
         <ul role="list" class="project-list">
             {filteredPosts.map(post => (

src/pages/search/index.astro

@@ -28,6 +28,8 @@ tags.sort((a, b) => {
         <p>Filter posts by tags</p>
     </div>
 
+    <span id="content-skip" />
+
     <ul role="list" class="pill-list">
         {tags.map(tag => (
             <li>