Compare commits
No commits in common. "58bca242599f9bdbffde4787673f68abbfac9e25" and "6ca2842b45bbe8be423ee0403f0a8767a851c2d0" have entirely different histories.
58bca24259
...
6ca2842b45
|
|
@ -5,18 +5,17 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="main-page-wrapper">
|
||||
<div class="header-wrapper">
|
||||
<div class="header">
|
||||
<a href="/" alt="yukinets"><div class="header-banner"></div></a>
|
||||
<div class="header-wrapper">
|
||||
<img class="header-banner" src="/img/banner-alt.png" alt="yukinets">
|
||||
</div>
|
||||
{% include "topmost_navbar.njk" %}
|
||||
</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 }}
|
||||
|
||||
<marquee class="motd" behavior="scroll" direction="left">
|
||||
<img src="/img/Witch-on-broom.gif" alt="">
|
||||
</marquee>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,4 +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">
|
||||
<link rel="stylesheet" href="/css/{{ style if style else "main" }}.css">
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
$ll: "Love LetterTW";
|
||||
|
||||
@font-face {
|
||||
font-family: $ll;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local($ll), url('/css/fonts/Lovelt__.woff') format('woff');
|
||||
}
|
||||
|
|
@ -1,5 +1,3 @@
|
|||
@use "main-palette.scss" as mp;
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -10,5 +8,4 @@
|
|||
min-width: 0;
|
||||
max-width: 802px;
|
||||
margin: 8px auto;
|
||||
border: 1px solid mp.$border;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,2 @@
|
|||
$bg: #000;
|
||||
$border: #761026;
|
||||
$link: #ad3040;
|
||||
$text: #ffd2dd;
|
||||
$bg: #e4ffdc;
|
||||
$border: #000;
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<nav class="navbar-wrapper">
|
||||
<ul>
|
||||
<li><a href="/">home</a></li>
|
||||
<li><a href="/about">about</a></li>
|
||||
<li><a href="/blog">blog</a></li>
|
||||
<li><a href="/contact">contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -1,68 +1,32 @@
|
|||
@use "sass:color" as c;
|
||||
|
||||
@use "general";
|
||||
@use "fonts";
|
||||
@use "main-palette" as mp;
|
||||
|
||||
body {
|
||||
background-color: mp.$bg;
|
||||
/*background-image: url("/img/bgpat.png");
|
||||
background-repeat: repeat;*/
|
||||
|
||||
a { color: mp.$link; }
|
||||
a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
|
||||
|
||||
p { color: mp.$text }
|
||||
background-image: url("/img/bgpat.png");
|
||||
background-repeat: repeat;
|
||||
}
|
||||
|
||||
.header-wrapper {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 16px;
|
||||
.header {
|
||||
width: 100%;
|
||||
|
||||
img {
|
||||
border: 1px solid mp.$border;
|
||||
display: block;
|
||||
.header-banner {
|
||||
background-image: url("/img/home_banner.jpg");
|
||||
width: 298px;
|
||||
height: 140px;
|
||||
border-right: 1px solid mp.$border;
|
||||
border-bottom: 1px solid mp.$border;
|
||||
border-radius: 0% 0% 20px 0%;
|
||||
}
|
||||
.header-banner:hover{ background-image: url("/img/home_banner_hover.jpg"); }
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-wrapper {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-top: 8px;
|
||||
.motd {
|
||||
img { display: inline; }
|
||||
p { display: inline; }
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
li {
|
||||
display: flex;
|
||||
margin: 2px;
|
||||
a {
|
||||
padding: 0.2em 0.5em;
|
||||
border: 1px solid mp.$border;
|
||||
.navbar-wrapper {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
background: mp.$bg;
|
||||
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 10%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -20%) 100%);
|
||||
|
||||
color: mp.$text;
|
||||
font-family: fonts.$ll;
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
text-decoration: none;
|
||||
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
|
||||
}
|
||||
|
||||
a:hover { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -10%) 100%); }
|
||||
}
|
||||
}
|
||||
.nav-button {
|
||||
border: 1px solid mp.$border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ const eleventySass = require("eleventy-sass");
|
|||
module.exports = function (eleventyConfig) {
|
||||
eleventyConfig.addPlugin(eleventySass);
|
||||
eleventyConfig.addPassthroughCopy("img");
|
||||
eleventyConfig.addPassthroughCopy("css/fonts");
|
||||
|
||||
return {
|
||||
markdownTemplateEngine: "njk",
|
||||
|
|
|
|||
BIN
img/banner-alt.png
Normal file
|
After Width: | Height: | Size: 92 KiB |
BIN
img/banner.png
Normal file
|
After Width: | Height: | Size: 107 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 |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 80 KiB |
BIN
img/homeb.png
Normal file
|
After Width: | Height: | Size: 412 B |
1
index.md
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
layout: base
|
||||
title: home
|
||||
---
|
||||
goodbye...
|
||||
|
|
|
|||