@@ -0,0 +1,70 @@
1+module Main exposing (main)
2+
3+{-| -}
4+
5+import Element exposing (..)
6+import Element.Background as Background
7+import Element.Font as Font
8+import Html.Attributes
9+
10+
11+myFont =
12+ Font.with
13+ { url = Just "https://fonts.googleapis.com/css?family=Catamaran"
14+ , name = "Catamaran"
15+ , adjustment =
16+ { capital = 1.15
17+ , lowercase = 0.96
18+ , baseline = 0.465
19+ , descender = 0.245
20+ }
21+ }
22+
23+
24+main =
25+ Element.layout
26+ [ Background.color (rgba 0 0.8 0.9 1)
27+ , Font.color (rgba 1 1 1 1)
28+ , Font.size 32
29+ , Font.family [ myFont ]
30+
31+ -- , Font.family
32+ -- [ Font.external
33+ -- { url = "https://fonts.googleapis.com/css?family=EB+Garamond"
34+ -- , name = "EB Garamond"
35+ -- }
36+ -- , Font.sansSerif
37+ -- ]
38+ ]
39+ <|
40+ column [ centerX, centerY, spacing 20, padding 100, htmlAttribute (Html.Attributes.style "display" "block") ]
41+ [ el
42+ []
43+ (text "Hello stylish friend!")
44+ , el
45+ [ Font.family
46+ [ Font.external
47+ { url = "https://fonts.googleapis.com/css?family=EB+Garamond"
48+ , name = "EB Garamond"
49+ }
50+ ]
51+ ]
52+ <|
53+ el
54+ [ Font.sizeByCapital
55+ , Background.color (rgba 1 1 1 1)
56+ , Font.color (rgba 0 0 0 1)
57+ ]
58+ (text "Hello stylish friend!")
59+ , el
60+ [ Font.sizeByCapital
61+ , Background.color (rgba 1 1 1 1)
62+ , Font.color (rgba 0 0 0 1)
63+ ]
64+ (text "Hello stylish friend!")
65+ , el
66+ [ Background.color (rgba 1 1 1 1)
67+ , Font.color (rgba 0 0 0 1)
68+ ]
69+ (text "Hello stylish friend!")
70+ ]