change layout

.gitmodules

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

config.toml

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

themes/ananke

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

themes/hugo-theme-flat/layouts/_default/baseof.html

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

themes/hugo-theme-flat/layouts/_default/single.html

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

themes/hugo-theme-flat/layouts/index.html

@@ -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 }}

themes/hugo-theme-flat/layouts/partials/head.html

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

themes/hugo-theme-flat/static/css/style.css

@@ -10,9 +10,9 @@
   --color-light-fg-tiny-line: #e0e0e0;
   --color-light-fg-marker-quote: #BFBFBF;
   --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-current: #E4E4E4;
   --color-light-bg-pager-hover: #ECECEC;
@@ -30,9 +30,9 @@
   --color-dark-fg-tiny-line: #3B3B3B;
   --color-dark-fg-marker-quote: #6F6B66;
   --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-current: #3A3A3E;
   --color-dark-bg-pager-hover: #444446;
@@ -82,11 +82,8 @@
   --fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial";
   --fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei",
                    "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-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono", "WenQuanYi Micro Hei Mono";
@@ -201,15 +198,22 @@ body {
 /************************/
 
 .header {
-  padding: var(--len-3);
+  padding: 0 var(--len-3);
   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 */
 .header {
   display: flex;
   flex-wrap: wrap;
-  align-content: center;
+  align-content: end;
+
   justify-content: space-between;
 }
 
@@ -236,7 +240,7 @@ body {
 /* setup hyper link style */
 .header .site-title {
   text-decoration: none;
-  font-family: var(--fonts-serif);
+  font-family: var(--fonts-sans);
   font-size: var(--font-size-6);
   font-weight: bold;
 }
@@ -275,7 +279,7 @@ body {
 
 /* beautify menu item */
 .header .menu-item {
-  font-family: var(--fonts-serif);
+  font-family: var(--fonts-sans);
   font-size: var(--font-size-3);
   font-weight: bold;
 }
@@ -521,6 +525,8 @@ body {
   background: #fcfcfc;
 }
 
+
+
 .content h1,
 .content h2,
 .content h3 {
@@ -562,6 +568,7 @@ body {
 
 #archive {
   padding-left: var(--len-3);
+  display: none;
 }
 
 #archive .group {