This commit is contained in:
zoe 2022-04-09 18:00:33 +02:00
parent 572bc88b45
commit 8d93639193
13 changed files with 231 additions and 1 deletions

23
assets/scss/colors.scss Normal file
View file

@ -0,0 +1,23 @@
$backgroundcolor: #ffe7d6;
$foregroundcolor: #73464c;
$linkcolor: #ab5675;
$active: #72dcbb;
body {
background-color: $backgroundcolor;
color: $foregroundcolor;
}
a {
background-color: $linkcolor;
color: $backgroundcolor;
}
a.footer-nav-item.active{
color: $linkcolor;
}
footer, footer a{
background-color: $foregroundcolor;
color: $backgroundcolor;
}

18
assets/scss/font.scss Normal file
View file

@ -0,0 +1,18 @@
@font-face {
font-family: CaskaydiaCove;
src: url(/font/CaskaydiaCove.ttf);
}
* {
font-family: CaskaydiaCove;
font-size: 16pt;
}
h1 {font-size: 42pt;}
a {
text-decoration: none;
}
footer {
font-size: 20pt;
}

30
assets/scss/layout.scss Normal file
View file

@ -0,0 +1,30 @@
html, body {
height: 100%;
flex: auto;
}
footer {
height: 10%;
min-height: 24pt;
position: sticky;
display: flex;
align-items: center;
justify-content: center;
}
#footer-content{
width: 100%;
}
#content {
min-height:90%;
}
#footer-right{
justify-self: right;
}
* {
padding: 0;
margin: 0;
}

View file

@ -1 +1,3 @@
*{color:red;} @import "./colors";
@import "./font";
@import "./layout";

BIN
external/palette(cc-29-1x).png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 B

View file

@ -0,0 +1,19 @@
{{ define "main" }}
<main>
<article>
<header>
<h1>List - {{.Title}}</h1>
</header>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
{{.Content}}
</article>
<ul>
<!-- Ranges through content/posts/*.md -->
{{ range .Pages }}
<li>
<a href="{{.Permalink}}">{{.Title}}</a>
</li>
{{ end }}
</ul>
</main>
{{ end }}

View file

@ -0,0 +1,38 @@
{{ define "main" }}
<section id="main">
<h1 id="title">Single Page {{ .Title }}</h1>
<div>
<article id="content">
{{ .Content }}
</article>
</div>
</section>
<aside id="meta">
<div>
<section>
</section>
{{ with .Params.topics }}
<ul id="topics">
{{ range . }}
<li><a href="{{ "topics" | absURL}}{{ . | urlize }}">{{ . }}</a> </li>
{{ end }}
</ul>
{{ end }}
{{ with .Params.tags }}
<ul id="tags">
{{ range . }}
<li> <a href="{{ "tags" | absURL }}{{ . | urlize }}">{{ . }}</a> </li>
{{ end }}
</ul>
{{ end }}
</div>
<div>
{{ with .PrevInSection }}
<a class="previous" href="{{.Permalink}}">previous: {{.Title}}</a>
{{ end }}
{{ with .NextInSection }}
<a class="next" href="{{.Permalink}}">next: {{.Title}}</a>
{{ end }}
</div>
</aside>
{{ end }}

View file

@ -2,4 +2,9 @@
<div> <div>
<h1 class="title">{{ .Site.Title }}</h1> <h1 class="title">{{ .Site.Title }}</h1>
</div> </div>
<div>
<p>
{{ .Content }}
</p>
</div>
{{ end }} {{ end }}

View file

@ -0,0 +1,13 @@
<footer>
<div id="footer-center">
<nav id="footer-nav">
{{ $currentPage := . }}
{{ range .Site.Menus.nav }}
<a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
{{ end }}
</nav>
</div>
<div id="footer-right">
<input type="checkbox" id="darkmode-toggle">
</div>
</footer>

View file

@ -5,4 +5,5 @@
{{ $css := resources.Get "scss/main.scss" }} {{ $css := resources.Get "scss/main.scss" }}
{{ $css = $css | toCSS }} {{ $css = $css | toCSS }}
<link rel="stylesheet" href="{{ $css.RelPermalink }}"> <link rel="stylesheet" href="{{ $css.RelPermalink }}">
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
</head> </head>

Binary file not shown.

Binary file not shown.

81
static/svg/favicon.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 20 KiB