add rider for comics

This commit is contained in:
nek0 2022-07-26 08:43:07 +02:00
parent 1ff7c13a2a
commit 35e756616a
5 changed files with 31 additions and 0 deletions

View file

@ -163,6 +163,27 @@ article li {
text-decoration: none; text-decoration: none;
} }
.comicslink {
background-color: rgba(255, 255, 255, 0.8);
font-family: 'GrabsteinMedium';
font-weight: normal;
font-style: normal;
background-image: linear-gradient(black, black), url(../images/paper.jpg);
background-repeat: no-repeat;
/*background-size: cover;*/
/*background-attachment: fixed;*/
background-origin: padding-box;
background-clip: border-box;
background-position: center;
background-blend-mode: saturation;
color: black;
}
.comicslink > a, .comicslink > a:link, .comicslink > a:visited {
color: black;
text-decoration: none;
}
.sidebar { .sidebar {
grid-area: nav; grid-area: nav;
} }

View file

@ -25,3 +25,10 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'GrabsteinMedium';
src: url('/font/Grabstein.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

BIN
site/font/Grabstein.ttf Normal file

Binary file not shown.

BIN
site/images/paper.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

View file

@ -55,6 +55,9 @@
<li class="portfoliolink rider"> <li class="portfoliolink rider">
<a href="https://art.nek0.eu/">Art Gallery</a> <a href="https://art.nek0.eu/">Art Gallery</a>
</li> </li>
<li class="comicslink rider">
<a href="https://comics.nek0.eu/">Comics</a>
</li>
</ul> </ul>
<hr> <hr>
</header> </header>