the shape of future yukinets to come...
|
|
@ -1,3 +1,4 @@
|
||||||
{
|
{
|
||||||
"sitename": "yukinets"
|
"sitename": "yukinets",
|
||||||
|
"motd": "kill everyone now!! condone first degree murder!!"
|
||||||
}
|
}
|
||||||
|
|
@ -1,12 +1,21 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
{% include "base_head.njk" %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>{% if title %} {{ title }} | {{ meta.sitename }} {% else %} {{ meta.sitename }} {% endif %}</title>
|
|
||||||
<link rel="stylesheet" href="/css/{{ style if style else "general_styles" }}.css">
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{{ content | safe }}
|
<div class="main-page-wrapper">
|
||||||
|
<div class="header-wrapper">
|
||||||
|
<img class="header-banner" src="/img/banner-alt.png" alt="yukinets">
|
||||||
|
</div>
|
||||||
|
<marquee class="motd" behavior="scroll" direction="left">
|
||||||
|
<img src="/img/Witch-on-broom.gif" alt="">
|
||||||
|
<p>{{ motd if motd else meta.motd }}</p>
|
||||||
|
</marquee>
|
||||||
|
<nav class="navbar-wrapper">
|
||||||
|
<img class="nav-button" src="/img/hbutton.png" alt="Home">
|
||||||
|
</nav>
|
||||||
|
{{ content | safe }}
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
4
_includes/base_head.njk
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{% if title %} {{ title }} | {{ meta.sitename }} {% else %} {{ meta.sitename }} {% endif %}</title>
|
||||||
|
<link rel="stylesheet" href="/css/{{ style if style else "main" }}.css">
|
||||||
|
|
@ -1,4 +1,11 @@
|
||||||
body {
|
* {
|
||||||
background-color: bisque;
|
margin: 0;
|
||||||
color: blueviolet;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-page-wrapper {
|
||||||
|
height: min-content;
|
||||||
|
min-width: 0;
|
||||||
|
max-width: 802px;
|
||||||
|
margin: 8px auto;
|
||||||
|
}
|
||||||
|
|
|
||||||
2
_includes/main-palette.scss
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
$bg: #e4ffdc;
|
||||||
|
$border: #000;
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
@use "general";
|
|
||||||
32
css/main.scss
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
@use "general";
|
||||||
|
@use "main-palette" as mp;
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: mp.$bg;
|
||||||
|
background-image: url("/img/bgpat.png");
|
||||||
|
background-repeat: repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
img {
|
||||||
|
border: 1px solid mp.$border;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.motd {
|
||||||
|
img { display: inline; }
|
||||||
|
p { display: inline; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-wrapper {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.nav-button {
|
||||||
|
border: 1px solid mp.$border;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
img/Witch-on-broom.gif
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 92 KiB |
BIN
img/bgpat.png
Normal file
|
After Width: | Height: | Size: 240 B |
BIN
img/btnbg.png
Normal file
|
After Width: | Height: | Size: 191 B |
BIN
img/button.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/hbutton.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
img/homeb.png
Normal file
|
After Width: | Height: | Size: 412 B |