From ff89dc4648ce65c90167320ce5bc399bff1f1b05 Mon Sep 17 00:00:00 2001
From: Richard Feldman <richard.t.feldman@gmail.com>
Date: Thu, 1 Sep 2016 00:46:26 -0700
Subject: [PATCH] Add part0

---
 part0/Main.elm         |  23 ++++++++++
 part0/README.md        |  25 ++++++++++
 part0/elm-hub.png      | Bin 0 -> 2126 bytes
 part0/elm-package.json |  15 ++++++
 part0/index.html       |  20 ++++++++
 part0/style.css        | 101 +++++++++++++++++++++++++++++++++++++++++
 6 files changed, 184 insertions(+)
 create mode 100644 part0/Main.elm
 create mode 100644 part0/README.md
 create mode 100644 part0/elm-hub.png
 create mode 100644 part0/elm-package.json
 create mode 100644 part0/index.html
 create mode 100644 part0/style.css

diff --git a/part0/Main.elm b/part0/Main.elm
new file mode 100644
index 0000000..3b7c10a
--- /dev/null
+++ b/part0/Main.elm
@@ -0,0 +1,23 @@
+module Main exposing (..)
+
+import Html exposing (..)
+import Html.Attributes exposing (..)
+
+
+elmHubHeader =
+    header []
+        [ -- TODO wrap the following text in an <h1>
+          text "ElmHub"
+        , span [ class "tagline" ]
+            [{- TODO put some text in here that says:
+                "Like GitHub, but for Elm things."
+             -}
+            ]
+        ]
+
+
+main =
+    div [ class "content" ]
+        [ -- TODO put the header here
+          ul [ class "results" ] []
+        ]
diff --git a/part0/README.md b/part0/README.md
new file mode 100644
index 0000000..be9681c
--- /dev/null
+++ b/part0/README.md
@@ -0,0 +1,25 @@
+Part 1
+======
+
+The instructor will paste notes from the lesson, including code examples from
+Q&A, in [this document](https://docs.google.com/document/d/1ApuSOk9DP0YsQrxhW7-WE8UOEAV4PPnLDDeqUOL2o5k/edit?usp=sharing).
+
+## Installation
+
+```bash
+elm-package install
+```
+
+(Answer `y` when prompted.)
+
+
+## Building
+
+```bash
+elm-live Main.elm --open --output=elm.js
+```
+
+## References
+* [html-to-elm](http://mbylstra.github.io/html-to-elm/) - paste in HTML, get elm-html code
+* [elm-html documentation](http://package.elm-lang.org/packages/elm-lang/html/latest)
+* [record syntax](http://elm-lang.org/docs/syntax#records) (e.g. `{ foo = 1, bar = 2 }`)
diff --git a/part0/elm-hub.png b/part0/elm-hub.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba32816a8df14eb878b6e39914bf889c799673aa
GIT binary patch
literal 2126
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
Ef>T55F8}}l

literal 0
HcmV?d00001

diff --git a/part0/elm-package.json b/part0/elm-package.json
new file mode 100644
index 0000000..cb15a2e
--- /dev/null
+++ b/part0/elm-package.json
@@ -0,0 +1,15 @@
+{
+    "version": "1.0.0",
+    "summary": "Like GitHub, but for Elm stuff.",
+    "repository": "https://github.com/rtfeldman/elm-workshop.git",
+    "license": "BSD-3-Clause",
+    "source-directories": [
+        ".", ".."
+    ],
+    "exposed-modules": [],
+    "dependencies": {
+        "elm-lang/core": "4.0.5 <= v < 5.0.0",
+        "elm-lang/html": "1.1.0 <= v < 2.0.0"
+    },
+    "elm-version": "0.17.0 <= v < 0.18.0"
+}
diff --git a/part0/index.html b/part0/index.html
new file mode 100644
index 0000000..93fc00c
--- /dev/null
+++ b/part0/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title>ElmHub</title>
+  <script type="text/javascript" src="elm.js"></script>
+
+  <link rel="stylesheet" href="style.css">
+  <link rel="icon" type="image/png" href="elm-hub.png">
+</head>
+
+<body>
+</body>
+
+<script type="text/javascript">
+  var app = Elm.Main.fullscreen();
+</script>
+
+</html>
diff --git a/part0/style.css b/part0/style.css
new file mode 100644
index 0000000..d030733
--- /dev/null
+++ b/part0/style.css
@@ -0,0 +1,101 @@
+
+.content {
+  width: 960px;
+  margin: 0 auto;
+  padding: 30px;
+  font-family: Helvetica, Arial, serif;
+}
+
+header {
+  position: relative;
+  padding: 6px 12px;
+  height: 36px;
+  background-color: rgb(96, 181, 204);
+}
+
+h1 {
+  color: white;
+  font-weight: normal;
+  margin: 0;
+}
+
+.tagline {
+  color: #eee;
+  position: absolute;
+  right: 16px;
+  top: 12px;
+  font-size: 24px;
+  font-style: italic;
+}
+
+.results {
+  list-style-image: url('http://img-cache.cdn.gaiaonline.com/76bd5c99d8f2236e9d3672510e933fdf/http://i278.photobucket.com/albums/kk81/d3m3nt3dpr3p/Tiny-Star-Icon.png');
+  list-style-position: inside;
+  padding: 0;
+}
+
+.results li {
+  font-size: 18px;
+  margin-bottom: 16px;
+}
+
+.star-count {
+  font-weight: bold;
+  margin-right: 16px;
+}
+
+a {
+  color: rgb(96, 181, 204);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.search-query {
+  padding: 8px;
+  font-size: 24px;
+  margin-bottom: 18px;
+  margin-top: 36px;
+}
+
+.search-button {
+  padding: 8px 16px;
+  font-size: 24px;
+  color: white;
+  border: 1px solid #ccc;
+  background-color: rgb(96, 181, 204);
+  margin-left: 12px
+}
+
+.search-button:hover {
+  color: rgb(96, 181, 204);
+  background-color: white;
+}
+
+.hide-result {
+  background-color: transparent;
+  border: 0;
+  font-weight: bold;
+  font-size: 18px;
+  margin-left: 18px;
+  cursor: pointer;
+}
+
+.hide-result:hover {
+  color: rgb(96, 181, 204);
+}
+
+button:focus, input:focus {
+  outline: none;
+}
+
+.error {
+  background-color: #FF9632;
+  padding: 20px;
+  box-sizing: border-box;
+  overflow-x: auto;
+  font-family: monospace;
+  font-size: 18px;
+}