Compare commits

..

No commits in common. "ebd57d3392ef44d84d6ab0799736050eefeef9e8" and "575b3178119018fb14fae0091a1330f5da0a9ad9" have entirely different histories.

10 changed files with 41 additions and 43 deletions

View file

@ -1,7 +1,7 @@
<div class="footer-flex">
<div class="footer-left">
{% if not dont_show_lang_in_footer %}
{% include "lang_available.njk" %}
{% include "lang-available.njk" %}
{% endif %}
</div>
<div class="footer-middle">

27
_includes/general.scss Normal file
View file

@ -0,0 +1,27 @@
@use "main-palette.scss" as mp;
$breakpoint: 768px;
* {
margin: 0;
box-sizing: border-box;
}
.main-page-wrapper {
height: min-content;
min-width: 0;
max-width: 802px;
margin: 8px auto;
border: 1px solid mp.$border;
/* DEATH TO ANTIALIASING */
img, .header-banner, #nav-hover {
image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
image-rendering: pixelated; /* Universal support since 2021 */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
}

View file

@ -1,29 +0,0 @@
@use "main-palette" as mp;
$breakpoint: 768px;
* {
margin: 0;
box-sizing: border-box;
}
.main-page-wrapper {
height: min-content;
min-width: 0;
max-width: 802px;
margin: 8px auto;
border: 1px solid mp.$border;
/* DEATH TO ANTIALIASING */
img,
.header-banner,
#nav-hover {
image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
image-rendering: pixelated; /* Universal support since 2021 */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
}

View file

@ -10,7 +10,7 @@ dont_show_lang_in_footer: true
{% block content %}
<div class="welcome-aside-left">
<div class="home-lang box">
{% include "lang_available.njk" %}
{% include "lang-available.njk" %}
<img src="/img/nekojiru.png">
</div>
<div id="listening" title="{{ "listening-to" | i18n }}"></div>

View file

@ -1,10 +1,8 @@
/* TODO: refactor into smaller includes */
@use "sass:color" as c;
@use "scss/general";
@use "scss/fonts" as *;
@use "scss/main-palette" as mp;
@use "general";
@use "fonts";
@use "main-palette" as mp;
$psize: 0.8em;
$h1size: 2em;
@ -38,7 +36,7 @@ body {
h4,
h5,
h6 {
font-family: $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-family: fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
text-decoration: underline;
text-decoration-color: mp.$border;
@ -98,7 +96,7 @@ body {
width: 100%;
h1 {
margin: 10px 10px 0px 10px;
font-family: $ll;
font-family: fonts.$ll;
text-align: center;
text-decoration: none;
}
@ -116,7 +114,7 @@ body {
margin: 0px auto;
p {
font-family:
$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 1.2em;
}
}
@ -202,7 +200,7 @@ body {
);
color: mp.$text;
font-family: $ll;
font-family: fonts.$ll;
font-weight: normal;
font-size: 1em;
text-decoration: none;
@ -263,7 +261,7 @@ body {
margin-bottom: 4px;
border-bottom: 1px solid mp.$border;
text-decoration: none;
font-family: $ll;
font-family: fonts.$ll;
font-size: 1em;
background: mp.$bg;
background: linear-gradient(
@ -532,7 +530,7 @@ body {
a {
text-decoration: none;
font-family:
$ll, "Gill Sans", "Gill Sans MT", Calibri,
fonts.$ll, "Gill Sans", "Gill Sans MT", Calibri,
"Trebuchet MS", sans-serif;
}
}
@ -562,7 +560,7 @@ body {
p {
color: mp.$bg;
font-family:
$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 0.8em;
text-align: center;
}

View file

@ -1,6 +1,7 @@
---
title: blog
layout: recent_feed
cycling_tag: posts
sidebar: blog
pagination:
data: collections.posts

View file

@ -1,6 +1,7 @@
---
title: blog
layout: recent_feed
cycling_tag: posts
sidebar: blog
pagination:
data: collections.posts