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