done again

fezcode · fezcode · commit 3f11146a328f · 2025-10-15T05:20:38.000+03:00
diff --git a/data/shownPosts.json b/data/shownPosts.json
@@ -0,0 +1,31 @@
+[
+  {
+    "file": "warning-post",
+    "date": "2025-10-14",
+    "updated": "2025-10-15"
+  },
+
+  {
+    "file": "code-example-post",
+    "date": "2025-10-15",
+    "updated": "2025-10-15"
+  },
+
+  {
+    "file": "first-post",
+    "date": "2025-10-14",
+    "updated": "2025-10-15"
+  },
+
+  {
+    "file": "long-post",
+    "date": "2025-10-13",
+    "updated": "2025-10-14"
+  },
+
+  {
+    "file": "second-post",
+    "date": "2025-10-12",
+    "updated": "2025-10-13"
+  }
+]
diff --git a/data/shownProjects.json b/data/shownProjects.json
@@ -0,0 +1,18 @@
+[
+  {
+    "title": "project-one",
+    "size": 2
+  },
+  {
+    "title": "project-two",
+    "size": 1
+  },
+  {
+    "title": "project-three",
+    "size": 1
+  },
+  {
+    "title": "project-four",
+    "size": 2
+  }
+]
diff --git a/images/projects/project-one-image-1.avif b/images/projects/project-one-image-1.avif
diff --git a/images/projects/project-one-image-2.avif b/images/projects/project-one-image-2.avif
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/posts/code-example-post.md b/posts/code-example-post.md
@@ -0,0 +1,54 @@
+---
+title: "Code Example Post"
+date: "2023-10-27"
+description: "A blog post demonstrating code blocks in various languages."
+tags: ["code", "markdown", "example"]
+---
+
+This post demonstrates how code blocks are rendered within our blog. We can include code snippets in various programming languages.
+
+## Python Example
+
+Here's a simple Python function:
+
+```python
+def factorial(n):
+    if n == 0:
+        return 1
+    else:
+        return n * factorial(n-1)
+
+print(factorial(5))
+```
+
+## JavaScript Example
+
+And a quick JavaScript function:
+
+```javascript
+function greet(name) {
+    console.log(`Hello, ${name}!`);
+}
+
+greet("World");
+```
+
+## HTML Example
+
+Even HTML can be displayed:
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>My Web Page</h1>
+</body>
+</html>
+```
+
+This is just an example of how different code blocks can be presented.
diff --git a/posts/first-post.md b/posts/first-post.md
@@ -0,0 +1,14 @@
+---
+title: My First Post
+date: 2025-10-14
+tags: ["react", "hello-world"]
+---
+
+# My First Post
+
+This is the content of my first blog post. I'm excited to start writing!
+
+Here's some code:
+```javascript
+console.log('Hello, world!');
+```
diff --git a/posts/long-post.md b/posts/long-post.md
@@ -0,0 +1,37 @@
+---
+title: The Art of Scrolling
+date: 2025-10-16
+tags: ["css", "scrolling", "web-design"]
+---
+
+# The Art of Scrolling
+
+This is a very long blog post designed to demonstrate the scrolling behavior of the sticky metadata component. 
+
+## Chapter 1: The Beginning
+
+In the beginning, there was no scrolling. Pages were static and everything fit on one screen. It was a simpler time, but also a more limited time. The invention of the scrollbar changed everything. Suddenly, pages could be as long as you wanted them to be. This was a revolutionary idea, and it paved the way for the modern web.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl.
+
+## Chapter 2: The Middle
+
+As pages got longer, it became more difficult to navigate them. This is where sticky elements came in. Sticky elements are elements that stay in a fixed position on the screen, even when you scroll. This is useful for things like navigation bars, sidebars, and metadata. In this blog post, we are using a sticky metadata component to display the title and date of the post.
+
+Here's a link to a great resource on scrolling: [CSS-Tricks](https://css-tricks.com/pure-css-scroll-snap-in-action/).
+
+And here's a link to another page on this site: [My Projects](/projects).
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl.
+
+## Chapter 3: The End
+
+And so, we have come to the end of our long blog post. I hope you have enjoyed this demonstration of scrolling behavior. As you can see, the sticky metadata component has stayed in a fixed position on the screen, even as you have scrolled through the post. This is a very useful feature, and it is one that you will see on many websites.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl.
+
+## Chapter 4: The Epilogue
+
+But wait, there's more! I wanted to make this post even longer, so I added an epilogue. I hope you don't mind. I just wanted to make sure that the scrolling behavior was really, really clear. I think it is now. I think this is probably the longest blog post ever written. I'm not sure, but it's got to be up there.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl. Sed euismod, nisl nec ultricies lacinia, nisl nisl aliquet nisl, eget aliquam nisl nisl sit amet nisl.
diff --git a/posts/second-post.md b/posts/second-post.md
@@ -0,0 +1,13 @@
+---
+title: My Second Post
+date: 2025-10-15
+tags: ["writing", "updates"]
+---
+
+# My Second Post
+
+This is my second post. I'm getting the hang of this.
+
+- Item 1
+- Item 2
+- Item 3
diff --git a/posts/warning-post.md b/posts/warning-post.md
@@ -0,0 +1,19 @@
+---
+title: My Second Post
+date: 2025-10-15
+tags: ["writing", "updates"]
+---
+
+# My Warning Post
+
+> **warning**
+> 
+> asda
+> 
+> asd
+
+This is my second post. I'm getting the hang of this.
+
+- Item 1
+- Item 2
+- Item 3
diff --git a/projects/project-four.md b/projects/project-four.md
@@ -0,0 +1,13 @@
+---
+title: Project 4
+link: https://example.com/project-three
+pinned: false
+isActive: true
+technologies: [JavaScript, HTML, CSS]
+---
+
+This is a short description of Project Three. A simple frontend experiment with animations.
+
+---
+
+This is the full content of Project 4. It explores various CSS and JavaScript animation techniques.
diff --git a/projects/project-one.md b/projects/project-one.md
@@ -0,0 +1,23 @@
+---
+title: Project One
+link: https://example.com/project-one
+pinned: true
+isActive: true
+technologies: [React, Node.js, MongoDB]
+---
+
+This is a short description of Project One. It involved developing a robust web application using modern React frameworks and a highly scalable backend.
+
+---
+
+This is the full content of Project One. The goal was to create an intuitive user experience with dynamic content loading and real-time updates.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+![Local Image 1](/images/projects/project-one-image-1.avif)
+
+Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus auctor mattis. Aliquam dictum egestas nulla. Curabitur a orci a ut laoreet. Nullam gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus auctor mattis. Aliquam dictum egestas nulla. Curabitur a orci a ut laoreet.
+
+![Local Image 2](/images/projects/project-one-image-2.avif)
+
+Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
diff --git a/projects/project-three.md b/projects/project-three.md
@@ -0,0 +1,13 @@
+---
+title: Project Three
+link: https://example.com/project-three
+pinned: false
+isActive: true
+technologies: [JavaScript, HTML, CSS]
+---
+
+This is a short description of Project Three. A simple frontend experiment with animations.
+
+---
+
+This is the full content of Project Three. It explores various CSS and JavaScript animation techniques.
diff --git a/projects/project-two.md b/projects/project-two.md
@@ -0,0 +1,13 @@
+---
+title: Project Two
+link: https://example.com/project-two
+pinned: true
+isActive: true
+technologies: [Python, Django, PostgreSQL]
+---
+
+This is a short description of Project Two. It's a backend-focused project for data processing and API development.
+
+---
+
+This is the full content of Project Two. It details the architecture and challenges faced during development.
diff --git a/robots.txt b/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
