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 0000000..7de2ba5 Binary files /dev/null and b/src/images/profilepicture.webp differ diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..31efd2a --- /dev/null +++ b/src/index.css @@ -0,0 +1,120 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); + +:root { + --purple-color: #7a00ec; + --brighter-purple-color: #9d41f3; + --glowish-yellow: rgb(216, 213, 15); +} + +html { + overflow-x: hidden; + scroll-behavior: smooth; +} + + +.bio-and-projects { + text-align: center; + position: fixed; + left: 5px; + width: 100%; +} + +.h1dance { + margin-top: 0; + margin: 0; + color: var(--brighter-purple-color); +} + + +body { + background-color:rgb(30, 30, 30); + color: var(--brighter-purple-color); + margin: 0px; + font-family: 'Open Sans', sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.sociallink { + color: white; + animation-name: fadeIn; + animation-duration: 3s; +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +#profilepicture { + height: 100px; + width: 100px; + border-style: solid; + border-radius:50%; + transition: all .5s ease-in-out; + margin-bottom: -20px; + color: var(--purple-color) +} + +#profilepicture:hover { + height: 125px; + width: 125px; + color: var(--glowish-yellow) +} +.middle { + position: absolute; + transform: translate(-50%, -50%); + text-align: center; + top: 50%; + left: 50%; + +} + + + +a { + color:var(--glowish-yellow); + text-decoration: none; +} + +a:visited { + color:rgb(72, 115, 243); +} + +a:hover { + color: crimson; +} + +.middle-bottom { + height: 200px; + width: 400px; + position: fixed; + top: 50%; + left: 50%; + margin-top: 7%; + margin-left: -200px; +} + +img { + padding: 3px; +} + +.center { /*
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