Skip to content

Instantly share code, notes, and snippets.

@benjick
Last active May 4, 2016 11:18
Show Gist options
  • Save benjick/617ac51977f4afa6e92f0d501125abf4 to your computer and use it in GitHub Desktop.
Save benjick/617ac51977f4afa6e92f0d501125abf4 to your computer and use it in GitHub Desktop.
import Html exposing (li, text, ul)
import Html.Attributes exposing (class, href)
{-| This snippet uses the <ul> and <li> tags to create an unorderd
list of French grocery items. Notice that all occurrences of 'ul'
and 'li' are followed by two lists. The first list is for any HTML
attributes, and the second list is all the HTML nodes inside the
tag.
Et maintenant le voyage au supermarché!
-}
main =
ul [class "grocery-list"]
[ li [] [text "Pamplemousse"]
, li [] [text "Ananas"]
, li [] [text "Jus d'orange"]
, li [] [text "Boeuf"]
, li [] [text "Soupe du jour"]
, li [] [text "Camembert"]
, li [] [text "Jacques Cousteau"]
, li [] [text "Baguette"]
]
-- Thanks to "Flight of the Conchords" for creating "Foux Du Fafa"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment