some changes to themes

This commit is contained in:
fzorb 2025-01-16 11:26:30 +02:00
parent 26c526e433
commit 8237b6aa19
51 changed files with 852 additions and 12 deletions

21
themes/fznext/LICENSE Normal file
View file

@ -0,0 +1,21 @@
MIT License
Copyright (c) [year] [fullname]
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

7
themes/fznext/README.md Normal file
View file

@ -0,0 +1,7 @@
# Theme Name
## Features
## Installation
## Configuration

View file

@ -0,0 +1,5 @@
+++
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
date = {{ .Date }}
draft = true
+++

View file

@ -0,0 +1,183 @@
body {
color: #222;
font-family: sans-serif;
/* thanks wuxtu xoxo */
margin: 0;
background-color: rgb(238, 238, 238);
}
.header {
background-color: #363636;
color: white;
padding-top: 4px;
border-bottom: 4px solid #252525;
margin: 0 auto;
}
footer {
border-top: 1px solid #222;
margin-top: 1rem;
}
.header a {
color: rgb(228, 228, 228);
text-decoration: none;
}
.header a:hover {
color: rgb(194, 194, 194)
}
.container {
margin: 0 auto;
max-width: 1000px;
}
.header .container {
display: flex;
justify-content: space-between;
}
.header ul {
list-style-type: none;
margin: 0;
margin-left: 4px;
justify-content: flex-end;
}
.header li {
display: inline;
margin-right: 4px;
}
.jumbotron {
padding-bottom: 2rem;
padding-top: 2rem;
background-color: rgb(255, 196, 255);
width: 100%;
max-width: 100%;
text-align: center;
margin-bottom: 4px;
}
.rent-buttons {
margin: auto;
text-align: center;
color: rgb(0, 0, 0);
margin-top: 2rem;
margin-bottom: 2rem;
}
.rent-buttons .button1 {
padding: 1.5rem;
background-color: rgb(141, 212, 212);
max-width: 18rem;
border: 3px solid rgb(132, 184, 184);
border-radius: 8px;
font-size: medium;
margin-right: 4px;
color: black;
}
.rent-buttons .button1:hover {
background-color: rgb(106, 156, 156);
border: 3px solid rgb(78, 109, 109);
cursor: pointer;
color: white;
}
.rent-buttons .button2 {
padding: 1.5rem;
background-color: rgb(212, 141, 141);
max-width: 18rem;
border: 3px solid rgb(184, 132, 132);
border-radius: 8px;
font-size: medium;
color: black;
}
.rent-buttons .button2:hover {
background-color: rgb(156, 106, 106);
border: 3px solid rgb(119, 85, 85);
cursor: pointer;
color: white;
}
.infobox {
margin-top: 50px;
}
.newstitle {
color: rgb(73, 94, 151);
font-size: 1rem;
}
.newsbox {
background-color: white;
padding: 4px;
margin-bottom: 4px;
border-radius: 4px;
border: solid 2px rgb(204, 204, 204);
font-size: 12px;
}
.newsbox p {
margin: 0;
}
.newscontainer {
max-width: 700px;
margin: 0 auto;
}
.newscontainer h2 {
text-align: center;
margin-bottom: 0;
}
.news .meta {
margin: 0;
font-size: 10px;
}
.plangrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 4px;
grid-row-gap: 4px;
max-width: 750px;
margin: 0 auto;
}
.plan1 { grid-area: 1 / 1 / 2 / 2; }
.plan2 { grid-area: 1 / 2 / 2 / 3; }
.plan3 { grid-area: 1 / 3 / 2 / 4; }
.plan-header {
background-color: rgb(235, 175, 65);
padding: 4px;
text-align: center;
font-weight: 500;
font-size: 1.2rem;
color: white;
border-bottom: 2px solid rgb(182, 136, 51);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.plan-main {
background-color: rgb(240, 230, 213);
padding: 4px;
font-weight: 500;
}
.plan-button {
background-color: rgb(235, 175, 65);
border-top: 2px solid rgb(182, 136, 51);
padding: 4px;
text-align: center;
font-weight: 500;
font-size: 1.2rem;
max-width: 100%;
color: white;
display: block;
text-decoration: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.plan-button:hover {
background-color: rgb(204, 151, 52);
border-top: 2px solid rgb(121, 91, 36);
}

23
themes/fznext/hugo.toml Normal file
View file

@ -0,0 +1,23 @@
baseURL = 'https://example.org/'
languageCode = 'en-US'
title = 'My New Hugo Site'
[[menus.main]]
name = 'Home'
pageRef = '/'
weight = 10
[[menus.main]]
name = 'Posts'
pageRef = '/posts'
weight = 20
[[menus.main]]
name = 'Tags'
pageRef = '/tags'
weight = 30
[module]
[module.hugoVersion]
extended = false
min = "0.116.0"

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="{{ site.Language.LanguageCode }}" dir="{{ or site.Language.LanguageDirection `ltr` }}">
<head>
{{ partial "head.html" . }}
</head>
<body>
<header>
{{ partial "header.html" . }}
</header>
<main>
<div class="container">
{{ block "main" . }}{{ end }}
</div>
</main>
<footer>
{{ partial "footer.html" . }}
</footer>
</body>
</html>

View file

@ -0,0 +1,14 @@
{{ define "main" }}
{{ .Content }}
{{ range site.RegularPages }}
<div class="news">
<a href="{{ .RelPermalink }}" class="newstitle">{{ .LinkTitle }}</a>
<p class="meta">{{ .Date.Format "2006/01/02" }}</p>
<div class="newsbox">
<p>{{ .Summary | strings.Truncate 384}}{{ if .Truncated }}<a href="{{ .RelPermalink }}"> (read more)</a>{{ end }}</p>
</div>
</div>
{{ end }}
{{ end }}

View file

@ -0,0 +1,8 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ range .Pages }}
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
{{ .Summary }}
{{ end }}
{{ end }}

View file

@ -0,0 +1,10 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
{{ $dateHuman := .Date | time.Format ":date_long" }}
<time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
{{ .Content }}
{{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
{{ end }}

View file

@ -0,0 +1 @@
<p>Copyright {{ now.Year }}. All rights reserved.</p>

View file

@ -0,0 +1,5 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
{{ partialCached "head/css.html" . }}
{{ partialCached "head/js.html" . }}

View file

@ -0,0 +1,9 @@
{{- with resources.Get "css/main.css" }}
{{- if eq hugo.Environment "development" }}
<link rel="stylesheet" href="{{ .RelPermalink }}">
{{- else }}
{{- with . | minify | fingerprint }}
<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
{{- end }}
{{- end }}
{{- end }}

View file

@ -0,0 +1,12 @@
{{- with resources.Get "js/main.js" }}
{{- if eq hugo.Environment "development" }}
{{- with . | js.Build }}
<script src="{{ .RelPermalink }}"></script>
{{- end }}
{{- else }}
{{- $opts := dict "minify" true }}
{{- with . | js.Build $opts | fingerprint }}
<script src="{{ .RelPermalink }}" integrity="{{- .Data.Integrity }}" crossorigin="anonymous"></script>
{{- end }}
{{- end }}
{{- end }}

View file

@ -0,0 +1,11 @@
<nav>
<div class="header">
<div class="container">
<a href="/">fzorb.xyz</a>
<ul>
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
</ul>
</div>
</div>

View file

@ -0,0 +1,51 @@
{{- /*
Renders a menu for the given menu ID.
@context {page} page The current page.
@context {string} menuID The menu ID.
@example: {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
*/}}
{{- $page := .page }}
{{- $menuID := .menuID }}
{{- with index site.Menus $menuID }}
<nav>
<ul>
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
</ul>
</nav>
{{- end }}
{{- define "partials/inline/menu/walk.html" }}
{{- $page := .page }}
{{- range .menuEntries }}
{{- $attrs := dict "href" .URL }}
{{- if $page.IsMenuCurrent .Menu . }}
{{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
{{- else if $page.HasMenuCurrent .Menu .}}
{{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
{{- end }}
{{- $name := .Name }}
{{- with .Identifier }}
{{- with T . }}
{{- $name = . }}
{{- end }}
{{- end }}
<li>
<a
{{- range $k, $v := $attrs }}
{{- with $v }}
{{- printf " %s=%q" $k $v | safeHTMLAttr }}
{{- end }}
{{- end -}}
>{{ $name }}</a>
{{- with .Children }}
<ul>
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
</ul>
{{- end }}
</li>
{{- end }}
{{- end }}

View file

@ -0,0 +1,23 @@
{{- /*
For a given taxonomy, renders a list of terms assigned to the page.
@context {page} page The current page.
@context {string} taxonomy The taxonomy.
@example: {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
*/}}
{{- $page := .page }}
{{- $taxonomy := .taxonomy }}
{{- with $page.GetTerms $taxonomy }}
{{- $label := (index . 0).Parent.LinkTitle }}
<div>
<div>{{ $label }}:</div>
<ul>
{{- range . }}
<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
{{- end }}
</ul>
</div>
{{- end }}

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

31
themes/fznext/theme.toml Normal file
View file

@ -0,0 +1,31 @@
name = 'Theme name'
license = 'MIT'
licenselink = 'https://github.com/owner/repo/LICENSE'
description = 'Theme description'
# The home page of the theme, where the source can be found
homepage = 'https://github.com/owner/repo'
# If you have a running demo of the theme
demosite = 'https://owner.github.io/repo'
# Taxonomy terms
tags = ['blog', 'company']
features = ['some', 'awesome', 'features']
# If the theme has multiple authors
authors = [
{name = 'Name of author', homepage = 'Website of author'},
{name = 'Name of author', homepage = 'Website of author'}
]
# If the theme has a single author
[author]
name = 'Your name'
homepage = 'Your website'
# If porting an existing theme
[original]
author = 'Name of original author'
homepage = 'Website of original author'
repo = 'https://github.com/owner/repo'