temporarily bring back old website

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

@ -5,10 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/404.css">
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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">
<title>Error</title>
</head>
@ -43,9 +42,9 @@
<p onclick="window.history.back();" align="center">Click here to go back</p>
</div>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/javall.js" charset="utf-8"></script>
<script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>

@ -5,10 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/404.css">
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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">
<title>Error</title>
</head>
@ -43,9 +42,9 @@
<p onclick="window.history.back();" align="center">Click here to go back</p>
</div>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/javall.js" charset="utf-8"></script>
<script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>

@ -5,10 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/404.css">
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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">
<title>Error</title>
</head>
@ -43,9 +42,9 @@
<p onclick="window.history.back();" align="center">Click here to go back</p>
</div>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/javall.js" charset="utf-8"></script>
<script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>

@ -5,11 +5,11 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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="/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>
<title>Contact</title>
</head>
@ -23,8 +23,10 @@
<input type="text" class="dataInput input" required name="name" autofocus spellcheck="false">
<h3>E-mail<span>*</span></h3>
<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>
<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">
</form>
</div>
@ -48,9 +50,9 @@
</ul>
</div>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script>
<script src="/resources/json/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>
</html>

@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Thank you</title>
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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">
<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>
</div>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script>
<script src="/resources/scripts/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>
</html>

@ -7,10 +7,9 @@
<meta name="author" content="Guus van Meerveld">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Feedback</title>
<link rel="stylesheet" href="/resources/css/shortcuts.css">
<link rel="stylesheet" href="/feedback/css.css">
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="/resources/styles/feedback.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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">
<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">
<h3>Peer Droog</h3>
</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 class="user">
<img src="/resources/img/user.png" alt="" class="userImg">
<h3>Jonathan Bos</h3>
</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 class="user">
<img src="/resources/img/user.png" alt="" class="userImg">
<h3>User</h3>
<h3>Dyme Zevenhuizen</h3>
</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 class="user">
<img src="/resources/img/user.png" alt="" class="userImg">
@ -80,10 +79,9 @@
</footer>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/js.js"></script>
<script src="/resources/js/javall.js"></script>
<script src="/resources/json/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>
</html>

@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gallerij</title>
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="/gallery/css.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<link rel="stylesheet" href="/resources/styles/gallery.css">
<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">
<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="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/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 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/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 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>
</div>
</div>
<script src="/gallery/js.js"></script>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script>
<script src="/resources/json/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
<script src="/resources/scripts/gallery.js"></script>
</body>
</html>

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

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

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

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

@ -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;

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

@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Wireframe</title>
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<link rel="stylesheet" href="/resources/styles/cssall.css">
<link rel="stylesheet" href="/resources/styles/navbar.css">
<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">
<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;">
<img src="/resources/img/wireframe.png" alt="wireframe">
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script>
<script src="/resources/json/navbar.json.js"></script>
<script src="/resources/scripts/insertNavbar.js"></script>
<script src="/resources/scripts/javall.js"></script>
</body>
</html>