44 lines
1.2 KiB
Elm
44 lines
1.2 KiB
Elm
module Main exposing (main)
|
||
|
||
import Html exposing (..)
|
||
import Html.Attributes exposing (..)
|
||
|
||
|
||
banner =
|
||
{- 👉 TODO: Add a logo and tagline to this banner, so its structure becomes:
|
||
|
||
<div class="banner">
|
||
<div class="container">
|
||
|
||
<h1 class="logo-font">conduit</h1>
|
||
|
||
<p>A place to share your knowledge.</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
💡 HINT 1: the <div class="container"> above is an element with 2 child nodes.
|
||
|
||
💡 HINT 2: the <div class="feed-toggle"> below is an element with text.
|
||
-}
|
||
div [ class "banner" ]
|
||
[ div [ class "container" ]
|
||
[ text "👉 TODO: Put the <h1> here instead of this text, then add the <p> right after the <h1>" ]
|
||
]
|
||
|
||
|
||
feed =
|
||
div [ class "feed-toggle" ] [ text "(In the future we’ll display a feed of articles here!)" ]
|
||
|
||
|
||
main =
|
||
div [ class "home-page" ]
|
||
[ div [] [ text "👉 TODO: Replace this <div> with the banner" ]
|
||
, div [ class "container page" ]
|
||
[ div [ class "row" ]
|
||
[ div [ class "col-md-9" ] [ feed ]
|
||
, div [ class "col-md-3" ] []
|
||
]
|
||
]
|
||
]
|