Change build location, and scripts

build/assets/js/main.js

@@ -0,0 +1 @@
+const burger=document.getElementById("burger");const body=document.body;let mobileNav=document.getElementById("mobile-nav");mobileNav.classList.add("mobile-nav--hidden");burger.addEventListener("click",burgerToggle);function burgerToggle(){mobileNav.classList.toggle("mobile-nav--hidden");body.classList.toggle("burger-open")}const headerHeight=header.offsetHeight;const headerContainer=document.getElementById("header-container");const threshold=header.getBoundingClientRect();const handleScroll=()=>{if(window.scrollY>=headerHeight/2||window.pageYOffset>=headerHeight/2){header.classList.add("header--scroll");headerContainer.classList.add("header-container--scroll")}else{header.classList.remove("header--scroll");headerContainer.classList.remove("header-container--scroll")}};window.onscroll=()=>{requestAnimationFrame(handleScroll)};

build/faq.html

@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="FeedTheCommunity is a local Grimsby/N.E. Lincolnshire food bank with the aim to fight food poverty.">
 		<meta name="author" content="Nathan (Aney) Steel">
-		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
 		<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
 		<link rel="manifest" href="/icons/site.webmanifest">
 		<title>Foodbank | Feed The Community</title>
@@ -170,8 +170,7 @@
 			</section>
 		</footer>
 
-		<script src="/js/burger.js"></script>
-		<script src="/js/header-scroll.js"></script>
+		<script src="/assets/js/main.js"></script>
 	</body>
 </html>
 

build/index.html

@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="FeedTheCommunity is a local Grimsby/N.E. Lincolnshire food bank with the aim to fight food poverty.">
 		<meta name="author" content="Nathan (Aney) Steel">
-		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
 		<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
 		<link rel="manifest" href="/icons/site.webmanifest">
 		<title>Foodbank | Feed The Community</title>
@@ -115,8 +115,7 @@
 			</section>
 		</footer>
 
-		<script src="/js/burger.js"></script>
-		<script src="/js/header-scroll.js"></script>
+		<script src="/assets/js/main.js"></script>
 	</body>
 </html>
 

build/support.html

@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="FeedTheCommunity is a local Grimsby/N.E. Lincolnshire food bank with the aim to fight food poverty.">
 		<meta name="author" content="Nathan (Aney) Steel">
-		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
 		<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
 		<link rel="manifest" href="/icons/site.webmanifest">
 		<title>Foodbank | Feed The Community</title>
@@ -129,8 +129,7 @@
 			</section>
 		</footer>
 
-		<script src="/js/burger.js"></script>
-		<script src="/js/header-scroll.js"></script>
+		<script src="/assets/js/main.js"></script>
 	</body>
 </html>
 

build/team.html

@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="FeedTheCommunity is a local Grimsby/N.E. Lincolnshire food bank with the aim to fight food poverty.">
 		<meta name="author" content="Nathan (Aney) Steel">
-		<link rel="stylesheet" type="text/css" href="/main.css">
+		<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
 		<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
 		<link rel="manifest" href="/icons/site.webmanifest">
 		<title>Foodbank | Feed The Community</title>
@@ -140,8 +140,7 @@
 			</section>
 		</footer>
 
-		<script src="/js/burger.js"></script>
-		<script src="/js/header-scroll.js"></script>
+		<script src="/assets/js/main.js"></script>
 	</body>
 </html>
 

images

@@ -0,0 +1 @@
+./build/images/

package.json

@@ -8,15 +8,15 @@
     "uglify-js": "^3.17.4"
   },
   "scripts": {
-    "dev:scss": "sass -w scss/main.scss main.css",
-    "build:scss": "sass scss/main.scss main.css",
-	"concat:js": "concat -o main.js js/burger.js js/header-scroll.js",
-	"cssmin": "cleancss -o main.min.css main.css",
-	"uglify": "uglifyjs -o main.min.js main.js",
+    "dev:scss": "sass -w scss/main.scss build/assets/css/main.css",
+    "build:scss": "sass scss/main.scss build/assets/css/main.css",
+	"concat:js": "concat -o build/assets/js/main.js js/burger.js js/header-scroll.js",
+	"cssmin": "cleancss -o build/assets/css/main.css build/assets/css/main.css",
+	"uglify": "uglifyjs -o build/assets/js/main.js build/assets/js/main.js",
 	"build:css": "npm run build:scss && npm run cssmin",
 	"build:js": "npm run concat:js && npm run uglify",
 	"dev": "npm run dev:scss",
-	"build": "npm run build:scss && npm run concat:js",
+	"build": "npm run build:css && npm run build:js",
 	"watch:css": "onchange 'scss/**/*' -- npm run build:scss",
     "watch:js": "onchange 'js/*.js' -- npm run concat:js",
 	"watch": "npm-run-all --parallel watch:*"

scss/components/_hero.scss

@@ -33,7 +33,7 @@
 }
 .hero--image{
 	background-color:$heroBg;
-	background-image:linear-gradient(rgba($heroBg, 0.2), rgba($heroBg, 0.45)), url("./images/hero.jpg");
+	background-image:linear-gradient(rgba($heroBg, 0.2), rgba($heroBg, 0.45)), url("/images/hero.jpg");
 }
 .hero-content{
 	text-align:center;