diff --git a/site/css/default.css b/site/css/default.css index aa03b14..4261327 100644 --- a/site/css/default.css +++ b/site/css/default.css @@ -163,6 +163,27 @@ article li { 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 { grid-area: nav; } diff --git a/site/css/font.css b/site/css/font.css index deabfa8..1e292e4 100644 --- a/site/css/font.css +++ b/site/css/font.css @@ -25,3 +25,10 @@ font-weight: normal; font-style: normal; } + +@font-face { + font-family: 'GrabsteinMedium'; + src: url('/font/Grabstein.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/site/font/Grabstein.ttf b/site/font/Grabstein.ttf new file mode 100644 index 0000000..711b3a1 Binary files /dev/null and b/site/font/Grabstein.ttf differ diff --git a/site/images/paper.jpg b/site/images/paper.jpg new file mode 100644 index 0000000..fbffa48 Binary files /dev/null and b/site/images/paper.jpg differ diff --git a/templates/default.html b/templates/default.html index 988abf3..08d669f 100644 --- a/templates/default.html +++ b/templates/default.html @@ -55,6 +55,9 @@ +