18-11 #1
Guuq
5 years ago
@ -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) {
|
||||
#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;
|
||||
height: 87vh;
|
||||
width: 98%;
|
||||
padding: 2rem;
|
||||
* {
|
||||
font-family: 'Open Sans';
|
||||
}
|
||||
#error {
|
||||
background-color: #363840;
|
||||
border: #363840 1px solid;
|
||||
border-radius: .5rem;
|
||||
height: 99%;
|
||||
div {
|
||||
background-color: #27282e;
|
||||
height: 100%;
|
||||
padding: 10rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
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 {
|
||||
margin-top: 4rem!important;
|
||||
margin-top: 1rem!important;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
text-decoration: underline;
|
||||
font-size: 15px;
|
||||
}
|
||||
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 |