Init
This commit is contained in:
commit
1af637072a
|
|
@ -0,0 +1,14 @@
|
|||
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
|
||||
Version 2, December 2004
|
||||
|
||||
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
|
||||
|
||||
Everyone is permitted to copy and distribute verbatim or modified
|
||||
copies of this license document, and changing it is allowed as long
|
||||
as the name is changed.
|
||||
|
||||
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. You just DO WHAT THE FUCK YOU WANT TO.
|
||||
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
image: "/img/"
|
||||
imageAlt: ""
|
||||
order: "x"
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
{{- partial "head.html" . -}}
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
<div id="content">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
{{- partial "footer.html" . -}}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{{ partial "head" . }}
|
||||
{{ partial "body" . }}
|
||||
{{ partial "foot" . }}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<div class="navbar">
|
||||
<a href="#start">Start</a>
|
||||
{{ range .Pages.ByParam "order" -}}
|
||||
{{ $id := lower .Title -}}
|
||||
{{ $id := replace $id " " "" -}}
|
||||
<a href="#{{ $id }}">{{ .Title }}</a>
|
||||
{{ end -}}
|
||||
</div>
|
||||
<div class="full" id="start">
|
||||
<div class="half">
|
||||
<img src="{{ .Params.image }}" alt="{{ .Params.imageAlt }}">
|
||||
</div>
|
||||
<div class="half">
|
||||
<div class="box">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ range .Pages.ByParam "order" -}}
|
||||
{{ $filename := .File.BaseFileName -}}
|
||||
{{ $id := lower .Title -}}
|
||||
{{ $id := replace $id " " "" -}}
|
||||
<div class="full" id="{{ $id }}">
|
||||
{{ with .Site.GetPage $filename -}}
|
||||
<div class="half">
|
||||
<img src="{{ .Params.image }}" alt="{{ .Params.imageAlt }}">
|
||||
</div>
|
||||
<div class="half">
|
||||
<div class="box">
|
||||
<h2>{{ .Title }}</h2>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end -}}
|
||||
</div>
|
||||
{{ end -}}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{ .Site.Title }}</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -0,0 +1,121 @@
|
|||
@font-face {
|
||||
font-family: 'Semana';
|
||||
src: url('/fonts/SemanaSerif-Regular.woff');
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: white;
|
||||
font-family: 'Semana';
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
background: white;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
padding: 0 10px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.full {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.half {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.half:first-child {
|
||||
border-right: 1px dashed #c0c0c0;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #ed1a48;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 10px 0;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 80%;
|
||||
max-width: 400px;
|
||||
outline: 10px solid white;
|
||||
box-shadow: 0 0 15px 0px black;
|
||||
transform: rotate(1deg);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6em;
|
||||
font-weight: normal;
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-bottom: 20px;
|
||||
list-style-type: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul li {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
ul li p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
#start {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.full {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.half {
|
||||
width: 100%;
|
||||
padding: 50px 0;
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
|
@ -0,0 +1,12 @@
|
|||
name = "gideonstar"
|
||||
license = "WTFPL"
|
||||
description = "gideonstar's Hugo Theme"
|
||||
homepage = "https://about.stefanritter.de"
|
||||
tags = ['light', 'portfolio', 'minimal']
|
||||
features = ['responsive']
|
||||
min_version = "0.111"
|
||||
|
||||
[author]
|
||||
name = "Stefan Ritter"
|
||||
homepage = "https://about.stefanritter.de"
|
||||
|
||||
Loading…
Reference in New Issue