taxonomies (categories, tags, year/month/slug), syntax.css und Blog (posts).

2025-11-22 18:50:09 +01:00
parent dc0b5d8cfc
commit 230912cb0c
100 changed files with 4699 additions and 290 deletions
--- a/themes/basic/layouts/_default/category.terms.html
+++ b/themes/basic/layouts/_default/category.terms.html
@@ -0,0 +1,13 @@
+{{ define "main" }}
+
+  <h2>{{ .Title }}</h2>
+  {{ .Content }}
+
+  {{ range .Data.Terms.Alphabetical }}
+  <p class="tag">
+    <a href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
+    <span class="count">({{ .Count }})</span>
+  </p>
+  {{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/_default/list.html
+++ b/themes/basic/layouts/_default/list.html
@@ -0,0 +1,9 @@
+{{ define "main" }}
+
+<h2>{{ .Title }}</h2>
+{{ range .Pages }}
+  <h4><a href="{{ .RelPermalink }}">{{ .Title }}
+  </a></h4>
+{{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/_default/month.html
+++ b/themes/basic/layouts/_default/month.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+  <h2>{{ .Title }}</h2>
+
+  {{ range .Pages }}
+    {{ partial "post_summary.html" . }}
+  {{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/_default/tag.terms.html
+++ b/themes/basic/layouts/_default/tag.terms.html
@@ -0,0 +1,13 @@
+{{ define "main" }}
+
+  <h2>{{ .Title }} #</h2>
+  {{ .Content }}
+
+  {{ range .Data.Terms.Alphabetical }}
+  <p class="tag">
+    <a href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
+    <span class="count">({{ .Count }})</span>
+  </p>
+  {{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/_default/tags.html
+++ b/themes/basic/layouts/_default/tags.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+  <h2>{{ .Title }}</h2>
+
+  {{ range .tags }}
+    list of description of what a tag is about?
+  {{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/_default/year.html
+++ b/themes/basic/layouts/_default/year.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+  <h2>{{ .Title }}</h2>
+
+  {{ range .Pages }}
+    {{ partial "post_summary.html" . }}
+  {{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/index.html
+++ b/themes/basic/layouts/index.html
@@ -1,10 +1,18 @@
 {{ define "main" }}
-    {{ .Content }}
-    <h3>Projekt</h3>
-    <p>Das letzte Projekt was aktualisiert wurde:
-    {{ range first 1 (where .Site.RegularPages "Type" "in" "projects").ByDate.Reverse }}
+  <h2>{{ .Date.Format "January" }} Blog-Posts</h2>  
+  <p>
+  {{ range first 3 (where .Site.RegularPages "Type" "in" "posts").ByDate.Reverse }}
+    <ul>
+      <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+    </ul>
+  {{ end }}
+  </p>  
+  {{ .Content }}
+  <h3>Projekt</h3>
+  <p>Das letzte Projekt was aktualisiert wurde:
+  {{ range first 1 (where .Site.RegularPages "Type" "in" "projects").ByDate.Reverse }}
    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
-    {{ end }}
-    </p>
+  {{ end }}
+  </p>
 {{ end }}

--- a/themes/basic/layouts/partials/head.html
+++ b/themes/basic/layouts/partials/head.html
@@ -10,8 +10,11 @@
      {{- else -}}
        {{ .Site.Params.description }}
      {{- end -}}">
+    <link rel="stylesheet" href="{{ "css/syntax.css"
+    | relURL }}">
    <link rel="stylesheet" href="{{ "css/style.css"
    | relURL }}">
+    
    <!-- RSS -->
    {{ range .AlternativeOutputFormats -}}
      {{- $link := `<link rel="%s" type="%s" href="%s" title="%s">` -}}
@@ -39,4 +42,37 @@
  gtag('js', new Date());

  gtag('config', 'G-TT2JW5ZYFZ');
+</script>
+<!--
+<script>
+	var remark_config = {
+		host: "http://192.168.178.24:8080",
+		site_id: "remark",
+    locale: "de"
+  }
+</script>-->
+
+<script>
+  var remark_config = {
+    // Gebruik de nieuwe Railway URL
+    host: 'https://remark42hugo-neocities-org.up.railway.app', 
+    
+    // De site ID moet overeenkomen met de REMARK_SITE variabele
+    site_id: 'neocities', 
+    
+    locale: 'de', 
+    allowAnon: true, 
+    url: '{{ .Permalink }}', 
+    theme: 'light' 
+  };
+
+// Laad de embed code vanaf de Railway host
+  (function(c) {
+    for(var i = 0; i < c.length; i++) {
+      var d = document, s = d.createElement('script');
+      s.src = c[i];
+      (d.head || d.body).appendChild(s);
+    }
+  })(['https://remark42hugo-neocities-org.up.railway.app/web/config.js', 
+      'https://remark42hugo-neocities-org.up.railway.app/web/embed.js']);
 </script>
--- a/themes/basic/layouts/partials/nav.html
+++ b/themes/basic/layouts/partials/nav.html
@@ -1,8 +1,9 @@
 <nav>
-    <a href="/">Home</a>
-    <a href="/about">About</a>
-    <a href="/projects">Projects</a>
-    <a href="/presentations">Presentations</a>
-    <a href="/resume">Résumé</a>
-    <a href="/contact">Contact</a>
+    <a href="/">Start</a>
+    <a href="/about">Über mich</a>
+    <a href="/posts">Blog</a>
+    <a href="/projects">Projekte</a>
+    <a href="/presentations">Konzepte</a>
+    <a href="/resume">Lebenslauf</a>
+    <a href="/contact">Kontakt</a>
 </nav>
--- a/themes/basic/layouts/partials/post_summary.html
+++ b/themes/basic/layouts/partials/post_summary.html
@@ -0,0 +1,14 @@
+<article>
+  <header>
+    <h3>
+      <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+    </h3>
+    <time>
+      {{ .Date | dateFormat "January" }}
+      {{ .Date | dateFormat "2" }}
+    </time>
+  </header>
+  
+  {{ .Summary }}
+  
+</article>
--- a/themes/basic/layouts/posts/list.html
+++ b/themes/basic/layouts/posts/list.html
@@ -0,0 +1,10 @@
+{{ define "main" }}
+  <h2>{{ .Title }}</h2>
+
+  {{ range (.Paginator).Pages }}
+    {{ partial "post_summary.html" . }}
+  {{ end }}
+
+  {{ template "_internal/pagination.html" . }}
+
+{{ end }}
--- a/themes/basic/layouts/posts/single.html
+++ b/themes/basic/layouts/posts/single.html
@@ -0,0 +1,60 @@
+{{ define "main" }}
+<article class="post">
+  <header>
+    <h2>{{ .Title }}</h2>
+    <p>
+      Von {{ .Params.Author }}
+    </p>
+    <p>
+      Veröffentlichung am {{ .Date.Format "2.01.2006" }}
+      <span class="tags">
+        in
+        {{- range .Params.tags }}
+         <a class="tag" href="/tags/{{ . | urlize }}">{{ . }}</a>
+        {{ end }}
+      </span>
+    </p>
+    <p>
+      {{ math.Round (div (countwords .Content) 200.0) }} Minuten ({{ countwords .Content }} Wörter) bei 200 p/m
+    </p>
+  </header>
+
+  <section class="body">
+    {{ if isset .Params "image" }}
+      <img alt="{{ .Params.alt_text }}" src="{{ .Params.image }}">
+    {{ end }}
+    {{ .Content }}
+  </section>
+  <section class="related">
+  {{ $related := .Site.RegularPages.Related . | first 5 }}
+      {{ with $related }}
+      <h3>Mehr dazu</h3>
+      <ul>
+        {{ range . }}
+        <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+        {{ end }}
+      </ul>
+  {{ end }}
+  </section>
+  
+</article>
+  {{ if not .Params.disableComments }}
+    <!--term="{{ .Title }}"-->
+    <script src="https://giscus.app/client.js"
+          data-repo="kurrrioo/Frikandel-speciale"
+          data-repo-id="R_kgDOMeh49A"
+          data-category="Show and tell"
+          data-category-id="DIC_kwDOMeh49M4CyAGs"
+          data-mapping="title"
+          data-strict="0"
+          data-reactions-enabled="1"
+          data-emit-metadata="0"
+          data-input-position="bottom"
+          data-theme="light"
+          data-lang="de"
+          crossorigin="anonymous"
+          async>
+    </script>
+  {{ end }}
+
+{{ end }}
--- a/themes/basic/layouts/projects/single.html
+++ b/themes/basic/layouts/projects/single.html
@@ -11,8 +11,9 @@
      
    <section class="project">
      <h2>{{ .Title }}</h2>
-        {{ .Content }}
+      {{ if isset .Params "image" }}
        <img alt="{{ .Params.alt_text }}" src="{{ .Params.image }}">
+      {{ end }}
        
      <h3>Tech used</h3>
      <ul>
@@ -20,6 +21,10 @@
          <li>{{ . }}</li>
        {{ end }}
      </ul>
+      {{ .Content }}
+      {{ if .Params.isCommentingProject }}
+        <div id="remark42"></div>
+      {{ end }}
    </section>
  </div>
-{{ end }}
+{{ end }}
--- a/themes/basic/layouts/shortcodes/abbr.html
+++ b/themes/basic/layouts/shortcodes/abbr.html
@@ -0,0 +1 @@
+<abbr title="{{ .Get 1 }}">{{ .Get 0 }}</abbr>
--- a/themes/basic/static/css/style.css
+++ b/themes/basic/static/css/style.css
@@ -1,52 +1,110 @@
 .container {
-    margin: 0 auto;
-    width: 80%;
+  margin: 0 auto;
+  width: 89%;
 }
 nav, footer {
-    background-color: #333;
-    color: #fff;
-    text-align: center;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
 }
 nav {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 footer li, footer ul {
-    display: inline;
-    margin: 0;
-    padding: 0;
+  display: inline;
+  margin: 0;
+  padding: 0;
 }
 footer li::after {
-    content: " | "
+  content: " | "
 }
 nav > a, footer a {
-    flex: 1;
-    text-align: center;
-    text-decoration: none;
-    color: #fff;
+  flex: 1;
+  text-align: center;
+  text-decoration: none;
+  color: #fff;
 }

+/* Blog post section */
+a.tag {
+  background-color: #ddd;
+  color: #333;
+  display: inline-block;
+  padding: 0.1em;
+  font-size: 0.9em;
+  text-decoration: none;
+}
+.pagination {
+  display: flex;
+  justify-content: space-between;
+  list-style: none;
+  margin: 1em auto;
+  padding: 0;
+}
+.pagination > .page-item {
+  border: 1px solid #ddd;
+  flex: 1;
+  text-align: center;
+  width: 5em;
+}
+.pagination .page-link {
+  display: block;
+  color: #000;
+  text-decoration: none;
+}
+.pagination > .page-item.active {
+  background-color: #333;
+}
+.pagination > .page-item.active > .page-link {
+  color: #fff;
+}
+.pagination > .page-item.disabled > .page-link {
+  color: #ddd;
+}
+
+/* Project section */
+.project-container {
+  display: flex;
+  flex-direction: column-reverse;
+}
+/* flex behaviour */
+.project-container img {max-width: 100%; height: auto; }
@media only screen and (min-width: 768px) {
-    nav { flex-direction: row; }
+  nav { flex-direction: row; }
+  .project-container {
+    flex-direction: row;
+    column-gap: 1.5em;
+  }
+  .pagination { width: 30%; }
 }
-
-.project-container { display: flex; }
-
-.project-container .project-list { width: 20%; }
-
-.project-container .project { flex: 1; }
-/* might do the same with present(ation) */
-
 .oss {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.oss article {
+  border: 1px solid #ddd;
+  box-shadow: 3px 3px 3px #ddd;
+  margin: 0.5%;
+  padding: 0.5%;
+  width: 30%;
 }

-.oss article {
-    border: 1px solid #ddd;
-    box-shadow: 3px 3px 3px #ddd;
-    margin: 0.5%;
-    padding: 0.5%;
-    width: 30%;
+blockquote {
+  font-weight: bolder;
+}
+.footnotes {
+  font-size: 11px;
+}
+pre {
+  overflow: auto;
+}
+code[data-lang]::before {
+  content: attr(data-lang);
+  display: block;
+  font-weight: bold;
+}
+abbr {
+  cursor: pointer;
 }
--- a/themes/basic/static/css/syntax.css
+++ b/themes/basic/static/css/syntax.css
@@ -0,0 +1,85 @@
+/* Background */ .bg { background-color: #ffffff }
+/* PreWrapper */ .chroma { background-color: #ffffff; }
+/* Other */ .chroma .x {  }
+/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
+/* CodeLine */ .chroma .cl {  }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
+/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+/* Line */ .chroma .line { display: flex; }
+/* Keyword */ .chroma .k { color: #000000; font-weight: bold }
+/* KeywordConstant */ .chroma .kc { color: #000000; font-weight: bold }
+/* KeywordDeclaration */ .chroma .kd { color: #000000; font-weight: bold }
+/* KeywordNamespace */ .chroma .kn { color: #000000; font-weight: bold }
+/* KeywordPseudo */ .chroma .kp { color: #000000; font-weight: bold }
+/* KeywordReserved */ .chroma .kr { color: #000000; font-weight: bold }
+/* KeywordType */ .chroma .kt { color: #445588; font-weight: bold }
+/* Name */ .chroma .n {  }
+/* NameAttribute */ .chroma .na { color: #008080 }
+/* NameBuiltin */ .chroma .nb { color: #0086b3 }
+/* NameBuiltinPseudo */ .chroma .bp { color: #999999 }
+/* NameClass */ .chroma .nc { color: #445588; font-weight: bold }
+/* NameConstant */ .chroma .no { color: #008080 }
+/* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold }
+/* NameEntity */ .chroma .ni { color: #800080 }
+/* NameException */ .chroma .ne { color: #990000; font-weight: bold }
+/* NameFunction */ .chroma .nf { color: #990000; font-weight: bold }
+/* NameFunctionMagic */ .chroma .fm {  }
+/* NameLabel */ .chroma .nl { color: #990000; font-weight: bold }
+/* NameNamespace */ .chroma .nn { color: #555555 }
+/* NameOther */ .chroma .nx {  }
+/* NameProperty */ .chroma .py {  }
+/* NameTag */ .chroma .nt { color: #000080 }
+/* NameVariable */ .chroma .nv { color: #008080 }
+/* NameVariableClass */ .chroma .vc { color: #008080 }
+/* NameVariableGlobal */ .chroma .vg { color: #008080 }
+/* NameVariableInstance */ .chroma .vi { color: #008080 }
+/* NameVariableMagic */ .chroma .vm {  }
+/* Literal */ .chroma .l {  }
+/* LiteralDate */ .chroma .ld {  }
+/* LiteralString */ .chroma .s { color: #dd1144 }
+/* LiteralStringAffix */ .chroma .sa { color: #dd1144 }
+/* LiteralStringBacktick */ .chroma .sb { color: #dd1144 }
+/* LiteralStringChar */ .chroma .sc { color: #dd1144 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 }
+/* LiteralStringDoc */ .chroma .sd { color: #dd1144 }
+/* LiteralStringDouble */ .chroma .s2 { color: #dd1144 }
+/* LiteralStringEscape */ .chroma .se { color: #dd1144 }
+/* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 }
+/* LiteralStringInterpol */ .chroma .si { color: #dd1144 }
+/* LiteralStringOther */ .chroma .sx { color: #dd1144 }
+/* LiteralStringRegex */ .chroma .sr { color: #009926 }
+/* LiteralStringSingle */ .chroma .s1 { color: #dd1144 }
+/* LiteralStringSymbol */ .chroma .ss { color: #990073 }
+/* LiteralNumber */ .chroma .m { color: #009999 }
+/* LiteralNumberBin */ .chroma .mb { color: #009999 }
+/* LiteralNumberFloat */ .chroma .mf { color: #009999 }
+/* LiteralNumberHex */ .chroma .mh { color: #009999 }
+/* LiteralNumberInteger */ .chroma .mi { color: #009999 }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #009999 }
+/* LiteralNumberOct */ .chroma .mo { color: #009999 }
+/* Operator */ .chroma .o { color: #000000; font-weight: bold }
+/* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold }
+/* Punctuation */ .chroma .p {  }
+/* Comment */ .chroma .c { color: #999988; font-style: italic }
+/* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic }
+/* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic }
+/* CommentSingle */ .chroma .c1 { color: #999988; font-style: italic }
+/* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic }
+/* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic }
+/* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic }
+/* Generic */ .chroma .g {  }
+/* GenericDeleted */ .chroma .gd { color: #000000; background-color: #ffdddd }
+/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic }
+/* GenericError */ .chroma .gr { color: #aa0000 }
+/* GenericHeading */ .chroma .gh { color: #999999 }
+/* GenericInserted */ .chroma .gi { color: #000000; background-color: #ddffdd }
+/* GenericOutput */ .chroma .go { color: #888888 }
+/* GenericPrompt */ .chroma .gp { color: #555555 }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #aaaaaa }
+/* GenericTraceback */ .chroma .gt { color: #aa0000 }
+/* GenericUnderline */ .chroma .gl { text-decoration: underline }
+/* TextWhitespace */ .chroma .w { color: #bbbbbb }
				`@@ -0,0 +1 @@`
				`<abbr title="{{ .Get 1 }}">{{ .Get 0 }}</abbr>`