feat: refactored a shit ton of stuff

This commit is contained in:
Nick 2024-12-09 20:42:33 -06:00
parent 7704839038
commit 7b39ebc6df
2 changed files with 76 additions and 65 deletions

View file

@ -106,15 +106,8 @@ cardContentSpacing =
] ]
cardImageMaker : { src : String, description : String } -> String -> Element msg imageTransitionStyle : List (Attribute msg)
cardImageMaker image urlLink = imageTransitionStyle =
column
[ E.width <| px 115
, E.height <| px 115
, alignTop
, alignRight
]
[ column
[ D.rounded 100 [ D.rounded 100
, D.width 5 , D.width 5
, glowDeepDarkGrey , glowDeepDarkGrey
@ -127,6 +120,18 @@ cardImageMaker image urlLink =
] ]
, transitionStyleSlow , transitionStyleSlow
] ]
cardImageMaker : { src : String, description : String } -> String -> Element msg
cardImageMaker image urlLink =
column
[ E.width <| px 115
, E.height <| px 115
, alignTop
, alignRight
]
[ column
imageTransitionStyle
[ if [ if
urlLink urlLink
== (url ++ formatName pageNames.pageArguments) == (url ++ formatName pageNames.pageArguments)
@ -139,13 +144,7 @@ cardImageMaker image urlLink =
{ url = urlLink { url = urlLink
, label = , label =
E.image E.image
[ alignRight desktopImageSize
, alignTop
, D.rounded 100
, clip
, E.width <| px 90
, E.height <| px 90
]
image image
} }
@ -154,6 +153,15 @@ cardImageMaker image urlLink =
{ url = urlLink { url = urlLink
, label = , label =
E.image E.image
desktopImageSize
image
}
]
]
desktopImageSize : List (Attribute msg)
desktopImageSize =
[ alignRight [ alignRight
, alignTop , alignTop
, D.rounded 100 , D.rounded 100
@ -161,10 +169,6 @@ cardImageMaker image urlLink =
, E.width <| px 90 , E.width <| px 90
, E.height <| px 90 , E.height <| px 90
] ]
image
}
]
]
cardImageMakerMobile : { src : String, description : String } -> String -> Element msg cardImageMakerMobile : { src : String, description : String } -> String -> Element msg
@ -181,36 +185,51 @@ cardImageMakerMobile image urlLink =
} }
] ]
[ column [ column
[ D.rounded 100 imageTransitionStyle
, D.width 5 [ if
, centerX urlLink
, alignBottom == (url ++ formatName pageNames.pageArguments)
, glowDeepDarkGrey || urlLink
, D.color colourTheme.backgroundDeepDarkGrey == (url ++ formatName pageNames.pageCucks)
, B.color colourTheme.backgroundDeepDarkGrey || urlLink
, mouseOver == (url ++ formatName pageNames.pageGibberish)
[ D.color colourTheme.textDarkOrange then
, B.color colourTheme.textDarkOrange link []
, glowDeepDarkOrange
]
, transitionStyleSlow
]
[ newTabLink []
{ url = urlLink { url = urlLink
, label = , label =
E.image E.image
[ D.rounded 100 ([ alignRight
, clip , alignTop
, centerX
, E.width <| px 45
, E.height <| px 45
] ]
++ mobileImageSize
)
image
}
else
newTabLink []
{ url = urlLink
, label =
E.image
([ centerX
]
++ mobileImageSize
)
image image
} }
] ]
] ]
mobileImageSize : List (Attribute msg)
mobileImageSize =
[ D.rounded 100
, clip
, E.width <| px 45
, E.height <| px 45
]
cardTitleMaker : String -> Element msg cardTitleMaker : String -> Element msg
cardTitleMaker title = cardTitleMaker title =
paragraph paragraph

View file

@ -92,7 +92,7 @@ argumentMaker argument =
[ propositionMakerDesktop argument [ propositionMakerDesktop argument
, reductioMakerDesktop argument , reductioMakerDesktop argument
, summaryMakerDesktop argument , summaryMakerDesktop argument
, strengthMakerDesktop argument , strengthBar argument
, tableMaker argument , tableMaker argument
, desktopFormalizationMaker argument , desktopFormalizationMaker argument
] ]
@ -121,7 +121,7 @@ argumentMakerMobile argument =
] ]
, reductioMakerMobile argument , reductioMakerMobile argument
, summaryMakerMobile argument , summaryMakerMobile argument
, strengthMakerMobile argument , strengthBar argument
, tableMaker argument , tableMaker argument
, mobileFormalizationMaker argument , mobileFormalizationMaker argument
] ]
@ -345,22 +345,14 @@ summaryMakerTitle argument =
] ]
strengthMakerDesktop : Argument -> Element msg strengthBar : Argument -> Element msg
strengthMakerDesktop argument = strengthBar argument =
row [ E.width fill ] row [ E.width fill ]
[ strengthMaker [ strengthMaker
, strengthMakerBar argument , strengthMakerBar argument
] ]
strengthMakerMobile : Argument -> Element msg
strengthMakerMobile argument =
column [ E.width fill ]
[ strengthMaker
, strengthMakerBar argument
]
strengthMaker : Element msg strengthMaker : Element msg
strengthMaker = strengthMaker =
column column
@ -384,7 +376,7 @@ strengthMaker =
(el (el
[ paddingEach [ paddingEach
{ top = 0 { top = 0
, right = 10 , right = 5
, bottom = 0 , bottom = 0
, left = 0 , left = 0
} }