feat: refactoring and tidying up

frontend/src/Pages/Debate.elm

@@ -29,24 +29,23 @@ import Config.Helpers.CardFormat
 import Config.Helpers.Converters exposing (formatName)
 import Config.Helpers.Format
     exposing
-        ( paragraphFontSize
+        ( headerFontSizeSmall
+        , paragraphFontSize
         , paragraphSpacing
         )
+import Config.Helpers.Headers.Header exposing (headerMaker)
+import Config.Helpers.Headers.Types exposing (Header)
 import Config.Helpers.Response
     exposing
         ( pageList
         , topLevelContainer
         )
+import Config.Helpers.ServiceFormat exposing (chunkMaker)
 import Config.Helpers.Viewport exposing (resetViewport)
-import Config.Pages.Debate.Arguments.List exposing (argumentListNumber)
-import Config.Pages.Debate.Cuckery.List exposing (cuckListNumber)
-import Config.Pages.Debate.Gibberish.List exposing (gibberishListNumber)
+import Config.Pages.Debate.Arguments.List exposing (argumentList)
+import Config.Pages.Debate.Cuckery.List exposing (cuckList)
+import Config.Pages.Debate.Gibberish.List exposing (gibberishList)
 import Config.Pages.Debate.Types exposing (..)
-import Config.Helpers.Header
-    exposing
-        ( Header
-        , headerMaker
-        )
 import Config.Style.Colour as T exposing (colourTheme)
 import Config.Style.Glow
     exposing
@@ -219,7 +218,7 @@ mobileDebateMaker debate =
                             [ mobileCardMaker mobileImageBoxSize mobileImageSize (debateImage debate) debate.debateLink
                             , column
                                 [ width fill ]
-                                []
+                                [ descriptionMaker debate ]
                             ]
                         ]
                     ]
@@ -247,13 +246,12 @@ descriptionMaker debate =
         , centerX
         , spacing 3
         ]
-        [ row []
+        [ row [ spacing 5 ]
             [ paragraph
                 [ F.color colourTheme.textLightOrange
                 , paragraphSpacing
-                , paragraphFontSize
                 , F.bold
-                , F.size 18
+                , headerFontSizeSmall
                 , E.width fill
                 ]
                 [ if debate.debateTitle == "Arguments" then
@@ -267,27 +265,18 @@ descriptionMaker debate =
 
                   else
                     text ""
-                , text (String.fromInt debate.debateCount)
-                    |> el
-                        [ F.color colourTheme.textLightGrey
-                        , F.regular
-                        , F.size 16
-                        ]
                 ]
+            , text (String.fromInt debate.debateCount)
+                |> el
+                    [ F.color colourTheme.textLightGrey
+                    , F.regular
+                    , F.size 16
+                    ]
             ]
-        , row [ width fill ]
-            [ paragraph
-                [ F.color colourTheme.textLightGrey
-                , paragraphSpacing
-                , paragraphFontSize
-                , spacing 3
-                , F.regular
-                , F.alignLeft
-                , F.size 16
-                ]
+        , el [ width fill ] <|
+            chunkMaker
                 [ text debate.debateDescription
                 ]
-            ]
         ]
 
 
@@ -299,7 +288,7 @@ debateArguments =
     in
     { debateTitle = name
     , debateLink = Path.toString Path.Debate_Arguments
-    , debateCount = argumentListNumber
+    , debateCount = List.length argumentList
     , debateImage = formatName name
     , isNewTabLink = False
     , debateDescription = "This page features arguments that I hold to be sound, though with varying degrees of confidence. I'm open to hearing all challenges, as I am ready to engage with any substantive critiques and defend any argument listed. I have additionally included a confidence meter with each argument to give readers a clearer understanding of how strongly I hold to the argument."
@@ -314,7 +303,7 @@ debateCuckList =
     in
     { debateTitle = name
     , debateLink = Path.toString Path.Debate_Cucklist
-    , debateCount = cuckListNumber
+    , debateCount = List.length cuckList
     , debateImage = formatName name
     , isNewTabLink = False
     , debateDescription = "This page features a list of complete fucking morons who wrote cheques with their mouths that their asses ultimately couldn't cash. Each person included in this list has dodged debating me in some way, shape, or form. Whether it's simply ignoring invitations, or outright refusing to engage, or agreeing to debate and then subsequently withdrawing. All such instances are catalogued here."
@@ -329,7 +318,7 @@ debateGibberish =
     in
     { debateTitle = name
     , debateLink = Path.toString Path.Debate_Gibberish
-    , debateCount = gibberishListNumber
+    , debateCount = List.length gibberishList
     , debateImage = formatName name
     , isNewTabLink = False
     , debateDescription = "This page is specifically for terms and ostensible concepts that I don't have a good reason to believe are understandable from at least one viewpoint. If the clarification of a philosophical term is unsatisfying or unsuccessful, and my interlocutor has exhausted all means of rendering the concept to me, the term ends up here until someone explains to me what the fuck it even means."