wip on making it proper

master
Ingolf Wagner 2021-07-19 20:20:53 +02:00
parent d82e489b6d
commit 734df9f2b0
Signed by: palo
GPG Key ID: 76BF5F1928B9618B
25 changed files with 86 additions and 392 deletions

View File

@ -128,22 +128,11 @@ Dir['static/**/*.actdiag'].each do |diag_file|
end
#
# theme
#
task :build_theme do
Dir.chdir('themes/first') do
sh'rake'
end
end
task :all => :build_theme
#
# hugo server
#
desc "start the hugo server"
task :run_server do
task :run_server => [:build_css] do
sh "hugo serve"
end
@ -152,6 +141,16 @@ end
# publish
#
desc "publish"
task :publish => [:build_theme] do
task :publish do
sh "./upload.ion"
end
desc "build css"
task :build_css do
sh "lessc src/lessc/page/main.less static/css/main.css"
sh "lessc src/lessc/remark/main-light.less static/css/remark-light.css"
sh "lessc src/lessc/remark/main-dark.less static/css/remark-dark.css"
end
task :all => :build_css

View File

@ -1,5 +0,0 @@
baseURL = "http://tech.ingolf-wagner.de"
languageCode = "en-us"
title = "Techblog - Ingolf Wagner"
theme = "first"

21
config.yaml Normal file
View File

@ -0,0 +1,21 @@
baseURL: "http://tech.ingolf-wagner.de"
languageCode: "en-us"
title: "Techblog - Ingolf Wagner"
menu:
main:
- name: "main"
url: "/"
weight: 1
- name: "articles"
url: "/nixos/"
weight: 2
- name: "slides"
url: "/slides/"
weight: 3
- name: "about"
url: "/about/"
weight: 4

View File

@ -10,7 +10,7 @@ Most of them are about
[NixOS](https://nixos.org) topics,
because it is the OS of my choice.
If you are interessted in more output of me please visit
If you are interested in more output of me please visit
["my other page"](https://ingolf-wagner.de).
# Articles

View File

@ -0,0 +1,28 @@
<html>
<head>
<title> {{ .Title }} </title>
<link href="https://fonts.googleapis.com/css?family=Roboto|Abel|Inconsolata|Lato|Zilla+Slab" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<nav id="main-navigation">
<ul>
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<li class="{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}">
<a href="{{ .URL }}" title="{{ .Title }}"> {{ .Name }} </a>
</li>
{{ end }}
</ul>
</nav>
<div id="main-block">
{{ block "main" . }}
empty
{{ end }}
</div>
</body>
</html>

View File

@ -1,6 +1,5 @@
{{ define "main" }}
{{ .TableOfContents }}
<div class="content">

View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>terranix</title>
<link rel="stylesheet" href="/css/remark-light.css">
</head>
<body>
<textarea id="source">
{{ .Content }}
</textarea>
<script src="/js/remark-latest.min.js"> </script>
<script>
var slideshow = remark.create({
highlightLanguage: 'nix',
highlightStyle: 'solarized-light',
});
</script>
</body>
</html>

0
static/css/.keep Normal file
View File

View File

@ -1,20 +0,0 @@
The MIT License (MIT)
Copyright (c) 2018 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.

View File

@ -1,9 +0,0 @@
task :all
task :default => :all
desc "build css"
task :build_css do
sh "lessc src/css/main.less static/css/main.css"
end
task :all => :build_css

View File

@ -1,2 +0,0 @@
+++
+++

View File

@ -1,28 +0,0 @@
<html>
<head>
<title> {{ .Title }} </title>
<link
href="https://fonts.googleapis.com/css?family=Roboto|Abel|Inconsolata|Lato|Zilla+Slab"
rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<nav id="main-navigation">
<ul >
<li> <a href="/">main</a> </li>
</ul>
</nav>
<div id="main-block">
{{ block "main" . }}
empty
{{ end }}
</div>
</body>
</html>

View File

@ -1,23 +0,0 @@
@color-code-background: rgb(224, 224, 206);
@color-code-border: rgb(223, 210, 142);
@color-code-inline: rgb(22, 34, 0);
@color-note-background: rgb(182, 201, 182);
@color-note-border: rgb(172, 216, 132);
@color-warning-background: rgba(188, 32, 11, 0.55);
@color-comparison-good: #ABE953;
@color-comparison-ok: #E9E653;
@color-comparison-bad: #E96D53;
@color-nav-background: rgb(0, 0, 5);
@color-nav-text: rgb(255, 255, 255);
@color-nav-item-border: rgb(59, 206, 59);
@color-sidebar-font: rgb(0, 0, 0);
@color-pages-list: rgb(159, 197, 159);
@color-pages-list-border: rgb(15, 49, 15);
@color-pages-list-text: rgb(0, 0, 0);

View File

@ -1,10 +0,0 @@
@font-normal: ~"'Roboto', sans-serif";
@font-code: ~"'Inconsolata', monospace";
@font-header: ~"'Zilla Slab', serif";
@font-height: 1.7em;
@font-code-height: 1.1em;
@font-sidebar: ~"'Abel', sans-serif";
@font-nav: ~"'Lato', sans-serif";

View File

@ -1,255 +0,0 @@
@import "color.less";
@import "media-types.less";
@import "font.less";
// left and right for notes and warning and and code blocks
@special-info-padding-side: 0.5em;
body {
margin: 0px;
#main-block{
padding-top: 49px;
font-family: @font-normal;
line-height: @font-height;
display: grid;
grid-template-columns: 1fr minmax(100px,800px) 1fr;
grid-template-areas:
". content sidebar";
}
.content {
font-family: @font-normal;
line-height: @font-height;
grid-area: content;
}
#main-navigation {
background-color: @color-nav-background;
position: fixed;
width:100%;
display: grid;
grid-template-columns: 1fr minmax(100px,800px) 1fr;
grid-template-areas:
". menu .";
ul {
grid-area: menu;
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none;
padding: 0;
overflow: hidden;
background-color: @color-nav-background;
color: @color-nav-text;
li {
float: left;
font-family: @font-nav;
border-bottom: 3px solid @color-nav-item-border;
a {
display: block;
text-align: center;
padding: 14px 16px;
text-decoration: none;
color: @color-nav-text;
}
}
}
}
}
// listings of articles
ul.pages-list{
list-style-type: none;
margin-left: .0em;
padding-left: .0em;
li {
a {
padding-left: 1.3em;
padding-right: 1.0em;
padding-top: 1.0em;
padding-bottom: 1.0em;
margin-top: 0.5em;
margin-bottom: 0em;
background-color: @color-pages-list;
border-left: 3px solid @color-pages-list-border;
display: block;
text-align: left;
text-decoration: none;
color: @color-pages-list-text;
h1,h2,h3,h4,h5 {
margin-top: 10px;
margin-bottom: 0px;
text-decoration: underline;
}
p {
margin-top: 10px;
}
}
}
}
@media @non-desktop {
body nav#TableOfContents {
display: none;
}
}
body {
nav#TableOfContents {
grid-area: sidebar;
font-family: @font-sidebar;
color: @color-sidebar-font;
> ul {
position: fixed;
}
ul {
list-style-type: none;
margin-left: .0em;
padding-left: .6em;
}
a:link,a:visited,a:active {
text-decoration: none;
color: @color-sidebar-font;
}
a:hover {
text-decoration: underline;
color: @color-sidebar-font;
}
}
}
.block-margin {
margin-top: .65em;
margin-bottom: .65em;
}
h1,h2,h3,h4 {
font-family: @font-header;
};
pre {
background: @color-code-background;
.block-margin();
margin-left: 0em;
margin-right: 0em;
padding-left: @special-info-padding-side;
padding-top: .7em;
padding-right: .0em;
padding-bottom: 0.7em;
border-left: .4em solid @color-code-border;
white-space: pre-wrap;
code {
font-weight: normal;
font-family: @font-code;
line-height: @font-code-height;
}
}
.inline-code{
color: @color-code-inline;
font-weight: bold;
font-family: @font-code;
}
p > code {
.inline-code();
}
li > code {
.inline-code();
}
p {
.block-margin();
}
.note {
background: @color-note-background;
border-left: .4em solid @color-note-border;
padding-left: 0px;
padding-top: .4em;
padding-bottom: .4em;
.block-margin();
p {
.block-margin();
margin-left: @special-info-padding-side;
padding-top: .0em;
padding-bottom: 0.0em;
}
pre {
background: @color-code-background;
.block-margin();
margin-left: 0;
padding-left: @special-info-padding-side * 2 ;
padding-right: @special-info-padding-side * 2 ;
padding-top: .6em;
padding-bottom: 0.4em;
border-left: none;
white-space: pre-wrap;
}
}
.warning {
background: @color-warning-background;
}
table.comparison {
// border-collapse: collapse;
width: 100%;
.block-margin();
margin-left: 0px;
margin-right: 0px;
.good {
background: @color-comparison-good;
text-align: center;
}
.bad {
background: @color-comparison-bad;
text-align: center;
}
.ok {
background: @color-comparison-ok;
text-align: center;
}
}

View File

@ -1,4 +0,0 @@
@desktop: ~"(min-width: 1180px)";
@non-desktop: ~"(max-width: 1200px)";

View File

@ -1,21 +0,0 @@
# theme.toml template for a Hugo theme
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
name = "First"
license = "MIT"
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE.md"
description = ""
homepage = "http://example.com/"
tags = []
features = []
min_version = "0.36.1"
[author]
name = ""
homepage = ""
# If porting an existing theme
[original]
name = ""
homepage = ""
repo = ""