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;
padding: 0;
}
footer a {
transition: color .5s;
}
footer li {
margin-top: 1rem;
}
footer a:hover {
color: gray!important;
}
/* Mobile support */
@viewport {
width: device-width;

30
index.html
Unescape View File

@ -2,20 +2,20 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Website gemaakt door Guus van Meerveld">
<meta name="author" content="Guus van Meerveld">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="/resources/css/shortcuts.css">
<link rel="stylesheet" href="/css.css">
<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/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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Website gemaakt door Guus van Meerveld">
<meta name="author" content="Guus van Meerveld">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="/resources/css/shortcuts.css">
<link rel="stylesheet" href="/css.css">
<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/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>
</head>
<body>
@ -82,7 +82,7 @@
<ul>
<li><a href="https://samtaen.ml">Sam Taen</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>
</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 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
function showTime() {
var date = new Date()

4
resources/css/cssall.css
Unescape View File

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

5
resources/css/shortcuts.css
Unescape View File

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

45
resources/js/insertNavbar.js
Unescape View File

@ -10,6 +10,48 @@ navbarList.className = "navbarList"
navigation.appendChild(navbarList)
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
Navbar.forEach(i=>{
var navList = c("li")
@ -26,6 +68,9 @@ Navbar.forEach(i=>{
if (i.desc) {
navButton.title = i.desc
}
if (i.func) {
navButton.setAttribute('onclick',i.func)
}
navList.appendChild(navButton)
var dropdownList = c("ul")
dropdownList.className = "dropdownList"

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

@ -1,16 +1,16 @@
Navbar = [
{
name: "Search",
desc: "Zoek iets op",
icon: "fas fa-search",
func: "showSearch()"
},
{
name: "Home",
desc: "Ga naar de homepagina",
link: "/",
icon: "fas fa-home"
},
{
name: "Downloads",
desc: "Handige downloads",
link: "/downloads",
icon: "fas fa-download"
},
{
name: "Contact",
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)
ls.setItem("shortcuts", obj)
var shortcut = c("a")
shortcut.href = shortcutLink
shortcut.alt = " "
shortcut.target = "_blank"
shortcut.innerHTML = shortcutName
var shortcutButton = c("button")
shortcutButton.onclick = function() { window.open(shortcutLink); }
shortcutButton.innerHTML = shortcutName
var shortcutImage = c("img")
shortcutImage.src = "/resources/img/shortcut.png"
$("#shortcuts").append(shortcutButton);
$(shortcutButton).append(shortcut);
$(shortcut).prepend(shortcutImage);
$(shortcutButton).prepend(shortcutImage);
$(".inputMenu").val('')
closeMenu();
}