commit 40f9dcdac8f16e5f7831f4f4af7aeff935347123 Author: Madeleine Date: Sun Nov 26 14:59:11 2023 +0000 Initalise the project diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..485dee6 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea diff --git a/assets/git.svg b/assets/git.svg new file mode 100644 index 0000000..cb1a374 --- /dev/null +++ b/assets/git.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/github.svg b/assets/github.svg new file mode 100644 index 0000000..d5e6491 --- /dev/null +++ b/assets/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/keyoxide.svg b/assets/keyoxide.svg new file mode 100644 index 0000000..56f6f01 --- /dev/null +++ b/assets/keyoxide.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/lambda.png b/assets/lambda.png new file mode 100644 index 0000000..0c0df37 Binary files /dev/null and b/assets/lambda.png differ diff --git a/assets/lambda.svg b/assets/lambda.svg new file mode 100644 index 0000000..6f48fb8 --- /dev/null +++ b/assets/lambda.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/mail.svg b/assets/mail.svg new file mode 100644 index 0000000..ccc3249 --- /dev/null +++ b/assets/mail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/mastodon.svg b/assets/mastodon.svg new file mode 100644 index 0000000..34a47b8 --- /dev/null +++ b/assets/mastodon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/matrix.svg b/assets/matrix.svg new file mode 100644 index 0000000..896afdb --- /dev/null +++ b/assets/matrix.svg @@ -0,0 +1,14 @@ + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..5453c9c --- /dev/null +++ b/index.html @@ -0,0 +1,44 @@ + + + + + spyhoodle.me + + + + + +
+ Lambda Logo +

Maddie

+ + @maddie:spyhoodle.me + +
+
+ + Keyoxide + + + Matrix + + + Git + + + GitHub + + + Mastodon + +
+
+ articles + projects + about +
+
+

🏳️‍⚧️ spyhoodle.me | v5.0.0

+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b0bfdb4 --- /dev/null +++ b/style.css @@ -0,0 +1,142 @@ +/* Fade animation */ +@keyframes fade { + 0% { + opacity: 1; + } + 50% { + opacity: 0.4; + } + 100% { + opacity: 1; + } +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +/* Globals */ +a { + text-decoration: none; +} +p { + margin: 0; + padding: 0; + color: white; +} + +body { + background-color: black; + overflow: hidden; + font-family: "Lato", "Iosevka Nerd Font", "Iosevka", "JetBrainsMono Nerd Font", "JetBrainsMono", monospace; +} + +body, html { + height: 100%; + margin: 0; + padding: 0; +} + +/* Centred content */ +.centred { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + /* Display items one after another */ + flex-direction: column; +} + +.centred h1 { + font-size: 40px; + color: white; + margin-top: 20px; + margin-bottom: 10px; +} + +.centred a { + text-decoration: none; + color: white; + opacity: 0.8; + font-size: 20px; + padding: 0; + margin: 0; +} + +.centred a:hover { + opacity: 1; +} + +.lambda { + width: 300px; + border-radius: 100%; + box-shadow: + 0 0 50px 5px black, /* outer cyan */ + 0 0 100px 40px #7800B0, /* inner white */ + 0 0 140px 100px black; /* outer cyan */ +} + +/* Social links */ +.socials { + position: absolute; + top: 0; + right: 0; + margin: 20px; +} + +.socials a:hover { + opacity: 1; +} +.socials a { + opacity: 0.8; +} + +.socials img { + width: 30px; + height: 30px; + color: white; + margin-left: 10px; +} + +/* Site links */ +.links { + position: absolute; + top: 0; + left: 0; + margin: 20px; + display: flex; + flex-direction: column; +} + +.links a:hover { + opacity: 1; +} +.links a { + opacity: 0.8; + color: white; + margin-bottom: 10px; + font-size: 25px; +} + +/* Footer */ +.footer { + position: absolute; + bottom: 0; + left: 0; + color: white; + padding: 20px; + width: 100%; +} + +.footer a { + color: white; +} + +.footer p { + font-size: 20px; +} \ No newline at end of file