js plugins, bug fixes

frontend/partials/foot.ejs

@@ -1,6 +1,3 @@
-<script>
-    var domain = "<%- vars.domain %>";
-    var page = window.location.toString().split(`${domain}`)[1].split("?")[0];
-</script>
-<script src="<%- vars.domain %>/js/scripts.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox-plus-jquery.min.js" integrity="sha512-U9dKDqsXAE11UA9kZ0XKFyZ2gQCj+3AwZdBMni7yXSvWqLFEj8C1s7wRmWl9iyij8d5zb4wm56j4z/JVEwS77g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="<%- vars.domain %>/js/lightbox-plus-jquery.min.js"></script>
+<script src="<%- vars.domain %>/js/jquery.fittext.js"></script>
+<script src="<%- vars.domain %>/js/scripts.js"></script>

frontend/partials/suggested.ejs

@@ -1,4 +1,4 @@
-<% var currentSlug = (article || []).slug;
+<% var article = article || poll || newspaper; var currentSlug = (article || []).slug;
 function ifYesterday(date) { 
 	var yesterday = new Date();
 	yesterday.setDate(yesterday.getDate() - 1);

frontend/public/css/styles.css

@@ -1,10 +1,28 @@
 @media screen and (max-width: 1400px) {
 	header .main {
-		flex-direction: column !important;
+		padding: 24px 0 20px 0 !important;
+		flex-direction: row !important;
+	}
+
+	header .main.home {
+		padding: 50px 0 20px 0 !important;
+	}
+
+	header .main .search {
+		position: fixed !important;
+		top: 35px !important;
 	}
 }
 
 @media screen and (max-width: 1200px) {
+	header .main {
+		flex-direction: column !important;
+	}
+
+	header .main .search {
+		position: flex !important;
+	}
+
 	.hero {
 		display: flex !important;
 		flex-direction: column;
@@ -47,11 +65,16 @@
 		left: 0px !important;
 		padding: 10px 20px !important;
 		border-radius: 100px;
+		margin-bottom: 30px;
 	}
 
 	header .main {
 		flex-direction: column !important;
 	}
+
+	header .main.home {
+		margin-top: -26px;
+	}
 
 	header .main a img {
 		height: 50px !important;
@@ -248,7 +271,7 @@ header .main {
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
-	gap: 20px;
+	gap: 5px;
 	width: 75%;
 	padding: 50px 0 20px 0;
 	border-bottom: 1px solid lightgray;
@@ -311,6 +334,7 @@ header .main .search.active form {
 
 header .main .search form input {
     width: 15vw;
+	min-width: 100px;
     border-radius: 24px;
     border: 2px solid #D2D2D2;
     background-color: var(--background);

frontend/public/js/jquery.fittext.js

@@ -0,0 +1,43 @@
+/*global jQuery */
+/*!
+* FitText.js 1.2
+*
+* Copyright 2011, Dave Rupert http://daverupert.com
+* Released under the WTFPL license
+* http://sam.zoy.org/wtfpl/
+*
+* Date: Thu May 05 14:23:00 2011 -0600
+*/
+
+(function( $ ){
+
+  $.fn.fitText = function( kompressor, options ) {
+
+    // Setup options
+    var compressor = kompressor || 1,
+        settings = $.extend({
+          'minFontSize' : Number.NEGATIVE_INFINITY,
+          'maxFontSize' : Number.POSITIVE_INFINITY
+        }, options);
+
+    return this.each(function(){
+
+      // Store the object
+      var $this = $(this);
+
+      // Resizer() resizes items based on the object width divided by the compressor * 10
+      var resizer = function () {
+        $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
+      };
+
+      // Call once to set.
+      resizer();
+
+      // Call on resize. Opera debounces their resize by default.
+      $(window).on('resize.fittext orientationchange.fittext', resizer);
+
+    });
+
+  };
+
+})( jQuery );