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="row"> 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 a <h1> here instead of this text, then add a <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" ]
        [ p [] [ text "TODO: Replace this <p> with the banner" ]
        , div [ class "container page" ]
            [ div [ class "row" ]
                [ div [ class "col-md-9" ] [ feed ]
                , div [ class "col-md-3" ] []
                ]
            ]
        ]