agresdominik/website
1
0
Fork 0
mirror of https://github.com/agresdominik/website.git synced 2026-04-21 18:05:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Front page work

Browse Source
This commit is contained in:
Dominik Agres
2025-11-01 12:28:20 +01:00
parent 10e1b207b0
commit 416deaa772
14 changed files with 176 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog/content/home.md
-5
View File
@@ -1,5 +0,0 @@
---
title: "Willkommen"
---
<h1 id="typedText" data-text="Test"></h1>
blog/content/whoami.md
+2 -2
View File
@@ -14,7 +14,7 @@ I’m passionate about technology, software, and cybersecurity.
--- ---
## Books # Books
Here are some of my favourite books I would recommend to anyone: Here are some of my favourite books I would recommend to anyone:
@@ -30,7 +30,7 @@ Reading right now:
--- ---
## PGP Key # PGP Key
If you want to send me encrypted messages use the following [PGP-Key](/publickey.asc). If you want to check the fingerprint: If you want to send me encrypted messages use the following [PGP-Key](/publickey.asc). If you want to check the fingerprint:
blog/hugo.toml
+18 -2
View File
@@ -5,9 +5,25 @@ title = 'agres.online'
[params] [params]
name = "Dominik Agreš" name = "Dominik Agreš"
email = "dominik@agres.online" email = "dominik@agres.online"
github = "https://github.com/agresdominik"
linkedin = "www.linkedin.com/in/dominik-agres"
browserTitle = "agres" browserTitle = "agres"
greeting = "Welcome"
[[params.socials]]
name = "github"
url = "https://github.com/agresdominik"
[[params.socials]]
name = "linkedin"
url = "https://linkedin.com/in/dominik-agres"
[[params.socials]]
name = "email"
url = "mailto:dominik@agres.online"
[[params.socials]]
name = "pgp"
url = "/publickey.asc"
[markup.goldmark.renderer] [markup.goldmark.renderer]
unsafe = true unsafe = true
blog/layouts/_partials/typed.html
+2 -2
View File
@@ -10,7 +10,7 @@
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
const text = "{{ .Title }}"; // dynamically type the page title const text = "{{ .Site.Params.Greeting }}";
const element = document.getElementById("typedText"); const element = document.getElementById("typedText");
let index = 0; let index = 0;
@@ -18,7 +18,7 @@ document.addEventListener("DOMContentLoaded", function () {
if (index < text.length) { if (index < text.length) {
element.textContent += text.charAt(index); element.textContent += text.charAt(index);
index++; index++;
setTimeout(type, 120); // typing speed in ms setTimeout(type, 120);
} }
} }
blog/layouts/index.html
+9 -3
View File
@@ -1,8 +1,14 @@
{{ define "main" }} {{ define "main" }}
{{ with .Site.GetPage "page" "home" }} {{ partial "typed.html" . }}
{{ .Content }}
{{ partial "typed.html" . }} <div class="landing-welcome">
<h1 id="typedText"></h1>
<div class="landing-links">
{{ range .Site.Params.socials }}
<a href="{{ .url }}" target="_blank">{{ .name }}</a>
{{ end }} {{ end }}
</div>
</div>
{{ end }} {{ end }}
blog/public/blog/test/index.html
-71
View File
@@ -1,71 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="/css/style.css">
<meta charset="UTF-8">
<title> agres :: Test </title>
</head>
<body>
<header class="topbar">
<div class="topbar-content">
<em>
<a href="/" class="site-title">
agres.online
</a>
</em>
<nav class="nav-links">
<a href="/blog/">~/blog</a>
<a href="/whoami/">~/whoami</a>
</nav>
</div>
</header>
<main>
<article>
<h1>Test</h1>
<div class="infobox">
<div class="infobox-content">
<span class="infobox-label">Date Published:</span>
<span class="infobox-value">October 24, 2025</span>
</div>
<div class="infobox-content">
<span class="infobox-label">Read time: </span>
<span class="infobox-value"> 1 minute(s)</span>
</div>
</div>
<p>Help Me</p>
</article>
</main>
<footer class="bottombar">
<div class="bottombar-content">
<nav class="footer-links">
<a href="/impressum/">Impressum</a> ·
<a href="/datenschutz/">Datenschutz</a> ·
<a href="mailto:dominik@agres.online">Email</a>
<a href="/publickey.asc">PGP-Key</a>
</nav>
<div class="copyright">© 2025 Dominik Agreš</div>
</div>
</footer>
</body>
</html>
blog/public/css/style.css
+40 -6
View File
@@ -19,7 +19,8 @@
--padding-page: 1rem; --padding-page: 1rem;
font-feature-settings: 'liga' 1, 'calt' 1; font-feature-settings: 'liga' 1, 'calt' 1;
font-size: 11pt; font-size: 12pt;
--font-size-title: 20pt;
} }
html, body { html, body {
@@ -82,7 +83,7 @@ p {
} }
.site-title { .site-title {
font-size: 1.2rem; font-size: 18pt;
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
color: var(--link); color: var(--link);
text-decoration: none; text-decoration: none;
@@ -96,6 +97,7 @@ p {
color: var(--link); color: var(--link);
margin-left: 1rem; margin-left: 1rem;
text-decoration: none; text-decoration: none;
font-size: 14pt;
} }
.nav-links a:hover { .nav-links a:hover {
@@ -150,7 +152,6 @@ li {
ul li::before { ul li::before {
content: "• "; content: "• ";
color: var(--color-fg); color: var(--color-fg);
font-size: 1.1rem;
} }
img { img {
@@ -211,13 +212,13 @@ img {
.blogpost-title { .blogpost-title {
font-weight: bold; font-weight: bold;
font-size: 14pt; font-size: 18pt;
margin-right: 10px; margin-right: 10px;
} }
.blogpost-date { .blogpost-date {
font-style: italic; font-style: italic;
font-size: 12pt; font-size: 14pt;
margin-right: 10px; margin-right: 10px;
} }
@@ -246,7 +247,7 @@ pre.chroma {
code { code {
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
font-size: 1rem; font-size: 14px;
} }
.chroma .k { color: #ff79c6; } /* Keywords */ .chroma .k { color: #ff79c6; } /* Keywords */
@@ -257,3 +258,36 @@ code {
.chroma .m { color: #8be9fd; } /* Numbers */ .chroma .m { color: #8be9fd; } /* Numbers */
.chroma .o { color: #ffb86c; } /* Operators */ .chroma .o { color: #ffb86c; } /* Operators */
.chroma .err { color: #ff5555; background: #2e2e2e; } /* Errors */ .chroma .err { color: #ff5555; background: #2e2e2e; } /* Errors */
/* ---------- Landing Page ---------- */
.landing-welcome {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
min-height: 70vh;
}
.landing-welcome h1 {
font-size: 2.5rem;
/*font-weight: 300;*/
margin-bottom: 40px;
}
.landing-links {
display: flex;
gap: 30px;
font-size: 1.1rem;
}
.landing-links a {
color: var(--link);
text-decoration: none;
transition: color 0.2s;
}
.landing-links a:hover {
color: var(--color-secondary); /* or whatever your accent color is */
}
blog/public/de/index.html
+42
View File
@@ -30,7 +30,49 @@
<main> <main>
<style>
#typedText::after {
content: "|";
animation: blink 0.7s infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const text = "agres.online";
const element = document.getElementById("typedText");
let index = 0;
function type() {
if (index < text.length) {
element.textContent += text.charAt(index);
index++;
setTimeout(type, 120);
}
}
type();
});
</script>
<div class="landing-welcome">
<h1 id="typedText"></h1>
<div class="landing-links">
<a href="https://github.com/agresdominik" target="_blank">github</a>
<a href="https://linkedin.com/in/dominik-agres" target="_blank">linkedin</a>
<a href="mailto:dominik@agres.online" target="_blank">email</a>
<a href="/publickey.asc" target="_blank">pgp</a>
</div>
</div>
</main> </main>
blog/public/en/sitemap.xml
-5
View File
@@ -20,9 +20,6 @@
</url><url> </url><url>
<loc>http://localhost:1313/blog/bruteforce/</loc> <loc>http://localhost:1313/blog/bruteforce/</loc>
<lastmod>2025-10-25T00:00:00+00:00</lastmod> <lastmod>2025-10-25T00:00:00+00:00</lastmod>
</url><url>
<loc>http://localhost:1313/blog/test/</loc>
<lastmod>2025-10-24T00:00:00+00:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/categories/</loc> <loc>http://localhost:1313/categories/</loc>
<xhtml:link <xhtml:link
@@ -53,7 +50,5 @@
/> />
</url><url> </url><url>
<loc>http://localhost:1313/whoami/</loc> <loc>http://localhost:1313/whoami/</loc>
</url><url>
<loc>http://localhost:1313/home/</loc>
</url> </url>
</urlset> </urlset>
blog/public/home/index.html
-59
View File
@@ -1,59 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="/css/style.css">
<meta charset="UTF-8">
<title> agres :: Willkommen </title>
</head>
<body>
<header class="topbar">
<div class="topbar-content">
<em>
<a href="/" class="site-title">
agres.online
</a>
</em>
<nav class="nav-links">
<a href="/blog/">~/blog</a>
<a href="/whoami/">~/whoami</a>
</nav>
</div>
</header>
<main>
<article>
<h1>Willkommen</h1>
<h1 id="typedText" data-text="Test"></h1>
</article>
</main>
<footer class="bottombar">
<div class="bottombar-content">
<nav class="footer-links">
<a href="/impressum/">Impressum</a> ·
<a href="/datenschutz/">Datenschutz</a> ·
<a href="mailto:dominik@agres.online">Email</a>
<a href="/publickey.asc">PGP-Key</a>
</nav>
<div class="copyright">© 2025 Dominik Agreš</div>
</div>
</footer>
</body>
</html>
blog/public/index.html
+16 -5
View File
@@ -30,10 +30,7 @@
<main> <main>
<style>
<h1 id="typedText" data-text="Test"></h1>
<style>
#typedText::after { #typedText::after {
content: "|"; content: "|";
animation: blink 0.7s infinite; animation: blink 0.7s infinite;
@@ -45,7 +42,7 @@
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
const text = "Willkommen"; const text = "Welcome";
const element = document.getElementById("typedText"); const element = document.getElementById("typedText");
let index = 0; let index = 0;
@@ -62,6 +59,20 @@ document.addEventListener("DOMContentLoaded", function () {
</script> </script>
<div class="landing-welcome">
<h1 id="typedText"></h1>
<div class="landing-links">
<a href="https://github.com/agresdominik" target="_blank">github</a>
<a href="https://linkedin.com/in/dominik-agres" target="_blank">linkedin</a>
<a href="mailto:dominik@agres.online" target="_blank">email</a>
<a href="/publickey.asc" target="_blank">pgp</a>
</div>
</div>
</main> </main>
blog/public/index.xml
+1 -8
View File
@@ -34,14 +34,7 @@
<link>http://localhost:1313/whoami/</link> <link>http://localhost:1313/whoami/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/whoami/</guid> <guid>http://localhost:1313/whoami/</guid>
<description>&lt;p&gt;Hi, I’m Dominik&lt;/p&gt;&#xA;&lt;p&gt;I’m passionate about technology, software, and cybersecurity.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Studied &lt;strong&gt;Software Engineering&lt;/strong&gt; at &lt;strong&gt;Heilbronn University (HHN)&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;Worked at &lt;strong&gt;Schwarz IT&lt;/strong&gt; in a &lt;strong&gt;Cybersecurity&lt;/strong&gt; team during my studies&lt;/li&gt;&#xA;&lt;li&gt;Wrote my Bachelors Thesis about the application of Machine Learning to optimise distinct processes in the Cybersecurity world&lt;/li&gt;&#xA;&lt;li&gt;Love exploring nature, going on hiking trips as well as driving my motorcycle&lt;/li&gt;&#xA;&lt;li&gt;Love reading books about sociology, philosophy and politics&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;books&#34;&gt;Books&lt;/h2&gt;&#xA;&lt;p&gt;Here are some of my favourite books I would recommend to anyone:&lt;/p&gt;</description> <description>&lt;p&gt;Hi, I’m Dominik&lt;/p&gt;&#xA;&lt;p&gt;I’m passionate about technology, software, and cybersecurity.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Studied &lt;strong&gt;Software Engineering&lt;/strong&gt; at &lt;strong&gt;Heilbronn University (HHN)&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;Worked at &lt;strong&gt;Schwarz IT&lt;/strong&gt; in a &lt;strong&gt;Cybersecurity&lt;/strong&gt; team during my studies&lt;/li&gt;&#xA;&lt;li&gt;Wrote my Bachelors Thesis about the application of Machine Learning to optimise distinct processes in the Cybersecurity world&lt;/li&gt;&#xA;&lt;li&gt;Love exploring nature, going on hiking trips as well as driving my motorcycle&lt;/li&gt;&#xA;&lt;li&gt;Love reading books about sociology, philosophy and politics&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;hr&gt;&#xA;&lt;h1 id=&#34;books&#34;&gt;Books&lt;/h1&gt;&#xA;&lt;p&gt;Here are some of my favourite books I would recommend to anyone:&lt;/p&gt;</description>
</item>
<item>
<title>Willkommen</title>
<link>http://localhost:1313/home/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://localhost:1313/home/</guid>
<description>&lt;h1 id=&#34;typedText&#34; data-text=&#34;Test&#34;&gt;&lt;/h1&gt;</description>
</item> </item>
</channel> </channel>
</rss> </rss>
blog/public/whoami/index.html
+2 -2
View File
@@ -43,7 +43,7 @@
<li>Love reading books about sociology, philosophy and politics</li> <li>Love reading books about sociology, philosophy and politics</li>
</ul> </ul>
<hr> <hr>
<h2 id="books">Books</h2> <h1 id="books">Books</h1>
<p>Here are some of my favourite books I would recommend to anyone:</p> <p>Here are some of my favourite books I would recommend to anyone:</p>
<ul> <ul>
<li><a href="https://search.worldcat.org/title/986950078">Homo Deus - Yuval Noah Harari</a></li> <li><a href="https://search.worldcat.org/title/986950078">Homo Deus - Yuval Noah Harari</a></li>
@@ -57,7 +57,7 @@
<li><a href="">Atomic Habits - James Clear</a></li> <li><a href="">Atomic Habits - James Clear</a></li>
</ul> </ul>
<hr> <hr>
<h2 id="pgp-key">PGP Key</h2> <h1 id="pgp-key">PGP Key</h1>
<p>If you want to send me encrypted messages use the following <a href="/publickey.asc">PGP-Key</a>. If you want to check the fingerprint:</p> <p>If you want to send me encrypted messages use the following <a href="/publickey.asc">PGP-Key</a>. If you want to check the fingerprint:</p>
<pre tabindex="0"><code>896B 3FF1 2E82 A80C 10F6 42CB 4634 761C A7CE E0A <pre tabindex="0"><code>896B 3FF1 2E82 A80C 10F6 42CB 4634 761C A7CE E0A
</code></pre> </code></pre>
blog/static/css/style.css
+40 -6
View File
@@ -19,7 +19,8 @@
--padding-page: 1rem; --padding-page: 1rem;
font-feature-settings: 'liga' 1, 'calt' 1; font-feature-settings: 'liga' 1, 'calt' 1;
font-size: 11pt; font-size: 12pt;
--font-size-title: 20pt;
} }
html, body { html, body {
@@ -82,7 +83,7 @@ p {
} }
.site-title { .site-title {
font-size: 1.2rem; font-size: 18pt;
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
color: var(--link); color: var(--link);
text-decoration: none; text-decoration: none;
@@ -96,6 +97,7 @@ p {
color: var(--link); color: var(--link);
margin-left: 1rem; margin-left: 1rem;
text-decoration: none; text-decoration: none;
font-size: 14pt;
} }
.nav-links a:hover { .nav-links a:hover {
@@ -150,7 +152,6 @@ li {
ul li::before { ul li::before {
content: "• "; content: "• ";
color: var(--color-fg); color: var(--color-fg);
font-size: 1.1rem;
} }
img { img {
@@ -211,13 +212,13 @@ img {
.blogpost-title { .blogpost-title {
font-weight: bold; font-weight: bold;
font-size: 14pt; font-size: 18pt;
margin-right: 10px; margin-right: 10px;
} }
.blogpost-date { .blogpost-date {
font-style: italic; font-style: italic;
font-size: 12pt; font-size: 14pt;
margin-right: 10px; margin-right: 10px;
} }
@@ -246,7 +247,7 @@ pre.chroma {
code { code {
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
font-size: 1rem; font-size: 14px;
} }
.chroma .k { color: #ff79c6; } /* Keywords */ .chroma .k { color: #ff79c6; } /* Keywords */
@@ -257,3 +258,36 @@ code {
.chroma .m { color: #8be9fd; } /* Numbers */ .chroma .m { color: #8be9fd; } /* Numbers */
.chroma .o { color: #ffb86c; } /* Operators */ .chroma .o { color: #ffb86c; } /* Operators */
.chroma .err { color: #ff5555; background: #2e2e2e; } /* Errors */ .chroma .err { color: #ff5555; background: #2e2e2e; } /* Errors */
/* ---------- Landing Page ---------- */
.landing-welcome {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
min-height: 70vh;
}
.landing-welcome h1 {
font-size: 2.5rem;
/*font-weight: 300;*/
margin-bottom: 40px;
}
.landing-links {
display: flex;
gap: 30px;
font-size: 1.1rem;
}
.landing-links a {
color: var(--link);
text-decoration: none;
transition: color 0.2s;
}
.landing-links a:hover {
color: var(--color-secondary); /* or whatever your accent color is */
}