diff --git a/404.md b/404.md index 00a5cbf..61e63e6 100644 --- a/404.md +++ b/404.md @@ -5,6 +5,6 @@ layout: default # 404 -**Page not found :** +**Page not found:** -The requested page could not be found. +The requested page could not be found ╯︿╰ diff --git a/Gemfile b/Gemfile index 3185be2..8f8588a 100644 --- a/Gemfile +++ b/Gemfile @@ -16,6 +16,7 @@ gem "minima", "~> 2.5" # If you have any plugins, put them here! group :jekyll_plugins do gem "jekyll-feed", "~> 0.12" + gem "jekyll-paginate", ">=0" end # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem @@ -32,3 +33,5 @@ gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin] # do not have a Java counterpart. gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby] + +gem "webrick", "~> 1.9" diff --git a/Gemfile.lock b/Gemfile.lock index d5c00cc..22f70d6 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -61,6 +61,7 @@ GEM webrick (~> 1.7) jekyll-feed (0.17.0) jekyll (>= 3.7, < 5.0) + jekyll-paginate (1.1.0) jekyll-sass-converter (3.0.0) sass-embedded (~> 1.54) jekyll-seo-tag (2.8.0) @@ -172,10 +173,12 @@ DEPENDENCIES http_parser.rb (~> 0.6.0) jekyll (~> 4.3.3) jekyll-feed (~> 0.12) + jekyll-paginate minima (~> 2.5) tzinfo (>= 1, < 3) tzinfo-data wdm (~> 0.1.1) + webrick (~> 1.9) BUNDLED WITH - 2.5.22 + 2.5.23 diff --git a/_config.yml b/_config.yml index 27c44a1..eada710 100644 --- a/_config.yml +++ b/_config.yml @@ -32,6 +32,7 @@ github_username: oneandonlyvalle # theme: minima plugins: - jekyll-feed + - jekyll-paginate # Exclude from processing. # The following items will not be processed, by default. @@ -52,3 +53,17 @@ plugins: # - vendor/cache/ # - vendor/gems/ # - vendor/ruby/ + +collections: + microblog: + output: true + permalink: microblog/:year/:month/:day/:hour-:minute/ + +paginate: 2 # default for all below; will be overridden by `per_page` value +pagination: + - paginate: + path: /blog/page:num/ + per_page: 10 + - paginate: + path: /page:num/ + per_page: 20 diff --git a/_layouts/blog.html b/_layouts/blog.html new file mode 100644 index 0000000..97e1e33 --- /dev/null +++ b/_layouts/blog.html @@ -0,0 +1,33 @@ +--- +layout: default +title: Blog +--- + +
+ {%- if page.title -%} +

{{ page.title }}

+ {% else %} +

Blog

+ {%- endif -%} + {{ content }} + {%- if paginator.total_posts > 0 -%} +

{{ page.list_title | default: "Posts" }}

+ +

subscribe via RSS

+ {%- endif -%} +
diff --git a/_layouts/default.html b/_layouts/default.html index ca9b5a7..93e26ce 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,6 +7,7 @@ +

{{ site.title }}

@@ -17,6 +18,7 @@ Home Blog About +
@@ -30,6 +32,7 @@ +
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" }}

subscribe via RSS

{%- 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 - - - - - - - - -
-
-

VΛYT

-
-
-
- -
- -
- - - - -
-
- - - - - -
- - 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.