upRootNutrition/website
1
0
Fork 0
mirror of https://gitlab.com/upRootNutrition/website.git synced 2025-06-16 04:25:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: refactored a shit ton of stuff

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

123
frontend/src/Config/Format/CardFormat.elm
View file

@ -106,6 +106,22 @@ cardContentSpacing =
] ]
imageTransitionStyle : List (Attribute msg)
imageTransitionStyle =
[ D.rounded 100
, D.width 5
, glowDeepDarkGrey
, D.color colourTheme.backgroundDarkGrey
, B.color colourTheme.backgroundDarkGrey
, mouseOver
[ D.color colourTheme.textDarkOrange
, B.color colourTheme.textDarkOrange
, glowDeepDarkOrange
]
, transitionStyleSlow
]
cardImageMaker : { src : String, description : String } -> String -> Element msg cardImageMaker : { src : String, description : String } -> String -> Element msg
cardImageMaker image urlLink = cardImageMaker image urlLink =
column column
@ -115,18 +131,7 @@ cardImageMaker image urlLink =
, alignRight , alignRight
] ]
[ column [ column
[ D.rounded 100 imageTransitionStyle
, D.width 5
, glowDeepDarkGrey
, D.color colourTheme.backgroundDarkGrey
, B.color colourTheme.backgroundDarkGrey
, mouseOver
[ D.color colourTheme.textDarkOrange
, B.color colourTheme.textDarkOrange
, glowDeepDarkOrange
]
, transitionStyleSlow
]
[ 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,19 +153,24 @@ 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
} }
] ]
] ]
desktopImageSize : List (Attribute msg)
desktopImageSize =
[ alignRight
, alignTop
, D.rounded 100
, clip
, E.width <| px 90
, E.height <| px 90
]
cardImageMakerMobile : { src : String, description : String } -> String -> Element msg cardImageMakerMobile : { src : String, description : String } -> String -> Element msg
cardImageMakerMobile image urlLink = cardImageMakerMobile image urlLink =
column column
@ -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 { url = urlLink
] , label =
, transitionStyleSlow E.image
] ([ alignRight
[ newTabLink [] , alignTop
{ url = urlLink ]
, label = ++ mobileImageSize
E.image )
[ D.rounded 100 image
, clip }
, centerX
, E.width <| px 45 else
, E.height <| px 45 newTabLink []
] { url = urlLink
image , label =
} E.image
([ centerX
]
++ mobileImageSize
)
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

18
frontend/src/Config/Pages/Debate/Arguments/Helpers.elm
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
} }