mirror of
https://gitlab.com/upRootNutrition/website.git
synced 2025-06-15 20:15: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
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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