diff --git a/feedback/css.css b/feedback/css.css index 4fa5814..2791b50 100644 --- a/feedback/css.css +++ b/feedback/css.css @@ -25,12 +25,18 @@ margin-left: calc(50% - 4rem); margin-bottom: 2rem; } +.userFeedback::-webkit-scrollbar { + display: none; +} .userFeedback { font-family: 'Open Sans'; display: inline-block; vertical-align: top; margin-left: 2rem; padding-left: 1rem; + height: 11.7rem; + overflow: scroll; + overflow-x: hidden; border-left: #ededed 2px solid; width: 30rem; word-wrap: break-word; diff --git a/feedback/index.html b/feedback/index.html index 0551afb..64a8a56 100644 --- a/feedback/index.html +++ b/feedback/index.html @@ -24,19 +24,19 @@

Peer Droog

-

"Een goede en overzichtelijk website met een handige klok, wel mist er de mogelijkheid om je eigen plaatjes toe te voegen aan de shortcuts."

+

"duidelijke wireframe, de website doet erg goed wat het probeert te bereiken behalve dat er in de gallerij asymmetrie te vinden is en de foto links onderin iets te groot is"

Jonathan Bos

-

De website ziet er goed uit. Ik zou misschien wat informatie geven bij de minifier. Het is namelijk nogal onduidelijk.

+

"De website ziet er goed uit. Ik zou misschien wat informatie geven bij de minifier. Het is namelijk nogal onduidelijk."

-

User

+

Dyme Zevenhuizen

-

+

"Het is een mooie website met een aantal leuke mogelijkheden. Wel jammer dat de feedback niet echt bij je aankomt, maar ik begrijp dat je dan een andere hosting nodig hebt."

diff --git a/gallery/css.css b/gallery/css.css index 0949236..9c7e22c 100644 --- a/gallery/css.css +++ b/gallery/css.css @@ -1,77 +1,79 @@ -#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; -} -body { - background-color: #212126!important; -} -button { - border: 0; - padding: 0; - margin-top: 8px!important; -} -.gallery { - margin-top: calc(3rem + 55px); - text-align: center; - font-size: 2vw; -} -.rowImg { - display: flex; - flex-wrap: wrap; - padding: 0 4px; - margin-top: 3rem; -} -.columnImg { - flex: 33%; - max-width: 33%; - padding: 0 4px; -} -.columnImg img { - width: 100%; -} -@media screen and (min-width:500px) and (max-width:1000px) { - .columnImg { - flex: 50%; - max-width: 50%; - } - .gallery { - font-size: 3vw; - } -} -@media screen and (min-width:0px) and (max-width:500px) { - .columnImg { - flex: 100%; - max-width: 100%; - } - .gallery { - font-size: 5vw; - } -} +#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; +} +body { + background-color: #212126!important; +} +.rowImg button { + border: 0; + padding: 0; + margin-top: 8px!important; +} +.gallery { + margin-top: calc(3rem + 55px); + text-align: center; + font-size: 2vw; +} +.rowImg { + display: flex; + justify-content: center; + flex-wrap: wrap; + padding: 0 4px; + margin-top: 3rem; +} +.columnImg { + flex: 33%; + max-width: 33%; + padding: 0 4px; +} +.columnImg img { + width: 100%; +} +@media screen and (min-width:500px) and (max-width:1000px) { + .columnImg { + flex: 50%; + max-width: 50%; + } + .gallery { + font-size: 3vw; + } +} +@media screen and (min-width:0px) and (max-width:500px) { + .columnImg { + flex: 100%; + max-width: 100%; + } + .gallery { + font-size: 5vw; + } +} diff --git a/gallery/index.html b/gallery/index.html index c7d66d8..6c9c43a 100644 --- a/gallery/index.html +++ b/gallery/index.html @@ -1,51 +1,51 @@ - - - - - - - Gallerij - - - - - - - - - -
-
-
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
-
-
- -
-
- - -
-
- - -
-
- - -
-
- - - - - - - - + + + + + + + Gallerij + + + + + + + + + +
+
+
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
+
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + + + + + diff --git a/gallery/js.js b/gallery/js.js index 53e3946..7bb8af9 100644 --- a/gallery/js.js +++ b/gallery/js.js @@ -1,14 +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") -} +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/resources/img/wireframe.png b/resources/img/wireframe.png index ee12f9a..fb37361 100644 Binary files a/resources/img/wireframe.png and b/resources/img/wireframe.png differ diff --git a/resources/js/insertNavbar.js b/resources/js/insertNavbar.js index b471853..68aedc1 100644 --- a/resources/js/insertNavbar.js +++ b/resources/js/insertNavbar.js @@ -10,43 +10,11 @@ var navbarList = c("ul") navigation.appendChild(navbarList) document.body.appendChild(navigation) - -// // Opacity -// var opacity = c("div") -// opacity.className = "opacityMenu lowerIndex menu" -// document.body.appendChild(opacity) - // Hamburger Menu var hamburger = c("i") hamburger.className = "fas fa-bars fa-2x" navigation.prepend(hamburger) -// // Search -// var search = c("input") -// search.className = "searchBar" -// search.placeholder = "Enter a searchterm or url" -// search.type = "text" -// navigation.appendChild(search) -// -// g(".searchBar").addEventListener("keyup",searchEnter) -// function searchEnter(key) { -// if(key.key == "Enter") { -// var search = g(".searchBar").value; -// var containsDot = search.indexOf("."); -// if (search !== "") { -// if (containsDot > -1) { -// open("http://" + search); -// } -// else { -// open("https://www.google.com/search?q=" + search); -// } -// } -// } -// if (key.key == "Escape") { -// closeSearch() -// } -// } - // Create Navbar Navbar.forEach(i=>{ var navList = c("li") diff --git a/resources/js/javall.js b/resources/js/javall.js index 6c83529..4c592b0 100644 --- a/resources/js/javall.js +++ b/resources/js/javall.js @@ -3,5 +3,4 @@ console.log('%cDoor Guus van Meerveld', "color:#9c9c9c; font-size:30px;"); // Head tag var shortcon = $("", {rel :'shortcut icon',href:'/resources/img/favicon.ico'}) - $('head').append(shortcon) diff --git a/wireframe/index.html b/wireframe/index.html index 5c26cbe..d523364 100644 --- a/wireframe/index.html +++ b/wireframe/index.html @@ -1,21 +1,21 @@ - - - - - - - Wireframe - - - - - - - - wireframe - - - - - - + + + + + + + Wireframe + + + + + + + + wireframe + + + + + +