Guusvanmeerveld
/
First-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

14-11 #1

Browse Source
add-license-1
Guuq 5 years ago
parent 140e720d39
commit 210aa5d1ed
8 changed files with 77 additions and 82 deletions
Show Stats Download Patch File Download Diff File

6
css.css
Unescape View File

@ -68,15 +68,9 @@ footer ul {
margin-top: 20px; margin-top: 20px;
padding: 0; padding: 0;
} }
footer a {
transition: color .5s;
}
footer li { footer li {
margin-top: 1rem; margin-top: 1rem;
} }
footer a:hover {
color: gray!important;
}
/* Mobile support */ /* Mobile support */
@viewport { @viewport {
width: device-width; width: device-width;

30
index.html
Unescape View File

@ -2,20 +2,20 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Website gemaakt door Guus van Meerveld"> <meta name="description" content="Website gemaakt door Guus van Meerveld">
<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="/resources/css/shortcuts.css"> <link rel="stylesheet" href="/resources/css/shortcuts.css">
<link rel="stylesheet" href="/css.css"> <link rel="stylesheet" href="/css.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/resources/css/cssall.css"> <link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/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>
</head> </head>
<body> <body>
@ -82,7 +82,7 @@
<ul> <ul>
<li><a href="https://samtaen.ml">Sam Taen</a></li> <li><a href="https://samtaen.ml">Sam Taen</a></li>
<li><a href="http://jonathanbos.nl">Jonathan Bos</a></li> <li><a href="http://jonathanbos.nl">Jonathan Bos</a></li>
<li><a href=""></a></li> <li><a href="https://instagram.com/gerda.6">Daniels insta</a></li>
</ul> </ul>
</div> </div>
<div> <div>

47
js.js
Unescape View File

@ -2,53 +2,6 @@ var d = document.getElementById.bind(document);
var c = document.createElement.bind(document); var c = document.createElement.bind(document);
var q = document.querySelector.bind(document); var q = document.querySelector.bind(document);
// Google Search
d("googleSearchBar").addEventListener("keyup",searchGoogleEnter)
function searchGoogleEnter(key) {
if(key.key == "Enter") {
var search = d("googleSearchBar").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()
}
}
addEventListener("keyup",showSearch)
function showSearch(e) {
if (e.target !== document.body || !d("addShortcutMenu").classList.contains("hidden")) {
return
}
var open = !d("googleSearchBar").classList.contains("searchMove")
if (open && !d("googleSearchBar").value || e.key == "Escape" ) {
closeSearch();
}
else {
openSearch();
d("googleSearchBar").value = d("googleSearchBar").value + e.key
}
}
function closeSearch() {
$("#opacityMenu").addClass("lowerIndex")
d("googleSearchBar").blur()
d("googleSearchBar").classList.add("searchMove")
}
function openSearch(e) {
$("#opacityMenu").removeClass("lowerIndex")
d("googleSearchBar").classList.remove("searchMove")
d("googleSearchBar").focus()
}
// Clock // Clock
function showTime() { function showTime() {
var date = new Date() var date = new Date()

4
resources/css/cssall.css
Unescape View File

@ -37,6 +37,10 @@ body {
a { a {
text-decoration: none!important; text-decoration: none!important;
color: white!important; color: white!important;
transition: color .4s;
}
a:hover {
color: gray!important;
} }
/* Standard block styling */ /* Standard block styling */
.box { .box {

5
resources/css/shortcuts.css
Unescape View File

@ -9,15 +9,18 @@
section span button { section span button {
margin: 0 0 1rem 1rem; margin: 0 0 1rem 1rem;
width: 12rem; width: 12rem;
max-height: 5.3rem;
padding: 1rem; padding: 1rem;
color: white; color: white;
background-color: #363840; background-color: #363840;
border: #363840 2px solid; border: #363840 2px solid;
border-radius: .5rem; border-radius: .5rem;
display: inline-block; display: inline-block;
cursor: pointer;
transition: background-color .5s, border .5s; transition: background-color .5s, border .5s;
} }
section span button::-webkit-scrollbar {
display: hidden;
}
section span button:hover { section span button:hover {
background-color: #3d3e47; background-color: #3d3e47;
border-color: #3d3e47; border-color: #3d3e47;

45
resources/js/insertNavbar.js
Unescape View File

@ -10,6 +10,48 @@ navbarList.className = "navbarList"
navigation.appendChild(navbarList) navigation.appendChild(navbarList)
document.body.appendChild(navigation) document.body.appendChild(navigation)
// Search
d("googleSearchBar").addEventListener("keyup",searchGoogleEnter)
function searchGoogleEnter(key) {
if(key.key == "Enter") {
var search = d("googleSearchBar").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()
}
}
function showSearch() {
var open = !d("googleSearchBar").classList.contains("searchMove")
if (open) {
closeSearch();
}
else {
openSearch();
}
}
function closeSearch() {
$("#opacityMenu").addClass("lowerIndex")
d("googleSearchBar").blur()
d("googleSearchBar").classList.add("searchMove")
}
function openSearch(e) {
$("#opacityMenu").removeClass("lowerIndex")
d("googleSearchBar").classList.remove("searchMove")
d("googleSearchBar").focus()
}
// Create Navbar // Create Navbar
Navbar.forEach(i=>{ Navbar.forEach(i=>{
var navList = c("li") var navList = c("li")
@ -26,6 +68,9 @@ Navbar.forEach(i=>{
if (i.desc) { if (i.desc) {
navButton.title = i.desc navButton.title = i.desc
} }
if (i.func) {
navButton.setAttribute('onclick',i.func)
}
navList.appendChild(navButton) navList.appendChild(navButton)
var dropdownList = c("ul") var dropdownList = c("ul")
dropdownList.className = "dropdownList" dropdownList.className = "dropdownList"

12
resources/js/navbar.json.js
Unescape View File

@ -1,16 +1,16 @@
Navbar = [ Navbar = [
{
name: "Search",
desc: "Zoek iets op",
icon: "fas fa-search",
func: "showSearch()"
},
{ {
name: "Home", name: "Home",
desc: "Ga naar de homepagina", desc: "Ga naar de homepagina",
link: "/", link: "/",
icon: "fas fa-home" icon: "fas fa-home"
}, },
{
name: "Downloads",
desc: "Handige downloads",
link: "/downloads",
icon: "fas fa-download"
},
{ {
name: "Contact", name: "Contact",
desc: "Neem contact met mij op", desc: "Neem contact met mij op",

10
resources/js/shortcuts.js
Unescape View File

@ -44,17 +44,13 @@ function createShortcut(shortcutObj) {
} }
var obj = JSON.stringify(data) var obj = JSON.stringify(data)
ls.setItem("shortcuts", obj) ls.setItem("shortcuts", obj)
var shortcut = c("a")
shortcut.href = shortcutLink
shortcut.alt = " "
shortcut.target = "_blank"
shortcut.innerHTML = shortcutName
var shortcutButton = c("button") var shortcutButton = c("button")
shortcutButton.onclick = function() { window.open(shortcutLink); }
shortcutButton.innerHTML = shortcutName
var shortcutImage = c("img") var shortcutImage = c("img")
shortcutImage.src = "/resources/img/shortcut.png" shortcutImage.src = "/resources/img/shortcut.png"
$("#shortcuts").append(shortcutButton); $("#shortcuts").append(shortcutButton);
$(shortcutButton).append(shortcut); $(shortcutButton).prepend(shortcutImage);
$(shortcut).prepend(shortcutImage);
$(".inputMenu").val('') $(".inputMenu").val('')
closeMenu(); closeMenu();
} }