summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--README.md2
-rw-r--r--assets/css/main.css27
-rw-r--r--hugo.toml39
-rw-r--r--layouts/index.html9
-rw-r--r--static/flags/de.svg8
-rw-r--r--static/flags/en.svg25
-rw-r--r--static/rss.svg8
7 files changed, 43 insertions, 75 deletions
diff --git a/README.md b/README.md
index 6b91091..159085c 100644
--- a/README.md
+++ b/README.md
@@ -25,8 +25,6 @@ git init
Now you can add Argo as a git submodule to your project, set it as your project's theme and start Hugo's embedded web server with the following commands:
```sh
-```
-```sh
git submodule add https://codeberg.org/arrief/hugo-Argo.git themes/Argo
echo "theme = 'Argo'" >> hugo.toml
hugo server
diff --git a/assets/css/main.css b/assets/css/main.css
index c09c56d..42b34ef 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2,7 +2,8 @@
:root {
--bg-main: #fffff0;
--bg-special: #f4e3b2;
- --border-radius: 50px;
+ --border-radius-max: 250px;
+ --border-radius-minimal: 5px;
--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
--font-size-default: 1rem;
--font-size-h1: 2rem;
@@ -205,7 +206,7 @@ time {
.theme-toggle {
background-color: var(--text-color);
border: none;
- border-radius: var(--border-radius);
+ border-radius: var(--border-radius-max);
color: var(--bg-main);
cursor: pointer;
padding: 0.2rem;
@@ -218,7 +219,7 @@ time {
/* SITE NAVMENU */
.header__navigation {
background-color: var(--bg-special);
- border-radius: 5px;
+ border-radius: var(--border-radius-minimal);
padding: var(--margin-padding-Y-small);
}
@@ -304,13 +305,27 @@ time {
.post-card__tags-item {
background-color: var(--bg-special);
- border-radius: var(--border-radius);
+ border-radius: var(--border-radius-max);
color: #fff;
font-size: var(--font-size-small);
padding: 0.1rem 0.4rem;
}
/* PAGES Content */
+/* Homepage */
+.homepage__header-title {
+ text-align: center;
+}
+
+.homepage__header-image {
+ border: 4px solid var(--bg-special);
+ border-radius: var(--border-radius-max);
+ display: block;
+ margin: 1rem auto;
+ max-width: 150px;
+ max-height: 150px;
+}
+
/* Article */
.article__header {
margin-bottom: var(--gap-large);
@@ -366,7 +381,7 @@ time {
.search-form__input {
font-size: var(--font-size-default);
border: 1px solid var(--bg-special);
- border-radius: 5px;
+ border-radius: var(--border-radius-minimal);
padding: 0.2rem;
width: 50%;
@@ -378,7 +393,7 @@ time {
.search-form__reset {
background-color: var(--bg-special);
border: none;
- border-radius: var(--border-radius);
+ border-radius: var(--border-radius-max);
color: var(--text-color);
font-size: var(--font-size-default);
font-weight: bold;
diff --git a/hugo.toml b/hugo.toml
index 368a7b3..85b57dd 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -36,7 +36,7 @@ disableDefaultLanguageRedirect = true
identifier = "search"
name = "Suche"
pageRef = "/search/"
- weight = 30
+ weight = 20
[languages.en]
contentDir = "content/en"
@@ -52,22 +52,16 @@ disableDefaultLanguageRedirect = true
weight = 10
[[menus.main]]
- identifier = "posts"
- name = "Posts"
- pageRef = "/posts"
- weight = 20
-
- [[menus.main]]
identifier = "about"
name = "About"
pageRef = "/about"
- weight = 30
+ weight = 20
[[menus.main]]
identifier = "search"
name = "Search"
pageRef = "/search"
- weight = 40
+ weight = 30
[outputs] # Copy outputs configuration to your project's hugo.toml
home = ["html", "json", "rss"]
@@ -76,25 +70,18 @@ disableDefaultLanguageRedirect = true
term = ["html"]
[params]
- # In your project's hugo.toml, adjust logo to your file's name or set empty string to display site.Title instead
- logo = "/logo.svg"
+ # For displaying a logo, adjust to your file's name in your project's hugo.toml. Otherwise the theme uses title instead
+ # logo = "/logo.svg"
+
+ # Place files under static/images if you want to display a small image under the title of your homepage
+ # homepageImage = "/images/my-portrait.jpg"
[params.author]
name = "Your Name"
email = "your@email.com"
- # Replace with your actual social media profiles in your hugo.toml
- [[params.socials]]
- name = "Twitter"
- url = "https://twitter.com/yourhandle"
- icon = "/socials/twitter.svg"
-
- [[params.socials]]
- name = "GitHub"
- url = "https://github.com/yourhandle"
- icon = "/socials/github.svg"
-
- [[params.socials]]
- name = "LinkedIn"
- url = "https://linkedin.com/in/yourhandle"
- icon = "/socials/linkedin.svg"
+ # Structure your social media profiles like this in your hugo.toml
+ # [[params.socials]]
+ # name = "Twitter"
+ # url = "https://twitter.com/yourhandle"
+ # icon = "/socials/twitter.svg"
diff --git a/layouts/index.html b/layouts/index.html
index b23b087..50fbc82 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,12 +1,15 @@
{{- /* HOMEPAGE */ -}}
{{- define "main" }}
<div class="homepage">
- <header class="homepage__hero">
- <h1 class="homepage__title">
+ <header class="homepage__header">
+ <h1 class="homepage__header-title">
{{ with .Title }}{{ . }}{{ else }}{{ site.Title | default "Welcome to my Blog!" }}{{ end }}
</h1>
+ {{- with site.Params.homepageImage }}
+ <img src="{{ . }}" alt="{{ . }}" class="homepage__header-image" />
+ {{- end }}
{{- with .Content }}
- <div class="homepage__content">
+ <div class="homepage__header-content">
{{ . }}
</div>
{{- end }}
diff --git a/static/flags/de.svg b/static/flags/de.svg
index b1e8de1..4733142 100644
--- a/static/flags/de.svg
+++ b/static/flags/de.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Source: SVG Repo, https://www.svgrepo.com/svg/405490/flag-for-flag-germany -->
-<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet">
- <path fill="#FFCD05" d="M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-4H0v4z"></path>
- <path fill="#ED1F24" d="M0 14h36v9H0z"></path>
- <path fill="#141414" d="M32 5H4a4 4 0 0 0-4 4v5h36V9a4 4 0 0 0-4-4z"></path>
-</svg>
+<?xml version="1.0" encoding="utf-8"?><!-- Source: SVG Repo, https://www.svgrepo.com/svg/405490/flag-for-flag-germany --><svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet"><path fill="#FFCD05" d="M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-4H0v4z"></path><path fill="#ED1F24" d="M0 14h36v9H0z"></path><path fill="#141414" d="M32 5H4a4 4 0 0 0-4 4v5h36V9a4 4 0 0 0-4-4z"></path></svg>
diff --git a/static/flags/en.svg b/static/flags/en.svg
index f5e0332..9f0747a 100644
--- a/static/flags/en.svg
+++ b/static/flags/en.svg
@@ -1,24 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Source: SVG Repo, https://www.svgrepo.com/svg/508511/flag-gb -->
-<svg viewBox="0 -4 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
- <g clip-path="url(#clip0_503_2952)">
- <rect width="28" height="20" rx="2" fill="white"/>
- <mask id="mask0_503_2952" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="20">
- <rect width="28" height="20" rx="2" fill="white"/>
- </mask>
- <g mask="url(#mask0_503_2952)">
- <rect width="28" height="20" fill="#0A17A7"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M-1.28244 -1.91644L10.6667 6.14335V-1.33333H17.3334V6.14335L29.2825 -1.91644L30.7737 0.294324L21.3263 6.66667H28V13.3333H21.3263L30.7737 19.7057L29.2825 21.9165L17.3334 13.8567V21.3333H10.6667V13.8567L-1.28244 21.9165L-2.77362 19.7057L6.67377 13.3333H2.95639e-05V6.66667H6.67377L-2.77362 0.294324L-1.28244 -1.91644Z" fill="white"/>
- <path d="M18.668 6.33219L31.3333 -2" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
- <path d="M20.0128 13.6975L31.3666 21.3503" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
- <path d="M8.00555 6.31046L-3.83746 -1.67099" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
- <path d="M9.29006 13.6049L-3.83746 22.3105" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
- <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H12V20H16V12H28V8H16V0H12V8H0V12Z" fill="#E6273E"/>
- </g>
- </g>
- <defs>
- <clipPath id="clip0_503_2952">
- <rect width="28" height="20" rx="2" fill="white"/>
- </clipPath>
- </defs>
-</svg>
+<?xml version="1.0" encoding="utf-8"?><!-- Source: SVG Repo, https://www.svgrepo.com/svg/508511/flag-gb --><svg viewBox="0 -4 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_503_2952)"><rect width="28" height="20" rx="2" fill="white"/><mask id="mask0_503_2952" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="20"><rect width="28" height="20" rx="2" fill="white"/></mask><g mask="url(#mask0_503_2952)"><rect width="28" height="20" fill="#0A17A7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-1.28244 -1.91644L10.6667 6.14335V-1.33333H17.3334V6.14335L29.2825 -1.91644L30.7737 0.294324L21.3263 6.66667H28V13.3333H21.3263L30.7737 19.7057L29.2825 21.9165L17.3334 13.8567V21.3333H10.6667V13.8567L-1.28244 21.9165L-2.77362 19.7057L6.67377 13.3333H2.95639e-05V6.66667H6.67377L-2.77362 0.294324L-1.28244 -1.91644Z" fill="white"/> <path d="M18.668 6.33219L31.3333 -2" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/><path d="M20.0128 13.6975L31.3666 21.3503" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/><path d="M8.00555 6.31046L-3.83746 -1.67099" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/><path d="M9.29006 13.6049L-3.83746 22.3105" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H12V20H16V12H28V8H16V0H12V8H0V12Z" fill="#E6273E"/></g></g><defs><clipPath id="clip0_503_2952"><rect width="28" height="20" rx="2" fill="white"/></clipPath></defs></svg>
diff --git a/static/rss.svg b/static/rss.svg
index 9dbdb73..fa83a04 100644
--- a/static/rss.svg
+++ b/static/rss.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Source: SVG Repo, https://www.svgrepo.com/svg/349492/rss -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
- <rect width="512" height="512" rx="15%" fill="#f80"/>
- <circle cx="145" cy="367" r="35" fill="#ffffff"/>
- <path fill="none" stroke="#ffffff" stroke-width="60" d="M109 241c89 0 162 73 162 162m114 0c0-152-124-276-276-276"/>
-</svg>
+<?xml version="1.0" encoding="utf-8"?><!-- Source: SVG Repo, https://www.svgrepo.com/svg/349492/rss --><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect width="512" height="512" rx="15%" fill="#f80"/><circle cx="145" cy="367" r="35" fill="#ffffff"/><path fill="none" stroke="#ffffff" stroke-width="60" d="M109 241c89 0 162 73 162 162m114 0c0-152-124-276-276-276"/></svg>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-10 20:30:13 +0000