From 6b06cb1c9bec2d3018bfb80c9e9a0576616e3c84 Mon Sep 17 00:00:00 2001 From: Midou36O <45198486+Midou36O@users.noreply.github.com> Date: Tue, 8 Feb 2022 13:28:12 +0100 Subject: [PATCH] Revamp the website Stolen from Odyssey's website Co-Authored-By: Alexander J <57069715+Odyssey346@users.noreply.github.com> --- bio-and-projects/bio.html | 11 +++ bio-and-projects/projects.html | 11 +++ index.html | 74 ++++++++++++-------- src/images/email.svg | 1 + src/images/github.svg | 1 + src/images/matrix.svg | 9 +++ src/images/profilepicture.webp | Bin 0 -> 4652 bytes src/index.css | 120 +++++++++++++++++++++++++++++++++ 8 files changed, 199 insertions(+), 28 deletions(-) create mode 100644 bio-and-projects/bio.html create mode 100644 bio-and-projects/projects.html create mode 100644 src/images/email.svg create mode 100644 src/images/github.svg create mode 100644 src/images/matrix.svg create mode 100644 src/images/profilepicture.webp create mode 100644 src/index.css diff --git a/bio-and-projects/bio.html b/bio-and-projects/bio.html new file mode 100644 index 0000000..f0594d6 --- /dev/null +++ b/bio-and-projects/bio.html @@ -0,0 +1,11 @@ + + + + Coming Soon... + + + +

Work in progress!

+ get back to main site + + \ No newline at end of file diff --git a/bio-and-projects/projects.html b/bio-and-projects/projects.html new file mode 100644 index 0000000..f0594d6 --- /dev/null +++ b/bio-and-projects/projects.html @@ -0,0 +1,11 @@ + + + + Coming Soon... + + + +

Work in progress!

+ get back to main site + + \ No newline at end of file diff --git a/index.html b/index.html index 72a854a..afe50d1 100644 --- a/index.html +++ b/index.html @@ -1,31 +1,49 @@ - - Pain. - - - - - - - - - - + + + + + Midou's site + + + + + + + + + + + + + +
+
+
+ Midou's profile picture +

Midou

+

Some Bored guy that does stuff based on his motivation.

+
+ + + - - - - - - - - - - - -

Placeholder website

- Nice. - - - +
+
+ Bio | Projects +
+ +
+
+
+ +
+ +
+ + diff --git a/src/images/email.svg b/src/images/email.svg new file mode 100644 index 0000000..ea08d60 --- /dev/null +++ b/src/images/email.svg @@ -0,0 +1 @@ +Mail.Ru icon \ No newline at end of file diff --git a/src/images/github.svg b/src/images/github.svg new file mode 100644 index 0000000..32aef91 --- /dev/null +++ b/src/images/github.svg @@ -0,0 +1 @@ +GitHub icon \ No newline at end of file diff --git a/src/images/matrix.svg b/src/images/matrix.svg new file mode 100644 index 0000000..865d1db --- /dev/null +++ b/src/images/matrix.svg @@ -0,0 +1,9 @@ + + + Matrix (protocol) logo + + + + + + diff --git a/src/images/profilepicture.webp b/src/images/profilepicture.webp new file mode 100644 index 0000000000000000000000000000000000000000..7de2ba51c663fe56aa64d84fbe783d9a0f3c00df GIT binary patch literal 4652 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 tag is no longer needed and is considered useless/going to be deprecated???? so im just gonna center using css and div */ + text-align: center; +} + + +@media only screen and (max-width: 600px) { + body { + font-size: calc(9px + 1vmin); + } + .pfp-holder { + margin-top: -50%; + margin-left: 0%; + position:static; + } + + img { + padding: 6px; + } +} \ No newline at end of file