diff --git a/assets/blobfox-88x31.png b/assets/blobfox-88x31.png new file mode 100644 index 0000000..28e6b6f Binary files /dev/null and b/assets/blobfox-88x31.png differ diff --git a/assets/chrmevil.gif b/assets/chrmevil.gif new file mode 100644 index 0000000..791016f Binary files /dev/null and b/assets/chrmevil.gif differ diff --git a/assets/fediverse.gif b/assets/fediverse.gif new file mode 100644 index 0000000..6ad64ff Binary files /dev/null and b/assets/fediverse.gif differ diff --git a/assets/firefoxnow.gif b/assets/firefoxnow.gif new file mode 100644 index 0000000..a4cd0bd Binary files /dev/null and b/assets/firefoxnow.gif differ diff --git a/assets/git_emblem.png b/assets/git_emblem.png new file mode 100644 index 0000000..9b40c21 Binary files /dev/null and b/assets/git_emblem.png differ diff --git a/assets/hash_now.gif b/assets/hash_now.gif new file mode 100644 index 0000000..833ce8c Binary files /dev/null and b/assets/hash_now.gif differ diff --git a/assets/linux.gif b/assets/linux.gif new file mode 100644 index 0000000..ba8241c Binary files /dev/null and b/assets/linux.gif differ diff --git a/assets/lulu_tinyuniverses_wannachill.gif b/assets/lulu_tinyuniverses_wannachill.gif new file mode 100644 index 0000000..d71a17b Binary files /dev/null and b/assets/lulu_tinyuniverses_wannachill.gif differ diff --git a/assets/microsoft_stop.gif b/assets/microsoft_stop.gif new file mode 100644 index 0000000..61936c7 Binary files /dev/null and b/assets/microsoft_stop.gif differ diff --git a/assets/scottgames.gif b/assets/scottgames.gif new file mode 100644 index 0000000..be19371 Binary files /dev/null and b/assets/scottgames.gif differ diff --git a/general.css b/general.css new file mode 100644 index 0000000..92f6007 --- /dev/null +++ b/general.css @@ -0,0 +1,66 @@ +:root { + font-family: w95fa, sans-serif; + --bg-color: #008080; + --content-bg-color: #f0e9d0; + --text-color: #000000; + --window-bg-color: #b0aa9b; + --light-shade: #ddd4c6; + --dark-shade: #747064; + --window-deco-color: #00007f; + --seperator-color: #979285; +} + +@font-face { + font-family: w95fa; + font-style: normal; + font-weight: 400; + src: url(https://fonts.cdnfonts.com/s/45697/W95FA.woff); +} + +.title-bar { + background-color: var(--window-deco-color); + color: white; + font-size: 14pt; + padding: .25em; + margin: 0; +} + +.window { + background-color: var(--window-bg-color); + border: 3px solid; + border-color: var(--light-shade) var(--dark-shade) var(--dark-shade) + var(--light-shade); + min-height: 5em; + margin: 0.5em; +} + +.button { + border: 3px solid; + border-color: var(--light-shade) var(--dark-shade) var(--dark-shade) + var(--light-shade); + padding: 5px; +} + +.window-content { + background-color: var(--content-bg-color); + border: 3px solid; + border-color: var(--dark-shade) var(--light-shade) var(--light-shade) var(--dark-shade); + min-height: 5em; + margin: 1em .5em; +} + +.button:hover { + background-color: var(--light-shade); +} + +.vruler{ + border-left: 3px solid var(--seperator-color); + height: 30px; + margin: 0 5px 0 5px; + align-self: center; +} + +/*BODY*/ +body { + background-color: var(--bg-color); +} diff --git a/index.html b/index.html index 5b04255..c2ee24f 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,77 @@ - - Liliesh's Homepage - - - - - + + + + + + + +
+
Welcome!
+
+ Blog +
+ Links +
+
+

About Liliesh

+
silly neighborhood goofball
+
+

About Me

+
    +
  • Name: Maya
    • +
  • Age: 23
    • +
  • Pronouns: she/her
    • +
+

+

Interests

+
    + + + + + + + + + + + + + + + + + +
    Reading & Fanfics>> currently a lot of webcomics (e.g Sabrina Online, Nine to Nine)
    Gaming>> mostly sandbox and story based
    Sysadministration>> mostly setting up services in my homelab and checking out new software
    Software development>> doing silly stuff or developing solutions that I need
    +
+

+
+
+ +
+ + + +
+
+ + + + + + + + + +
+
+ + + + + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..485cfbf --- /dev/null +++ b/main.css @@ -0,0 +1,72 @@ +/*UwU*/ +.UwU { + padding: 1em; +} + +h3 { + margin: auto auto 0 auto; +} + +ul { + margin: auto auto 0 auto; +} + +li p { + margin: 0.2em 0 0.2em 0; +} + +/*FOOTER*/ +h2, +h5 { + text-align: center; + margin: 0.25em; +} + +.socials { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} + +a img { + max-height: 30px; +} + +.social { + margin: 5px; + +} + +.button { + color: black; + text-decoration: none; +} + +#matrix-logo { + filter: invert(1); +} + +.actionbar { + margin: 1em; + display: flex; + align-content: center; +} + +.action-button { + padding: 2px 10px 2px 10px; + border: 3px solid transparent; + color: black; + text-decoration: none; +} + +.action-button:hover { + border: 3px solid; + border-color: var(--light-shade) var(--dark-shade) var(--dark-shade) + var(--light-shade); +} + +/*SPECIALS*/ +.specials { + margin: 0.2em; +}