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: standardized formatting conventions across pages

Browse source
This commit is contained in:
Nick 2024-11-27 23:06:00 -06:00
parent ead41f0ed0
commit 5e25267fbe
3 changed files with 39 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/Config/Format.elm
View file

@ -169,14 +169,19 @@ myTooltip str =
, D.rounded 5
, D.width 2
, F.center
, clip
, E.width <| px 300
, D.color colourTheme.highlightText
, F.size 15
, D.shadow
{ offset = ( 0, 3 ), blur = 6, size = 0, color = rgba 0 0 0 0.32 }
, E.htmlAttribute (H.style "position" "fixed")
, E.htmlAttribute (H.style "z-index" "9999")
, F.color colourTheme.nonHighlightedText
, F.regular
, F.size 14
]
(text str)
|> el [ F.color colourTheme.nonHighlightedText, F.regular, F.size 14 ]
tooltip : (Element msg -> Attribute msg) -> Element Never -> Attribute msg

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

@ -119,12 +119,6 @@ makeDodge dodgeEntry index =
, column
[ spacing 8
, width fill
, paddingEach
{ top = 0
, right = 0
, bottom = 0
, left = 35
}
]
[ propositionMaker dodgeEntry
, reductioMaker dodgeEntry

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

@ -96,43 +96,39 @@ makeAppearance appearanceEntry index =
, width fill
]
)
[ appearanceEpisode appearanceEntry index
, experienceMaker appearanceEntry
[ row
[ width fill
, paddingEach
{ top = 0
, right = 0
, bottom = 0
, left = 35
}
]
[ column
(paragraphFormat
++ [ F.size 18
, alignTop
, alignRight
, F.alignRight
]
)
[ text (String.fromInt index ++ ". ") ]
, column
[ spacing 8
, width fill
]
[ column
[ spacing 8
, width fill
]
[ experienceMaker appearanceEntry
, dateMaker appearanceEntry
, subjectMaker appearanceEntry
, subjectList appearanceEntry
]
appearanceEpisode : Appearance -> Int -> Element msg
appearanceEpisode appearanceEntry index =
row
(paragraphFormat
++ [ F.size 18
, E.width fill
, paddingEach
{ top = 0
, bottom = 0
, left = 35
, right = 0
}
]
)
[ text (String.fromInt index ++ ". ")
, paragraphLinkFormat
{ url = appearanceEntry.appearanceLink
, label =
row
[ F.size 18
]
[ text ("#" ++ appearanceEntry.appearanceEpisode ++ ": " ++ appearanceEntry.appearanceTitle)
|> el
[ F.color colourTheme.highlightText
, mouseOver [ F.color colourTheme.highlightTextHover ]
, transitionStyle
]
]
}
]
@ -141,12 +137,6 @@ experienceMaker appearanceEntry =
row
[ width fill
, height fill
, paddingEach
{ top = 0
, bottom = 0
, left = 55
, right = 0
}
]
[ column
[ E.alignTop, E.alignLeft ]
@ -154,7 +144,7 @@ experienceMaker appearanceEntry =
[ el [ tooltip below (myTooltip "This represents how pleasant it was to interact with the host(s).") ] (text "Pleasantness:") ]
]
, column
[ E.width fill, E.alignLeft, centerY, height fill ]
[ E.width fill, E.alignLeft ]
[ barMaker getExperienceTooltip appearanceEntry.appearanceExperience ]
]
@ -204,12 +194,6 @@ dateMaker appearanceEntry =
row paragraphBoldFormat
[ column
[ alignTop
, paddingEach
{ top = 0
, right = 0
, bottom = 0
, left = 55
}
]
[ text "Published:"
]
@ -236,12 +220,6 @@ subjectMaker appearanceEntry =
row paragraphBoldFormat
[ column
[ alignTop
, paddingEach
{ top = 0
, right = 0
, bottom = 0
, left = 55
}
]
[ text "Subjects:"
]
@ -257,7 +235,7 @@ subjectList appearanceEntry =
{ top = 0
, right = 0
, bottom = 0
, left = 75
, left = 25
}
]
<|