vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

[wip] website redesign

Browse source
This commit is contained in:
Vri 🌈 2022-11-28 18:32:29 +01:00
parent 4857a7b766
commit 59e98e5274
Signed by: vrifox
GPG key ID: D40098E5B60B2197
8 changed files with 155 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

1
layouts/_default/baseof.html
View file

@ -9,6 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
{{- block "header" . }}{{ end }}
{{ partial "nav.html" . }}
{{- block "main" . }}{{ end }}
{{ partial "footer.html" . }}

53
layouts/index.html
View file

@ -1,5 +1,56 @@
{{- define "header" }}
<header id="introduction" class="global-header">
<h1>Hola 🖖</h1>
<p>Ich bin Vri 🙂</p>
</header>
{{ end }}
{{- define "main" }}
<main>
{{ .Content -}}
<h2>Aus meinem Blog</h2>
<section id="latest-posts">
{{ range first 3 (where .Site.RegularPages "Section" "blog") }}
<a href="{{ .Permalink }}" class="post-group">
<p class="title">{{ .Title }}</p>
<aside class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">
<span class="date">{{ .Date.Format "2. January 2006" }}</span>
<span class="author">{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
</aside>
</a>
{{ end }}
</section>
<section id="interests">
<h2>Interessen</h1>
<div>Programmieren</div>
<div>Gestalten</div>
<div>Übersetzen</div>
</section>
<section id="languages">
<div></div>
</section>
<section id="skills">
<h2>Kenntnisse</h1>
<div>HTML & CSS <span>seit 2009</span></div>
<div>SCSS <span>seit 2013</span></div>
<div>Javascript <span>seit 2022</span></div>
<div>Rust <span>seit 2021</span></div>
<div>Python <span>seit 2021</span></div>
<div>Bash <span>seit 2015</span></div>
<div>Affinity Designer <span>2015–2020</span></div>
<div>Inkscape <span>seit 2020</span></div>
<div>Boxy SVG <span>seit 2022</span></div>
</section>
<section id="skills">
<h2>Kenntnisse</h1>
<div>HTML & CSS <span>seit 2009</span></div>
<div>SCSS <span>seit 2013</span></div>
<div>Javascript <span>seit 2022</span></div>
<div>Rust <span>seit 2021</span></div>
<div>Python <span>seit 2021</span></div>
<div>Bash <span>seit 2015</span></div>
<div>Affinity Designer <span>2015–2020</span></div>
<div>Inkscape <span>seit 2020</span></div>
<div>Boxy SVG <span>seit 2022</span></div>
</section>
</main>
{{- end }}

2
layouts/partials/footer.html
View file

@ -1,6 +1,6 @@
<footer>
<span title="Revision: {{ now.Format "2. January 2006, 15:04 MST" }}">R {{ now.Format "2006-01-02" }}</span>
<p title="Revision vom {{ now.Format "2. January 2006, um 15:04 Uhr MST" }}">R {{ now.Format "2006-01-02" }}</p>
{{- range .Site.Menus.footer }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{- end }}

42
layouts/partials/nav.html
View file

@ -1,18 +1,28 @@
{{- $currentPage := . }}
{{ $currentPage := . }}
<nav id="sidebar">
<header>
{{- range .Site.Menus.name }}
<h1> <a href="{{ .URL }}">{{ .Name }}</a> </h1>
{{- end }}
<nav>
{{- range .Site.Menus.main }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{- end }}
</nav>
{{- if .IsTranslated }}
<aside>
{{- range .Translations }}
<a href="{{ .Permalink }}">{{ .Site.Params.languageName }}</a>
{{- end }}
</aside>
{{- end }}
<p id="name">Vri 🌈</p>
<p id="information">
<span>@vrifox</span>
</p>
</header>
<section id="sidebar-menu">
<ul>
{{- range .Site.Menus.main }}
{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
<li class="active"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ else }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{- end }}
</ul>
</section>
{{/*- if .IsTranslated */}}
<aside>
{{- range .Translations }}
<a href="{{ .Permalink }}">{{ .Site.Params.languageName }}</a>
{{- end }}
</aside>
{{/*- end */}}
</nav>