diff --git a/css.css b/css.css index aabbde5..73adda1 100644 --- a/css.css +++ b/css.css @@ -61,7 +61,7 @@ } .secondBackground { width: 100%; - height: 80vh; + height: 100vh; background-position: center; float: left; background-image: url("/resources/img/roadwoodsred.jpg"); diff --git a/gallery/css.css b/gallery/css.css index 902ae75..0949236 100644 --- a/gallery/css.css +++ b/gallery/css.css @@ -1,3 +1,32 @@ +#headsUp { + visibility: hidden; + transition: height .3s; + background-color: #454752; + box-shadow: 0 1px 6px 1px hsla(0, 0%, 0%, 0.4); + z-index: 3; + margin-top: 55px; + position: relative; +} +.welcome { + position: absolute; + bottom: 4.5rem; + padding-left: 2.5%; +} +.removeOptions { + width: 100%; + position: absolute; + bottom: 1rem; + padding-left: 2.5%; +} +.hideHeadsUp { + height: 3rem; +} +.removeHeadsUp { + cursor: pointer; + display: inline-block; + margin-left: 1rem; + border-bottom: white 3px dotted; +} * { box-sizing: border-box; } diff --git a/gallery/index.html b/gallery/index.html index b36190f..c7d66d8 100644 --- a/gallery/index.html +++ b/gallery/index.html @@ -14,10 +14,18 @@ -

- Dit is de gallerij voor alle foto's die op deze website gebruikt zijn. (Ik heb ze niet zelf gemaakt)
- Er staan ook nog wat extra foto's bij die ik misschien nog wil gaan gebruiken. -

+
+
+
Welkom bij de Gallerij,
+
Hier staan alle foto's die op deze website gebruikt zijn.
+
Er staan ook foto's tussen die ik nog wil gebruiken.
+
Je kan op de foto's klikken om de bron te zien.
+
+
+ +
Laat mij dit niet meer zien
+
+
@@ -34,6 +42,7 @@
+ diff --git a/gallery/js.js b/gallery/js.js new file mode 100644 index 0000000..53e3946 --- /dev/null +++ b/gallery/js.js @@ -0,0 +1,14 @@ +var d = document.getElementById.bind(document); +var g = document.querySelector.bind(document); + +if (localStorage.getItem("showHeadsUpGallery") == undefined) { + d("headsUp").style.visibility = "visible" + d("headsUp").style.height = "13rem" +} +function hideHeadsUp() { + d("headsUp").style.height = "0" +} +function removeHeadsUp() { + hideHeadsUp(); + localStorage.setItem("showHeadsUpGallery", "1") +} diff --git a/minify/css.css b/minify/css.css index 0dd2220..6d0a8ba 100644 --- a/minify/css.css +++ b/minify/css.css @@ -42,10 +42,14 @@ background-color: rgb(59, 60, 69); border: 0; color: white; + transition: .3s background-color; float: left; padding: 1rem 1.5rem; } -#run { +.langButton:hover { + background-color: #27282e; +} +.run { float: right; } @media screen and (min-width:0px) and (max-width:1000px) { diff --git a/minify/index.html b/minify/index.html index 089a138..40959a2 100644 --- a/minify/index.html +++ b/minify/index.html @@ -31,7 +31,7 @@ - + diff --git a/minify/js.js b/minify/js.js index 066d1fe..5a169ac 100644 --- a/minify/js.js +++ b/minify/js.js @@ -2,16 +2,18 @@ var d = document.getElementById.bind(document); var g = document.querySelector.bind(document); function selectCode(source) { - switch (source) { - case html: + localStorage.setItem("selectCode", source) +} +function runMinify() { + var source = localStorage.getItem("selectCode") + if (source == "html") { minifyHTML(); - break; - case css: + } + if (source == "css") { minifyCSS(); - break; - case js: + } + if (source == "js") { minifyJS(); - break; } } diff --git a/resources/img/wireframe.png b/resources/img/wireframe.png new file mode 100644 index 0000000..ee12f9a Binary files /dev/null and b/resources/img/wireframe.png differ diff --git a/wireframe/index.html b/wireframe/index.html index 1b63543..5c26cbe 100644 --- a/wireframe/index.html +++ b/wireframe/index.html @@ -11,8 +11,8 @@ - - + + wireframe