filifa
/
dairydemon.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: filifa:7fdb9140c7672e05ab72c70a76247382b88370f2
Branches Tags
filifa:main
..
compare: filifa:8508b75bb2c455222e30648f3ed345b4077fa280
Branches Tags
filifa:main

No commits in common. "7fdb9140c7672e05ab72c70a76247382b88370f2" and "8508b75bb2c455222e30648f3ed345b4077fa280" have entirely different histories.
7fdb9140c7 ... 8508b75bb2

2 changed files with 1 additions and 11 deletions
Show Stats Expand all files Collapse all files

2
about.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="styles.css" />
<link rel="icon" href="favicon.ico" />
<script src="elements.js" type="text/javascript" defer></script>
<title>About</title>
<title>Dairy Demon</title>
</head>
<body>

10
styles.css
View File

@ -1,4 +1,3 @@
/* general styling */
html {
font-family: monospace;
font-size: large;
@ -16,11 +15,9 @@ aside {
box-shadow: 2px 2px 2px;
}
/* header and footer */
header {
display: flex;
align-items: center;
min-width: min-content;
}
footer {
@ -72,7 +69,6 @@ footer ul li + li::before {
content: " | ";
}
/* main content */
aside {
padding: 10px;
}
@ -81,8 +77,6 @@ article {
padding: 20px;
text-align: justify;
hyphens: auto;
/* about page is janky without this; see
* https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats#clearing_boxes_wrapped_around_a_float */
display: flow-root;
}
@ -115,15 +109,12 @@ ol ol ol {
}
@media screen and (min-width: 80ch) {
/* to avoid zoom issues, grid layout is only used when mid-width is
* large enough */
body {
display: grid;
place-content: center;
}
main {
/* min-width is set due to zoom issues */
min-width: 100%;
display: flex;
align-items: start;
@ -136,7 +127,6 @@ ol ol ol {
}
article {
/* width is set for the about page */
width: 80ch;
max-width: 80ch;
flex: auto;