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: started working on responsiveness

Browse source
This commit is contained in:
Nick 2024-12-06 03:02:37 -06:00
parent 31be063412
commit d8ac47c5ee
3 changed files with 108 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

107
frontend/src/Cuckery/Helpers.elm
View file

@ -53,6 +53,7 @@ cuckMakerMobile cuck =
[ alignTop [ alignTop
, centerX , centerX
, alignLeft , alignLeft
, spacing 3
] ]
[ cardImageMakerMobile (cuckImage cuck) [ cardImageMakerMobile (cuckImage cuck)
, socialMaker cuck , socialMaker cuck
@ -97,13 +98,13 @@ dodgeMaker cuck =
socialMaker : Cuck -> Element msg socialMaker : Cuck -> Element msg
socialMaker cuck = socialMaker cuck =
row paragraph
(paragraphBoldFormat (paragraphBoldFormat
++ [ F.size 18 ++ [ F.size 18
, spacing 8 , spacing 8
] ]
) )
[ text "Social:" [ text "Social: "
, paragraphLinkFormat , paragraphLinkFormat
{ url = cuck.cuckSocial { url = cuck.cuckSocial
, label = transitionHighlightedLinkHover <| text (formatCuckSocial cuck.cuckSocial) , label = transitionHighlightedLinkHover <| text (formatCuckSocial cuck.cuckSocial)
@ -113,12 +114,12 @@ socialMaker cuck =
dodgeTitle : Cuck -> Element msg dodgeTitle : Cuck -> Element msg
dodgeTitle cuck = dodgeTitle cuck =
row paragraph
(paragraphBoldFormat (paragraphBoldFormat
++ [ F.size 18 ++ [ F.size 18
] ]
) )
[ text "Dodges:" ] [ text "Dodges: " ]
makeDodge : Dodge -> Int -> Element msg makeDodge : Dodge -> Int -> Element msg
@ -148,12 +149,12 @@ makeDodge dodgeEntry index =
) )
[ text (String.fromInt index ++ ". ") ] [ text (String.fromInt index ++ ". ") ]
, column , column
[ spacing 8 [ spacing 3
, width fill , width fill
] ]
[ circumstanceMaker dodgeEntry [ circumstanceMaker dodgeEntry
, column , column
[ spacing 8 [ spacing 3
, width fill , width fill
] ]
[ propositionMaker dodgeEntry [ propositionMaker dodgeEntry
@ -198,53 +199,59 @@ circumstanceMaker dodgeEntry =
{ url = dodgeEntry.dodgeLink { url = dodgeEntry.dodgeLink
, label = , label =
row [ F.size 18 ] row [ F.size 18 ]
[ transitionHighlightedLinkHover <| [ column [ width fill ]
text [ paragraph []
(case dodgeEntry.dodgeDescription of [ transitionHighlightedLinkHover <|
NoReply -> text
"Debate invitation extended with no response" (case dodgeEntry.dodgeDescription of
NoReply ->
"Debate invitation extended with no response"
RanAway -> RanAway ->
"Engaged in written debate and ran away when cornered" "Engaged in written debate and ran away when cornered"
GhostedMe -> GhostedMe ->
"Debate invitation accepted with no follow-up" "Debate invitation accepted with no follow-up"
OutrightNo -> OutrightNo ->
"Debate invitation declined" "Debate invitation declined"
InTooDeep -> InTooDeep ->
"Debate invitation accepted and subsequently retracted" "Debate invitation accepted and subsequently retracted"
KillScreen -> KillScreen ->
"All further debate invitations preemptively declined" "All further debate invitations preemptively declined"
VagueGesture -> VagueGesture ->
"Chose to gesture vaguely instead of engaging" "Chose to gesture vaguely instead of engaging"
) )
, text "." |> el [ F.color colourTheme.textLightGrey ] , paragraph [ F.color colourTheme.textLightGrey ] [ text "." ]
, row [ alignTop, alignLeft ] , column
(List.indexedMap [ spacing 5
(\index2 link -> , F.size 12
newTabLink ]
[ paddingEach (List.indexedMap
{ top = 0 (\index2 link ->
, right = 15 newTabLink
, bottom = 0 [ paddingEach
, left = 5 { top = 0
} , right = 0
, F.size 13 , bottom = 0
] , left = 5
{ url = link }
, label =
row []
[ transitionHighlightedLinkHover <| (text (String.fromInt (index2 + 1)) |> el [ F.size 13 ])
, text ", " |> el [ F.color colourTheme.textLightGrey ]
] ]
} { url = link
) , label =
dodgeEntry.dodgeReceipts row [ moveUp 5 ]
) [ transitionHighlightedLinkHover <| text (String.fromInt (index2 + 1))
, text ", " |> el [ F.color colourTheme.textLightGrey ]
]
}
)
dodgeEntry.dodgeReceipts
)
]
]
] ]
} }
] ]
@ -253,7 +260,7 @@ circumstanceMaker dodgeEntry =
propositionMaker : Dodge -> Element msg propositionMaker : Dodge -> Element msg
propositionMaker dodgeEntry = propositionMaker dodgeEntry =
row paragraphBoldFormat row paragraphBoldFormat
[ column [ paragraph
[ alignTop [ alignTop
, dodgeWidth , dodgeWidth
] ]
@ -271,7 +278,7 @@ propositionMaker dodgeEntry =
attitudeMaker : Dodge -> Element msg attitudeMaker : Dodge -> Element msg
attitudeMaker dodgeEntry = attitudeMaker dodgeEntry =
row (paragraphBoldFormat ++ [ width fill ]) row (paragraphBoldFormat ++ [ width fill ])
[ column [ paragraph
[ alignTop [ alignTop
, dodgeWidth , dodgeWidth
] ]
@ -354,7 +361,7 @@ reductioMaker dodgeEntry =
reasonMaker : Dodge -> Element msg reasonMaker : Dodge -> Element msg
reasonMaker dodgeEntry = reasonMaker dodgeEntry =
row (paragraphBoldFormat ++ [ width fill ]) row (paragraphBoldFormat ++ [ width fill ])
[ column [ paragraph
[ alignTop [ alignTop
, dodgeWidth , dodgeWidth
] ]
@ -378,7 +385,7 @@ reasonMaker dodgeEntry =
displayFallacy : String -> Element msg displayFallacy : String -> Element msg
displayFallacy fallacyText = displayFallacy fallacyText =
row paragraphBoldFormat row paragraphBoldFormat
[ column [ paragraph
[ alignTop [ alignTop
, dodgeWidth , dodgeWidth
] ]

43
frontend/src/Donate/Helpers.elm
View file

@ -65,7 +65,7 @@ donateMakerMobile donate =
[ cardImageMakerMobile (donateImage donate) [ cardImageMakerMobile (donateImage donate)
, feeMaker donate , feeMaker donate
, preferenceMaker donate , preferenceMaker donate
, tableMaker donate , tableMakerMobile donate
, proTitleMaker donate , proTitleMaker donate
, proMaker donate , proMaker donate
, conTitleMaker donate , conTitleMaker donate
@ -333,6 +333,47 @@ tableMaker donate =
] ]
tableMakerMobile : Donate -> Element msg
tableMakerMobile donate =
column
[ centerX
, E.width fill
]
[ wrappedRow
(paragraphBoldFormat
++ [ E.alignLeft
, E.width fill
, htmlAttribute <| H.style "position" "relative"
]
)
[ E.table
[ spacing 0
, D.rounded 10
, D.width 2
, D.color colourTheme.textDarkGrey
, clip
]
{ data = donate.donateFeatures
, columns =
List.map createColumn
[ { label = "Free"
, getter = .free
}
, { label = "Subs"
, getter = .subscriptions
}
, { label = "Easy"
, getter = .userFriendly
}
, { label = "Safe"
, getter = .anonymous
}
]
}
]
]
createColumn : { label : String, getter : Features -> Maybe Bool } -> Column Features msg createColumn : { label : String, getter : Features -> Maybe Bool } -> Column Features msg
createColumn { label, getter } = createColumn { label, getter } =
{ header = { header =

18
frontend/src/Interviews/Helpers.elm
View file

@ -76,13 +76,13 @@ interviewTitle interview =
socialMaker : Interview -> Element msg socialMaker : Interview -> Element msg
socialMaker interview = socialMaker interview =
row paragraph
(paragraphBoldFormat (paragraphBoldFormat
++ [ F.size 18 ++ [ F.size 18
, spacing 5 , spacing 5
] ]
) )
[ text "Social:" [ text "Social: "
, paragraphLinkFormat , paragraphLinkFormat
{ url = interview.interviewSocial { url = interview.interviewSocial
, label = transitionHighlightedLinkHover <| text (formatInterviewSocial interview.interviewSocial) , label = transitionHighlightedLinkHover <| text (formatInterviewSocial interview.interviewSocial)
@ -92,12 +92,12 @@ socialMaker interview =
appearanceTitle : Interview -> Element msg appearanceTitle : Interview -> Element msg
appearanceTitle interview = appearanceTitle interview =
row paragraph
(paragraphBoldFormat (paragraphBoldFormat
++ [ F.size 18 ++ [ F.size 18
] ]
) )
[ text "Appearances:" ] [ text "Appearances: " ]
appearanceMaker : Interview -> Element msg appearanceMaker : Interview -> Element msg
@ -156,7 +156,7 @@ episodeMaker appearanceEntry =
paragraphLinkFormat paragraphLinkFormat
{ url = appearanceEntry.appearanceLink { url = appearanceEntry.appearanceLink
, label = , label =
row paragraph
[ F.size 18 [ F.size 18
] ]
[ text ("#" ++ appearanceEntry.appearanceEpisode ++ ": " ++ appearanceEntry.appearanceTitle) [ text ("#" ++ appearanceEntry.appearanceEpisode ++ ": " ++ appearanceEntry.appearanceTitle)
@ -265,18 +265,18 @@ dateMaker appearanceEntry =
subjectMaker : Appearance -> Element msg subjectMaker : Appearance -> Element msg
subjectMaker appearanceEntry = subjectMaker appearanceEntry =
row paragraphBoldFormat paragraph paragraphBoldFormat
[ column [ column
[ alignTop [ alignTop
] ]
[ text "Subjects:" [ text "Subjects: "
] ]
] ]
subjectList : Appearance -> Element msg subjectList : Appearance -> Element msg
subjectList appearanceEntry = subjectList appearanceEntry =
column paragraph
[ spacing 8 [ spacing 8
, width fill , width fill
, paddingEach , paddingEach
@ -294,7 +294,7 @@ subjectList appearanceEntry =
makeSubject : Subjects -> Element msg makeSubject : Subjects -> Element msg
makeSubject subjects = makeSubject subjects =
column paragraph
[ E.width fill [ E.width fill
, alignLeft , alignLeft
, paddingEach , paddingEach