temporarily bring back old website

add-license-1
Guuq 5 years ago
parent 89d3cf0449
commit 8488622fd8

@ -5,10 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/404.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<title>Error</title> <title>Error</title>
</head> </head>
@ -43,9 +42,9 @@
<p onclick="window.history.back();" align="center">Click here to go back</p> <p onclick="window.history.back();" align="center">Click here to go back</p>
</div> </div>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/javall.js" charset="utf-8"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>

@ -5,10 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/404.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<title>Error</title> <title>Error</title>
</head> </head>
@ -43,9 +42,9 @@
<p onclick="window.history.back();" align="center">Click here to go back</p> <p onclick="window.history.back();" align="center">Click here to go back</p>
</div> </div>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/javall.js" charset="utf-8"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>

@ -5,10 +5,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/404.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<title>Error</title> <title>Error</title>
</head> </head>
@ -43,9 +42,9 @@
<p onclick="window.history.back();" align="center">Click here to go back</p> <p onclick="window.history.back();" align="center">Click here to go back</p>
</div> </div>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/javall.js" charset="utf-8"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>

@ -5,11 +5,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/contact/css.css"> <link rel="stylesheet" href="/resources/styles/contact.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Contact</title> <title>Contact</title>
</head> </head>
@ -23,8 +23,10 @@
<input type="text" class="dataInput input" required name="name" autofocus spellcheck="false"> <input type="text" class="dataInput input" required name="name" autofocus spellcheck="false">
<h3>E-mail<span>*</span></h3> <h3>E-mail<span>*</span></h3>
<input type="text" class="dataInput input" required name="email" spellcheck="false"> <input type="text" class="dataInput input" required name="email" spellcheck="false">
<h3>Telefoon</h3>
<input type="text" class="dataInput input" name="phone" spellcheck="false">
<h3>Bericht<span>*</span></h3> <h3>Bericht<span>*</span></h3>
<input type="text" class="dataInput input" required name="message" spellcheck="false"><br> <textarea type="text" class="dataInput input" required name="message" spellcheck="false"></textarea><br>
<input type="submit" class="submit button"> <input type="submit" class="submit button">
</form> </form>
</div> </div>
@ -48,9 +50,9 @@
</ul> </ul>
</div> </div>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>
</html> </html>

@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Thank you</title> <title>Thank you</title>
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
@ -33,9 +33,9 @@
<p onclick="window.open('/', '_self')" style="cursor:pointer;">Click here to go home</p> <p onclick="window.open('/', '_self')" style="cursor:pointer;">Click here to go home</p>
</div> </div>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>
</html> </html>

@ -7,10 +7,9 @@
<meta name="author" content="Guus van Meerveld"> <meta name="author" content="Guus van Meerveld">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Feedback</title> <title>Feedback</title>
<link rel="stylesheet" href="/resources/css/shortcuts.css"> <link rel="stylesheet" href="/resources/styles/feedback.css">
<link rel="stylesheet" href="/feedback/css.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
@ -24,19 +23,19 @@
<img src="/resources/img/user.png" alt="" class="userImg"> <img src="/resources/img/user.png" alt="" class="userImg">
<h3>Peer Droog</h3> <h3>Peer Droog</h3>
</div> </div>
<h2 class="userFeedback">"Een goede en overzichtelijk website met een handige klok, wel mist er de mogelijkheid om je eigen plaatjes toe te voegen aan de shortcuts."</h2> <h2 class="userFeedback">"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"</h2>
</div><div class="feedback"> </div><div class="feedback">
<div class="user"> <div class="user">
<img src="/resources/img/user.png" alt="" class="userImg"> <img src="/resources/img/user.png" alt="" class="userImg">
<h3>Jonathan Bos</h3> <h3>Jonathan Bos</h3>
</div> </div>
<h2 class="userFeedback">De website ziet er goed uit. Ik zou misschien wat informatie geven bij de minifier. Het is namelijk nogal onduidelijk.</h2> <h2 class="userFeedback">"De website ziet er goed uit. Ik zou misschien wat informatie geven bij de minifier. Het is namelijk nogal onduidelijk."</h2>
</div><div class="feedback"> </div><div class="feedback">
<div class="user"> <div class="user">
<img src="/resources/img/user.png" alt="" class="userImg"> <img src="/resources/img/user.png" alt="" class="userImg">
<h3>User</h3> <h3>Dyme Zevenhuizen</h3>
</div> </div>
<h2 class="userFeedback"></h2> <h2 class="userFeedback">"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."</h2>
</div><div class="feedback"> </div><div class="feedback">
<div class="user"> <div class="user">
<img src="/resources/img/user.png" alt="" class="userImg"> <img src="/resources/img/user.png" alt="" class="userImg">
@ -80,10 +79,9 @@
</footer> </footer>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/js.js"></script> <script src="/resources/scripts/javall.js"></script>
<script src="/resources/js/javall.js"></script>
</body> </body>
</html> </html>

@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gallerij</title> <title>Gallerij</title>
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<link rel="stylesheet" href="/gallery/css.css"> <link rel="stylesheet" href="/resources/styles/gallery.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
@ -30,22 +30,22 @@
<div class="rowImg"> <div class="rowImg">
<div class="columnImg"> <div class="columnImg">
<button onclick="window.open('https://www.pexels.com/photo/scenic-view-of-rocky-mountain-during-evening-1624438/', '_self')"><img src="/resources/img/mountain.jpg" alt="img"></button> <button onclick="window.open('https://www.pexels.com/photo/scenic-view-of-rocky-mountain-during-evening-1624438/', '_self')"><img src="/resources/img/mountain.jpg" alt="img"></button>
<button onclick="window.open('https://www.pexels.com/photo/close-up-photography-of-leaves-with-droplets-807598/', '_self')"><img src="/resources/img/leaves.jpg" alt="img"></button> <button onclick="window.open('https://www.pexels.com/photo/close-up-photography-of-leaves-with-droplets-807598/', '_self')" class="wide"><img src="/resources/img/leaves.jpg" alt="img"></button>
</div> </div>
<div class="columnImg"> <div class="columnImg">
<button onclick="window.open('https://www.pexels.com/photo/landscape-photo-of-riverand-pine-trees-2217365/', '_self')"><img src="/resources/img/riverwoods.jpg" alt="img"></button> <button onclick="window.open('https://www.pexels.com/photo/landscape-photo-of-riverand-pine-trees-2217365/', '_self')"><img src="/resources/img/riverwoods.jpg" alt="img"></button>
<button onclick="window.open('https://www.pexels.com/photo/asphalt-dark-dawn-endless-531321/', '_self')"><img src="/resources/img/roadwoods.jpg" alt="img"></button> <button onclick="window.open('https://www.pexels.com/photo/asphalt-dark-dawn-endless-531321/', '_self')" class="wide"><img src="/resources/img/roadwoods.jpg" alt="img"></button>
</div> </div>
<div class="columnImg"> <div class="columnImg">
<button onclick="window.open('https://www.pexels.com/photo/concrete-road-between-trees-1563356/', '_self')"><img src="/resources/img/roadwoodsred.jpg" alt="img"></button> <button onclick="window.open('https://www.pexels.com/photo/concrete-road-between-trees-1563356/', '_self')" class="wide"><img src="/resources/img/roadwoodsred.jpg" alt="img"></button>
<button onclick="window.open('https://www.pexels.com/photo/silhouette-of-trees-during-sunset-1723637/', '_self')"><img src="/resources/img/sunset.jpg" alt="img"></button> <button onclick="window.open('https://www.pexels.com/photo/silhouette-of-trees-during-sunset-1723637/', '_self')"><img src="/resources/img/sunset.jpg" alt="img"></button>
</div> </div>
</div> </div>
<script src="/gallery/js.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/javall.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/gallery.js"></script>
</body> </body>
</html> </html>

@ -8,9 +8,9 @@
<meta name="author" content="Guus van Meerveld"> <meta name="author" content="Guus van Meerveld">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title> <title>Home</title>
<link rel="stylesheet" href="/css.css"> <link rel="stylesheet" href="/resources/styles/home.css">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
@ -83,10 +83,10 @@
</footer> </footer>
<!-- Javascript --> <!-- Javascript -->
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/js.js"></script> <script src="/resources/scripts/home.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>

@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Minify</title> <title>Minify</title>
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/minify.css">
<link rel="stylesheet" href="/minify/css.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
@ -68,9 +68,9 @@
</footer> </footer>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/minify/js.js"></script> <script src="/resources/scripts/minify.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>
</html> </html>

@ -6,9 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Playground</title> <title>Playground</title>
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<link rel="stylesheet" href="/playground/css.css"> <link rel="stylesheet" href="/resources/styles/playground.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
@ -77,11 +77,11 @@
</footer> </footer>
<script src="/playground/emmet.min.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/javall.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/playground.js"></script>
<script src="/playground/js.js"></script> <script src="/resources/scripts/emmet.min.js"></script>
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 150 KiB

After

Width:  |  Height:  |  Size: 198 KiB

@ -1,58 +0,0 @@
var d = document.querySelector.bind(document)
function random(e, t) {
return t++, Math.floor(Math.random() * (t - e)) + e
}
function arc(x, y, w, col, stroke) {
c.beginPath();
c.arc(x, y, w, 0, Math.PI * 2, false);
c.fillStyle = col;
c.strokeStyle = col;
if (!stroke) {
c.fill();
} else {
c.stroke()
}
c.closePath();
}
function stroke(x, y, x2, y2, w, col) {
c.beginPath();
c.moveTo(x, y);
c.lineTo(x2, y2);
c.lineWidth = w;
c.strokeStyle = col;
c.stroke();
}
function rect(x, y, w, h, col, fill) {
c.beginPath();
c.rect(x, y, w, h);
if (!fill) {
c.fillStyle = col;
c.fill()
} else {
c.strokeStyle = col
c.stroke()
}
}
function rotate(deg) {
c.rotate(deg*Math.PI/180)
}
function clear() {
c.clearRect(0, 0, can.width, can.height)
}
function image(img,x,y,w,h) {
c.drawImage(img,x,y,w,h)
}
function newImage(url) {
var img = new Image()
img.src = url + ".png"
return img
}
function zero(hms) {
if (hms < 10) {
return '0' + hms;
}
return hms;
}

@ -10,43 +10,11 @@ var navbarList = c("ul")
navigation.appendChild(navbarList) navigation.appendChild(navbarList)
document.body.appendChild(navigation) document.body.appendChild(navigation)
// // Opacity
// var opacity = c("div")
// opacity.className = "opacityMenu lowerIndex menu"
// document.body.appendChild(opacity)
// Hamburger Menu // Hamburger Menu
var hamburger = c("i") var hamburger = c("i")
hamburger.className = "fas fa-bars fa-2x" hamburger.className = "fas fa-bars fa-2x"
navigation.prepend(hamburger) 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 // Create Navbar
Navbar.forEach(i=>{ Navbar.forEach(i=>{
var navList = c("li") var navList = c("li")

@ -3,5 +3,4 @@ console.log('%cDoor Guus van Meerveld', "color:#9c9c9c; font-size:30px;");
// Head tag // Head tag
var shortcon = $("<link>", {rel :'shortcut icon',href:'/resources/img/favicon.ico'}) var shortcon = $("<link>", {rel :'shortcut icon',href:'/resources/img/favicon.ico'})
$('head').append(shortcon) $('head').append(shortcon)

@ -25,12 +25,18 @@
margin-left: calc(50% - 4rem); margin-left: calc(50% - 4rem);
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.userFeedback::-webkit-scrollbar {
display: none;
}
.userFeedback { .userFeedback {
font-family: 'Open Sans'; font-family: 'Open Sans';
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin-left: 2rem; margin-left: 2rem;
padding-left: 1rem; padding-left: 1rem;
height: 11.7rem;
overflow: scroll;
overflow-x: hidden;
border-left: #ededed 2px solid; border-left: #ededed 2px solid;
width: 30rem; width: 30rem;
word-wrap: break-word; word-wrap: break-word;

@ -20,6 +20,7 @@
} }
.hideHeadsUp { .hideHeadsUp {
height: 3rem; height: 3rem;
} }
.removeHeadsUp { .removeHeadsUp {
cursor: pointer; cursor: pointer;
@ -33,7 +34,7 @@
body { body {
background-color: #212126!important; background-color: #212126!important;
} }
button { .rowImg button {
border: 0; border: 0;
padding: 0; padding: 0;
margin-top: 8px!important; margin-top: 8px!important;
@ -45,6 +46,7 @@ button {
} }
.rowImg { .rowImg {
display: flex; display: flex;
justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 4px; padding: 0 4px;
margin-top: 3rem; margin-top: 3rem;

@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Wireframe</title> <title>Wireframe</title>
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css"> <link rel="stylesheet" href="/resources/styles/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
@ -14,8 +14,8 @@
<body style="padding-top:55px;"> <body style="padding-top:55px;">
<img src="/resources/img/wireframe.png" alt="wireframe"> <img src="/resources/img/wireframe.png" alt="wireframe">
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/json/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script> <script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script> <script src="/resources/scripts/javall.js"></script>
</body> </body>
</html> </html>