initial
This commit is contained in:
commit
4055bc8ee2
|
@ -0,0 +1,13 @@
|
|||
# Generated files by hugo
|
||||
/public/
|
||||
/resources/_gen/
|
||||
/assets/jsconfig.json
|
||||
hugo_stats.json
|
||||
|
||||
# Executable may be added to repository
|
||||
hugo.exe
|
||||
hugo.darwin
|
||||
hugo.linux
|
||||
|
||||
# Temporary lock file while building
|
||||
/.hugo_build.lock
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
baseURL = 'http://hoogi.eu/'
|
||||
languageCode = 'en-us'
|
||||
title = 'Hoogi.eu'
|
||||
theme = 'hoogi'
|
|
@ -0,0 +1,27 @@
|
|||
---
|
||||
title: "My First Post"
|
||||
date: 2020-01-26T23:11:13Z
|
||||
draft: true
|
||||
tags: ["foo", "bar"]
|
||||
---
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor
|
||||
aliquam nulla facilisi cras fermentum odio. A erat nam at lectus urna duis.
|
||||
Sed velit dignissim sodales ut eu sem. Lectus urna duis convallis convallis
|
||||
tellus. Diam sit amet nisl suscipit adipiscing bibendum est. Sed felis eget
|
||||
velit aliquet sagittis id consectetur. Vulputate dignissim suspendisse in est
|
||||
ante in nibh mauris cursus. Morbi quis commodo odio aenean. Mollis nunc sed id
|
||||
semper risus in hendrerit gravida rutrum.
|
||||
|
||||
<!--more-->
|
||||
|
||||
Ac ut consequat semper viverra nam. Hac habitasse platea dictumst vestibulum
|
||||
rhoncus. Amet porttitor eget dolor morbi non. Justo eget magna fermentum
|
||||
iaculis eu non. Id eu nisl nunc mi ipsum faucibus vitae aliquet nec. Aliquam
|
||||
id diam maecenas ultricies. Non sodales neque sodales ut etiam. Amet massa
|
||||
vitae tortor condimentum lacinia quis. Erat imperdiet sed euismod nisi porta.
|
||||
Nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Viverra
|
||||
suspendisse potenti nullam ac. Tincidunt id aliquet risus feugiat in. Varius
|
||||
quam quisque id diam vel. Egestas erat imperdiet sed euismod nisi. Scelerisque
|
||||
felis imperdiet proin fermentum leo vel orci porta non. Ut faucibus pulvinar
|
||||
elementum integer. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl.
|
|
@ -0,0 +1,20 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2021 YOUR_NAME_HERE
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
@ -0,0 +1,2 @@
|
|||
+++
|
||||
+++
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
{{- partial "head.html" . -}}
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
{{ if hugo.IsProduction }}
|
||||
{{- partialCached "header.html" . -}}
|
||||
{{else}}
|
||||
{{- partial "header.html" . -}}
|
||||
{{end}}
|
||||
|
||||
{{ if hugo.IsProduction }}
|
||||
{{- partialCached "nav.html" . -}}
|
||||
{{else}}
|
||||
{{- partial "nav.html" . -}}
|
||||
{{end}}
|
||||
|
||||
<div id="content">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
|
||||
{{ if hugo.IsProduction }}
|
||||
{{- partialCached "footer.html" . -}}
|
||||
{{else}}
|
||||
{{- partial "footer.html" . -}}
|
||||
{{end}}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,9 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<main>
|
||||
<div class="">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{{ end }}
|
|
@ -0,0 +1,7 @@
|
|||
<footer>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="active" href="#">Impressum</a>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
|
@ -0,0 +1,11 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="stylesheet" href="css/master.css">
|
||||
|
||||
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
|
||||
|
||||
{{ $title := print .Site.Title " | " .Title }}
|
||||
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
|
||||
<title>{{ $title }}</title>
|
||||
</head>
|
|
@ -0,0 +1,3 @@
|
|||
<header>
|
||||
<h1 id="header-text">{{.Site.Title }}</h1>
|
||||
</header>
|
|
@ -0,0 +1,11 @@
|
|||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="active" href="/">Articles</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/index">Index</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
Binary file not shown.
|
@ -0,0 +1,448 @@
|
|||
@font-face {
|
||||
font-family: 'rubik';
|
||||
src: url("Rubik-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "rubik", Helvetica, Arial, sans-serif;
|
||||
font-size: 100%;
|
||||
background-color: #fffaf0;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
grid-template-rows: 80px 1fr 30px;
|
||||
grid-template-columns: minmax(250px, 20%) 30% 35% minmax(200px, 15%);
|
||||
grid-template-areas:
|
||||
"header header header header"
|
||||
"nav content content sidebar"
|
||||
"footer footer footer footer"
|
||||
;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 39em) {
|
||||
.container {
|
||||
height: 100vh;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
"nav"
|
||||
"content"
|
||||
"sidebar"
|
||||
"footer"
|
||||
;
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows:
|
||||
80px
|
||||
min-content
|
||||
min-content
|
||||
min-content
|
||||
40px
|
||||
;
|
||||
}
|
||||
}
|
||||
|
||||
.container-admin {
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
grid-template-rows: 80px 1fr 30px;
|
||||
grid-template-columns: minmax(250px, 20%) 30% 35% 15%;
|
||||
grid-template-areas:
|
||||
"header header header header"
|
||||
"nav content content ."
|
||||
"footer footer footer footer"
|
||||
;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 39em) {
|
||||
.container-admin {
|
||||
grid-template-areas: "header"
|
||||
"nav"
|
||||
"content"
|
||||
"footer";
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows:
|
||||
80px
|
||||
min-content
|
||||
min-content
|
||||
40px;
|
||||
}
|
||||
|
||||
.container-admin #header-text {
|
||||
display:none;
|
||||
text-align: left;
|
||||
}
|
||||
.container-admin #header-actions {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #285e8e;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.8em;
|
||||
margin-bottom: 0.9em;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 0.7em;
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Grid Layout positioning
|
||||
*/
|
||||
main {
|
||||
grid-area: content;
|
||||
width: 100%;
|
||||
padding: 0 1em 1em 1em;
|
||||
}
|
||||
|
||||
footer {
|
||||
grid-area: footer;
|
||||
background-color: #1f1f1f;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
footer p {
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
footer ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
footer ul li {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
footer a:active,
|
||||
footer a:hover,
|
||||
footer a:active,
|
||||
footer a.active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
grid-area: header;
|
||||
background-color: #285e8e;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
aside {
|
||||
grid-area: sidebar;
|
||||
background-color: #1f1f1f;
|
||||
}
|
||||
|
||||
nav {
|
||||
grid-area: nav;
|
||||
background-color: #1f1f1f;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#header-text {
|
||||
color: #fffaf0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#header-actions {
|
||||
height: calc(80px - 0.0625rem);
|
||||
margin-left: auto;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header-actions ul {
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
#header-actions li {
|
||||
list-style-type: none;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
line-height: 80px;
|
||||
height: calc(80px - 0.0625rem);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#header-actions a {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 0 10px 0 10px;
|
||||
font-weight: bold;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
-webkit-transition-property: all;
|
||||
transition-property: all;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
#header-actions a:active,
|
||||
#header-actions a:hover,
|
||||
#header-actions a:active,
|
||||
#header-actions a.active {
|
||||
color: black;
|
||||
background-color: #fffaf0;
|
||||
border-bottom-color: #285e8e;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 0.0625rem;
|
||||
}
|
||||
|
||||
aside a,
|
||||
nav a {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
border-bottom-color: #285e8e;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 0.0625rem;
|
||||
padding: 1rem 0.5rem;
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
-webkit-transition-property: all;
|
||||
transition-property: all;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
nav a:active,
|
||||
nav a:hover,
|
||||
nav a:active,
|
||||
nav a.active {
|
||||
color: #285e8e;
|
||||
background-color: #fffaf0;
|
||||
border-right-color: #285e8e;
|
||||
border-right-style: solid;
|
||||
border-right-width: 0.3125rem;
|
||||
}
|
||||
|
||||
aside a:active,
|
||||
aside a:hover,
|
||||
aside a:active,
|
||||
aside a.active {
|
||||
color: #285e8e;
|
||||
background-color: #fffaf0;
|
||||
border-left-color: #285e8e;
|
||||
border-left-style: solid;
|
||||
border-left-width: 0.3125rem;
|
||||
}
|
||||
|
||||
nav li,
|
||||
aside li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
main a[href^='http'] {
|
||||
background: url('../svg/external-link.svg') no-repeat left center;
|
||||
background-size: 10px 10px;
|
||||
display: inline-block;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
display: block;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
padding: 0.5em 1em;
|
||||
border: 1px solid grey;
|
||||
background-color: #faf8f0;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 1.25rem 0;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
main h2 {
|
||||
margin-top: 0.8em;
|
||||
}
|
||||
|
||||
main h3 {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
main h4 {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
|
||||
main ul {
|
||||
margin-left: 1.5em;
|
||||
padding-left: 2.2em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main ul li {
|
||||
padding-left: 0.2em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main ul li p {
|
||||
margin-bottom: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main ol {
|
||||
margin-left: 2.2em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
main p {
|
||||
margin-top: 0.8em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
#pagination {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#pagination .pages {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
.article_link {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.article_info {
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 1em 0;
|
||||
padding-bottom: 5px;
|
||||
border-bottom-color: #285e8e;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 0.14rem;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-style: solid;
|
||||
border-color: #555;
|
||||
border-radius: 0;
|
||||
border-width: 0.125rem;
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#index .menu {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#index .submenu {
|
||||
list-style-type: none;
|
||||
padding: 0.4em 0.8em;
|
||||
}
|
||||
|
||||
#index .submenu-item {
|
||||
margin-bottom: 0.625rem;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#index .year {
|
||||
font-weight: bold;
|
||||
color: #285e8e;
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background-color: #87CEEB;
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
background-color: #FFCC00;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background-color: #FF6666;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background-color: #90EE90;
|
||||
}
|
||||
|
||||
table {
|
||||
display: table;
|
||||
border-collapse:collapse;
|
||||
width: 100%;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
border-bottom: 2px solid black;
|
||||
text-align: left;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
tr {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
td {
|
||||
text-align: left;
|
||||
padding: 5px 0;
|
||||
}
|
|
@ -0,0 +1,21 @@
|
|||
# theme.toml template for a Hugo theme
|
||||
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||
|
||||
name = "Hoogi"
|
||||
license = "MIT"
|
||||
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
|
||||
description = ""
|
||||
homepage = "http://example.com/"
|
||||
tags = []
|
||||
features = []
|
||||
min_version = "0.41.0"
|
||||
|
||||
[author]
|
||||
name = ""
|
||||
homepage = ""
|
||||
|
||||
# If porting an existing theme
|
||||
[original]
|
||||
name = ""
|
||||
homepage = ""
|
||||
repo = ""
|
Loading…
Reference in New Issue