mirror of
https://gitlab.com/upRootNutrition/website.git
synced 2025-06-16 12:25:12 -05:00
feat: standardized formatting conventions across pages
This commit is contained in:
parent
ead41f0ed0
commit
5e25267fbe
3 changed files with 39 additions and 62 deletions
|
@ -96,43 +96,39 @@ makeAppearance appearanceEntry index =
|
|||
, width fill
|
||||
]
|
||||
)
|
||||
[ appearanceEpisode appearanceEntry index
|
||||
, 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
|
||||
[ 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
|
||||
]
|
||||
[ text ("#" ++ appearanceEntry.appearanceEpisode ++ ": " ++ appearanceEntry.appearanceTitle)
|
||||
|> el
|
||||
[ F.color colourTheme.highlightText
|
||||
, mouseOver [ F.color colourTheme.highlightTextHover ]
|
||||
, transitionStyle
|
||||
]
|
||||
[ experienceMaker appearanceEntry
|
||||
, dateMaker appearanceEntry
|
||||
, subjectMaker appearanceEntry
|
||||
, subjectList appearanceEntry
|
||||
]
|
||||
}
|
||||
]
|
||||
]
|
||||
]
|
||||
|
||||
|
||||
|
@ -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
|
||||
}
|
||||
]
|
||||
<|
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue