@@ -1,16 +1,18 @@
11module Route.Index exposing (ActionData, Data, Model, Msg, route)
22
33import BackendTask exposing (BackendTask)
4+import Element exposing (..)
5+import Element.Background as Background
6+import Element.Font as Font
47import FatalError exposing (FatalError)
58import Head
69import Head.Seo as Seo
7−import Html
810import Pages.Url
911import PagesMsg exposing (PagesMsg)
10−import UrlPath
1112import Route
1213import RouteBuilder exposing (App, StatelessRoute)
1314import Shared
15+import UrlPath
1416import View exposing (View)
1517
1618
@@ -57,16 +59,16 @@ head :
5759head app =
5860 Seo.summary
5961 { canonicalUrlOverride = Nothing
60− , siteName = "elm-pages"
62+ , siteName = "Horeca Productions"
6163 , image =
6264 { url = [ "images", "icon-png.png" ] |> UrlPath.join |> Pages.Url.fromPath
6365 , alt = "elm-pages logo"
6466 , dimensions = Nothing
6567 , mimeType = Nothing
6668 }
67− , description = "Welcome to elm-pages!"
69+ , description = "Welcome to Horeco Productions!"
6870 , locale = Nothing
69− , title = "elm-pages is running"
71+ , title = "Horeca Productions"
7072 }
7173 |> Seo.website
7274
@@ -78,11 +80,34 @@ view :
7880view app shared =
7981 { title = "elm-pages is running"
8082 , body =
81− [ Html.h1 [] [ Html.text "elm-pages is up and running!" ]
82− , Html.p []
83− [ Html.text <| "The message is: " ++ app.data.message
83+ column [ width fill ]
84+ [ column [ width fill, Background.color (rgb255 53 30 30), spacing 88 ]
85+ [ row [ width fill ]
86+ [ el [ width (px 50) ] none
87+ , row [ centerX, width fill, spaceEvenly ]
88+ [ el headerFont (text "услуги")
89+ , el headerFont (text "студия")
90+ , image [ height (px 50) ] { src = "/public/logo.svg", description = "logo" }
91+ , el headerFont (text "работы")
92+ , el headerFont (text "о нас")
93+ ]
94+ , el [ width (px 50) ] none
95+ ]
96+ ]
8497 ]
85− , Route.Blog__Slug_ { slug = "hello" }
86− |> Route.link [] [ Html.text "My blog post" ]
87− ]
8898 }
99+
100+
101+headerFont : List (Attribute msg)
102+headerFont =
103+ [ raleway, Font.size 24, Font.color (rgb255 170 147 32) ]
104+
105+
106+ubuntu : Attribute msg
107+ubuntu =
108+ Font.family [ Font.typeface "Ubuntu" ]
109+
110+
111+raleway : Attribute msg
112+raleway =
113+ Font.family [ Font.typeface "Raleway" ]