18-11 #1
@ -1,46 +0,0 @@
|
|||||||
@media screen and (min-width:0px) and (max-width:1020px) {
|
|
||||||
.downloadbox {
|
|
||||||
width: 93%!important;
|
|
||||||
margin: 25px 0 0 1rem!important;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
.headerBox {
|
|
||||||
width: 93%!important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* Headers */
|
|
||||||
#livesearch {
|
|
||||||
background-color: #ededed;
|
|
||||||
border: 2px #ededed solid;
|
|
||||||
padding: 1rem;
|
|
||||||
outline: none;
|
|
||||||
height: 3.5rem;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
border-radius: 2rem;
|
|
||||||
margin: 4rem 0 -1rem 1rem;
|
|
||||||
width: 98%;
|
|
||||||
display: block;
|
|
||||||
transition: border .4s;
|
|
||||||
}
|
|
||||||
#livesearch:hover, #livesearch:focus {
|
|
||||||
border: #4c8a80 2px solid;
|
|
||||||
}
|
|
||||||
/* Classes for blocks */
|
|
||||||
.headerBox {
|
|
||||||
width: 94%;
|
|
||||||
height: 5rem;
|
|
||||||
padding: 1rem;
|
|
||||||
margin: 1.5rem 0 0 1rem;
|
|
||||||
}
|
|
||||||
.downloadbox {
|
|
||||||
width: 18rem;
|
|
||||||
padding: .9rem;
|
|
||||||
max-height: 6rem;
|
|
||||||
margin: 1.5rem 0 0 1.5rem;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.img {
|
|
||||||
width: 3rem;
|
|
||||||
height: 3rem;
|
|
||||||
margin-left: 1rem;
|
|
||||||
}
|
|
@ -1,66 +0,0 @@
|
|||||||
Downloads = [
|
|
||||||
{
|
|
||||||
catagory: "Browsers",
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
name: "Chrome",
|
|
||||||
href: "https://www.google.com/intl/nl/chrome/",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Firefox",
|
|
||||||
href: "https://www.mozilla.org/nl/firefox/download/thanks/",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Opera",
|
|
||||||
href: "https://www.opera.com/computer/thanks?ni=stable&os=windows"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Brave",
|
|
||||||
href: "https://laptop-updates.brave.com/download/BRK107"
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
catagory: "Games",
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
name: "Steam",
|
|
||||||
href: "https://steamcdn-a.akamaihd.net/client/installer/SteamSetup.exe",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Minecraft",
|
|
||||||
href: "https://my.minecraft.net/store/minecraft/"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Origin",
|
|
||||||
href: "https://www.dm.origin.com/download"
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
catagory: "Communication",
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
name: "Discord",
|
|
||||||
href: "https://discordapp.com/api/download?platform=win"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Teamspeak",
|
|
||||||
href: "https://www.teamspeak.com/en/downloads/"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "WhatsApp",
|
|
||||||
href: "https://www.whatsapp.com/download/"
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
catagory: "File managament",
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
name: "7-Zip",
|
|
||||||
href: ""
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
||||||
<meta name="description" content="Website gemaakt door Guus van Meerveld">
|
|
||||||
<meta name="author" content="Guus van Meerveld">
|
|
||||||
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
|
|
||||||
<link rel="stylesheet" href="/downloads/downloads.css">
|
|
||||||
<link rel="stylesheet" href="/resources/css/cssall.css">
|
|
||||||
<link rel="stylesheet" href="/resources/css/navbar.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>
|
|
||||||
<title>Downloads</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<!-- Livesearch -->
|
|
||||||
<input type="text" id="livesearch" placeholder="Downloads doorzoeken"> <br>
|
|
||||||
|
|
||||||
<script src="/resources/js/navbar.json.js"></script>
|
|
||||||
<script src="/resources/js/insertNavbar.js"></script>
|
|
||||||
<script src="/downloads/downloads.json.js"></script>
|
|
||||||
<script src="/resources/js/javall.js"></script>
|
|
||||||
<script src="/downloads/insertDownloads.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
@ -1,31 +0,0 @@
|
|||||||
var c = document.createElement.bind(document);
|
|
||||||
var d = document.getElementById.bind(document);
|
|
||||||
|
|
||||||
// Create downloads
|
|
||||||
Downloads.forEach(i=>{
|
|
||||||
var h2 = c("h2")
|
|
||||||
h2.innerHTML = i.catagory
|
|
||||||
var headerDiv = c("div")
|
|
||||||
headerDiv.className = "box headerBox"
|
|
||||||
headerDiv.appendChild(h2)
|
|
||||||
$('body').append(headerDiv)
|
|
||||||
if (typeof i.content == "object") {
|
|
||||||
i.content.forEach(d=>{
|
|
||||||
var downloadDiv = c("div")
|
|
||||||
downloadDiv.className = "box downloadbox"
|
|
||||||
var a = c("a")
|
|
||||||
a.href = d.href
|
|
||||||
a.target = "_blank"
|
|
||||||
var button = c("button")
|
|
||||||
button.className = "btn btn-secondary"
|
|
||||||
button.innerHTML = "Download " + d.name
|
|
||||||
var img = c("img")
|
|
||||||
img.src = "/resources/img/downloads/" + d.name + ".png"
|
|
||||||
img.alt = ""
|
|
||||||
img.className = "img"
|
|
||||||
a.appendChild(button)
|
|
||||||
$(downloadDiv).append(a, img)
|
|
||||||
$('body').append(downloadDiv)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
@ -1,44 +1,22 @@
|
|||||||
@media screen and (min-width:0px) and (max-width:960px) {
|
@media screen and (min-width:0px) and (max-width:960px) {
|
||||||
#errorText {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
#errorImg {
|
|
||||||
width: 10rem!important;
|
|
||||||
height: 10rem!important;
|
|
||||||
margin-left: calc(50% - 5rem)!important;
|
|
||||||
}
|
|
||||||
#errorBox {
|
|
||||||
margin: 5rem 0 0 1rem!important;
|
|
||||||
width: 90%!important;
|
|
||||||
height: 84vh!important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
#errorBox {
|
* {
|
||||||
margin: 6rem 0 0 1rem;
|
font-family: 'Open Sans';
|
||||||
height: 87vh;
|
|
||||||
width: 98%;
|
|
||||||
padding: 2rem;
|
|
||||||
}
|
}
|
||||||
#error {
|
div {
|
||||||
background-color: #363840;
|
background-color: #27282e;
|
||||||
border: #363840 1px solid;
|
height: 100%;
|
||||||
border-radius: .5rem;
|
padding: 10rem;
|
||||||
height: 99%;
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
#errorImg {
|
|
||||||
height: 25rem;
|
|
||||||
width: 25rem;
|
|
||||||
margin-top: 3rem;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: calc(50% - 12.5rem);
|
|
||||||
}
|
|
||||||
#errorText {
|
|
||||||
margin: 3rem 0 0 0;
|
|
||||||
}
|
|
||||||
p {
|
p {
|
||||||
margin-top: 4rem!important;
|
margin-top: 1rem!important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 20px;
|
font-size: 15px;
|
||||||
text-decoration: underline;
|
}
|
||||||
|
h1 {
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
Before Width: | Height: | Size: 337 KiB |
Before Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 664 KiB |
Before Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 190 KiB |
After Width: | Height: | Size: 368 KiB |