mirror of
https://gitlab.com/upRootNutrition/website.git
synced 2025-08-10 04:14:38 -05:00
feat: version 1 done?
This commit is contained in:
Nick
parent
cf580a71d0
commit
d1ba50abd8
30 changed files with 668 additions and 261 deletions
|
|
@ -6,12 +6,14 @@ import Config.Helpers.Cards.Types as C
|
|||
import Config.Helpers.Converters exposing (toTitleCase)
|
||||
import Config.Helpers.Format
|
||||
exposing
|
||||
( paragraphFontSize
|
||||
( headerFontSizeSmall
|
||||
, paragraphFontSize
|
||||
, paragraphSpacing
|
||||
)
|
||||
import Config.Helpers.Headers.Helpers exposing (..)
|
||||
import Config.Helpers.Headers.Records exposing (argumentHeader)
|
||||
import Config.Helpers.Headers.Types as R exposing (..)
|
||||
import Config.Helpers.ImageFolders as M exposing (..)
|
||||
import Config.Helpers.Response
|
||||
exposing
|
||||
( pageList
|
||||
|
|
@ -141,21 +143,119 @@ debateList device =
|
|||
[ [ headerMaker (R.Arguments argumentHeader) ]
|
||||
, List.map
|
||||
(\argument ->
|
||||
cardMaker device (C.Argument argument) (contentList argument)
|
||||
cardMaker device (C.Argument argument) (contentList device argument)
|
||||
)
|
||||
argumentList
|
||||
]
|
||||
|
||||
|
||||
contentList : Argument -> List (Element msg)
|
||||
contentList argument =
|
||||
[ summaryMakerDesktop argument
|
||||
, strengthBar argument
|
||||
, tableMaker argument
|
||||
contentList : Device -> Argument -> List (Element msg)
|
||||
contentList device argument =
|
||||
[ row
|
||||
[ width fill
|
||||
, paddingEach
|
||||
{ top =
|
||||
case ( device.class, device.orientation ) of
|
||||
( Phone, Portrait ) ->
|
||||
8
|
||||
|
||||
( Tablet, Portrait ) ->
|
||||
8
|
||||
|
||||
_ ->
|
||||
0
|
||||
, right = 0
|
||||
, bottom = 0
|
||||
, left = 0
|
||||
}
|
||||
]
|
||||
[ column [ width fill, spacing 8 ]
|
||||
[ summaryMakerDesktop argument
|
||||
, strengthBar argument
|
||||
]
|
||||
, case ( device.class, device.orientation ) of
|
||||
( Phone, Portrait ) ->
|
||||
none
|
||||
|
||||
( Tablet, Portrait ) ->
|
||||
none
|
||||
|
||||
_ ->
|
||||
argumentImageMaker argument
|
||||
]
|
||||
, tableMaker device argument
|
||||
, desktopFormalizationMaker argument
|
||||
, proofTreeButton argument.proofLink
|
||||
]
|
||||
|
||||
|
||||
argumentImageMaker : Argument -> Element msg
|
||||
argumentImageMaker argument =
|
||||
el
|
||||
[ alignRight
|
||||
, alignTop
|
||||
, centerY
|
||||
, paddingEach
|
||||
{ top = 0
|
||||
, right = 0
|
||||
, bottom = 0
|
||||
, left = 20
|
||||
}
|
||||
]
|
||||
<|
|
||||
el
|
||||
[ D.rounded 10
|
||||
, D.width 3
|
||||
, D.color colourTheme.backgroundLightGrey
|
||||
, B.color colourTheme.backgroundLightGrey
|
||||
]
|
||||
<|
|
||||
E.image
|
||||
[ alignRight
|
||||
, alignTop
|
||||
, D.rounded 10
|
||||
, clip
|
||||
, E.width <| px 65
|
||||
, E.height <| px 65
|
||||
]
|
||||
{ src = imagePathMaker M.Argument argument.argumentImage
|
||||
, description = ""
|
||||
}
|
||||
|
||||
|
||||
proofTreeButton : String -> Element msg
|
||||
proofTreeButton url =
|
||||
newTabLink
|
||||
[ alignTop
|
||||
, alignRight
|
||||
, paddingXY 0 5
|
||||
]
|
||||
{ url = url
|
||||
, label =
|
||||
el
|
||||
[ F.color colourTheme.textLightGrey
|
||||
, B.color colourTheme.textDarkOrange
|
||||
, D.rounded 10
|
||||
, paddingEach
|
||||
{ top = 6
|
||||
, bottom = 3
|
||||
, left = 10
|
||||
, right = 10
|
||||
}
|
||||
, mouseOver
|
||||
[ F.color colourTheme.textLightOrange
|
||||
, B.color colourTheme.textDeepDarkOrange
|
||||
]
|
||||
, transitionStyleSlow
|
||||
, headerFontSizeSmall
|
||||
, F.bold
|
||||
]
|
||||
<|
|
||||
text
|
||||
"Proof Tree"
|
||||
}
|
||||
|
||||
|
||||
infoSpacing =
|
||||
E.width <| px 100
|
||||
|
||||
|
|
@ -165,15 +265,12 @@ propositionMaker =
|
|||
column
|
||||
[ E.alignTop, E.alignLeft ]
|
||||
[ paragraph
|
||||
([ F.color colourTheme.textLightGrey
|
||||
, paragraphSpacing
|
||||
, paragraphFontSize
|
||||
, F.bold
|
||||
]
|
||||
++ [ F.size 18
|
||||
, infoSpacing
|
||||
]
|
||||
)
|
||||
[ F.color colourTheme.textLightGrey
|
||||
, paragraphSpacing
|
||||
, headerFontSizeSmall
|
||||
, F.bold
|
||||
, infoSpacing
|
||||
]
|
||||
[ el
|
||||
[ tooltip
|
||||
"A proposition is a declarative statement that can be evaluated as either true or false, and which serves as the basis for debate."
|
||||
|
|
@ -432,8 +529,8 @@ getConfidenceTooltip num =
|
|||
"Confidence level out of expected range."
|
||||
|
||||
|
||||
tableMaker : Argument -> Element msg
|
||||
tableMaker argument =
|
||||
tableMaker : Device -> Argument -> Element msg
|
||||
tableMaker device argument =
|
||||
let
|
||||
cellPadding : Attribute msg
|
||||
cellPadding =
|
||||
|
|
@ -454,12 +551,22 @@ tableMaker argument =
|
|||
]
|
||||
<|
|
||||
E.table
|
||||
[ D.rounded 10
|
||||
, D.width 2
|
||||
, D.color colourTheme.textDarkGrey
|
||||
, clip
|
||||
, B.color colourTheme.backgroundSpreadsheet
|
||||
]
|
||||
([ D.rounded 10
|
||||
, D.width 2
|
||||
, D.color colourTheme.textDarkGrey
|
||||
, clip
|
||||
]
|
||||
++ (case ( device.class, device.orientation ) of
|
||||
( Phone, Portrait ) ->
|
||||
[ B.color colourTheme.backgroundSpreadsheet ]
|
||||
|
||||
( Tablet, Portrait ) ->
|
||||
[ B.color colourTheme.backgroundSpreadsheet ]
|
||||
|
||||
_ ->
|
||||
[]
|
||||
)
|
||||
)
|
||||
{ data = argument.definitionTable
|
||||
, columns =
|
||||
[ { header =
|
||||
|
|
|
|||
|
|
@ -391,13 +391,23 @@ tableMaker donate device =
|
|||
]
|
||||
<|
|
||||
E.table
|
||||
[ spacing 0
|
||||
, D.rounded 10
|
||||
, D.width 2
|
||||
, D.color colourTheme.textDarkGrey
|
||||
, B.color colourTheme.backgroundSpreadsheet
|
||||
, clip
|
||||
]
|
||||
([ spacing 0
|
||||
, D.rounded 10
|
||||
, D.width 2
|
||||
, D.color colourTheme.textDarkGrey
|
||||
, clip
|
||||
]
|
||||
++ (case ( device.class, device.orientation ) of
|
||||
( Phone, Portrait ) ->
|
||||
[ B.color colourTheme.backgroundSpreadsheet ]
|
||||
|
||||
( Tablet, Portrait ) ->
|
||||
[ B.color colourTheme.backgroundSpreadsheet ]
|
||||
|
||||
_ ->
|
||||
[]
|
||||
)
|
||||
)
|
||||
{ data = donate.donateFeatures
|
||||
, columns =
|
||||
List.map createColumn
|
||||
|
|
|
|||
|
|
@ -17,8 +17,7 @@ import Config.Style.Colour exposing (colourTheme)
|
|||
import Config.Style.Glow exposing (glowDeepDarkGrey)
|
||||
import Config.Style.Icons.Icons
|
||||
exposing
|
||||
( construction2
|
||||
, upRootLarge
|
||||
( upRootLarge
|
||||
, upRootMedium
|
||||
, upRootSmall
|
||||
)
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@ import Config.Helpers.Format
|
|||
import Config.Helpers.Headers.Helpers exposing (..)
|
||||
import Config.Helpers.Headers.Records exposing (nutriDexHeader)
|
||||
import Config.Helpers.Headers.Types as R exposing (..)
|
||||
import Config.Helpers.Price exposing (buyButton)
|
||||
import Config.Helpers.Response
|
||||
exposing
|
||||
( pageList
|
||||
|
|
@ -37,6 +38,7 @@ import Config.Style.Transitions
|
|||
, hoverPageButtonDeepDarkOrange
|
||||
, transitionStyleFast
|
||||
, transitionStyleMedium
|
||||
, transitionStyleSlow
|
||||
)
|
||||
import Effect exposing (Effect)
|
||||
import Element as E exposing (..)
|
||||
|
|
@ -266,31 +268,7 @@ featureList nutridex device =
|
|||
]
|
||||
[ html nutriDexLogo
|
||||
]
|
||||
, row
|
||||
[ D.width 5
|
||||
, D.rounded 30
|
||||
, centerX
|
||||
, glowDeepDarkGrey
|
||||
, D.color colourTheme.backgroundLightGrey
|
||||
, B.color colourTheme.backgroundLightGrey
|
||||
]
|
||||
[ row
|
||||
[ B.color colourTheme.textDarkOrange
|
||||
, D.rounded 30
|
||||
, F.size 25
|
||||
, F.bold
|
||||
, transitionStyleMedium
|
||||
, hoverPageButtonDeepDarkOrange
|
||||
, paddingEach
|
||||
{ top = 10
|
||||
, right = 25
|
||||
, bottom = 10
|
||||
, left = 25
|
||||
}
|
||||
]
|
||||
[ price
|
||||
]
|
||||
]
|
||||
, buyButton "$20" "https://uprootnutrition.myshopify.com/cart/31192710807615:1?channel=buy_button"
|
||||
, column
|
||||
[ centerX ]
|
||||
[ column
|
||||
|
|
@ -348,9 +326,12 @@ linkFormat =
|
|||
[ F.color colourTheme.textLightGrey
|
||||
, paragraphSpacing
|
||||
, paragraphFontSize
|
||||
, F.color colourTheme.textLightOrange
|
||||
, mouseOver
|
||||
[ F.color colourTheme.textDarkOrange
|
||||
]
|
||||
, transitionStyleMedium
|
||||
]
|
||||
++ [ F.color colourTheme.textLightOrange
|
||||
]
|
||||
|
||||
|
||||
nutriDexBodyMaker : Device -> Element msg
|
||||
|
|
|
|||
|
|
@ -4,9 +4,11 @@ import Config.Helpers.Cards.Helpers exposing (cardMaker)
|
|||
import Config.Helpers.Cards.Types as C exposing (..)
|
||||
import Config.Helpers.Format exposing (..)
|
||||
import Config.Helpers.Headers.Types exposing (Header)
|
||||
import Config.Helpers.Price exposing (buyButton)
|
||||
import Config.Helpers.Response exposing (pageList, topLevelContainer)
|
||||
import Config.Helpers.ServiceFormat exposing (..)
|
||||
import Config.Helpers.ToolTip exposing (..)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
import Config.Pages.Services.Records.DebateAnalysis exposing (..)
|
||||
import Config.Style.Colour exposing (colourTheme)
|
||||
import Config.Style.Transitions
|
||||
|
|
@ -28,7 +30,6 @@ import Route exposing (Route)
|
|||
import Route.Path as Path
|
||||
import Shared
|
||||
import View exposing (View)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
|
||||
|
||||
page : Shared.Model -> Route () -> Page Model Msg
|
||||
|
|
@ -65,7 +66,6 @@ init () =
|
|||
|
||||
|
||||
|
||||
|
||||
-- UPDATE
|
||||
|
||||
|
||||
|
|
@ -136,5 +136,6 @@ contentList =
|
|||
, numberMaker servicesDebateAnalysis.serviceArticle.articleListEntries.list1
|
||||
, titleMaker servicesDebateAnalysis.serviceArticle.articleTitles.title2
|
||||
, bulletPointMaker servicesDebateAnalysis.serviceArticle.articleListEntries.list2
|
||||
, buyButton "Book!" "https://buy.stripe.com/14k3dr4Zh8p6c3mbIJ"
|
||||
]
|
||||
]
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import Config.Helpers.Cards.Types as C
|
|||
import Config.Helpers.Format exposing (..)
|
||||
import Config.Helpers.Headers.Helpers exposing (..)
|
||||
import Config.Helpers.Headers.Types exposing (Header)
|
||||
import Config.Helpers.Price exposing (buyButton)
|
||||
import Config.Helpers.Response
|
||||
exposing
|
||||
( pageList
|
||||
|
|
@ -12,6 +13,7 @@ import Config.Helpers.Response
|
|||
)
|
||||
import Config.Helpers.ServiceFormat exposing (..)
|
||||
import Config.Helpers.ToolTip exposing (..)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
import Config.Pages.Services.Records.DebateCoaching exposing (servicesDebateCoaching)
|
||||
import Config.Style.Colour exposing (colourTheme)
|
||||
import Config.Style.Transitions
|
||||
|
|
@ -33,7 +35,6 @@ import Route exposing (Route)
|
|||
import Route.Path as Path
|
||||
import Shared
|
||||
import View exposing (View)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
|
||||
|
||||
page : Shared.Model -> Route () -> Page Model Msg
|
||||
|
|
@ -70,7 +71,6 @@ init () =
|
|||
|
||||
|
||||
|
||||
|
||||
-- UPDATE
|
||||
|
||||
|
||||
|
|
@ -147,5 +147,6 @@ contentList =
|
|||
, highlightedBlockMaker servicesDebateCoaching.serviceArticle.articleTitles.title6 servicesDebateCoaching.serviceArticle.articleListEntries.list6
|
||||
, highlightedBlockMaker servicesDebateCoaching.serviceArticle.articleTitles.title7 servicesDebateCoaching.serviceArticle.articleListEntries.list7
|
||||
, highlightedBlockMaker servicesDebateCoaching.serviceArticle.articleTitles.title8 servicesDebateCoaching.serviceArticle.articleListEntries.list8
|
||||
, buyButton "Book!" "https://buy.stripe.com/14k01f3Vd6gY6J2146"
|
||||
]
|
||||
]
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ import Config.Helpers.Response
|
|||
)
|
||||
import Config.Helpers.ServiceFormat exposing (..)
|
||||
import Config.Helpers.ToolTip exposing (..)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
import Config.Pages.Services.Records.ElmBuilds exposing (servicesElmBuilds)
|
||||
import Config.Style.Colour exposing (..)
|
||||
import Config.Style.Transitions
|
||||
|
|
@ -33,7 +34,6 @@ import Route exposing (Route)
|
|||
import Route.Path as Path
|
||||
import Shared
|
||||
import View exposing (View)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
|
||||
|
||||
page : Shared.Model -> Route () -> Page Model Msg
|
||||
|
|
@ -70,7 +70,6 @@ init () =
|
|||
|
||||
|
||||
|
||||
|
||||
-- UPDATE
|
||||
|
||||
|
||||
|
|
@ -115,7 +114,7 @@ elmBuildsContainer device =
|
|||
|
||||
elmBuildsList : Device -> Element msg
|
||||
elmBuildsList device =
|
||||
column
|
||||
column
|
||||
(case ( device.class, device.orientation ) of
|
||||
_ ->
|
||||
pageList device
|
||||
|
|
@ -170,24 +169,16 @@ elmCodeRenderer =
|
|||
[ renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 0 0 ]
|
||||
, text "barMaker"
|
||||
, text "cardImageMaker"
|
||||
|> el [ F.color syntaxTheme.key ]
|
||||
, text " : "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "Int"
|
||||
, text "String"
|
||||
|> 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"
|
||||
|
|
@ -197,13 +188,67 @@ elmCodeRenderer =
|
|||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 0 0 ]
|
||||
, text "barMaker"
|
||||
, text "cardImageMaker"
|
||||
|> el [ F.color syntaxTheme.key ]
|
||||
, text " getToolTip"
|
||||
, text " num"
|
||||
, text " image blurb"
|
||||
, text " ="
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 16 0 ]
|
||||
, text "let"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text "mobileImageSize"
|
||||
, text " ="
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "["
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " E"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "width"
|
||||
, text " <| "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "px"
|
||||
, text " 45"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " E"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "height"
|
||||
, text " <| "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "px"
|
||||
, text " 45"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 16 0 ]
|
||||
, text "in"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 16 0 ]
|
||||
|
|
@ -211,197 +256,307 @@ elmCodeRenderer =
|
|||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 28 0 ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, 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 ]
|
||||
, text " alignRight"
|
||||
]
|
||||
, 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"
|
||||
, text " alignTop"
|
||||
]
|
||||
, 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 " padding"
|
||||
, text " 10"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 16 0 ]
|
||||
, text "<|"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text "el"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "["
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " D"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "rounded"
|
||||
, text " 100"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Border"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text " D"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "width"
|
||||
, text " 5"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " glowDeepDarkGrey"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " D"
|
||||
, 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 ]
|
||||
, text "backgroundDarkGrey"
|
||||
]
|
||||
, 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 " B"
|
||||
, 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 "color"
|
||||
, text " colourTheme"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "barRed"
|
||||
, text "backgroundDarkGrey"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 62 0 ]
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 32 0 ]
|
||||
, text "<|"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 48 0 ]
|
||||
, text "E"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "image"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "["
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " alignRight"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " alignTop"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " D"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "rounded"
|
||||
, text " 100"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " clip"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text "++"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text " ("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "case"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
, text " ("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " device"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "class"
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " device"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "orientation"
|
||||
, text " )"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " of"
|
||||
|> el [ F.color syntaxTheme.keyword ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 80 0 ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Phone"
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Portrait"
|
||||
, text " )"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " ->"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 96 0 ]
|
||||
, text "mobileImageSize"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 80 0 ]
|
||||
, text "("
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Tablet"
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " Portrait"
|
||||
, text " )"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " ->"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 96 0 ]
|
||||
, text "mobileImageSize"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 80 0 ]
|
||||
, text "_"
|
||||
, text " ->"
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 96 0 ]
|
||||
, text "["
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " E"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "width"
|
||||
, text " <| "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "px"
|
||||
, text " 90"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 96 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " E"
|
||||
, text "."
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text "height"
|
||||
, text " <| "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "px"
|
||||
, text " 90"
|
||||
|> el [ F.color syntaxTheme.string ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 96 0 ]
|
||||
, text "]"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text ")"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text ")"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text "{"
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " src"
|
||||
, text " = "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "image"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 0 ]
|
||||
, text ","
|
||||
|> el [ F.color syntaxTheme.punctuation ]
|
||||
, text " description"
|
||||
, text " = "
|
||||
|> el [ F.color syntaxTheme.operator ]
|
||||
, text "blurb"
|
||||
]
|
||||
, renderCodeLine syntaxTheme
|
||||
[ text ""
|
||||
|> el [ paddingXY 64 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"
|
||||
]
|
||||
]
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ import Config.Helpers.Response
|
|||
)
|
||||
import Config.Helpers.ServiceFormat exposing (..)
|
||||
import Config.Helpers.ToolTip exposing (..)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
import Config.Pages.Services.Records.NixBuilds exposing (servicesNixBuilds)
|
||||
import Config.Style.Colour exposing (..)
|
||||
import Config.Style.Transitions
|
||||
|
|
@ -33,7 +34,6 @@ import Route exposing (Route)
|
|||
import Route.Path as Path
|
||||
import Shared
|
||||
import View exposing (View)
|
||||
import Config.Helpers.Viewport exposing (resetViewport)
|
||||
|
||||
|
||||
page : Shared.Model -> Route () -> Page Model Msg
|
||||
|
|
@ -70,7 +70,6 @@ init () =
|
|||
|
||||
|
||||
|
||||
|
||||
-- UPDATE
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import Config.Helpers.Cards.Types as C
|
|||
import Config.Helpers.Format exposing (..)
|
||||
import Config.Helpers.Headers.Helpers exposing (..)
|
||||
import Config.Helpers.Headers.Types exposing (Header)
|
||||
import Config.Helpers.Price exposing (buyButton)
|
||||
import Config.Helpers.Response
|
||||
exposing
|
||||
( pageList
|
||||
|
|
@ -139,5 +140,6 @@ contentList =
|
|||
, numberMaker servicesNutritionScience.serviceArticle.articleListEntries.list1
|
||||
, titleMaker servicesNutritionScience.serviceArticle.articleTitles.title2
|
||||
, bulletPointMaker servicesNutritionScience.serviceArticle.articleListEntries.list2
|
||||
, buyButton "Book!" "https://buy.stripe.com/5kA5lz77pdJq6J28wz"
|
||||
]
|
||||
]
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue