feat: crushed it like I crushed your mom

frontend/src/Blog/Helpers.elm

@@ -0,0 +1,5 @@
+module Blog.Helpers exposing (..)
+
+
+hahaha =
+    []

frontend/src/Blog/Types.elm

@@ -0,0 +1 @@
+module Blog.Types exposing (..)

frontend/src/Config/Format.elm

@@ -23,7 +23,6 @@ pageList =
     [ spacing 30
     , centerX
     , centerY
-    , alignTop
     , paddingEach { top = 30, bottom = 30, left = 30, right = 30 }
     ]
 
@@ -70,13 +69,9 @@ spartanFont =
     F.typeface "League Spartan"
 
 
-
 navBarLinkFormat : List (Attr () msg)
 navBarLinkFormat =
-    [ F.size 15
-    , centerX
-
-    -- , F.bold
+    [ F.size 17
     ]
 
 
@@ -197,3 +192,15 @@ tooltip usher tooltip_ =
                     tooltip_
             ]
             none
+
+
+basicDivider : Element msg
+basicDivider =
+    el
+        [ E.width fill
+        , centerX
+        , D.widthEach { bottom = 1, top = 0, left = 0, right = 0 }
+        , D.color (rgb255 200 200 200)
+        , paddingEach { top = 40, bottom = 0, left = 0, right = 0 }
+        ]
+        none

frontend/src/Config/Identity.elm

@@ -17,7 +17,7 @@ type alias PageInput =
 
 pageNames : PageInput
 pageNames =
-    { pageHome = "The Nutrivore"
+    { pageHome = "upRoot Health"
     , pagePlatforms = "Platforms"
     , pageServices = "Services"
     , pageDodgers = "Dodgers"

frontend/src/Cuckery/Helpers.elm

@@ -227,17 +227,17 @@ cuckMaker cuck =
                 { src = "cucks/" ++ cuck.cuckImage ++ "/" ++ cuck.cuckImage ++ ".png"
                 , description = cuck.cuckName
                 }
-            , E.image
-                [ D.rounded 100
-                , clip
-                , moveUp 107
-                , moveRight 7
-                , E.width <| px 125
-                , E.height <| px 125
-                ]
-                { src = "cucks/clownborder.png"
-                , description = cuck.cuckName
-                }
+            -- , E.image
+            --     [ D.rounded 100
+            --     , clip
+            --     , moveUp 107
+            --     , moveRight 7
+            --     , E.width <| px 125
+            --     , E.height <| px 125
+            --     ]
+            --     { src = "cucks/clownborder.png"
+            --     , description = cuck.cuckName
+            --     }
             ]
         , column
             [ E.width <| px 600 ]

frontend/src/Debate/Arguments/AgriculturalPredation.elm

@@ -7,11 +7,11 @@ argumentAgriculturalPredation : Argument
 argumentAgriculturalPredation =
     { argumentTitle = "Argument for Animal Agirculture as Predation"
     , propositionTitle = "Animal agriculture counts as predation."
-    , propositionReductio = "10"
+    , propositionReductio = ""
     , propositionSummary = "Summary"
     , proofLink = "https://www.umsu.de/trees/#(~6x~6y~6z(Px~4Qxyz~1(Rxyz~2Sxyz)~1Wxyz)),(Qahl),(Rahl~2Sahl),(Wahl)%7C=(Pa)"
     
-    , argumentCertainty = 1
+    , argumentCertainty = 10
     , argumentImage = ""
     , definitionTable =
         [ { definiendum = "P(x)"

frontend/src/Layouts/Navbar.elm

@@ -4,8 +4,9 @@ import Config.Colour as T exposing (..)
 import Config.Format as O exposing (..)
 import Config.Identity as I exposing (..)
 import Effect exposing (Effect)
-import Element exposing (..)
-import Element.Background as B
+import Element as E exposing (..)
+import Element.Background as B exposing (..)
+import Element.Border as D exposing (..)
 import Element.Font as F
 import Element.Region exposing (description)
 import Html exposing (Html)
@@ -77,51 +78,413 @@ view { toContentMsg, model, content } =
     { title = content.title
     , attributes = [ F.family [ spartanFont ] ]
     , element =
-        let
-            localhostUrl =
-                "http://localhost:1234/"
-        in
         row
-            [ width fill
+            [ E.width fill
             , height fill
-            , B.color colourTheme.backgroundColour
+            , B.color colourTheme.cardBackground
             ]
             [ column
-                [ width <| px 200
-                , alignLeft
-                , alignTop
-                , paddingEach { top = 20, bottom = 0, left = 10, right = 0 }
-                , htmlAttribute (H.style "position" "fixed")
+                [ htmlAttribute (H.style "position" "fixed")
                 , htmlAttribute (H.style "left" "0")
                 , htmlAttribute (H.style "top" "0")
                 , htmlAttribute (H.style "height" "100vh")
                 , htmlAttribute (H.style "z-index" "10") -- Ensure navbar stays on top
                 , htmlAttribute (H.style "transform-style" "preserve-3d")
+                , D.widthEach { top = 0, bottom = 0, left = 0, right = 3 }
+                , D.color colourTheme.highlightTextHover
                 ]
                 [ column
-                    [ spacing 10
-                    , centerX
+                    [ alignLeft
                     , height fill
                     , F.color colourTheme.nonHighlightedText
                     ]
-                    [ image [ spacing 2, width <| px 80, centerX ] { src = "navbar/nutrivorelogo.png", description = "" }
-                    , link nonHighlightedTitleFormat { url = localhostUrl ++ pageNames.pageHome, label = transitionNonHighlightedLinkHover <| text "THE NUTRIVORE" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "platforms", label = transitionNonHighlightedLinkHoverWithMove <| text "PLATFORMS" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "services", label = transitionNonHighlightedLinkHoverWithMove <| text "SERVICES" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "arguments", label = transitionNonHighlightedLinkHoverWithMove <| text "ARGUMENTS" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "blog", label = transitionNonHighlightedLinkHoverWithMove <| text "BLOG" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "nutridex", label = transitionNonHighlightedLinkHoverWithMove <| text "NUTRI-DEX" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "support", label = transitionNonHighlightedLinkHoverWithMove <| text "SUPPORT" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "interviews", label = transitionNonHighlightedLinkHoverWithMove <| text "INTERVIEWS" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "contact", label = transitionNonHighlightedLinkHoverWithMove <| text "CONTACT" }
-                    , link navBarLinkFormat { url = localhostUrl ++ "dodgers", label = transitionNonHighlightedLinkHoverWithMove <| text "DODGERS" }
+                    [ column
+                        [ centerX
+                        , E.width <| px 200
+                        ]
+                        [ row
+                            (nonHighlightedTitleFormat
+                                ++ [ centerX
+                                   , spacing 10
+                                   , padding 20
+                                   ]
+                            )
+                            [ E.image
+                                [ spacing 2
+                                , E.width <| px 80
+                                , centerX
+                                ]
+                                { src = "navbar/nutrivorelogo.png"
+                                , description = ""
+                                }
+                            , column []
+                                [ link [ centerX ]
+                                    { url = localhostUrl ++ pageNames.pageHome
+                                    , label = text "upRoot"
+                                    }
+                                , link [ centerX ]
+                                    { url = localhostUrl ++ pageNames.pageHome
+                                    , label = text "Health"
+                                    }
+                                ]
+                            ]
+                        , el
+                            [ E.width <| px 140
+                            , alignTop
+                            , centerX
+                            , D.widthEach
+                                { bottom = 1
+                                , top = 0
+                                , left = 0
+                                , right = 0
+                                }
+                            , D.color colourTheme.nonHighlightedDarkText
+                            ]
+                            none
+                        ]
+                    , column
+                        [ padding 20, alignTop, alignLeft ]
+                        [ column
+                            [ F.bold
+                            , F.color colourTheme.nonHighlightedText
+                            , F.size 17
+                            , spacing 8
+                            ]
+                            [ homeButton
+                            , servicesButton
+                            , hyperbolgButton
+                            , argumentsButton
+                            , cucklistButton
+                            , communityButton
+                            , nutridexButton
+                            , donateButton
+                            , interviewButton
+                            , contactButton
+                            ]
+                        ]
+                    ]
+                , row
+                    [ alignBottom
+                    , E.width fill
+                    , E.height <| px 100
+                    ]
+                    [ row
+                        [ centerX
+                        , centerY
+                        , E.width fill
+                        , E.height fill
+                        , spacing 10
+                        , paddingEach { top = 40, bottom = 10, left = 20, right = 20 }
+                        ]
+                        [ E.image
+                            [ E.width <| px 30
+                            , alignBottom
+                            , centerX
+                            ]
+                            { src = "navbar/gitlab-light.png"
+                            , description = ""
+                            }
+                        , E.image
+                            [ E.width <| px 30
+                            , alignBottom
+                            , centerX
+                            ]
+                            { src = "navbar/twitter-light.png"
+                            , description = ""
+                            }
+                        , E.image
+                            [ E.width <| px 30
+                            , alignBottom
+                            , centerX
+                            ]
+                            { src = "navbar/mastodon-light.png"
+                            , description = ""
+                            }
+                        , E.image
+                            [ E.width <| px 33
+                            , alignBottom
+                            , centerX
+                            ]
+                            { src = "navbar/discord-light.png"
+                            , description = ""
+                            }
+                        ]
                     ]
                 ]
             , el
-                [ width fill
+                [ E.width fill
                 , height fill
-                , paddingEach { top = 0, right = 0, bottom = 0, left = 200 }
+                , paddingEach
+                    { top = 0
+                    , right = 0
+                    , bottom = 0
+                    , left = 200
+                    }
                 ]
                 content.element
             ]
     }
+
+
+localhostUrl =
+    "http://localhost:1234/"
+
+
+linkFormat =
+    el
+        [ mouseOver [ F.color colourTheme.highlightText ]
+        , htmlAttribute <| style "transition" "all 0.1s ease-in-out"
+        ]
+
+
+iconDistance =
+    E.width <| px 36
+
+
+homeButton : Element msg
+homeButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/home.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "home"
+                , label = linkFormat <| text "HOME"
+                }
+            ]
+        ]
+
+
+servicesButton : Element msg
+servicesButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/services.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "services"
+                , label = linkFormat <| text "SERVICES"
+                }
+            ]
+        ]
+
+
+hyperbolgButton : Element msg
+hyperbolgButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/hyperblog2.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "hyperblog"
+                , label = linkFormat <| text "HYPERBLOG"
+                }
+            ]
+        ]
+
+
+argumentsButton : Element msg
+argumentsButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/arguments.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "arguments"
+                , label = linkFormat <| text "ARGUMENTS"
+                }
+            ]
+        ]
+
+
+cucklistButton : Element msg
+cucklistButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/cucklist.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "cucklist"
+                , label = linkFormat <| text "CUCKLIST"
+                }
+            ]
+        ]
+
+
+communityButton : Element msg
+communityButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/community.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "community"
+                , label = linkFormat <| text "COMMUNITY"
+                }
+            ]
+        ]
+
+
+nutridexButton : Element msg
+nutridexButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/nutridex.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "nutridex"
+                , label = linkFormat <| text "NUTRIDEX"
+                }
+            ]
+        ]
+
+
+donateButton : Element msg
+donateButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/donate.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "donate"
+                , label = linkFormat <| text "DONATE"
+                }
+            ]
+        ]
+
+
+interviewButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/interviews.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "interviews"
+                , label = linkFormat <| text "INTERVIEWS"
+                }
+            ]
+        ]
+
+
+contactButton : Element msg
+contactButton =
+    row
+        []
+        [ column [ iconDistance ]
+            [ E.image
+                [ alignLeft
+                , alignBottom
+                , E.width <| px 30
+                ]
+                { src = "navbar/contact.png"
+                , description = ""
+                }
+            ]
+        , column
+            [ alignBottom ]
+            [ link
+                []
+                { url = localhostUrl ++ "contact"
+                , label = linkFormat <| text "CONTACT"
+                }
+            ]
+        ]

frontend/src/Pages/CuckList.elm

@@ -1,4 +1,4 @@
-module Pages.Dodgers exposing (Model, Msg, page)
+module Pages.CuckList exposing (Model, Msg, page)
 
 import Config.Colour as T exposing (..)
 import Config.Format as O exposing (..)

frontend/src/Pages/Hyperblog.elm

@@ -0,0 +1,75 @@
+module Pages.Hyperblog exposing (Model, Msg, page)
+
+import Blog.Helpers exposing (..)
+import Config.Colour as T exposing (..)
+import Config.Format as O exposing (..)
+import Config.Identity as I exposing (..)
+import Effect exposing (Effect)
+import Element exposing (..)
+import Element.Font as F
+import Html.Attributes as H exposing (style)
+import Layouts
+import Page exposing (Page)
+import Route exposing (Route)
+import Shared exposing (..)
+import View exposing (View)
+
+
+page : Shared.Model -> Route () -> Page Model Msg
+page shared route =
+    Page.new
+        { init = init
+        , update = update
+        , subscriptions = subscriptions
+        , view = view
+        }
+
+
+
+-- INIT
+
+
+type alias Model =
+    {}
+
+
+init : () -> ( Model, Effect Msg )
+init () =
+    ( {}
+    , Effect.none
+    )
+
+
+
+-- UPDATE
+
+
+type Msg
+    = NoOp
+
+
+update : Msg -> Model -> ( Model, Effect Msg )
+update msg model =
+    case msg of
+        NoOp ->
+            ( model
+            , Effect.none
+            )
+
+
+
+-- SUBSCRIPTIONS
+
+
+subscriptions : Model -> Sub Msg
+subscriptions model =
+    Sub.none
+
+
+
+-- VIEW
+
+
+view : Model -> View Msg
+view model =
+    View.fromString "Pages.Blog"