Removed Unsplash

Removed Unsplash in order to keep everything simple. (Also the load times were too god damn high)

3 files changed, 37 insertions, 155 deletions

diff --git a/hp_assets/css/main.css b/hp_assets/css/main.css
index 62bc0ff..a1ef7e3 100644
--- a/hp_assets/css/main.css
+++ b/hp_assets/css/main.css
@@ -1,31 +1,20 @@
-html {height: 100%; width: 100%;}
-body {font-family: sans-serif; z-index: 1; height: 100%; width: 100%; background-position: center; background-attachment: fixed;}
-
-.hidden {display: none;}
-.menu-item {display: none; z-index: 3;}
-
-#bg-overlay {    
-	position:fixed;
-	padding:0;
-	margin:0;
-	top:0;
-	left:0;
-	width: 100%;
+html {
 	height: 100%; 
-	background-color: #fff; 
-	opacity: 0; 
-	z-index: 2; 
-	transition: .3s all;
+	width: 100%;
 }
 
-body.menu-shown #bg-overlay {opacity: 0.3;}
-
-#mobile-menu-wrap {z-index: 3; position: absolute; top: 15px; left: 15px;}
-#mobile-menu-wrap a {font-size: 20px;}
+body {
+	font-family: sans-serif; 
+	z-index: 1; 
+	height: 100%; 
+	width: 100%; 
+	background-position: center; 
+	background-attachment: fixed;
+}
 
 .bg {
-	border-radius: 5px; 
-	background-color: rgba(0, 0, 0, .5); 
+	border-radius: 6px; 
+	background-color: rgba(0, 0, 0, .4); 
 	padding: 20px;
 }
 
@@ -35,29 +24,41 @@ body.menu-shown #bg-overlay {opacity: 0.3;}
 
 #links-wrap {
 	font-size: 80px;
-
 	position: fixed;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
-	
 	padding-bottom: 3px;
-
 	width: fit-content;
 	height: auto;
-
-	max-width: 75%;
+	max-width: 80%;
 	max-height: 85%;
-
 	overflow: auto;
 	display: flex;
 }
 
-#links-wrap a {transition: .3s all;}
-#links-wrap a:hover {color: #d3d3d3;}
-#links-wrap .link {display: inline-block; width: 33%; float: left; text-align: center;}
-#links-wrap::-webkit-scrollbar {width: 10px;	background-color: transparent;}
-#links-wrap::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.4); background-color: rgba(255,255,255,.2);}
+#links-wrap a {
+	transition: .3s all;
+}
+
+#links-wrap a:hover {
+	color: #c4c4c4;
+}
+
+#links-wrap .link {
+	display: inline-block;
+	width: 33%;
+	float: left;
+	text-align: center;
+}
+
+#links-wrap::-webkit-scrollbar {
+	width: 10px;
+	background-color: transparent;
+}
 
-#pic-info-wrap {color: #fff; font-size: 16px; position: absolute; bottom: 15px; left: 15px;}
-#pic-info-wrap a:hover, #pic-info-wrap a:active {color: #fff; text-decoration: none;}
+#links-wrap::-webkit-scrollbar-thumb {
+	border-radius: 6px;
+	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.4);
+	background-color: rgba(255,255,255,.2);
+}
\ No newline at end of file
diff --git a/hp_assets/js/main.js b/hp_assets/js/main.js
deleted file mode 100644
index a9d62c3..0000000
--- a/hp_assets/js/main.js
+++ /dev/null
@@ -1,53 +0,0 @@
-// Set random background image
-function setBgImg() {
-  var bg = "";
-
-  $.getJSON("hp_assets/lib/ajax_get_image.php").done(function(data) {
-    if (data['success']) {
-      bg = data['url'];
-      if (bg != "" && bg != null) {
-        preloadimages([bg]).done(function(images) {
-          $("#homepage").css("background-image", "url(" + bg + ")").css("background-size", "cover");
-          $("#pic-info-wrap").removeClass("hidden");
-          $("#pic-info-url").attr("href", data['image_user_url']).text(data['image_user_name']);
-        });
-      }
-    }
-  });
-}
-
-// http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml
-function preloadimages(arr){
-  var newimages=[], loadedimages=0
-  var postaction=function(){}
-  var arr=(typeof arr!="object")? [arr] : arr
-  function imageloadpost(){
-    loadedimages++
-    if (loadedimages==arr.length){
-      postaction(newimages) //call postaction and pass in newimages array as parameter
-    }
-  }
-  for (var i=0; i<arr.length; i++){
-    newimages[i]=new Image()
-    newimages[i].src=arr[i]
-    newimages[i].onload=function(){
-        imageloadpost()
-    }
-    newimages[i].onerror=function(){
-      imageloadpost()
-    }
-  }
-  return { //return blank object with done() method
-    done:function(f){
-      postaction=f || postaction //remember user defined callback functions to be called when images load
-    }
-  }
-}
-
-$(function() {
-  $("#mobile-menu-wrap a").click(function(e) {
-    e.preventDefault();
-  });
-
-  setBgImg();
-});
diff --git a/hp_assets/lib/ajax_get_image.php b/hp_assets/lib/ajax_get_image.php
deleted file mode 100644
index 7910619..0000000
--- a/hp_assets/lib/ajax_get_image.php
+++ /dev/null
@@ -1,66 +0,0 @@
-<?php
-
-	// AJAX call to fetch a new background image
-
-  // http://stackoverflow.com/a/24707821 => use instead of file_get_contents for external URL's
-  function curl_get_contents($url, $headers = null) {
-    $ch = curl_init();
-
-    curl_setopt($ch, CURLOPT_HEADER, 0);
-    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
-    curl_setopt($ch, CURLOPT_URL, $url);
-
-    // Include potential headers with request
-    if (!empty($headers)) {
-      curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
-    }
-
-    $data = curl_exec($ch);
-    curl_close($ch);
-
-    return $data;
-  }
-
-  // Traverse a JSON object given a string selector
-  function traverse_json($json, $selector) {
-    $regex = "\[\'?([{}a-z0-9_]+)\'?\]";
-    preg_match_all('/' . $regex . '/i', $selector, $matches);
-
-    // Go through each regex match and traverse the JSON object given the keys
-    $obj = $json;
-    foreach ($matches[1] as $i => $match) {
-      if ($match == '{random}' && is_array($obj)) {
-        // Let's fetch a random index of the array
-        $rand = rand(0, count($obj));
-        $obj  = $obj[$rand];
-      } else {
-        // Keep traversing the object
-        $obj = $obj[$match];
-      }
-    }
-
-    return $obj;
-  }
-
-	$config = json_decode(file_get_contents(dirname(__FILE__) . "/../../config.json"), true);
-
-  if (!empty($config['custom_url'])) {
-    // We're fetching from a custom URL
-    $json      = json_decode(curl_get_contents($config['custom_url'], $config['custom_url_headers']), true);
-    $image_url = traverse_json($json, $config['custom_url_selector']);
-
-    echo json_encode(array('success' => 1, 'url' => $image_url));
-  } else if (!empty($config['unsplash_client_id'])) {
-    // We're fetching from Unsplash's API
-  	$url             = "https://api.unsplash.com/photos/random?per_page=1&client_id=" . $config['unsplash_client_id'];
-  	$json            = json_decode(curl_get_contents($url), true);
-  	$image_url       = $json['urls']['regular'];
-  	$image_user_name = $json['user']['name'];
-  	$image_user_url  = $json['user']['links']['html'];
-
-  	echo json_encode(array('success' => 1, 'url' => $image_url, 'image_user_name' => $image_user_name, 'image_user_url' => $image_user_url));
-  }
-
-	die();
-
-?>
\ No newline at end of file