astolfo/astolfo.org
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: astolfo:13755eef5ce9693a3a615ee104e1f4070fca0bc1
Branches Tags
astolfo:master
astolfo:better-branch
...
compare: astolfo:78c7e9e73c16d88a109d3981454577ab499fee7a
Branches Tags
astolfo:master
astolfo:better-branch

2 commits
13755eef5c ... 78c7e9e73c

Author SHA1 Message Date
Nico
78c7e9e73c
put navbar on the top of the page 2025-08-07 23:37:49 +10:00
Nico
7269c241e4
make header wavy text underneeth astolfo resize appropriately on mobile 2025-08-07 23:37:44 +10:00
2 changed files with 24 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
_includes/base.html
View file

@ -10,6 +10,13 @@
<link rel="icon" type="image/x-icon" href="/img/favicon.ico"> <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
</head> </head>
<body> <body>
<nav>
<a href="/">home</a>
<a href="/blog">blog</a>
<a href="/store">store</a>
<a href="https://git.astolfo.org">git</a>
</nav>
<header> <header>
<h1 id="wave-text"> <h1 id="wave-text">
<span style="animation-delay: 0.1s;">a</span><span style="animation-delay: 0.2s;">s</span><span style="animation-delay: 0.3s;">t</span><span style="animation-delay: 0.4s;">o</span><span style="animation-delay: 0.5s;">l</span><span style="animation-delay: 0.6s;">f</span><span style="animation-delay: 0.8s;">o</span><span style="animation-delay: 0.9s;">!</span> <span style="animation-delay: 0.1s;">a</span><span style="animation-delay: 0.2s;">s</span><span style="animation-delay: 0.3s;">t</span><span style="animation-delay: 0.4s;">o</span><span style="animation-delay: 0.5s;">l</span><span style="animation-delay: 0.6s;">f</span><span style="animation-delay: 0.8s;">o</span><span style="animation-delay: 0.9s;">!</span>

17
bundle.css
View file

@ -133,7 +133,23 @@ header a:hover {
* nav/sidebar * nav/sidebar
*/ */
nav {
list-style-type: none;
justify-content: space-evenly;
display: flex;
}
nav a {
color: var(--text) !important;
}
nav a:hover {
color: var(--accent2);
background-color: inherit;
transform: none;
scale: 100%;
rotate: 0deg;
}
/* /*
* footer * footer
@ -202,6 +218,7 @@ footer p,hr,div {
header h1 { header h1 {
top: 0.3em; top: 0.3em;
font-size: 5em;
} }
.horizontal-flex { .horizontal-flex {