franconian
/
www.franconian.net
13
0
Fork 0
Code Pull Requests Releases Activity

style logo and title text
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Florian Sorg 2021-12-26 01:08:28 +01:00
parent 4af7b84afb
commit 01cfe1f005
5 changed files with 134 additions and 1478 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
assets/_animations.scss
View File

@ -1 +1,44 @@
@import 'variables'; @import 'variables';
@import 'mixins';
@keyframes animate-aberration {
0% {
@include aberration(0);
}
40% {
@include aberration(0);
}
40.1% {
@include aberration(0.2em);
}
45% {
@include aberration(0.2em);
}
45.1% {
@include aberration(-0.1em);
}
60% {
@include aberration(-0.1em);
}
60.1% {
@include aberration(0em);
}
70% {
@include aberration(0);
}
70.1% {
@include aberration(-0.4em);
}
73% {
@include aberration(-0.4em);
}
73.1% {
@include aberration(0.1em);
}
99.9% {
@include aberration(0.1em);
}
100% {
@include aberration(0);
}
}

30
assets/style.scss
View File

@ -4,6 +4,10 @@
@import 'fonts'; @import 'fonts';
@import 'mixins'; @import 'mixins';
:root {
--aberration-offset: 0.1em;
}
html { html {
font-family: 'Space Mono', sans-serif; font-family: 'Space Mono', sans-serif;
box-sizing: border-box; box-sizing: border-box;
@ -116,10 +120,6 @@ a {
} }
} }
.nav-logo {
text-decoration: none;
}
.block-link { .block-link {
display: block; display: block;
} }
@ -248,16 +248,34 @@ table {
@include heading; @include heading;
text-decoration: none; text-decoration: none;
color: currentColor; color: currentColor;
margin: 0 auto; margin: 0 auto;
animation: animate-aberration 2s linear infinite !important;
img { img {
width: 48px; width: 48px;
display: inline-block;
margin-right: 1em; margin-right: 1em;
vertical-align: middle; vertical-align: middle;
} }
.logotype {
font-size: 1.3em;
vertical-align: middle;
display: inline-block;
width: 3.5em;
line-height: 1;
text-align: center;
:nth-child(1) {
letter-spacing: 0.2em;
}
:nth-child(2) {
letter-spacing: 0.14em;
}
:nth-child(3) {
letter-spacing: 0.39em;
}
}
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
margin-left: 0; margin-left: 0;
} }

8
layouts/_default/baseof.html
View File

@ -15,7 +15,13 @@
<body> <body>
<header> <header>
<nav class="nav nav-main"> <nav class="nav nav-main">
<a class="nav-logo" href="{{ .Site.LanguagePrefix }}/"><img src="/franconianNet.svg" alt="Logo of franconian.net">{{ .Site.Title }}</a> <a class="nav-logo" href="{{ .Site.LanguagePrefix }}/"><img src="/franconianNet.svg" alt="Logo of franconian.net">
<span class="logotype">
<span>franc</span>
<span>onian</span>
<span>.net</span>
</span>
</a>
{{ if .IsTranslated }} {{ if .IsTranslated }}
{{ range .Translations }} {{ range .Translations }}
<a class="nav-link" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a> <a class="nav-link" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>

1518
static/franconianNet.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

13
static/infobeamer/index.html
View File

@ -105,11 +105,14 @@
<body class="infobeamer"> <body class="infobeamer">
<header> <header>
<nav class="nav nav-main"> <nav class="nav nav-main">
<a class="nav-logo" href="/"> <a class="nav-logo" href="/"><img src="/franconianNet.svg" alt="Logo of franconian.net">
<img src="/franconianNet.svg" <span class="logotype">
alt="Logo of franconian.net"> <span>franc</span>
franconian.net <span>onian</span>
</a> <span>.net</span>
</span>
</a>
<a class="nav-link" id="time"></a> <a class="nav-link" id="time"></a>
</nav> </nav>
</header> </header>