mirror of
https://gitlab.com/upRootNutrition/website.git
synced 2025-06-16 12:25:12 -05:00
feat: did a ton of work
This commit is contained in:
parent
a220b0d9c1
commit
078bd0ac70
67 changed files with 358 additions and 192 deletions
|
@ -4,7 +4,8 @@ import Config.Colour exposing (..)
|
|||
import Config.Format exposing (..)
|
||||
import Cuckery.Types exposing (..)
|
||||
import Effect exposing (Effect)
|
||||
import Element exposing (..)
|
||||
import Element as E exposing (..)
|
||||
import Element.Background as B exposing (..)
|
||||
import Element.Border as D
|
||||
import Element.Font as F
|
||||
import Html.Attributes as H exposing (style)
|
||||
|
@ -74,17 +75,23 @@ makeDodge dodgeEntry index =
|
|||
displayFallacy : String -> Element msg
|
||||
displayFallacy fallacyText =
|
||||
row paragraphBoldFormat
|
||||
[ column [ alignTop, width (px 184) ]
|
||||
[ column [ alignTop, width (px 165) ]
|
||||
[ text "Fallacy:" |> el [ paddingEach { top = 0, right = 0, bottom = 0, left = 70 } ]
|
||||
]
|
||||
, column [ width (px 350), alignLeft ]
|
||||
, column [ E.width fill, alignLeft ]
|
||||
[ paragraph [ F.regular ]
|
||||
[ text fallacyText ]
|
||||
]
|
||||
]
|
||||
in
|
||||
column paragraphAlignLeft
|
||||
[ row (paragraphFormat ++ [ F.size 18 ])
|
||||
column (paragraphAlignLeft ++ [ spacing 3, width fill ])
|
||||
[ row
|
||||
(paragraphFormat
|
||||
++ [ F.size 18
|
||||
, paddingEach { top = 0, bottom = 0, left = 15, right = 15 }
|
||||
, E.width fill
|
||||
]
|
||||
)
|
||||
[ text " "
|
||||
, text (String.fromInt index ++ ". ")
|
||||
, paragraphLinkFormat
|
||||
|
@ -135,19 +142,19 @@ makeDodge dodgeEntry index =
|
|||
}
|
||||
]
|
||||
, row paragraphBoldFormat
|
||||
[ column [ alignTop, width <| px 184 ]
|
||||
[ column [ alignTop, width <| px 165 ]
|
||||
[ text "Proposition:" |> el [ paddingEach { top = 0, right = 0, bottom = 0, left = 70 } ]
|
||||
]
|
||||
, column [ width <| px 350, alignLeft ]
|
||||
, column [ E.width fill, alignLeft ]
|
||||
[ paragraph [ F.regular ] [ text (formatProposition dodgeEntry.dodgeProposition) ]
|
||||
]
|
||||
]
|
||||
, maybeFallacyField
|
||||
, row (paragraphBoldFormat ++ [ width fill ])
|
||||
[ column [ alignTop, width <| px 184 ]
|
||||
[ text "Doxastic State:" |> el [ paddingEach { top = 0, right = 0, bottom = 0, left = 70 } ]
|
||||
[ column [ alignTop, width <| px 165 ]
|
||||
[ text "Attitude:" |> el [ paddingEach { top = 0, right = 0, bottom = 0, left = 70 } ]
|
||||
]
|
||||
, column [ width <| px 350, alignLeft ]
|
||||
, column [ E.width fill, alignLeft ]
|
||||
[ case dodgeEntry.dodgeNicksDoxasticState of
|
||||
Nothing ->
|
||||
paragraph [ F.regular ] [ text "I don't form a doxastic state." ]
|
||||
|
@ -171,10 +178,10 @@ makeDodge dodgeEntry index =
|
|||
]
|
||||
]
|
||||
, row (paragraphBoldFormat ++ [ width fill ])
|
||||
[ column [ alignTop, width <| px 184 ]
|
||||
[ column [ alignTop, width <| px 165 ]
|
||||
[ text "Reason:" |> el [ paddingEach { top = 0, right = 0, bottom = 0, left = 70 } ]
|
||||
]
|
||||
, column [ width <| px 350, alignLeft ]
|
||||
, column [ E.width fill, alignLeft ]
|
||||
[ paragraph [ F.regular ]
|
||||
[ text <|
|
||||
case dodgeEntry.dodgeNicksDoxasticReason of
|
||||
|
@ -194,32 +201,109 @@ makeDodge dodgeEntry index =
|
|||
|
||||
cuckMaker : Cuck -> Element msg
|
||||
cuckMaker cuck =
|
||||
row [ imageSpacer, alignLeft ]
|
||||
[ image
|
||||
[ centerX
|
||||
, centerY
|
||||
row
|
||||
[ spacing 20
|
||||
, width fill
|
||||
, E.height fill
|
||||
, alignTop
|
||||
, alignRight
|
||||
]
|
||||
[ column
|
||||
[ E.width <| px 115
|
||||
, E.height <| px 115
|
||||
, alignTop
|
||||
, D.rounded 100
|
||||
, clip
|
||||
, width <| px 72
|
||||
, alignRight
|
||||
|
||||
-- , explain Debug.todo
|
||||
]
|
||||
[ E.image
|
||||
[ alignRight
|
||||
, alignTop
|
||||
, D.rounded 100
|
||||
, clip
|
||||
, E.width <| px 90
|
||||
, E.height <| px 90
|
||||
]
|
||||
{ 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
|
||||
}
|
||||
]
|
||||
{ src = "cucks/" ++ cuck.cuckImage ++ "/" ++ cuck.cuckImage ++ ".png"
|
||||
, description = cuck.cuckName
|
||||
}
|
||||
, column
|
||||
paragraphAlignLeft
|
||||
[ row nonHighlightedTitleFormat [ text cuck.cuckName ]
|
||||
, row (paragraphBoldFormat ++ [ F.size 18 ])
|
||||
[ text "Social:"
|
||||
, paragraphLinkFormat
|
||||
{ url = cuck.cuckSocial
|
||||
, label = transitionHighlightedLinkHover <| text (formatCuckSocial cuck.cuckSocial)
|
||||
[ E.width <| px 600 ]
|
||||
[ row
|
||||
(nonHighlightedTitleFormat
|
||||
++ [ F.size 20
|
||||
|
||||
-- , B.color colourTheme.highlightTextHover
|
||||
, paddingEach { top = 6, bottom = 3, left = 25, right = 15 }
|
||||
, alignBottom
|
||||
, width fill
|
||||
, D.roundEach { topLeft = 26, topRight = 15, bottomRight = 0, bottomLeft = 0 }
|
||||
, B.gradient
|
||||
{ angle = 1.5708
|
||||
, steps =
|
||||
[ colourTheme.highlightTextHover
|
||||
, colourTheme.highlightTextHover
|
||||
, colourTheme.transparent
|
||||
, colourTheme.transparent
|
||||
]
|
||||
}
|
||||
]
|
||||
)
|
||||
[ text cuck.cuckName ]
|
||||
, column
|
||||
[ E.height fill
|
||||
, E.width fill
|
||||
|
||||
-- , B.color colourTheme.cardBackground
|
||||
, paddingEach { top = 10, bottom = 10, left = 10, right = 10 }
|
||||
, D.roundEach { topLeft = 0, topRight = 0, bottomRight = 0, bottomLeft = 26 }
|
||||
, spacing 3
|
||||
, B.gradient
|
||||
{ angle = 1.5708
|
||||
, steps =
|
||||
[ colourTheme.cardBackground
|
||||
, colourTheme.cardBackground
|
||||
, colourTheme.transparent
|
||||
, colourTheme.transparent
|
||||
]
|
||||
}
|
||||
]
|
||||
, row (paragraphBoldFormat ++ [ F.size 18 ]) [ text "Dodges:" ]
|
||||
, column [ spacing 8 ] <|
|
||||
List.map2 (\x y -> makeDodge x y)
|
||||
cuck.cuckDodges
|
||||
(List.range 1 (List.length cuck.cuckDodges))
|
||||
[ row
|
||||
(paragraphBoldFormat
|
||||
++ [ F.size 18
|
||||
, paddingEach { top = 0, bottom = 0, left = 15, right = 15 }
|
||||
, spacing 5
|
||||
]
|
||||
)
|
||||
[ text "Social:"
|
||||
, paragraphLinkFormat
|
||||
{ url = cuck.cuckSocial
|
||||
, label = transitionHighlightedLinkHover <| text (formatCuckSocial cuck.cuckSocial)
|
||||
}
|
||||
]
|
||||
, row
|
||||
(paragraphBoldFormat
|
||||
++ [ F.size 18
|
||||
, paddingEach { top = 0, bottom = 0, left = 15, right = 15 }
|
||||
]
|
||||
)
|
||||
[ text "Dodges:" ]
|
||||
, column [ spacing 8, width fill ] <|
|
||||
List.map2 (\x y -> makeDodge x y)
|
||||
cuck.cuckDodges
|
||||
(List.range 1 (List.length cuck.cuckDodges))
|
||||
]
|
||||
]
|
||||
]
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue