mirror of
https://gitlab.com/upRootNutrition/website.git
synced 2025-06-16 12:25:12 -05:00
feat: refactored and added some stuff
This commit is contained in:
Nick
parent
7b8faede8d
commit
9f1a7fe872
17 changed files with 798 additions and 707 deletions
|
|
@ -11,7 +11,7 @@ import Config.Helpers.Response
|
|||
import Config.Helpers.ToolTip exposing (..)
|
||||
import Config.Pages.Headers.Types exposing (..)
|
||||
import Config.Pages.Services.Services.ElmBuilds exposing (servicesElmBuilds)
|
||||
import Config.Style.Colour exposing (colourTheme)
|
||||
import Config.Style.Colour exposing (..)
|
||||
import Config.Style.Transitions
|
||||
exposing
|
||||
( hoverFontDarkOrange
|
||||
|
|
@ -130,11 +130,15 @@ serviceMaker =
|
|||
[ cardSubTitleMaker
|
||||
[ column
|
||||
bodyFormat
|
||||
[-- chunkMaker
|
||||
-- , titleMaker
|
||||
-- , highlightedBlockMaker
|
||||
-- , bulletPointMaker
|
||||
-- , numberMaker
|
||||
[ chunkMaker servicesElmBuilds.serviceArticle.articleParagraph.paragraph1
|
||||
, chunkMaker servicesElmBuilds.serviceArticle.articleParagraph.paragraph2
|
||||
, chunkMaker servicesElmBuilds.serviceArticle.articleParagraph.paragraph3
|
||||
, titleMaker servicesElmBuilds.serviceArticle.articleTitles.title1
|
||||
, numberMaker servicesElmBuilds.serviceArticle.articleListEntries.list1
|
||||
, titleMaker servicesElmBuilds.serviceArticle.articleTitles.title2
|
||||
, bulletPointMaker servicesElmBuilds.serviceArticle.articleListEntries.list2
|
||||
, titleMaker servicesElmBuilds.serviceArticle.articleTitles.title3
|
||||
, elmCodeRenderer
|
||||
]
|
||||
]
|
||||
]
|
||||
|
|
@ -142,3 +146,263 @@ serviceMaker =
|
|||
]
|
||||
]
|
||||
]
|
||||
|
||||
|
||||
elmCodeRenderer : Element msg
|
||||
elmCodeRenderer =
|
||||
el
|
||||
[ paddingEach
|
||||
{ top = 15
|
||||
, bottom = 15
|
||||
, left = 20
|
||||
, right = 20
|
||||
}
|
||||
, B.color colourTheme.backgroundLightGrey
|
||||
, D.rounded 10
|
||||
, width fill
|
||||
, spacing 8
|
||||
]
|
||||
<|
|
||||
column
|
||||
[ F.size 14
|
||||
, spacing 5
|
||||
, width fill
|
||||
]
|
||||
[ renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 0 0 ]
|
||||
, text "barMaker"
|
||||
|> el [ F.color syntaxTheme.key ]
|
||||
, text " : "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "Int"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text " -> "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "String"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text ")"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " -> "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "Int"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text " -> "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "Element"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text " msg"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 0 0 ]
|
||||
, text "barMaker"
|
||||
|> el [ F.color syntaxTheme.key ]
|
||||
, text " getToolTip"
|
||||
, text " num"
|
||||
, text " ="
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 16 0 ]
|
||||
, text "el"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 28 0 ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "["
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Element"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "height"
|
||||
, text " <| "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "px"
|
||||
, text " 12"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Element"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "width"
|
||||
, text " fill"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Border"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "rounded"
|
||||
, text " 10"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Border"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "color"
|
||||
, text " colourTheme"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "textDarkGrey"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Border"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "width"
|
||||
, text " 2"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Background"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "gradient"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "{"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " angle"
|
||||
, text " = "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "1.57"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " steps"
|
||||
, text " = "
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 56 0 ]
|
||||
, text "List"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "concat"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 62 0 ]
|
||||
, text "[ "
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "List"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "repeat"
|
||||
, text " num "
|
||||
, text "colourTheme"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "barGreen"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 62 0 ]
|
||||
, text ", "
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "List"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "repeat"
|
||||
, text " ("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "10"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
, text " - "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "num"
|
||||
, text " )"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " colourTheme"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "barRed"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 62 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "}"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 40 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "++"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text " [ "
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "tooltip"
|
||||
, text " ("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "getToolTip"
|
||||
, text " num"
|
||||
, text ")"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " ]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 28 0 ]
|
||||
, text ")"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 28 0 ]
|
||||
, text "none"
|
||||
]
|
||||
]
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue