hack.less wip

master
Ingolf Wagner 2021-08-25 20:06:33 +02:00
parent 284c04e11a
commit 2a8b296875
Signed by: palo
GPG Key ID: 76BF5F1928B9618B
15 changed files with 78 additions and 60 deletions

View File

@ -25,6 +25,7 @@ markup:
noClasses: true
style: solarized-light
tabWidth: 2
pygmentsUseClasses: true
menu:
main:

View File

@ -1,10 +1,8 @@
---
title: "Ingolf Wagner - Tech Blog"
title: "tech"
date: 2018-09-28T21:43:24+02:00
---
# Tech articles
Hey here are some articles about technical issues.
Most of them are about
[NixOS](https://nixos.org) topics,

View File

@ -2,8 +2,6 @@
title: About me
---
# About Me
I'm a freelancing Mathematician, Full Stack Developer and DevOps.
[NixOS](https://nixos.org) is my Operation System of choice.

View File

@ -1,5 +1,5 @@
---
title: "Ingolf Wagner - Tech Articles"
title: "nixos articles"
date: 2021-07-24T21:43:24+02:00
---

View File

@ -158,7 +158,7 @@ If you don't like that just use the snippet from the next section.
You can install the `lsp` (in our case `hie-wrapper`) globally in your `configuration.nix` .
I usually do this in my projects (via `lsp.nix`). Here is the part that differs.
```
```nix
home.file.".spacemacs.d/hook-user-config.el".text =
let
all-hies = import (fetchTarball "https://github.com/infinisil/all-hies/tarball/master") {};
@ -186,7 +186,7 @@ This file is to setup the `lsp-server`.
If you already installed the `lsp-server` via the `configuration.nix`, this file is not necessary,
but also does not hurt.
```
```nix
{ pkgs ? import <nixpkgs> {} }:
let
all-hies = import (fetchTarball "https://github.com/infinisil/all-hies/tarball/master") {};
@ -208,7 +208,7 @@ Provides the environment to run
`cabal test` and `cabal build`.
All package files (e.g. `./current-project.nix`) are created by `cabal2nix`.
```
```nix
{ pkgs ? import <nixpkgs> {
overlays = [
(self: super: {
@ -227,7 +227,7 @@ pkgs.haskellPackages.current-project.env
For other scripts and tooling important for development.
```
```nix
{ pkgs ? import <nixpkgs> {} }:
let
updateCabal = pkgs.writeShellScriptBin "update-cabal" /* sh */ ''

View File

@ -1,8 +1,6 @@
---
title: "Ingolf Wagner - Tech Articles"
title: "slides"
date: 2021-07-24T21:43:24+02:00
---
# Slides
Here is a collection of Slides I presented to people. Feel free to use and download them.

View File

@ -17,11 +17,9 @@
</ul>
</nav>
<!--<div id="main-block">-->
{{ block "main" . }}
empty
{{ end }}
<!--</div>-->
{{ block "main" . }}
empty
{{ end }}
</body>

View File

@ -1,20 +1,20 @@
{{ define "main" }}
<div class="content">
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
<ul class="pages-list">
{{ range (where site.RegularPages "Type" "in" site.Params.mainSections).ByDate.Reverse }}
{{ range (where site.RegularPages "Type" "in" site.Params.mainSections).ByDate.Reverse }}
<li class="page-list-item">
<a href="{{.URL}}">
<h3> {{ .Title }} </h3>
<p>
{{ .Param "summary" }}
</p>
</a>
<a href="{{.URL}}">
<h3> {{ .Title }} </h3>
<p>
{{ .Param "summary" }}
</p>
</a>
</li>
{{ end }}
{{ end }}
</ul>
</div>
</div>
{{ end }}

View File

@ -1,18 +1,7 @@
{{ define "main" }}
<!-- {{ .TableOfContents }}-->
<!--<div class="content">-->
<header>
<h1>{{ .Title }}</h1>
<div class="date">published {{ .Date | time.Format "January 2006" }}</div>
</header>
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
</div>
<!-- </div>-->
{{ end }}

View File

@ -0,0 +1,8 @@
{{ define "main" }}
<!-- {{ .TableOfContents }}-->
<div class="content">
<h1>{{ .Title }}</h1>
<div class="publishing_date">{{ .Date | time.Format "January 2006" }}</div>
{{ .Content }}
</div>
{{ end }}

View File

@ -3,8 +3,8 @@
@color-body-background: @gb-lm-bg0-hard;
@color-body-font: @gb-lm-fg0;
@color-code-border: @gb-lm-dark-yellow;
@color-code-inline: @gb-lm-dark-yellow;
@color-code-border: @gb-lm-light-yellow;
@color-code-inline: @gb-lm-light-gray;
@color-note-background: rgb(182, 201, 182);
@color-note-border: rgb(172, 216, 132);
@ -15,12 +15,20 @@
@color-comparison-ok: @gb-dm-light-yellow;
@color-comparison-bad: @gb-dm-light-red;
@color-nav-background: @gb-lm-bg0;
@color-nav-background: @gb-lm-bg0-hard;
@color-nav-underline: @gb-lm-fg1;
@color-nav-text: @color-body-font;
@color-sidebar-font: rgb(0, 0, 0);
@color-link-font: @gb-lm-dark-blue;
@color-link-hover-background: @gb-dm-dark-blue;
@color-link-hover-font: @color-body-background;
@color-publishing-date: @gb-lm-bg4;
// todo
@color-pages-list: rgb(159, 197, 159);
@color-pages-list-border: rgb(15, 49, 15);

View File

@ -5,6 +5,8 @@
@font-header: ~"'Roboto', sans-serif";
//@font-header: ~"'Zilla Slab', serif";
@font-publishing-date: @font-code;
@font-height: 1.7em;
@font-code-height: 1.1em;

View File

@ -50,7 +50,7 @@
.inline-code{
color: @color-code-inline;
//font-weight: bold;
font-weight: bold;
font-family: @font-code;
}

View File

@ -4,23 +4,21 @@
@import "main-hack-code.less";
// Header
h1 {
position: relative;
display: table-cell;
padding: 20px 0 30px;
margin: 0;
overflow: hidden
h1,h2,h3,h4,h5,h6 {
// underscore
display: inline-block;
padding-right: 2px; // overlap of the underscore
padding-left: 0px; // overlap of the underscore
padding-bottom: 5px; // space to the underscore
border-bottom: 2px solid @color-body-font;
}
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
display: inline;
color: @gb-lm-fg4;
}
h1:after {
content: "====================================================================================================";
position: absolute;
bottom: 10px;
left: 0
}
h2:before, h3:before, h4:before, h5:before, h6:before {
display: inline
h1:before {
content: "# "
}
h2:before {
@ -78,3 +76,16 @@ h6:before {
}
}
// links
a {
cursor: pointer;
color: @color-link-font;
text-decoration: none;
border-bottom: 1px solid @color-link-font;
}
a:hover {
background-color: @color-link-hover-background;
color: @color-link-hover-font;
}

View File

@ -8,6 +8,7 @@
@import "main-hack.less";
@import "main-toc.less";
@import "main-listing.less";
@import "chroma-highlighting-syntax.less";
// left and right for notes and warning and and code blocks
@special-info-padding-side: 0.5em;
@ -40,6 +41,12 @@ h1,h2,h3,h4 {
font-size: 1.1rem;
}
.publishing_date {
font-family: @font-publishing-date;
font-size: 0.8rem;
color: @color-publishing-date;
}
.note {
background: @color-note-background;
border-left: .4em solid @color-note-border;