diff --git a/405.html b/405.html new file mode 100644 index 0000000..8039a80 --- /dev/null +++ b/405.html @@ -0,0 +1,52 @@ + + + + + + + + + + + + + Error + + + + + +
+

405s.


+

That's an error.

+

Click here to go back

+
+ + + + + + + + diff --git a/contact/index.html b/contact/index.html index 2d56757..ba77ea9 100644 --- a/contact/index.html +++ b/contact/index.html @@ -18,7 +18,7 @@

Need more info?

-
+

Name and last name*

E-mail*

diff --git a/contact/thank-you/index.html b/contact/thank-you/index.html new file mode 100644 index 0000000..e1cb25e --- /dev/null +++ b/contact/thank-you/index.html @@ -0,0 +1,41 @@ + + + + + + + Thank you + + + + + + + + + +
+

Thanks for submitting your message


+

Click here to go home

+
+ + + + + + + diff --git a/css.css b/css.css index 5982023..0255a1e 100644 --- a/css.css +++ b/css.css @@ -1,85 +1,90 @@ /* Main CSS */ -svg { - position: relative; - z-index: -1; - padding-top: 49px; - fill: #454752; - stroke-width: 1; - stroke: #454752; - height: 100vh; -} .mainContent { - overflow: visible; - float: left; - padding: 6rem 0 0 2rem; - display: inline-block; - width: 50%; + padding-top: 10rem; + width: 100%; height: 100vh; } -.mainContent::-webkit-scrollbar { - display: none; -} -/* Splash */ -.logo { - width: 8rem; - height: 8rem; - margin-right: 2rem; -} .name { + margin: 0 auto; + width: 80%; font-size: 4rem; white-space: nowrap; + text-align: center; + height: 5rem; +} +.quickButtons { + margin: 0 auto; + width: 50%; + display: flex; + justify-content: center; } -.keepclicking { - background-color: #3b3c45; - width: 40rem; - height: 12rem; - transition: background-color .4s; +.goButton { + background-color: #33353d; border: 0; + margin-top: 8rem; + border-radius: .3rem; color: white; - padding: 1rem; - border-radius: .5rem; - margin-top: 3rem; + border-bottom: #26282f 5px solid; + padding: 2rem; + font-size: 2rem; } -.keepclicking:hover { - background-color: #33343b; +.goButton:active { + border: 0; + border-top: #26282f 5px solid; +} +.slideUp { + position: absolute; + padding: .7rem; + width: 4rem; + height: 4rem; + border-radius: 50%; + border: 2px solid white; + text-align: center; + left: calc(50% - 2rem); + top: 90vh; } -.keepclicking:focus { - outline: 0; +.slideUp:hover { + color: white!important; } -.playground { - border-right: white 4px solid; - width: 20rem; - display: inline-block; +/* .name:hover + #rocket { + animation-name: launchRocket; + animation-duration: 2.5s; + animation-timing-function: ease-in-out; } -.code { - vertical-align: top; - margin-left: 3.7rem; - margin-top: 10px; +@keyframes launchRocket { + from {top: 100vh} + to {top: -20vh} } -.minify { - border-left: white 4px solid; - width: 15rem; - margin-left: 3rem; - display: inline-block; -} -.cut { - vertical-align: top; - margin-top: 10px; +#rocket { + position: absolute; + top: 100vh; + z-index: -1; + left: calc(50% - 7rem); + width: 12rem; + height: 14rem; +} */ +.aboutPages { + height: 30vh; + float: left; + background-color: #33353d; + width: 100%; + box-shadow: 0 -1px 15px 5px hsla(0, 0%, 0%, 0.8); } -/* Clock */ -#timeBox { - margin-left: 1rem; - padding: 1rem; - font-family: 'Open Sans', sans-serif; +.infoBlockPages { + width: 50%; + border-right: #454752 5px solid; + display: flex; + align-items: center; + height: 100%; + float: left; } -.time { - display: inline-block; - font-size: 7rem; - margin: 0; +.infoHeadPages { + margin-left: 1rem; + padding-right: 1rem; + border-right: 5px solid white; } -#date { - font-size: 2rem; - margin: 0; +.infoTextPages { + margin-left: 2rem; } /* About */ .about { @@ -89,13 +94,14 @@ svg { align-items: center; width: 100%; float: left; - height: 35vh; - background-color: #33353d; + height: 30vh; + background-color: #454752; } -.head { +.infoBlockMe { padding: 1rem; text-align: center; display: inline-block; + height: 10rem; width: 25rem; border-right: 4px solid white; } diff --git a/feedback/index.html b/feedback/index.html index c70ca03..1e45deb 100644 --- a/feedback/index.html +++ b/feedback/index.html @@ -76,7 +76,7 @@
- +

© 2019 Guus van Meerveld

diff --git a/feedback/js.js b/feedback/js.js deleted file mode 100644 index c81a963..0000000 --- a/feedback/js.js +++ /dev/null @@ -1 +0,0 @@ -sdfsfsdf \ No newline at end of file diff --git a/index.html b/index.html index ed217b7..841e021 100644 --- a/index.html +++ b/index.html @@ -13,36 +13,46 @@ - + -
- -

Guus van Meerveld

- - - - + +
+

Guus van Meerveld

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

This website is built for those who like to code.

-

And it is built by those who like to code

-

Suggest things you would like to see at contact

+

Mijn naam is Guus van Meerveld

+

Ik ben 15 jaar oud en heb deze website gebouwd

+

Als je suggesties hebt, ga dan naar contact

+
+ + +
+
+
+

Het doel van deze website is om handig tools aan te bieden.

+
+
+

+
+
+
+

Yeet

+
+
+

Yote

+
+
@@ -75,7 +85,7 @@
- +

© 2019 Guus van Meerveld

diff --git a/js.js b/js.js index e69de29..ef8953f 100644 --- a/js.js +++ b/js.js @@ -0,0 +1,12 @@ +$(document).ready(function(){ + $(".slideUp").on('click', function(event) { + if (this.hash !== "") { + var hash = this.hash; + $('html, body').animate({ + scrollTop: $(hash).offset().top + }, 1000, function(){ + window.location.hash = hash; + }); + } + }); +}); diff --git a/minify/css.css b/minify/css.css new file mode 100644 index 0000000..0008111 --- /dev/null +++ b/minify/css.css @@ -0,0 +1,31 @@ +.mainContent { + height: 100vh; + width: 100%; + padding: 7rem; + padding-bottom: 0; + background-color: #222226; +} +#inputCode { + width: 100%; + height: 85%; +} +.langButton { + background-color: rgb(59, 60, 69); + border: 0; + color: white; + float: left; + padding: 1rem 1.5rem; +} +#run { + float: right; +} +@media screen and (min-width:0px) and (max-width:1000px) { + .mainContent { + padding: 2rem; + padding-top: 5rem; + } + .langButton { + padding: .5rem 1rem; + font-size: 15px; + } +} diff --git a/minify/index.html b/minify/index.html new file mode 100644 index 0000000..052fefe --- /dev/null +++ b/minify/index.html @@ -0,0 +1,63 @@ + + + + + + + Minify + + + + + + + + + +
+ + + + + +
+ + + + + + + + + diff --git a/minify/js.js b/minify/js.js new file mode 100644 index 0000000..d086785 --- /dev/null +++ b/minify/js.js @@ -0,0 +1,9 @@ +var d = document.getElementById.bind(document); +var g = document.querySelector.bind(document); + +function selectCode(source) { + switch (source){ + case: html + + } +} diff --git a/playground/index.html b/playground/index.html index bf94514..94a4e67 100644 --- a/playground/index.html +++ b/playground/index.html @@ -61,7 +61,7 @@
- +

© 2019 Guus van Meerveld

diff --git a/resources/css/cssall.css b/resources/css/cssall.css index 444974e..59a650b 100644 --- a/resources/css/cssall.css +++ b/resources/css/cssall.css @@ -64,6 +64,9 @@ a { a:hover { color: gray!important; } +button:focus { + outline: 0!important; +} /* Standard block styling */ .box { background-color: #454752; @@ -75,7 +78,7 @@ a:hover { color: white; outline: 0!important; border-radius: 0.2rem; - transition: border .3s ease, background-color .3s; + transition: background-color .3s; } .button:hover { background-color: #427a71; @@ -91,7 +94,7 @@ a:hover { color: white; outline: 0!important; border-radius: 0.2rem; - transition: border .3s ease, background-color .3s, border .3s; + transition: background-color .3s, border .3s; } .cancelButton:hover { background-color: #a3281f; @@ -134,7 +137,7 @@ footer ul { footer li { margin-top: 1rem; } -#copyright { +.copyright { font-size: 15px; position: absolute; display: inline-block; @@ -142,7 +145,6 @@ footer li { bottom: 1rem; right: 1rem; white-space: nowrap; - vertical-align: baseline; } @media screen and (min-width:0px) and (max-width:1000px) { footer { diff --git a/resources/css/navbar.css b/resources/css/navbar.css index f470d09..837dbce 100644 --- a/resources/css/navbar.css +++ b/resources/css/navbar.css @@ -89,11 +89,11 @@ .navList{ padding: 10px 0 10px 1rem!important; margin: 0!important; - border-top: #454752 2px solid; + border-top: #33353d 2px solid; } .navigation li{ display: none; - background-color: #101012; + background-color: #212126; } .navigation .fa-bars:hover + ul li, .navigation ul:hover li { display: block!important; diff --git a/resources/img/codepanta.png b/resources/img/codepanta.png deleted file mode 100644 index 627c357..0000000 Binary files a/resources/img/codepanta.png and /dev/null differ diff --git a/resources/img/cross.png b/resources/img/cross.png deleted file mode 100644 index 6848f85..0000000 Binary files a/resources/img/cross.png and /dev/null differ diff --git a/resources/img/googlemaps.png b/resources/img/googlemaps.png deleted file mode 100644 index 3bf50b8..0000000 Binary files a/resources/img/googlemaps.png and /dev/null differ diff --git a/resources/img/googletranslate.png b/resources/img/googletranslate.png deleted file mode 100644 index 4480267..0000000 Binary files a/resources/img/googletranslate.png and /dev/null differ diff --git a/resources/img/magister.png b/resources/img/magister.png deleted file mode 100644 index 0edffda..0000000 Binary files a/resources/img/magister.png and /dev/null differ diff --git a/resources/img/moon.png b/resources/img/moon.png new file mode 100644 index 0000000..04fb41c Binary files /dev/null and b/resources/img/moon.png differ diff --git a/resources/img/onedrive.png b/resources/img/onedrive.png deleted file mode 100644 index ff24a9a..0000000 Binary files a/resources/img/onedrive.png and /dev/null differ diff --git a/resources/img/reddit.png b/resources/img/reddit.png deleted file mode 100644 index f4a9300..0000000 Binary files a/resources/img/reddit.png and /dev/null differ diff --git a/resources/img/rocket.png b/resources/img/rocket.png new file mode 100644 index 0000000..55e6cbd Binary files /dev/null and b/resources/img/rocket.png differ diff --git a/resources/img/shortcut.png b/resources/img/shortcut.png deleted file mode 100644 index 872f4c4..0000000 Binary files a/resources/img/shortcut.png and /dev/null differ diff --git a/resources/img/spotify.png b/resources/img/spotify.png deleted file mode 100644 index b460431..0000000 Binary files a/resources/img/spotify.png and /dev/null differ diff --git a/resources/img/w3schools.png b/resources/img/w3schools.png deleted file mode 100644 index bed2ec8..0000000 Binary files a/resources/img/w3schools.png and /dev/null differ diff --git a/resources/img/youtube.png b/resources/img/youtube.png deleted file mode 100644 index bffccc5..0000000 Binary files a/resources/img/youtube.png and /dev/null differ diff --git a/vuurjongen-en-watermeisje-4/index.html b/vuurjongen-en-watermeisje-4/index.html deleted file mode 100644 index 50a063b..0000000 --- a/vuurjongen-en-watermeisje-4/index.html +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - - - - - - Vuurjongen en Watermeisje - - - - - - - - - - - - - - - -