andrew/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[29/11/23] As simple as possible, aiming for < 10kB

Browse source
This commit is contained in:
Andrew Conlin 2023-11-29 20:49:58 +00:00
parent 9cd2691453
commit 414b1883ed
60 changed files with 58 additions and 588 deletions
Download patch file Download diff file Expand all files Collapse all files

109
assets/css/default.css
View file

@ -1,101 +1,32 @@
@font-face {
font-family: "Geist";
src:
local("Geist"),
url("../fonts/Geist/Geist-Regular.otf") format("opentype"),
url("../fonts/Geist/Geist-Regular.woff2") format("woff");
}
@font-face {
font-family: "Geist Bold";
src:
local("Geist"),
url("../fonts/Geist/Geist-Bold.otf") format("opentype"),
url("../fonts/Geist/Geist-Bold.otf") format("woff");
}
@font-face {
font-family: "Geist Mono";
src:
local("Geist"),
url("../fonts/Geist\ Mono/GeistMono-Regular.otf") format("opentype"),
url("../fonts/Geist\ Mono/GeistMono-Regular.woff2") format("woff");
}
b {
font-family: "Geist Bold";
body {
font-family: Arial, Helvetica, sans-serif;
}
hr {
border: none;
height: 3px;
background-color: #282828;
opacity: 100%;
}
hr.menu {
display: none;
}
@media (max-width: 768px) {
hr.menu {
display: block;
}
div.container {
margin: 0 auto;
}
div.content {
width: 40%;
height: auto;
margin: 0 auto;
position: relative;
top: 90px;
}
@media (max-width: 768px) {
@media screen and (max-width: 1080px) {
div.content {
top: 20px;
width: 70%;
height: auto;
margin: 0 auto;
position: relative;
}
}
a {
color: gold;
}
body {
background-color: black;
color: white;
font-family: "Geist";
min-height: 100vh;
}
code {
color: gold;
font-family: "Geist Mono";
}
pre {
color: gold;
background-color: #282828;
padding: 10px 10px 10px 10px;
border-radius: 10px;
white-space: pre-wrap;
}
img.letterboxd {
display: inline-block;
width:20px;
margin-bottom: 5px;
}
@media (max-width: 768px) {
img.letterboxd {
margin-left: 0;
}
}
::selection {
background-color: gold;
color: black;
}
table, th, td {
border: 1px solid;
padding: 5px;
}|
@media screen and (max-width: 768px) {
div.content {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
}
}