change layout

master
Dirk Heilig 2024-01-08 20:18:33 +01:00
parent c2fb4574be
commit 90fd998bae
8 changed files with 31 additions and 81 deletions

3
.gitmodules vendored
View File

@ -1,3 +0,0 @@
[submodule "themes/ananke"]
path = themes/ananke
url = https://github.com/theNewDynamic/gohugo-theme-ananke

View File

@ -5,26 +5,19 @@ theme = "hugo-theme-flat"
# themeDir = '../..' # themeDir = '../..'
defaultContentLanguage = "de" defaultContentLanguage = "de"
relativeURLs = true relativeURLs = true
style = "pink" style = "green"
[params]
mainSections = ["."]
# Hauptmenue
[[menus.main]] [[menus.main]]
name = "Hallo beim c3RE"
url = "/hallo"
weight = 30
[[menus.main]]
parent = "Hallo beim c3RE"
name = "Philosophie" name = "Philosophie"
url = "/unsere-philosophie" url = "/unsere-philosophie"
[[menus.main]] [[menus.main]]
parent = "Hallo beim c3RE"
name = "Codeweek" name = "Codeweek"
url = "/codeweek" url = "/codeweek"
[[menus.main]]
name = "Über uns"
url = "/about/"
weight = 50

@ -1 +0,0 @@
Subproject commit a1a99cf12681ad95b006e648a28139e6b9b75f09

View File

@ -11,11 +11,12 @@
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</div> </div>
<div class="side"> <div class="side">
{{ range .Site.Sections }} {{/*{{ range .Site.Sections }}
{{ partial "side-recent.html" . }} {{ partial "side-recent.html" . }}
{{ end }} {{ end }}
{{ partial "side-categories.html" . }} {{ partial "side-categories.html" . }}
{{ partial "side-tags.html" . }} {{ partial "side-tags.html" . }}
*/}}
</div> </div>
</main> </main>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

View File

@ -2,7 +2,7 @@
<section class="single"> <section class="single">
<h1 class="title">{{ .Title }}</h1> <h1 class="title">{{ .Title }}</h1>
{{/*
<div class="tip"> <div class="tip">
<time datetime="{{ .PublishDate }}">{{ .PublishDate.Format "2006/01/02" }}</time> <time datetime="{{ .PublishDate }}">{{ .PublishDate.Format "2006/01/02" }}</time>
<span class="split">·</span> <span class="split">·</span>
@ -12,6 +12,7 @@
{{ .ReadingTime }} minutes to read {{ .ReadingTime }} minutes to read
</span> </span>
</div> </div>
*/}}
<div class="taxonomies"> <div class="taxonomies">
{{ with .Params.categories }} {{ with .Params.categories }}
@ -33,7 +34,6 @@
{{ end }} {{ end }}
</div> </div>
<hr />
<div class="content"> <div class="content">
{{ .Content }} {{ .Content }}

View File

@ -1,48 +0,0 @@
{{ define "main" }}
<div class="max-wrapper">
<div id="list-page">
{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
{{ $paginator := .Paginate $pages }}
{{ range $paginator.Pages }}
<section class="list-item">
<h1 class="title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
<div class="tips">
<div class="date">
<time datetime="{{ .PublishDate }}">{{ .PublishDate.Format "2006/01/02" }}</time>
</div>
{{ with .Params.Categories }}
<div class="categories">
<span>Categories:</span>
{{ range first 2 . }}
<a href="{{ "categories/" | relURL }}{{ . | urlize }}">{{ . }}</a>
{{ end }}
</div>
{{ end }}
{{ with .Params.Tags }}
<div class="tags">
<span>Tags:</span>
{{ range first 5 . }}
<a href="{{ "tags/" | relURL }}{{ . | urlize }}">{{ . }}</a>
{{ end }}
</div>
{{ end }}
</div>
<div class="summary">
{{ with .Description }}
{{ . }}
{{ else }}
{{ .Summary }}
{{ end }}
</div>
</section>
{{ end }}
</div>
{{ partial "pagination.html" . }}
</div>
{{ end }}

View File

@ -77,3 +77,4 @@
<link rel="stylesheet" href="{{ "css/syntax.css" | relURL }}" /> <link rel="stylesheet" href="{{ "css/syntax.css" | relURL }}" />
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}" /> <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" />
<link rel="shortcut icon" href="{{ "images/favicon.ico" | relURL }}" type="image/x-icon" /> <link rel="shortcut icon" href="{{ "images/favicon.ico" | relURL }}" type="image/x-icon" />
<script src="/js/layout.js"></script>

View File

@ -10,9 +10,9 @@
--color-light-fg-tiny-line: #e0e0e0; --color-light-fg-tiny-line: #e0e0e0;
--color-light-fg-marker-quote: #BFBFBF; --color-light-fg-marker-quote: #BFBFBF;
--color-light-fg-font-hyper: #4E403E; --color-light-fg-font-hyper: #4E403E;
--color-light-fg-font-hyper-hover: #DE629E; --color-light-fg-font-hyper-hover: #62DE9E;
--color-light-fg-hyperlink: #DE629E; --color-light-fg-hyperlink: #62DE9E;
--color-light-fg-hyperlink-hover: #CB3E50; --color-light-fg-hyperlink-hover: #3EDE50;
--color-light-bg-pager-normal: #D4D4D4; --color-light-bg-pager-normal: #D4D4D4;
--color-light-bg-pager-current: #E4E4E4; --color-light-bg-pager-current: #E4E4E4;
--color-light-bg-pager-hover: #ECECEC; --color-light-bg-pager-hover: #ECECEC;
@ -30,9 +30,9 @@
--color-dark-fg-tiny-line: #3B3B3B; --color-dark-fg-tiny-line: #3B3B3B;
--color-dark-fg-marker-quote: #6F6B66; --color-dark-fg-marker-quote: #6F6B66;
--color-dark-fg-font-hyper: #C2C2B6; --color-dark-fg-font-hyper: #C2C2B6;
--color-dark-fg-font-hyper-hover: #DE629E; --color-dark-fg-font-hyper-hover: #62DE9E;
--color-dark-fg-hyperlink: #DE629E; --color-dark-fg-hyperlink: #62DE9E;
--color-dark-fg-hyperlink-hover: #CB3E50; --color-dark-fg-hyperlink-hover: #3ECB50;
--color-dark-bg-pager-normal: #303030; --color-dark-bg-pager-normal: #303030;
--color-dark-bg-pager-current: #3A3A3E; --color-dark-bg-pager-current: #3A3A3E;
--color-dark-bg-pager-hover: #444446; --color-dark-bg-pager-hover: #444446;
@ -82,11 +82,8 @@
--fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial"; --fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial";
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", --fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei",
"Noto Sans CJK", "Microsoft YaHei", "PingFang SC"; "Noto Sans CJK", "Microsoft YaHei", "PingFang SC";
--fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), sans-serif; --fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), Lato,sans-serif;
--fonts-serif-en: "Noto Serif", "Times New Roman";
--fonts-serif-zh: "Noto Serif CJK", SimSun, STSong;
--fonts-serif: var(--fonts-serif-en), var(--fonts-serif-zh), serif;
--fonts-mono-en: "DejaVu Sans Mono", "Noto Sans Mono", "Consolas", "Courier"; --fonts-mono-en: "DejaVu Sans Mono", "Noto Sans Mono", "Consolas", "Courier";
--fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono", "WenQuanYi Micro Hei Mono"; --fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono", "WenQuanYi Micro Hei Mono";
@ -201,15 +198,22 @@ body {
/************************/ /************************/
.header { .header {
padding: var(--len-3); padding: 0 var(--len-3);
width: 100%; width: 100%;
background-image: url("/img/banner.png");
background-position: center;
min-height: 240px;
min-width: 1260px;
text-shadow: 0px 0px 6px #0D0D0D, 0px 0px 14px #0D0D0D;
} }
/* place title and menus horizonally */ /* place title and menus horizonally */
.header { .header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: center; align-content: end;
justify-content: space-between; justify-content: space-between;
} }
@ -236,7 +240,7 @@ body {
/* setup hyper link style */ /* setup hyper link style */
.header .site-title { .header .site-title {
text-decoration: none; text-decoration: none;
font-family: var(--fonts-serif); font-family: var(--fonts-sans);
font-size: var(--font-size-6); font-size: var(--font-size-6);
font-weight: bold; font-weight: bold;
} }
@ -275,7 +279,7 @@ body {
/* beautify menu item */ /* beautify menu item */
.header .menu-item { .header .menu-item {
font-family: var(--fonts-serif); font-family: var(--fonts-sans);
font-size: var(--font-size-3); font-size: var(--font-size-3);
font-weight: bold; font-weight: bold;
} }
@ -521,6 +525,8 @@ body {
background: #fcfcfc; background: #fcfcfc;
} }
.content h1, .content h1,
.content h2, .content h2,
.content h3 { .content h3 {
@ -562,6 +568,7 @@ body {
#archive { #archive {
padding-left: var(--len-3); padding-left: var(--len-3);
display: none;
} }
#archive .group { #archive .group {