feat: did a ton of work

This commit is contained in:
Nick 2024-11-26 04:32:11 -06:00
parent a220b0d9c1
commit 078bd0ac70
67 changed files with 358 additions and 192 deletions

View file

@ -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))
]
]
]