feat(style): modify root font-size for more consistent design

This commit is contained in:
Anhgelus Morhtuuzh 2025-08-15 14:15:16 +02:00
parent cc84579214
commit 7b5d816992
Signed by: anhgelus
GPG key ID: 617773CACE89052C
5 changed files with 11 additions and 11 deletions

View file

@ -4,6 +4,7 @@
:root { :root {
--text-color: #000; --text-color: #000;
font-size: 18px;
} }
@font-face { @font-face {
@ -13,7 +14,6 @@
body { body {
--background-image: ; --background-image: ;
font-size: 18px;
font-family: "custom", Raveo, Inter, Roboto, sans-serif; font-family: "custom", Raveo, Inter, Roboto, sans-serif;
background: #000; background: #000;
background-size: cover; background-size: cover;
@ -101,23 +101,23 @@ p {
} }
h1 { h1 {
font-size: 3rem; font-size: 1.75rem;
} }
h2 { h2 {
font-size: 2rem; font-size: 1.5rem;
font-weight: bold; font-weight: bold;
@media only screen and (max-width: vars.$bp-little) { @media only screen and (max-width: vars.$bp-little) {
font-size: 1.75rem; font-size: 1.425rem;
} }
} }
h3 { h3 {
font-size: 1.5rem; font-size: 1.35rem;
} }
h4 { h4 {
font-size: 1.35rem; font-size: 1.25rem;
} }
ul, ol { ul, ol {

View file

@ -1,7 +1,7 @@
{{define "body"}} {{define "body"}}
<main class="custom-page" style="{{ .GetBackground }}"> <main class="custom-page" style="{{ .GetBackground }}">
<div class="header"> <div class="header">
<h2 class="header__title">{{ .Title }}</h2> <h1 class="header__title">{{ .Title }}</h1>
<nav> <nav>
<a href="/">Home</a> <a href="/">Home</a>
<a href="/tags">Tags</a> <a href="/tags">Tags</a>

View file

@ -5,7 +5,7 @@
<img src="{{ getImage .Person.Image }}" alt="{{ .Person.Name }}'s image"> <img src="{{ getImage .Person.Image }}" alt="{{ .Person.Name }}'s image">
</figure> </figure>
<div class="presentation__information"> <div class="presentation__information">
<h2>{{ .Person.Name }}</h2> <h1>{{ .Person.Name }}</h1>
<p>{{ .Person.Pronouns }}</p> <p>{{ .Person.Pronouns }}</p>
</div> </div>
</div> </div>

View file

@ -1,6 +1,6 @@
{{define "body"}} {{define "body"}}
<div class="credits-legal" style="{{ .GetBackground }}"> <div class="credits-legal" style="{{ .GetBackground }}">
<h2>Legal information</h2> <h1>Legal information</h1>
<p> <p>
The software behind this website was made by <a href="https://anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a>. The software behind this website was made by <a href="https://anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a>.
It is available on <a href="https://github.com/anhgelus/now">GitHub</a> for free and licensed under the It is available on <a href="https://github.com/anhgelus/now">GitHub</a> for free and licensed under the

View file

@ -1,7 +1,7 @@
{{define "body"}} {{define "body"}}
<main style="{{ .GetBackground }}"> <main style="{{ .GetBackground }}">
<div class="header"> <div class="header">
<h2 class="header__title">Tags</h2> <h1 class="header__title">Tags</h1>
<nav> <nav>
<a href="/">Home</a> <a href="/">Home</a>
</nav> </nav>
@ -9,7 +9,7 @@
<div class="tags" style="{{ .Color.GetTagColor }}"> <div class="tags" style="{{ .Color.GetTagColor }}">
{{ range $tag := .Person.Tags }} {{ range $tag := .Person.Tags }}
<div class="tag" data-href="{{ .Link }}" title="{{ .Link }}"> <div class="tag" data-href="{{ .Link }}" title="{{ .Link }}">
<h4>{{ .Name }}</h4> <h3>{{ .Name }}</h3>
<p>{{ .Description }}</p> <p>{{ .Description }}</p>
</div> </div>
{{ end }} {{ end }}