wip on making it proper
parent
d82e489b6d
commit
734df9f2b0
25
Rakefile
25
Rakefile
|
@ -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
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
baseURL = "http://tech.ingolf-wagner.de"
|
||||
languageCode = "en-us"
|
||||
title = "Techblog - Ingolf Wagner"
|
||||
|
||||
theme = "first"
|
|
@ -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
|
|
@ -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
|
||||
|
|
|
@ -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>
|
|
@ -1,6 +1,5 @@
|
|||
{{ define "main" }}
|
||||
|
||||
|
||||
{{ .TableOfContents }}
|
||||
|
||||
<div class="content">
|
|
@ -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>
|
|
@ -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.
|
|
@ -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
|
|
@ -1,2 +0,0 @@
|
|||
+++
|
||||
+++
|
|
@ -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>
|
|
@ -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);
|
|
@ -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";
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -1,4 +0,0 @@
|
|||
|
||||
@desktop: ~"(min-width: 1180px)";
|
||||
@non-desktop: ~"(max-width: 1200px)";
|
||||
|
|
@ -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 = ""
|
Loading…
Reference in New Issue