commit 25320b7f0339b0d7cb4f0c49ea1163a139100d58 Author: ElnuDev Date: Sat May 21 14:42:44 2022 -0700 Initial commit diff --git a/anilist.svg b/anilist.svg new file mode 100644 index 0000000..fc387bc --- /dev/null +++ b/anilist.svg @@ -0,0 +1,66 @@ + + diff --git a/discord.svg b/discord.svg new file mode 100644 index 0000000..f905d23 --- /dev/null +++ b/discord.svg @@ -0,0 +1,10 @@ + diff --git a/github.svg b/github.svg new file mode 100644 index 0000000..387c90a --- /dev/null +++ b/github.svg @@ -0,0 +1,48 @@ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..07bb09e --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + + + + Elnu's Homepage + + + +

Elnu's Homepage

Hello! I'm Elnu. I enjoy programming, watching anime, studying Japanese, drawing (though I suck at it).

I don't have anything noteworthy to put on this page at the moment, but please check out some of my projects on the right!

Feel free to contact me through Discord.

Have a nice day, and good luck!

+ +

melodyfox

My SoundCloud. I post my music here.

+ + +

Tegaki Tuesday

A weekly Japanese/English handwriting challenge.

+ + More coming soon™! (*￣▽￣)b +

+
+

+ +

+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0ddaddf --- /dev/null +++ b/style.css @@ -0,0 +1,113 @@ +body { + background: #2e3440; + text-shadow: 0 1.5px rgba(0, 0, 0, 0.25); +} + +#content { + width: min(100%, 48em); + margin: auto; + margin-top: 4em; + background: #3b4252; + padding: 1em; + border-radius: 4px; +} + +* { + font-family: sans-serif; + color: #e5e9f0; + box-sizing: border-box; +} + +h1, h2, h3, h4, h5, h6 { + color: #eceff4; +} + +h1 { + margin-top: 0; + border-bottom: 2px solid #434c5e; +} + +.card { + display: block; + text-decoration: none; + width: 100%; + border-radius: 4px; + color: white; + padding: 1em; + margin-bottom: 0.25em; + transition: 0.25s; +} + +.card:hover { + transform: translateX(8px); +} + +.card > * { + margin: 0; +} + +.card:nth-of-type(4n + 1) { + background: #8fbcbb; +} + +.card:nth-of-type(4n + 2) { + background: #88c0d0; +} + +.card:nth-of-type(4n + 3) { + background: #81a1c1; +} + +.card:nth-of-type(4n) { + background: #5e81ac; +} + +#main { + display: flex; + gap: 1em; +} + +#main > * { + width: 100%; +} + +.socials { + display: flex; + gap: 0.25em; + justify-content: center; +} + +.socials img { + width: 2em; +} + +.socials > * { + display: flex; + justify-content: center; + align-items: center; + width: 3em; + height: 3em; + border-radius: 100%; + background: #4c566a; + transition: 0.25s; +} + +#content, .socials > *, .card { + box-shadow: 0 4px rgba(0, 0, 0, 0.06125); +} + +.socials > *:hover { + transform: translateY(-4px); + box-shadow: 0 8px rgba(0, 0, 0, 0.030625); +} + +p:first-child { + margin-top: 0; +} + +footer { + margin-top: 0.5em; + color: rgba(255, 255, 255, 0.25); + text-align: center; + font-size: 0.825em; +} \ No newline at end of file