Browse Source

Rewrite the theme

master
bake 5 months ago
parent
commit
bafa6595fb

+ 0
- 6
archetypes/default.md View File

@@ -1,6 +0,0 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---


+ 13
- 0
layouts/partials/foot.html View File

@@ -0,0 +1,13 @@
<script>
(function(f, a, t, h, o, m){
a[h]=a[h]||function(){
(a[h].q=a[h].q||[]).push(arguments)
};
o=f.createElement('script'),
m=f.getElementsByTagName('script')[0];
o.async=1; o.src=t; o.id='fathom-script';
m.parentNode.insertBefore(o,m)
})(document, window, '//fathom.192k.pw/tracker.js', 'fathom');
fathom('set', 'siteId', 'WVJSA');
fathom('trackPageview');
</script>

+ 0
- 2
themes/fussel.theme/.gitignore View File

@@ -1,2 +0,0 @@
node_modules/
static/css/main.css

+ 0
- 4
themes/fussel.theme/README.md View File

@@ -1,5 +1 @@
# fussel.theme

```bash
$ npm run-script {build,watch}
```

+ 2
- 0
themes/fussel.theme/layouts/_default/baseof.html View File

@@ -10,5 +10,7 @@
{{ block "main" . }}{{ end }}

{{ partial "footer.html" . }}

{{ partial "foot.html" }}
</body>
</html>

+ 0
- 15
themes/fussel.theme/layouts/changelog/list.html View File

@@ -1,15 +0,0 @@
{{ define "main" }}
<article>
<h2>{{ .Title }}</h2>

<ul>
{{ range .Pages }}
<li>{{ .Date.Format "02.01.2006" }} {{ .Content }}</li>
{{ end }}
</ul>

<footer>
{{ partial "lastmod" . }}
</footer>
</article>
{{ end }}

+ 6
- 4
themes/fussel.theme/layouts/mate/single.html View File

@@ -2,12 +2,14 @@
<article>
<h2>{{ .Title }}</h2>

<figure align="left">
<aside class="gallery">
{{ range $i, $_ := .Params.Images }}
<img src="{{ index $.Params.Images $i }}">
<figcaption>{{ index $.Params.Captions $i | markdownify }}</figcaption>
<figure>
<img src="{{ index $.Params.Images $i }}">
<figcaption>{{ index $.Params.Captions $i | markdownify }}</figcaption>
</figure>
{{ end }}
</figure>
</aside>

{{ .Content }}


+ 0
- 0
themes/fussel.theme/layouts/partials/foot.html View File


+ 3
- 3
themes/fussel.theme/layouts/partials/head.html View File

@@ -1,9 +1,9 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width">
{{ if .RSSLink }}
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
{{ with .OutputFormats.Get "RSS" }}
<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml">
<link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml">
{{ end }}

<title>{{ .Title }}</title>

+ 2
- 3
themes/fussel.theme/layouts/partials/header.html View File

@@ -1,10 +1,9 @@
<aside>
<h1>{{ .Site.Title }}</h1>

<nav>
{{ partial "navigation.html" . }}
</nav>
</aside>

<section>
<header>
<h1>fussel.space</h1>
</header>

+ 6
- 6
themes/fussel.theme/layouts/partials/navigation.html View File

@@ -1,10 +1,10 @@
<ul>
{{ $current := . }}
{{ range $name, $menu := .Site.Menus }}
{{/* <li class="divider"><span>{{ $name }}</span></li> */}}
<li class="divider"><span>{{ $name }}</span></li>
{{ range $menu }}
<li>
<a href="{{ .URL }}"{{ if $current.IsMenuCurrent "meta" . }} class="active"{{end}}>
<li{{ if $current.IsMenuCurrent "meta" . }} class="active"{{end}}>
<a href="{{ .URL }}">
{{ .Name }}
</a>
</li>
@@ -13,9 +13,9 @@

{{ range .Site.Sections }}
<li class="divider"><span>{{ .Name }}</span></li>
{{ range sort .Pages "URL" }}
<li>
<a href="{{ .URL }}"{{ if eq .Permalink $.Permalink }} class="active"{{ end }}>
{{ range sort .Pages "Permalink" }}
<li{{ if eq .Permalink $.Permalink }} class="active"{{ end }}>
<a href="{{ .Permalink }}">
{{ .Name }}
</a>
</li>

+ 0
- 167
themes/fussel.theme/package-lock.json View File

@@ -1,167 +0,0 @@
{
"name": "fussel.theme",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"amdefine": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
"dev": true
},
"balanced-match": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
"dev": true
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
"dev": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
}
},
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
"dev": true
},
"css-parse": {
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/css-parse/-/css-parse-1.7.0.tgz",
"integrity": "sha1-Mh9s9zeCpv91ERE5D8BeLGV9jJs=",
"dev": true
},
"debug": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.1.0.tgz",
"integrity": "sha512-heNPJUJIqC+xB6ayLAMHaIrmN9HKa7aQO8MGqKpvCA+uJYVcvR6l5kgdrhRuwPFHU7P5/A1w0BjByPHwpfTDKg==",
"dev": true,
"requires": {
"ms": "^2.1.1"
}
},
"fs.realpath": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
"dev": true
},
"glob": {
"version": "7.0.6",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.0.6.tgz",
"integrity": "sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=",
"dev": true,
"requires": {
"fs.realpath": "^1.0.0",
"inflight": "^1.0.4",
"inherits": "2",
"minimatch": "^3.0.2",
"once": "^1.3.0",
"path-is-absolute": "^1.0.0"
}
},
"inflight": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
"dev": true,
"requires": {
"once": "^1.3.0",
"wrappy": "1"
}
},
"inherits": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
"dev": true
},
"minimatch": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
"dev": true,
"requires": {
"brace-expansion": "^1.1.7"
}
},
"minimist": {
"version": "0.0.8",
"resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
"integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
"dev": true
},
"mkdirp": {
"version": "0.5.1",
"resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
"integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
"dev": true,
"requires": {
"minimist": "0.0.8"
}
},
"ms": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
"integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
"dev": true
},
"once": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
"dev": true,
"requires": {
"wrappy": "1"
}
},
"path-is-absolute": {
"version": "1.0.1",
"resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
"dev": true
},
"sax": {
"version": "0.5.8",
"resolved": "http://registry.npmjs.org/sax/-/sax-0.5.8.tgz",
"integrity": "sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=",
"dev": true
},
"source-map": {
"version": "0.1.43",
"resolved": "http://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
"integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
"dev": true,
"requires": {
"amdefine": ">=0.0.4"
}
},
"stylus": {
"version": "0.54.5",
"resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.5.tgz",
"integrity": "sha1-QrlWCTHKcJDOhRWnmLqeaqPW3Hk=",
"dev": true,
"requires": {
"css-parse": "1.7.x",
"debug": "*",
"glob": "7.0.x",
"mkdirp": "0.5.x",
"sax": "0.5.x",
"source-map": "0.1.x"
}
},
"wrappy": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
"dev": true
}
}
}

+ 0
- 11
themes/fussel.theme/package.json View File

@@ -1,11 +0,0 @@
{
"name": "fussel.theme",
"version": "1.0.0",
"scripts": {
"build": "stylus -c -o static/css static/css/main.styl",
"watch": "stylus -w -o static/css static/css/main.styl"
},
"devDependencies": {
"stylus": "^0.54.5"
}
}

+ 0
- 15
themes/fussel.theme/static/css/grid.styl View File

@@ -1,15 +0,0 @@
.grid
display: flex
flex-wrap: wrap

& > .col-one-fourth
width: calc(100% / 4)

@media (max-width: $mobile-width)
width: calc(100% / 2)

& > .col-one-third
width: calc(100% / 3)

@media (max-width: $mobile-width)
width: calc(100% / 1)

+ 0
- 124
themes/fussel.theme/static/css/layout.styl View File

@@ -1,124 +0,0 @@
*
margin: 0
padding: 0

a
border-bottom: 1px solid transparent
color: $fresh
text-decoration: none
background: linear-gradient(45deg, $fresh, $hope)
background-clip: text
-webkit-background-clip: text
-webkit-text-fill-color: transparent

a:hover
color: inherit
border-image: linear-gradient(to right, $fresh, $hope)
border-image-slice: 1
-webkit-text-fill-color: inherit

::selection
background: rgba(0, 0, 0, .1)

body > aside ::selection
background: rgba(255, 255, 255, .15)

img
max-width: 100%

figure
padding: 0 $padding
width: 100%
max-width: 200px

&[align=left]
float: left

&[align=right]
float: right

figcaption
padding: ($padding / 2)

abbr
border-bottom: 1px dotted $reboot

hr
border: none
padding: .5em

html
body
min-height: 100%

body
color: $reboot
font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif

& > aside
& > section
@media (min-width: $mobile-width)
height: 100%

@media (min-width: $mobile-width)
display: flex

& > aside > header
& > section > header
padding: $padding

& > aside
// color: invert($reboot)
background: #000
border: 1px solid $hope
border-left: none
border-top: none
flex-shrink: 0
text-align: right
padding-top: 150px
background-size: auto 150px
background-image: url(../img/calebasse.svg)
background-repeat: no-repeat
background-position: top right

@media (max-width: $mobile-width - 1)
border-right: none

@media (min-width: $mobile-width)
border-bottom: none
width: $nav-width

header > h1 > span
display: none

& > section
flex-grow: 1
max-width: $width - $nav-width

@media (max-width: $width + 1)
width: auto

@media (max-width: $mobile-width - 1)
header:first-of-type > h1
display: none

header > h1::after
background: url(../img/beat.png) no-repeat center center
content: ''
display: inline-block
height: 16px
width: 32px

& > article
padding: $padding

h2
font-size: 1.2rem
font-weight: lighter

h2,
footer
color: lighten($reboot, 50%)

& > *
margin-bottom: $padding

+ 157
- 0
themes/fussel.theme/static/css/main.css View File

@@ -0,0 +1,157 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
color: #343a40;
font-family: oxygen, sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
max-width: 60rem;
}

@media (min-width: 768px) {
body {
flex-direction: row;
}
}

h1,
h2,
h3 {
font-weight: normal;
}

h1 {
font-size: 1.5rem;
line-height: 2;
}

h2 {
line-height: 1.75;
}

h3 {
line-height: 1.5;
}

a {
color: inherit;
}

a:hover {
text-decoration: none;
}

img {
max-width: 100%;
}

/* Navigation */

body > aside {
flex-shrink: 0;
padding-top: 15rem;
background-image: url(/img/logo.png);
background-repeat: no-repeat;
background-size: auto 13rem;
background-position: 1rem 1rem;
}

@media (min-width: 768px) {
body > aside {
width: 15rem;
}
}

body > aside ul {
margin: 0;
padding: 0;
list-style: none;
}

body > aside li {
display: inline-block;
}

@media (min-width: 768px) {
body > aside li {
display: block;
}
}

body > aside h1,
body > aside li,
body > aside li a {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 1px;
}

body > aside h1,
body > aside li.divider span,
body > aside li a {
padding-left: 1rem;
padding-right: 1rem;
text-decoration: none;
}

@media (min-width: 768px) {
body > aside h1,
body > aside li.divider span,
body > aside li a {
padding-left: 3rem;
}
}

body > aside li a {
background: #f9f9f9;
}

body > aside li a:hover,
body > aside li.active a {
color: white;
background: black;
}

body > aside li.divider {
display: block;
font-weight: bold;
font-size: 0.8rem;
text-transform: uppercase;
}

/* Main */

body > section {
padding: 1rem;
}

body > section p {
line-height: 1.5;
}

body > section > article h2 {
font-size: 1.6rem;
}

body > section > article > footer {
color: #606b76;
font-size: 0.8rem;
}

/* Mate gallery */

.gallery {
display: flex;
}

.gallery figure {
width: 20%;
padding: 0.25rem;
font-size: 0.8rem;
}

+ 0
- 12
themes/fussel.theme/static/css/main.styl View File

@@ -1,12 +0,0 @@
$padding = 10px
$width = 1000px
$nav-width = 150px
$mobile-width = 425px

$fresh = rgb(0, 132, 176)
$hope = rgb(0, 163, 86)
$reboot = rgb(77, 77, 76)

@import 'grid.styl'
@import 'layout.styl'
@import 'nav.styl'

+ 0
- 53
themes/fussel.theme/static/css/nav.styl View File

@@ -1,53 +0,0 @@
nav li
margin: 0

@media (max-width: $mobile-width - 1)
display: inline-block

&.divider
display: block
padding: $padding

@media (min-width: $mobile-width)
// margin: $padding 0

&.divider
color: lighten($reboot, 50%)
font-size: .85rem
font-weight: bold
margin: $padding 0
padding: 0 $padding
text-transform: uppercase

&:first-of-type
margin-top: 15px

a
border: 3px solid transparent
border-left: none
border-top: none
display: block
padding: $padding
-webkit-text-fill-color: invert($reboot)

&.new:before
color: $fresh
content: '●'
padding-right: 5px;

@media (max-width: $mobile-width - 1)
border-right: none
margin-bottom: -2px

@media (min-width: $mobile-width)
border-bottom: none
margin-right: -2px

a:hover
a.active
border-color: $hope
-webkit-text-fill-color: transparent

a:hover span
a.active span
border-bottom: 2px solid transparent

BIN
themes/fussel.theme/static/img/beat.png View File


+ 0
- 19
themes/fussel.theme/static/img/calebasse.svg View File

@@ -1,19 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="328.25 131.05 448.5 451.5">
<defs>
<linearGradient id="a" x1="328.25" y1="356.8" x2="776.75" y2="356.8" gradientUnits="userSpaceOnUse">
<stop offset=".15" stop-color="#0084b1"/>
<stop offset=".85" stop-color="#00a356"/>
</linearGradient>
</defs>
<g data-name="Ebene 10">
<path fill="url(#a)" d="M328.25 131.05h448.5v451.5h-448.5z"/>
<g>
<path d="M697.12 406.91a15.07 15.07 0 1 1-27.16 11.16h-54.59a79.88 79.88 0 0 1 .85 8.29c1.24 27.67-28.37 72.79-38.51 72.25-17.53-.93-53.8 2.22-58.35-1.27-9.4-7.21-24.37-23.91-33.27-61.78a71.39 71.39 0 0 1-1.72-17.49h-167c1.63 72.91-21 152.12 6.95 171.47 68.51 47.42 399.82 70.22 465.51-4.19 47.5-53.81 57.23-203.45 32.07-311.07zm-176.11 96.91c3.4 0 33.62-.68 44.51-.68 15.86 0 19.55-.34 16.26 6.9-3.67 8-1.09-2.7-60.39 2.23-4.97.41-3.78-8.45-.38-8.45zm-12.8 29.09c11.45-16.64 10.67-16.16 16.11-16.79 9.54-1.12 20-.64 30-.42 34.13.73 24.38-.32 35.42 11.85 10.8 11.9 7.22 9.19-26.44 9.25-43.12.11-58.54 1.11-55.09-3.89zm17.83 18.41c-25.28-.09-31.82 1.12-25.93-6 7-8.47-3.13-3.52 52.51-3.91 48.39-.34 42.69-2 47.7 5.13 4.58 6.52-.39 5.06-74.28 4.79z"/>
<path d="M454.54 381.63a15.06 15.06 0 0 1-29.73 0H317.43c-.23 10.58-.28 21.13-.11 31.55h167.22c.77-10.82 3.34-21.64 6.35-31.55zM318.42 354.76c-.38 7.3-.67 14.64-.87 22h107.22a15.06 15.06 0 0 1 29.73 0h38c2.73-8.36 5.62-15.89 7.77-22z"/>
<path d="M785.16 127.69c-110.21-90.42-421.56-31.78-462.89.53-19.29 15.1 1.27 137.19-3.58 221.69H501.9c1.26-4 1.93-7 1.61-8.81-3.14-17.35-30.07-22.95-22.76-25.27 17.53-5.57 55.08 1.49 90.27.87 33-.59 45.78-3.21 48.63.11 2.63 3.07-12 2.52-21.55 25.7-.69 1.67-.75 4.2-.35 7.4h40.68a10.69 10.69 0 1 1 0 4.89H598.6c3.12 14.9 12.1 38.63 15.92 58.42h55.44a15 15 0 0 1 23.72-9.75l126.86-134.85c-10-38.86-6.28-117.05-35.38-140.93zM628.73 304.63c-7 10.45-4.79 1.2-43 5.71-15.06 1.78-32.6.26-54.77-2-66.33-6.67-50 9.15-59.66-6.09-7.72-12.23 12.91-10.22 33.14-10.22s57.86 5.5 81.81 2.93c40.65-4.32 49.08-.11 42.48 9.67zm44.45-104.27c-.57 2.46-9.07 3.2-37.44 28.81-5.62 5.07-29.35 58.34-31.73 58.33-9.6-.06-16 1.52-18.65.91-2.2-.49 6.53-6.49 18.52-26.36 18.9-31.33 17-33.69 24.33-39.19s33.69-20.21 44.06-27.62c2.4-1.72 1.72 1.67.91 5.12z"/>
<circle cx="684.78" cy="415.62" r="10.69"/>
<circle cx="439.63" cy="379.19" r="10.69"/>
<path d="M528.95 487.7c-4.91 0-30.1-37.44-30.1-69.74 0-37.22 15.17-51.95 18.2-68.89 2.27-12.64-13.06-23.4-4.4-22 64.95 10.74 83.3-6.2 76.49 3.71-25.58 37.22 10 26.28 12.94 87.5.82 16.92-4.07 40.73-26.4 67.52-2.07 2.52-36.89 1.9-46.73 1.9z"/>
</g>
</g>
</svg>

BIN
themes/fussel.theme/static/img/logo.png View File


Loading…
Cancel
Save