feat: refactored a shit ton of stuff

frontend/src/Layouts/Navbar.elm

@@ -1,13 +1,37 @@
 module Layouts.Navbar exposing (Model, Msg, Props, layout)
 
-import Config.Colour as T exposing (..)
-import Config.Format as O exposing (..)
-import Config.Identity as I exposing (..)
-import Config.Style.Svgs as Icon exposing (..)
+import Config.Format.Format
+    exposing
+        ( paragraphFontSize
+        , paragraphSpacing
+        )
+import Config.Data.Identity exposing (..)
+import Config.Style.Colour exposing (colourTheme)
+import Config.Style.Fonts exposing (spartanFont)
+import Config.Style.Glow exposing (glowDeepDarkGrey)
+import Config.Style.Svgs
+    exposing
+        ( contact
+        , debate
+        , discord
+        , donate
+        , gitlab
+        , home
+        , hyperBlog
+        , interviews
+        , mastodon
+        , nutriDex
+        , services
+        , twitter
+        , upRootLarge
+        , upRootMedium
+        , upRootSmall
+        )
+import Config.Style.Transitions exposing (transitionStyleMedium)
 import Effect exposing (Effect)
 import Element as E exposing (..)
-import Element.Background as B exposing (..)
-import Element.Border as D exposing (..)
+import Element.Background as B
+import Element.Border as D
 import Element.Events as Events
 import Element.Font as F
 import Element.Region exposing (description)
@@ -115,7 +139,7 @@ navbarContainer device content =
             , D.widthEach { top = 0, bottom = 0, left = 0, right = 3 }
             , D.color colourTheme.textDarkOrange
             , B.color colourTheme.backgroundDarkGrey
-            , O.glow
+            , glowDeepDarkGrey
             , spacing 3
             ]
             (case ( device.class, device.orientation ) of
@@ -206,19 +230,17 @@ desktopIconMaker =
         , E.width <| px desktopBarWidth
         ]
         [ row
-            (nonHighlightedTitleFormat
-                ++ [ centerX
-                   , spacing 2
-                   , E.width <| px 140
-                   , centerX
-                   , paddingEach
-                        { top = 20
-                        , right = 0
-                        , bottom = 20
-                        , left = 0
-                        }
-                   ]
-            )
+            [ centerX
+            , spacing 2
+            , E.width <| px 140
+            , centerX
+            , paddingEach
+                { top = 20
+                , right = 0
+                , bottom = 20
+                , left = 0
+                }
+            ]
             [ html upRootMedium
             ]
         , el
@@ -244,19 +266,17 @@ mobileIconMaker =
         , E.width <| px mobileBarWidth
         ]
         [ row
-            (nonHighlightedTitleFormat
-                ++ [ centerX
-                   , spacing 2
-                   , E.width <| px 35
-                   , centerX
-                   , paddingEach
-                        { top = 10
-                        , right = 0
-                        , bottom = 10
-                        , left = 0
-                        }
-                   ]
-            )
+            [ centerX
+            , spacing 2
+            , E.width <| px 35
+            , centerX
+            , paddingEach
+                { top = 10
+                , right = 0
+                , bottom = 10
+                , left = 0
+                }
+            ]
             [ html upRootSmall
             ]
         , el
@@ -355,7 +375,7 @@ desktopButtonMaker name icon =
                 , column
                     [ mouseOver [ F.color colourTheme.textLightOrange ]
                     , F.color colourTheme.textLightGrey
-                    , htmlAttribute <| style "transition" "all 0.2s ease-in-out"
+                    , transitionStyleMedium
                     , alignBottom
                     ]
                     [ text (String.toUpper name)
@@ -383,14 +403,14 @@ mobileButtonMaker name icon =
 
 iconList : List (Html msg)
 iconList =
-    [ Icon.home
-    , Icon.services
-    , Icon.hyperBlog
-    , Icon.debate
-    , Icon.nutriDex
-    , Icon.interviews
-    , Icon.donate
-    , Icon.contact
+    [ home
+    , services
+    , hyperBlog
+    , debate
+    , nutriDex
+    , interviews
+    , donate
+    , contact
     ]
 
 
@@ -563,8 +583,8 @@ discordDetails =
 
 
 footerIconList =
-    [ Icon.gitlab
-    , Icon.twitter
-    , Icon.mastodon
-    , Icon.discord
+    [ gitlab
+    , twitter
+    , mastodon
+    , discord
     ]