Compare commits
3 commits
575b317811
...
ebd57d3392
| Author | SHA1 | Date | |
|---|---|---|---|
| ebd57d3392 | |||
| e08c829077 | |||
| a25641051f |
10 changed files with 43 additions and 41 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="footer-flex">
|
<div class="footer-flex">
|
||||||
<div class="footer-left">
|
<div class="footer-left">
|
||||||
{% if not dont_show_lang_in_footer %}
|
{% if not dont_show_lang_in_footer %}
|
||||||
{% include "lang-available.njk" %}
|
{% include "lang_available.njk" %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-middle">
|
<div class="footer-middle">
|
||||||
|
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
@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+ */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
29
_includes/scss/general.scss
Normal file
29
_includes/scss/general.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
@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+ */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -10,7 +10,7 @@ dont_show_lang_in_footer: true
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="welcome-aside-left">
|
<div class="welcome-aside-left">
|
||||||
<div class="home-lang box">
|
<div class="home-lang box">
|
||||||
{% include "lang-available.njk" %}
|
{% include "lang_available.njk" %}
|
||||||
<img src="/img/nekojiru.png">
|
<img src="/img/nekojiru.png">
|
||||||
</div>
|
</div>
|
||||||
<div id="listening" title="{{ "listening-to" | i18n }}"></div>
|
<div id="listening" title="{{ "listening-to" | i18n }}"></div>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,10 @@
|
||||||
|
/* TODO: refactor into smaller includes */
|
||||||
|
|
||||||
@use "sass:color" as c;
|
@use "sass:color" as c;
|
||||||
|
|
||||||
@use "general";
|
@use "scss/general";
|
||||||
@use "fonts";
|
@use "scss/fonts" as *;
|
||||||
@use "main-palette" as mp;
|
@use "scss/main-palette" as mp;
|
||||||
|
|
||||||
$psize: 0.8em;
|
$psize: 0.8em;
|
||||||
$h1size: 2em;
|
$h1size: 2em;
|
||||||
|
|
@ -36,7 +38,7 @@ body {
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
font-family: $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-decoration-color: mp.$border;
|
text-decoration-color: mp.$border;
|
||||||
|
|
@ -96,7 +98,7 @@ body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
h1 {
|
h1 {
|
||||||
margin: 10px 10px 0px 10px;
|
margin: 10px 10px 0px 10px;
|
||||||
font-family: fonts.$ll;
|
font-family: $ll;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
@ -114,7 +116,7 @@ body {
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
p {
|
p {
|
||||||
font-family:
|
font-family:
|
||||||
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -200,7 +202,7 @@ body {
|
||||||
);
|
);
|
||||||
|
|
||||||
color: mp.$text;
|
color: mp.$text;
|
||||||
font-family: fonts.$ll;
|
font-family: $ll;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -261,7 +263,7 @@ body {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
border-bottom: 1px solid mp.$border;
|
border-bottom: 1px solid mp.$border;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-family: fonts.$ll;
|
font-family: $ll;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
background: mp.$bg;
|
background: mp.$bg;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
|
|
@ -530,7 +532,7 @@ body {
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-family:
|
font-family:
|
||||||
fonts.$ll, "Gill Sans", "Gill Sans MT", Calibri,
|
$ll, "Gill Sans", "Gill Sans MT", Calibri,
|
||||||
"Trebuchet MS", sans-serif;
|
"Trebuchet MS", sans-serif;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -560,7 +562,7 @@ body {
|
||||||
p {
|
p {
|
||||||
color: mp.$bg;
|
color: mp.$bg;
|
||||||
font-family:
|
font-family:
|
||||||
fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
---
|
---
|
||||||
title: blog
|
title: blog
|
||||||
layout: recent_feed
|
layout: recent_feed
|
||||||
cycling_tag: posts
|
|
||||||
sidebar: blog
|
sidebar: blog
|
||||||
pagination:
|
pagination:
|
||||||
data: collections.posts
|
data: collections.posts
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
---
|
---
|
||||||
title: blog
|
title: blog
|
||||||
layout: recent_feed
|
layout: recent_feed
|
||||||
cycling_tag: posts
|
|
||||||
sidebar: blog
|
sidebar: blog
|
||||||
pagination:
|
pagination:
|
||||||
data: collections.posts
|
data: collections.posts
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue