Edit home navigation

assets/css/style.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["partials/_minireset.css","partials/_fonts.scss","partials/_variables.scss","partials/_animations.scss","style.scss"],"names":[],"mappings":"AAIA,yGAuBI,SACA,UAGJ,kBAMI,eACA,mBAGJ,GACI,gBAGJ,oBAGI,SAGJ,KACI,sBAGJ,qBACI,mBAGJ,UAEI,YACA,eAGJ,OACI,SAGJ,MACI,yBACA,iBAGJ,MAEI,UCtEJ,WACI,qBACA,+DACA,gBACA,kBAGJ,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,oEACA,gBACA,kBAGD,WACC,qBACA,gEACA,gBACA,kBAGD,WACC,qBACA,sEACA,gBACA,kBAGD,WACC,qBACA,4DACA,gBACA,kBAGD,WACC,qBACA,kEACA,gBACA,kBAKD,WACC,gCACA,oFACA,gBACA,kBChED,MAII,kDACA,6DACA,2BACA,0BACA,6BACA,wBACA,uBACA,4BACA,6BACA,2BACA,uBACA,uBACA,uBAIA,4BACA,wBACA,oBACA,oCACA,sCACA,0FACA,oCACA,sCACA,sHACA,yCACA,2CACA,sCACA,wCACA,6FACA,qBACA,2BACA,+BACA,mMAIA,cACA,eACA,cAaJ,qCAEI,MAII,yBACA,4BACA,2BACA,qBACA,uBACA,uBAIA,kBACA,sCACA,oCACA,sCACA,uFACA,2CACA,yCC7ER,2BACI,GACF,MAEE,IACF,YAED,KACC,OAIF,mBACC,GACC,MAEE,IACF,YAED,KACC,OAIF,6BACI,GACF,SAEE,IACF,eAED,KACC,UAIF,qBACI,GACF,SAEE,IACF,eAED,KACC,UCrCF,KACI,oCACA,gCACA,kCACA,iBACA,8BAGJ,SAGI,mBAGJ,GACI,oCACA,8BACA,gCAGJ,GACI,oCACA,8BACA,gCACA,kBAGJ,GACI,oCACA,8BACA,gCACA,qBAGJ,EACI,mBACA,oCAGJ,OACI,oCAGJ,GACI,kBAKJ,EACI,iBACA,0BACA,2CACA,sCACA,mCAEA,yBAGI,mBAOR,KACI,iBACA,kBACA,iBACA,aACA,KACI,2CAMR,OACI,iBAGJ,KACI,eAGJ,OACI,iBASJ,YACI,mCACA,gCACA,YACA,gFAGJ,kBACI,kBAGJ,uBACI,qBASJ,cACI,mCACA,0CACA,YACA,oFACA,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBAGJ,WACI,YACA,iBACA,aACA,KACI,iMAIJ,4BACA,wBACA,cAGJ,iBACI,iBAEA,qBACI,gBACA,2BACA,iBACA,4CAMJ,sCACI,cACA,sBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAIR,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAIR,sCACI,iBACA,wBAIR,gBACI,mBACA,qBACA,UACA,6CACA,wCACA,qCAEA,oBACI,UACA,6CACA,wCACA,qCAIR,yBACI,UAEA,6BACI,UAIR,2BACI,yCACA,oCAGJ,6BACI,2CACA,sCAKJ,gCAEI,mCACA,YACA,0FAGJ,8BAEI,kBAGJ,4CAEI,gCACA,YAEA,4EACI,kBAKA,0GAEI,kBAIR,kDACI,uBAEA,8GAEI,kBAGJ,8DACI,mBAKZ,kBACI,cACA,YAEA,oCACI,wBAGJ,oEAEI,cACA,gBACA,YAGJ,kCACI,2BAGJ,kCACI,8EAEA,+CACI,cACA,mBAKR,6BACI,sBACA,oBACA,wBACA,mCACA,kBAIR,qCAIQ,oCACI,yBAOZ,eACI,mCACA,YACA,0FAGJ,cACI,kBAGJ,gBACI,gCACA,YACA,kBAGJ,eACI,kBACA,kBAEA,iBACI,qBACA,aACA,mBACA,mBACA,4BACA,qBACA,yCACA,sDACA,iDACA,8CAEA,sEAGI,8BAWZ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,4BACA,6BACA,0BACA,sBACA,yBACA,sBACA,mBAGJ,oBACI,oBACA,oBACA,aACA,yBACA,sBACA,mBAEA,sBACI,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBACA,uBACA,wBAEA,wBACI,kBAGJ,0BACI,gBACA,WACA,YACA,0CACA,qCACA,kCAOA,iGACA,kBAMZ,uBACI,oCACA,kBAGJ,qCAEI,YACI,8BACA,6BACA,uBACA,mBACA,yBACA,sBACA,8BACA,sBACA,mBACA,qBAGJ,oBACI,QAGJ,uBACI,QACA","file":"style.min.css"}
+{"version":3,"sourceRoot":"","sources":["partials/_minireset.css","partials/_fonts.scss","partials/_variables.scss","partials/_animations.scss","style.scss"],"names":[],"mappings":"AAIA,yGAuBI,SACA,UAGJ,kBAMI,eACA,mBAGJ,GACI,gBAGJ,oBAGI,SAGJ,KACI,sBAGJ,qBACI,mBAGJ,UAEI,YACA,eAGJ,OACI,SAGJ,MACI,yBACA,iBAGJ,MAEI,UCtEJ,WACI,qBACA,+DACA,gBACA,kBAGJ,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,oEACA,gBACA,kBAGD,WACC,qBACA,gEACA,gBACA,kBAGD,WACC,qBACA,sEACA,gBACA,kBAGD,WACC,qBACA,4DACA,gBACA,kBAGD,WACC,qBACA,kEACA,gBACA,kBAKD,WACC,gCACA,oFACA,gBACA,kBChED,MAII,kDACA,6DACA,2BACA,0BACA,6BACA,wBACA,uBACA,4BACA,6BACA,2BACA,uBACA,uBACA,uBAIA,4BACA,wBACA,oBACA,oCACA,sCACA,0FACA,oCACA,sCACA,sHACA,yCACA,2CACA,sCACA,wCACA,6FACA,qBACA,2BACA,+BACA,mMAIA,cACA,eACA,cAaJ,qCAEI,MAII,yBACA,4BACA,2BACA,qBACA,uBACA,uBAIA,kBACA,sCACA,oCACA,sCACA,uFACA,2CACA,yCC7ER,2BACI,GACF,MAEE,IACF,YAED,KACC,OAIF,mBACC,GACC,MAEE,IACF,YAED,KACC,OAIF,6BACI,GACF,SAEE,IACF,eAED,KACC,UAIF,qBACI,GACF,SAEE,IACF,eAED,KACC,UCrCF,KACI,oCACA,gCACA,kCACA,iBACA,8BAGJ,SAGI,mBAGJ,GACI,oCACA,8BACA,gCAGJ,GACI,oCACA,8BACA,gCACA,kBAGJ,GACI,oCACA,8BACA,gCACA,qBAGJ,EACI,mBACA,oCAGJ,OACI,oCAGJ,GACI,kBAKJ,EACI,iBACA,0BACA,2CACA,sCACA,mCAEA,yBAGI,mBAOR,KACI,iBACA,kBACA,iBACA,aACA,KACI,2CAMR,OACI,iBAGJ,KACI,eAGJ,OACI,iBASJ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,yBACA,sBACA,8BACA,yBACA,sBACA,mBAGJ,kBACI,kBAGJ,uBACI,qBAGJ,iBACC,kBACA,UAGD,wBACC,8BACA,WACA,YACA,cACA,YACA,eACA,oBACA,oBACA,aACA,4BACA,6BACG,0BACH,sBACA,yBACA,sBACA,8BAEA,qKAGC,WACA,WACA,mBACA,4BAUF,cACI,mCACA,0CACA,YACA,oFACA,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBAGJ,WACI,YACA,iBACA,aACA,KACI,iMAIJ,4BACA,wBACA,cAGJ,iBACI,iBAEA,qBACI,gBACA,2BACA,iBACA,4CAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAOR,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAKZ,gBACI,mBACA,8BACA,qBACA,UACA,6CACA,wCACA,qCAEA,oBACI,UACA,6CACA,wCACA,qCAIR,yBACI,UAEA,6BACI,UAIR,2BACI,yCACA,oCAGJ,6BACI,2CACA,sCAKJ,gCAEI,mCACA,YACA,0FAGJ,8BAEI,kBAGJ,4CAEI,gCACA,YAEA,4EACI,kBAKA,0GAEI,kBAIR,kDACI,uBAEA,8GAEI,kBAGJ,8DACI,mBAKZ,kBACI,cACA,YAEA,oCACI,wBAGJ,oEAEI,cACA,gBACA,YAGJ,kCACI,2BAGJ,kCACI,8EAEA,+CACI,cACA,mBAKR,6BACI,sBACA,oBACA,wBACA,mCACA,kBAIR,qCAIQ,oCACI,yBAOZ,eACI,mCACA,YACA,0FAGJ,cACI,kBAGJ,gBACI,gCACA,YACA,kBAGJ,eACI,kBACA,kBAEA,iBACI,qBACA,aACA,mBACA,mBACA,4BACA,qBACA,yCACA,sDACA,iDACA,8CAEA,sEAGI,8BAWZ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,4BACA,6BACA,0BACA,sBACA,yBACA,sBACA,mBAGJ,oBACI,oBACA,oBACA,aACA,yBACA,sBACA,mBAEA,sBACI,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBACA,uBACA,wBAEA,wBACI,kBAGJ,0BACI,gBACA,WACA,YACA,0CACA,qCACA,kCAOA,iGACA,kBAMZ,uBACI,oCACA,kBAGJ,qCAEI,YACI,8BACA,6BACA,uBACA,mBACA,yBACA,sBACA,8BACA,sBACA,mBACA,qBAGJ,oBACI,QAGJ,uBACI,QACA","file":"style.min.css"}

assets/css/style.scss

@@ -110,6 +110,15 @@ footer {
     height: var(--header-bar-height);
     margin: auto;
     padding: var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
 }
 
 .header-bar__logo {
@@ -120,6 +129,39 @@ footer {
     text-decoration: none;
 }
 
+.header-bar__nav {
+	position: relative;
+	z-index: 1;
+}
+
+.header-bar__nav-button {
+	background-color: var(--white);
+	width: 32px;
+	height: 32px;
+	padding: 5px 0;
+	border: none;
+	cursor: pointer;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+    -ms-flex-direction: column;
+	flex-direction: column;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+
+	.header-bar__nav-button-line-1,
+	.header-bar__nav-button-line-2,
+	.header-bar__nav-button-line-3 {
+		width: 100%;
+		height: 4px;
+		border-radius: 50px;
+		background-color: var(--jet);
+	}
+}
+
 // ----------------------------------------------------------------------------
 // MAIN
 // ----------------------------------------------------------------------------
@@ -170,13 +212,31 @@ footer {
 .home__nav--2-items {
 
     .home__nav-item-1 {
-        grid-area: top;
-        place-self: end center;
+        grid-area: top-left;
+        place-self: end end;
+        -webkit-transform:
+            rotate(-45deg)
+            translateY(var(--home-nav-item-translation));
+        -ms-transform:
+            rotate(-45deg)
+            translateY(var(--home-nav-item-translation));
+        transform:
+            rotate(-45deg)
+            translateY(var(--home-nav-item-translation));
     }
 
     .home__nav-item-2 {
-        grid-area: bottom;
-        place-self: start center;
+        grid-area: top-right;
+        place-self: end start;
+        -webkit-transform:
+            rotate(45deg)
+            translateY(var(--home-nav-item-translation));
+        -ms-transform:
+            rotate(45deg)
+            translateY(var(--home-nav-item-translation));
+        transform:
+            rotate(45deg)
+            translateY(var(--home-nav-item-translation));
     }
 }
 
@@ -218,35 +278,6 @@ footer {
 
 .home__nav--4-items {
 
-    .home__nav-item-1 {
-        grid-area: top;
-        place-self: end center;
-    }
-
-    .home__nav-item-2 {
-        grid-area: left;
-        place-self: center end;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-    }
-
-    .home__nav-item-3 {
-        grid-area: right;
-        place-self: center start;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-    }
-
-    .home__nav-item-4 {
-        grid-area: bottom;
-        place-self: start center;
-    }
-}
-
-.home__nav--5-items {
-
     .home__nav-item-1 {
         grid-area: top-left;
         place-self: end end;
@@ -276,131 +307,6 @@ footer {
     }
 
     .home__nav-item-3 {
-        grid-area: left;
-        place-self: center end;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-    }
-
-    .home__nav-item-4 {
-        grid-area: right;
-        place-self: center start;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-    }
-
-    .home__nav-item-5 {
-        grid-area: bottom;
-        place-self: start center;
-    }
-}
-
-.home__nav--6-items {
-
-    .home__nav-item-1 {
-        grid-area: top;
-        place-self: end center;
-    }
-
-    .home__nav-item-2 {
-        grid-area: top-left;
-        place-self: end end;
-        -webkit-transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-        -ms-transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-        transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-    }
-
-    .home__nav-item-3 {
-        grid-area: top-right;
-        place-self: end start;
-        -webkit-transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-        -ms-transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-        transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-    }
-
-    .home__nav-item-4 {
-        grid-area: left;
-        place-self: center end;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-    }
-
-    .home__nav-item-5 {
-        grid-area: right;
-        place-self: center start;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-    }
-
-    .home__nav-item-6 {
-        grid-area: bottom;
-        place-self: start center;
-    }
-}
-
-.home__nav--7-items {
-
-    .home__nav-item-1 {
-        grid-area: top-left;
-        place-self: end end;
-        -webkit-transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-        -ms-transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-        transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-    }
-
-    .home__nav-item-2 {
-        grid-area: top-right;
-        place-self: end start;
-        -webkit-transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-        -ms-transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-        transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-    }
-
-    .home__nav-item-3 {
-        grid-area: left;
-        place-self: center end;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-    }
-
-    .home__nav-item-4 {
-        grid-area: right;
-        place-self: center start;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-    }
-
-    .home__nav-item-5 {
         grid-area: bottom-left;
         place-self: start end;
         -webkit-transform:
@@ -414,92 +320,7 @@ footer {
             translateY(calc(var(--home-nav-item-translation) * -1));
     }
 
-    .home__nav-item-6 {
-        grid-area: bottom-right;
-        place-self: start start;
-        -webkit-transform:
-            rotate(-45deg)
-            translateY(calc(var(--home-nav-item-translation) * -1));
-        -ms-transform:
-            rotate(-45deg)
-            translateY(calc(var(--home-nav-item-translation) * -1));
-        transform:
-            rotate(-45deg)
-            translateY(calc(var(--home-nav-item-translation) * -1));
-    }
-
-    .home__nav-item-7 {
-        grid-area: bottom;
-        place-self: start center;
-    }
-}
-
-.home__nav--8-items {
-
-    .home__nav-item-1 {
-        grid-area: top;
-        place-self: end center;
-    }
-
-    .home__nav-item-2 {
-        grid-area: top-left;
-        place-self: end end;
-        -webkit-transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-        -ms-transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-        transform:
-            rotate(-45deg)
-            translateY(var(--home-nav-item-translation));
-    }
-
-    .home__nav-item-3 {
-        grid-area: top-right;
-        place-self: end start;
-        -webkit-transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-        -ms-transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-        transform:
-            rotate(45deg)
-            translateY(var(--home-nav-item-translation));
-    }
-
     .home__nav-item-4 {
-        grid-area: left;
-        place-self: center end;
-        -webkit-transform: rotate(-90deg);
-        -ms-transform: rotate(-90deg);
-        transform: rotate(-90deg);
-    }
-
-    .home__nav-item-5 {
-        grid-area: right;
-        place-self: center start;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-    }
-
-    .home__nav-item-6 {
-        grid-area: bottom-left;
-        place-self: start end;
-        -webkit-transform:
-            rotate(45deg)
-            translateY(calc(var(--home-nav-item-translation) * -1));
-        -ms-transform:
-            rotate(45deg)
-            translateY(calc(var(--home-nav-item-translation) * -1));
-        transform:
-            rotate(45deg)
-            translateY(calc(var(--home-nav-item-translation) * -1));
-    }
-
-    .home__nav-item-7 {
         grid-area: bottom-right;
         place-self: start start;
         -webkit-transform:
@@ -512,15 +333,11 @@ footer {
             rotate(-45deg)
             translateY(calc(var(--home-nav-item-translation) * -1));
     }
-
-    .home__nav-item-8 {
-        grid-area: bottom;
-        place-self: start center;
-    }
 }
 
 .home__nav-link {
     color: var(--black);
+    font-size: var(--h3-font-size);
     text-decoration: none;
     opacity: 0;
     -webkit-transition: opacity 600ms ease-in-out;

assets/js/app.js

@@ -55,26 +55,14 @@ function calculateNavGridInnerDiagonal() {
 // Create new instance of CircleType for each navigation link, set radius and direction
 function curveNavLinks() {
     if (navLinks.length !== 0 && circleTypes) {
-        if (navLinks.length < 7) {
-            for (let i = 0; i < (navLinks.length - 1); i++) {
-                circleTypes[i] = new CircleType(navLinks[i]);
-                circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
-            }
-            for (let i = (navLinks.length - 1); i < navLinks.length; i++) {
-                circleTypes[i] = new CircleType(navLinks[i]);
-                circleTypes[i].dir(-1);
-                circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
-            }
-        } else {
-            for (let i = 0; i < (navLinks.length - 3); i++) {
-                circleTypes[i] = new CircleType(navLinks[i]);
-                circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
-            }
-            for (let i = (navLinks.length - 3); i < navLinks.length; i++) {
-                circleTypes[i] = new CircleType(navLinks[i]);
-                circleTypes[i].dir(-1);
-                circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
-            }
+        for (let i = 0; i < (navLinks.length - 2); i++) {
+            circleTypes[i] = new CircleType(navLinks[i]);
+            circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
+        }
+        for (let i = (navLinks.length - 2); i < navLinks.length; i++) {
+            circleTypes[i] = new CircleType(navLinks[i]);
+            circleTypes[i].dir(-1);
+            circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
         }
     }
 }
@@ -96,14 +84,6 @@ function setNavGridDisplay() {
             navEl.classList.add('home__nav--3-items');
         } else if (navLinks.length === 4) {
             navEl.classList.add('home__nav--4-items');
-        } else if (navLinks.length === 5) {
-            navEl.classList.add('home__nav--5-items');
-        } else if (navLinks.length === 6) {
-            navEl.classList.add('home__nav--6-items');
-        } else if (navLinks.length === 7) {
-            navEl.classList.add('home__nav--7-items');
-        } else if (navLinks.length === 8) {
-            navEl.classList.add('home__nav--8-items');
         }
         for (let i = 0; i < navLinks.length; i++) {
             navLinks[i].classList.add('home__nav-link--visible');
@@ -162,28 +142,15 @@ function waveNavLinkDown(navLink) {
 // Add wave (up or down) animation to every letters of each link on mouseover event
 function waveNavLinksOnHover() {
     if (navLinks.length !== 0) {
-        if (navLinks.length < 7) {
-            for (let i = 0; i < (navLinks.length - 1); i++) {
-                navLinks[i].addEventListener('mouseover', function(e) {
-                    waveNavLinkUp(navLinks[i]);
-                });
-            }
-            for (let i = (navLinks.length - 1); i < navLinks.length; i++) {
-                navLinks[i].addEventListener('mouseover', function(e) {
-                    waveNavLinkDown(navLinks[i]);
-                });
-            }
-        } else {
-            for (let i = 0; i < (navLinks.length - 3); i++) {
-                navLinks[i].addEventListener('mouseover', function(e) {
-                    waveNavLinkUp(navLinks[i]);
-                });
-            }
-            for (let i = (navLinks.length - 3); i < navLinks.length; i++) {
-                navLinks[i].addEventListener('mouseover', function(e) {
-                    waveNavLinkDown(navLinks[i]);
-                });
-            }
+        for (let i = 0; i < (navLinks.length - 2); i++) {
+            navLinks[i].addEventListener('mouseover', function(e) {
+                waveNavLinkUp(navLinks[i]);
+            });
+        }
+        for (let i = (navLinks.length - 2); i < navLinks.length; i++) {
+            navLinks[i].addEventListener('mouseover', function(e) {
+                waveNavLinkDown(navLinks[i]);
+            });
         }
     }
 }