Moved homepage site and assets to /src, added show_menu_on_page_load …

…option to config, updated jQuery to 3.5.1
tomershvueli · Jun 25, 2020 · 9b0034c · 9b0034c
1 parent ca7008f
commit 9b0034c
Show file tree

Hide file tree

Showing 21 changed files with 16 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -31,8 +31,9 @@ Copy the config.sample.json file and rename to config.json. Be sure to update th
 ## Configure Homepage
 - `unlock_pattern` => Choose unlock pattern from [Mousetrap](https://craig.is/killing/mice)
 - `clock_format` => Choose pattern format from [PHP's date function](http://php.net/manual/en/function.date.php)
-- `hover_color` => The CSS color for menu items when hovered over
-- `time_to_refresh_bg` => Time, in milliseconds, until it will fetch the next background image
+- `hover_color` => The CSS color for menu items when hovered over. Defaults to `#999`. 
+- `time_to_refresh_bg` => Time, in milliseconds, until it will fetch the next background image. Defaults to `20000`. 
+- `show_menu_on_page_load` => Boolean as to whether the menu should be shown when you first load the page. Defaults to `false`.
 - `idle_timer` => Set a number of milliseconds here if you'd like to automatically hide the menu after a certain time of inactivity. Leave this attribute out entirely if you don't want an idle timer. 
 - `items` => Array of objects for links to be displayed. The menu will be in a grid of 3 icons per row on desktop. Object shape: 
   - `link` => Insert any link you'd like, or {{cur}} for the current URL of the page, i.e. `{{cur}}:32400/web/`. 

diff --git a/hp_assets/js/jquery.min.js b/hp_assets/js/jquery.min.js
diff --git a/.gitignore → src/.gitignore b/.gitignore → src/.gitignore
diff --git a/.htaccess → src/.htaccess b/.htaccess → src/.htaccess
diff --git a/config.sample.json → src/config.sample.json b/config.sample.json → src/config.sample.json
@@ -5,6 +5,7 @@
   "hover_color" : "#999",
   "time_to_refresh_bg" : 20000,
   "idle_timer" : 60000,
+  "show_menu_on_page_load": false,
   "items" : [
     {
       "alt" : "Facebook",

diff --git a/favicon.ico → src/favicon.ico b/favicon.ico → src/favicon.ico
diff --git a/hp_assets/css/bootstrap.min.css → src/hp_assets/css/bootstrap.min.css b/hp_assets/css/bootstrap.min.css → src/hp_assets/css/bootstrap.min.css
diff --git a/hp_assets/css/font-awesome.min.css → src/hp_assets/css/font-awesome.min.css b/hp_assets/css/font-awesome.min.css → src/hp_assets/css/font-awesome.min.css
diff --git a/hp_assets/css/main.css → src/hp_assets/css/main.css b/hp_assets/css/main.css → src/hp_assets/css/main.css
diff --git a/hp_assets/fonts/FontAwesome.otf → src/hp_assets/fonts/FontAwesome.otf b/hp_assets/fonts/FontAwesome.otf → src/hp_assets/fonts/FontAwesome.otf
diff --git a/hp_assets/fonts/fontawesome-webfont.eot → src/hp_assets/fonts/fontawesome-webfont.eot b/hp_assets/fonts/fontawesome-webfont.eot → src/hp_assets/fonts/fontawesome-webfont.eot
diff --git a/hp_assets/fonts/fontawesome-webfont.svg → src/hp_assets/fonts/fontawesome-webfont.svg b/hp_assets/fonts/fontawesome-webfont.svg → src/hp_assets/fonts/fontawesome-webfont.svg
diff --git a/hp_assets/fonts/fontawesome-webfont.ttf → src/hp_assets/fonts/fontawesome-webfont.ttf b/hp_assets/fonts/fontawesome-webfont.ttf → src/hp_assets/fonts/fontawesome-webfont.ttf
diff --git a/hp_assets/fonts/fontawesome-webfont.woff → src/hp_assets/fonts/fontawesome-webfont.woff b/hp_assets/fonts/fontawesome-webfont.woff → src/hp_assets/fonts/fontawesome-webfont.woff
diff --git a/hp_assets/fonts/fontawesome-webfont.woff2 → ...hp_assets/fonts/fontawesome-webfont.woff2 b/hp_assets/fonts/fontawesome-webfont.woff2 → ...hp_assets/fonts/fontawesome-webfont.woff2
diff --git a/hp_assets/img/sayagata-400px.png → src/hp_assets/img/sayagata-400px.png b/hp_assets/img/sayagata-400px.png → src/hp_assets/img/sayagata-400px.png
diff --git a/src/hp_assets/js/jquery.min.js b/src/hp_assets/js/jquery.min.js
diff --git a/hp_assets/js/main.js → src/hp_assets/js/main.js b/hp_assets/js/main.js → src/hp_assets/js/main.js
@@ -1,4 +1,4 @@
-let menuHidden = true;
+let menuHidden = $.config.show_menu_on_page_load;
 let randBgTimer = null;
 
 // Simulates PHP's date function - http://jacwright.com/projects/javascript/date_format/
@@ -40,11 +40,11 @@ function toggleMenu() {
 
 function setMenuVisibility(visible) {
   if (visible) {
-    $(".menu-item").fadeIn();
+    $(".menu-item").fadeIn(250);
     $("body").addClass("menu-shown");
     menuHidden = false;
   } else {
-    $(".menu-item").fadeOut();
+    $(".menu-item").fadeOut(250);
     $("body").removeClass("menu-shown");
     menuHidden = true;
   }
@@ -136,4 +136,5 @@ $(function() {
 
   updateClock();
   setInterval('updateClock()', 1000);
+  setMenuVisibility(menuHidden); // Set menu visibility on page load
 });
diff --git a/hp_assets/js/mousetrap.min.js → src/hp_assets/js/mousetrap.min.js b/hp_assets/js/mousetrap.min.js → src/hp_assets/js/mousetrap.min.js
diff --git a/hp_assets/lib/ajax_get_image.php → src/hp_assets/lib/ajax_get_image.php b/hp_assets/lib/ajax_get_image.php → src/hp_assets/lib/ajax_get_image.php
diff --git a/index.php → src/index.php b/index.php → src/index.php
@@ -3,7 +3,12 @@
   * homepage
   */
 
-  $default_config = array("time_to_refresh_bg" => 20000, "hover_color" => "#999"); // Make sure that we at least always have a value for these
+  // Make sure that we at least always have a value for these config values
+  $default_config = array(
+    "show_menu_on_page_load" => false,
+    "time_to_refresh_bg" => 20000,
+    "hover_color" => "#999"
+  );
   $config_file    = json_decode(file_get_contents("config.json"), true);
   $config         = array_merge($default_config, $config_file);
   unset($config['protected']); // Make sure we don't expose any protected fields to the front end