asonix/personal-site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

hmMMMMM

Browse source
This commit is contained in:
asonix 2023-07-29 19:22:08 -05:00
parent 2846221be1
commit 223e4fa372
4 changed files with 146 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
IMG_2171.JPG
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 61 KiB

56
index.html
View file

@ -11,15 +11,17 @@
box-sizing: border-box;
}
body {
background-color: #fff;
background-image: url('./pinkliom-small2.png');
background-position: bottom right;
background-repeat: no-repeat;
color: #000;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
font-family: sans-serif;
height: 100vh;
margin: 0;
background-image: url('./IMG_2171.JPG');
background-repeat: no-repeat;
background-position: bottom right;
}
header {
background-color: #232323;
@ -56,11 +58,46 @@
max-height: 100%;
overflow-y: auto;
}
main section {
max-width: 800px;
padding: 16px;
background-color: rgba(255, 255, 255, 0.8);
main a,
main a:visited {
color: #e10862;
}
main a:focus,
main a:hover,
main a:visited:focus,
main a:visited:hover {
color: #a90649;
}
.overlay {
backdrop-filter: blur(8px);
background-color: #ffffffcb;
max-width: 800px;
min-height: 100%;
}
section {
padding: 16px;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #1f1f1f;
color: #e5e5e5;
}
.overlay {
background-color: #1f1f1fdd;
}
main a,
main a:visited {
color: #e10862;
}
main a:focus,
main a:hover,
main a:visited:focus,
main a:visited:hover {
color: #f83687;
}
}
@media (max-width: 700px) {
@ -69,6 +106,9 @@
height: auto;
}
header {
background-image: url('./pinkliom-small2.png');
background-repeat: no-repeat;
background-position: bottom right;
min-height: auto;
width: 100%;
overflow-x: auto;
@ -82,6 +122,7 @@
</head>
<body>
<main>
<div class="overlay">
<section>
<h2>Bio</h2>
<article>
@ -179,6 +220,7 @@
</p>
</article>
</section>
</div>
</main>
<header>
<h2>Links</h2>

BIN
pinkliom-small2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
pinkliom.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 294 KiB