diff --git a/_layouts/home.html b/_layouts/home.html
index e29204c..35b0ce9 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -1,5 +1,6 @@
---
layout: default
+title: Home
---
@@ -9,10 +10,11 @@ layout: default
Home
{%- endif -%}
{{ content }}
- {%- if site.posts.size > 0 -%}
-
{{ page.list_title | default: "Posts" }}
+ {%- if paginator.total_posts > 0 -%}
+
{{ page.list_title | default: "Microblog" }}
- {%- for post in site.posts -%}
+ {% for post in paginator.posts %}
+ {%- if post.collection == "microblog" -%}
-
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
{{ post.date | date: date_format }}
@@ -25,7 +27,8 @@ layout: default
{{ post.excerpt }}
{%- endif -%}
- {%- endfor -%}
+ {%- endif -%}
+ {% endfor %}
{%- endif -%}
diff --git a/_microblog/2024-08-25-welcome-to-jekyll.markdown b/_microblog/2024-08-25-welcome-to-jekyll.markdown
new file mode 100644
index 0000000..6ef587a
--- /dev/null
+++ b/_microblog/2024-08-25-welcome-to-jekyll.markdown
@@ -0,0 +1,7 @@
+---
+layout: post
+title: "Welcome to Jekyll!"
+date: 2024-08-25 19:37:42 +0200
+---
+
+microblog test
\ No newline at end of file
diff --git a/_sass/main.scss b/_sass/main.scss
index 1652fbf..7dd9203 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -1,5 +1,8 @@
-:root {
- color-scheme: light dark;
+:root[data-applied-mode="light"] {
+ color-scheme: light;
+}
+:root[data-applied-mode="dark"] {
+ color-scheme: dark;
}
* {
@@ -11,7 +14,7 @@
body {
background-color: light-dark(#eee, #333);
background-image:
- linear-gradient(90deg, transparent 134px, light-dark(#eac, #66c) 134px, light-dark(#eac, #66c) 137px, transparent 137px),
+ linear-gradient(90deg, transparent 134px, light-dark(#eac, #69a) 134px, light-dark(#eac, #69a) 137px, transparent 137px),
repeating-linear-gradient(0deg, light-dark(#ccc, #626262) 1px, light-dark(#ccc, #626262) 3px, transparent 1px, transparent 20px),
repeating-linear-gradient(90deg, light-dark(#ccc, #626262) 1px, light-dark(#ccc, #626262) 3px, transparent 1px, transparent 20px);
background-size: 100% 100%;
@@ -23,13 +26,13 @@ a {
text-decoration: none;
}
a:link {
- color: light-dark(#f88, #77f);
+ color: light-dark(#f88, #9ce);
}
a:visited {
- color: light-dark(#f68, #97f);
+ color: light-dark(#f68, #68e);
}
a:hover {
- color: light-dark(#95d, #fad);
+ color: light-dark(#59d, #fad);
}
.wrapper {
@@ -43,92 +46,93 @@ a:hover {
.header {
display: flex;
margin-top: 20px;
-}
-.header h1 {
- font-size: 40px;
+ h1 {
+ font-size: 40px;
+ }
}
.navigation {
display: flex;
margin: 20px 0px 20px 0px;
-}
-.navigation * {
- margin: 0px 12px 0px 12px;
-}
-.navigation a {
- font-size: 22px;
- font-weight: bold;
- background-color: light-dark(#eee, #333);
-}
-.navigation button {
- background-color: light-dark(#ddd, #444);
- border: 1px solid light-dark(#224, #ede);
- border-radius: 10px;
- font-size: 18px;
- padding: 2px 4px 2px 4px;
+ * {
+ margin: 0px 12px 0px 12px;
+ padding: 0px 2px 0px 2px;
+ }
+ a {
+ font-size: 24px;
+ font-weight: bold;
+ background-color: light-dark(#eee, #333);
+ }
+ button {
+ background-color: light-dark(#ddd, #444);
+ border: 1px solid light-dark(#234, #ede);
+ border-radius: 6px;
+ font-size: 20px;
+ padding: 2px 4px 2px 4px;
+ }
}
.content {
- background-color: light-dark(#fff8ff, #595959);
- border: 2px solid light-dark(#224, #ede);
+ background-color: light-dark(#fff8ff, #444);
+ border: 2px solid light-dark(#234, #ede);
border-radius: 20px;
width: 60%;
padding: 20px;
-}
-.content h1 {
- font-size: 35px;
- font-weight: normal;
- line-height: 40px;
- letter-spacing: -1px;
-}
-.content p {
- margin: 10px 0;
- font-size: 16px;
- line-height: 1.5;
-}
-.content ul, .content ol {
- margin: 20px;
-}
-.content li {
- font-size: 15px;
- line-height: 20px;
-}
-.content ul li {
- list-style-type: circle fill;
-}
-.content img {
- margin: 10px auto 10px auto;
- width: 50%;
- display: block;
-}
-.content .inlineimg {
- vertical-align: middle;
- margin: 0 0;
- display: inline;
- width: auto;
-}
-.content blockquote {
- padding-left: 1em;
- font-style: italic;
- border-left: solid 2px #555;
-}
-.content pre {
- border: 2px solid #ddd;
- border-radius: 5px;
- background-color: #fff;
- padding: 5px 5px;
- margin: 10px 0;
-}
-.content code *, .content code {
- font-family: monospace;
- font-size: 14px;
- color: #111;
-}
-.content p code {
- border: 1px solid #ddd;
- border-radius: 3px;
- background-color: #fff;
- padding: 2px;
+ h1 {
+ font-size: 35px;
+ font-weight: normal;
+ line-height: 40px;
+ letter-spacing: -1px;
+ }
+ p {
+ margin: 10px 0;
+ font-size: 16px;
+ line-height: 1.5;
+ }
+ ul, ol {
+ margin: 20px;
+ }
+ li {
+ font-size: 15px;
+ line-height: 20px;
+ }
+ ul li {
+ list-style-type: circle fill;
+ }
+ img {
+ margin: 10px auto 10px auto;
+ width: 50%;
+ display: block;
+ }
+ .inlineimg {
+ vertical-align: middle;
+ margin: 0 0;
+ display: inline;
+ width: auto;
+ }
+ blockquote {
+ padding-left: 1em;
+ font-style: italic;
+ border-left: solid 2px #555;
+ }
+ pre {
+ border: 2px solid #ddd;
+ border-radius: 5px;
+ background-color: #fff;
+ padding: 5px 5px;
+ margin: 10px 0;
+ }
+ code *, code {
+ font-family: monospace;
+ font-size: 14px;
+ color: #111;
+ }
+ p code {
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ background-color: #fff;
+ padding: 2px;
+ }
}
.button, .stamp {
diff --git a/assets/images/banner2.gif b/assets/images/banner2.gif
new file mode 100644
index 0000000..7728776
Binary files /dev/null and b/assets/images/banner2.gif differ
diff --git a/assets/images/gitea.gif b/assets/images/gitea.gif
new file mode 100644
index 0000000..3436dce
Binary files /dev/null and b/assets/images/gitea.gif differ
diff --git a/assets/images/graphicdesign.gif b/assets/images/graphicdesign.gif
new file mode 100644
index 0000000..876d8fe
Binary files /dev/null and b/assets/images/graphicdesign.gif differ
diff --git a/assets/images/gratis-sex-fotos.gif b/assets/images/gratis-sex-fotos.gif
new file mode 100644
index 0000000..3adbcc6
Binary files /dev/null and b/assets/images/gratis-sex-fotos.gif differ
diff --git a/assets/images/htmlvir.gif b/assets/images/htmlvir.gif
new file mode 100644
index 0000000..40b2b05
Binary files /dev/null and b/assets/images/htmlvir.gif differ
diff --git a/assets/images/index.html b/assets/images/index.html
deleted file mode 100644
index 8b7f569..0000000
--- a/assets/images/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
-
-
VΛYT - Gallery
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Gallery
-
-
This is a list of all images on this website and also kind of an easteregg since there is no link to this page.
-
-
-
-
-
-
-
diff --git a/assets/images/power36.gif b/assets/images/power36.gif
new file mode 100644
index 0000000..96f9c61
Binary files /dev/null and b/assets/images/power36.gif differ
diff --git a/assets/images/tiredalien2.gif b/assets/images/tiredalien2.gif
new file mode 100644
index 0000000..bf53872
Binary files /dev/null and b/assets/images/tiredalien2.gif differ
diff --git a/assets/js/light-dark-toggle.js b/assets/js/light-dark-toggle.js
new file mode 100644
index 0000000..8dc908e
--- /dev/null
+++ b/assets/js/light-dark-toggle.js
@@ -0,0 +1,51 @@
+function getUserPreference() {
+ return localStorage.getItem('theme') || 'system';
+}
+function saveUserPreference(userPreference) {
+ localStorage.setItem('theme', userPreference);
+}
+function getAppliedMode(userPreference) {
+ if (userPreference === 'light') {
+ return 'light';
+ }
+ if (userPreference === 'dark') {
+ return 'dark';
+ }
+ // system
+ if (matchMedia('(prefers-color-scheme: light)').matches) {
+ return 'light';
+ }
+ return 'dark';
+}
+
+function setAppliedMode(mode) {
+ document.documentElement.dataset.appliedMode = mode;
+}
+
+function rotatePreferences(userPreference) {
+ if (userPreference === 'system') {
+ return 'light'
+ }
+ if (userPreference === 'light') {
+ return 'dark';
+ }
+ if (userPreference === 'dark') {
+ return 'system';
+ }
+ // for invalid values, just in case
+ return 'system';
+}
+
+const themeToggler = document.getElementById('theme-toggle');
+
+let userPreference = getUserPreference();
+setAppliedMode(getAppliedMode(userPreference));
+themeToggler.innerText = userPreference;
+
+themeToggler.onclick = () => {
+ const newUserPref = rotatePreferences(userPreference);
+ userPreference = newUserPref;
+ saveUserPreference(newUserPref);
+ themeToggler.innerText = newUserPref;
+ setAppliedMode(getAppliedMode(newUserPref));
+}
\ No newline at end of file
diff --git a/blog.md b/blog.md
new file mode 100644
index 0000000..32e5b56
--- /dev/null
+++ b/blog.md
@@ -0,0 +1,5 @@
+---
+layout: blog
+---
+
+Long form writeups about stuff.