InFact-coop · m4v15 · Nov 14, 2017 · Nov 14, 2017 · Nov 14, 2017 · Nov 14, 2017
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+# elm-package generated files
+elm-stuff
+# elm-repl generated files
+repl-temp-*
+
+elm.js
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 John Whiles
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/elm-package.json b/elm-package.json
@@ -0,0 +1,19 @@
+{
+    "version": "1.0.0",
+    "summary": "an elm boilerplate",
+    "repository": "https://github.com/Jwhiles/elm-boiler-plate.git",
+    "license": "BSD3",
+    "source-directories": [
+        "src"
+    ],
+    "exposed-modules": [],
+    "dependencies": {
+        "NoRedInk/elm-decode-pipeline": "3.0.0 <= v < 4.0.0",
+        "andrewMacmurray/elm-delay": "2.0.2 <= v < 3.0.0",
+        "elm-lang/core": "5.1.1 <= v < 6.0.0",
+        "elm-lang/dom": "1.1.1 <= v < 2.0.0",
+        "elm-lang/html": "2.0.0 <= v < 3.0.0",
+        "elm-lang/http": "1.0.0 <= v < 2.0.0"
+    },
+    "elm-version": "0.18.0 <= v < 0.19.0"
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "elm-boiler-plate",
+  "version": "1.0.0",
+  "description": "a boiler plate for elm projects",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "elm-live src/Main.elm --output=public/elm.js --dir=public --open --debug --pushstate",
+    "build": "elm-make src/Main.elm --output=public/elm.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Jwhiles/elm-boiler-plate.git"
+  },
+  "author": "John Whiles",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Jwhiles/elm-boiler-plate/issues"
+  },
+  "homepage": "https://github.com/Jwhiles/elm-boiler-plate#readme"
+}
diff --git a/public/assets/cross.svg b/public/assets/cross.svg
diff --git a/public/assets/favicon.ico b/public/assets/favicon.ico
diff --git a/public/assets/infoHub.png b/public/assets/infoHub.png
diff --git a/public/assets/lucy.png b/public/assets/lucy.png
diff --git a/public/assets/paul.svg b/public/assets/paul.svg
diff --git a/public/assets/speechBubble.svg b/public/assets/speechBubble.svg
diff --git a/public/assets/unlock-screenshot.png b/public/assets/unlock-screenshot.png
diff --git a/public/assets/woman.jpg b/public/assets/woman.jpg
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Elm Boilerplate</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <script type="text/javascript" src="elm.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.8.1/tachyons.min.css" />
+  <link rel="stylesheet" href="style.css" />
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+  <!-- <link rel='shortcut icon' type='image/x-icon' href='/public/favicon.ico' /> -->
+</head>
+
+<body class="unlock-image cover">
+  <div class="fixed bottom-0 right-0 ma4">
+  <div class="w480 margin-0-auto">
+
+<!-- code to the intro page!! -->
+<div id="intro-page" class="pa4 clip">
+    <div class = "br3 bg-white vh-50 shadow-1-ns overflow-auto-ns min-height">
+      <div class="h-60 mb2 tc blue-background bg-white pa3  grey-font b f4">
+      <p class="white ma0 fw1"> Unlock Support Centre</p>
+      <div class="ba b--white-30 mt2"></div>
+      <img class="ma2 fw1 white f5 br-100 h3 w3 dib" src="./assets/lucy.png" alt="Image of Unlock assistant">
+      <p class="ma0 fw1 white f5"> Lucy </p>
+      <p class="ma0 fw1 white f7 tracked i pa2 ml4 mr4"> “ Hi I’m Lucy! I received a caution for possession of a controlled substance (Class A) in 2009. By mid-2010, I had applied for and been granted a visa which was valid for 10 years.”</p>
+      <div class="ba b--white-30 mt2"></div>
+      <p class="ma0 fw1 white f5 mt2"> How can I help? </p>
+     </div>
+      <div>
+          <div class="flex flex-wrap justify-around">
+            <button id="show-elm" class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2 pointer"> Travel </button>
+            <button class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2"> Disclosure </button>
+            <button class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2"> Insurance </button>
+            <button class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2"> Sexual Offences </button>
+            <button class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2"> Spent or Unspent? </button>
+            <button class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2"> Google Effect </button>
+            <button class="purple-background bn white fw1 br-50 pa2 pl3 pr3 ma2"> Criminal Record Check </button>
+          </div>
+
+        </div>
+
+      </div>
+
+    </div>
+    </div>
+
+<!-- Code to intro page ends -->
+
+  <div class= "clip center pa4 measure" id="elm-landing-pad"></div>
+  <button  class="ball blue-background bn white br-100 w3 h3 fr shadow-1-ns grow mr4 mt3 flex justify-center" id="show-welcome"><img src="./assets/speechBubble.svg" alt="open"></button>
+
+  <button  class="blue-background bn white br-100 w3 h3 fr shadow-1-ns grow mr4 mt3 flex justify-center clip" id="hide-all"><img src="./assets/cross.svg" alt="close"></button>
+
+
+  </div>
+  </div>
+
+  <script type="text/javascript">
+
+document.getElementById("show-welcome").addEventListener('click', function() {
+  // remove:
+  document.getElementById("intro-page").classList.toggle("clip")
+  document.getElementById("hide-all").classList.toggle("clip")
+  // add:
+  document.getElementById("show-welcome").classList.toggle("clip")
+  document.getElementById("show-welcome").classList.toggle("ball")
+})
+
+document.getElementById("show-elm").addEventListener('click', function() {
+  // remove:
+  document.getElementById("elm-landing-pad").classList.toggle("clip")
+  // add:
+  document.getElementById("intro-page").classList.toggle("clip")
+})
+
+document.getElementById("hide-all").addEventListener('click', function() {
+  document.getElementById("intro-page").classList.add("clip")
+  document.getElementById("elm-landing-pad").classList.add("clip")
+  document.getElementById("hide-all").classList.add("clip")
+  document.getElementById("show-welcome").classList.remove("clip")
+})
+
+    Elm.Main.embed(document.getElementById("elm-landing-pad"))
+</script>
+</body>
+
+</html>
diff --git a/public/style.css b/public/style.css
@@ -0,0 +1,112 @@
+* {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+.grey-font {
+  color: #4a4a4a;
+}
+
+.light-grey-background {
+  background-color: #f3efef;
+}
+
+.purple-background {
+  background-color: #8f5b9c;
+}
+
+.blue-background {
+  background-color: #2396d2;
+}
+
+.br-50 {
+  border-radius: 50px;
+}
+
+.margin-0-auto {
+  margin: 0 auto;
+}
+
+.w480 {
+  width: 480px;
+}
+
+.unlock-image {
+  background-image: url('./assets/infoHub.png');
+}
+
+.h-60 {
+  height: 60%;
+}
+
+.h-10 {
+  height: 9rem;
+}
+
+.w416 {
+  min-width: 416px;
+}
+
+.wrap {
+  word-wrap: break-word;
+}
+
+@-webkit-keyframes thinking {
+  50% {
+    color: white;
+  }
+}
+
+@-webkit-keyframes growBot {
+  0% {
+    transform: scale(0, 0);
+    /*translate(-16rem);*/
+  }
+  100% {
+    transform: scale(1, 1);
+    /*translate(0rem);*/
+  }
+}
+
+@-webkit-keyframes growUser {
+  0% {
+    transform: scale(0, 0);
+    /*translate(16rem);*/
+  }
+  100% {
+    transform: scale(1, 1);
+    /*translate(0rem);*/
+  }
+}
+
+.thinking {
+  -webkit-animation: thinking 0.8s infinite;
+}
+
+.grow_bot_speech {
+  -webkit-animation: growBot 0.4s;
+}
+
+.grow_user_speech {
+  -webkit-animation: growUser 0.4s;
+}
+
+.ball {
+  -webkit-animation: bounce 0.3s infinite alternate;
+}
+
+@-webkit-keyframes bounce {
+  from {
+    transform: translateY(0px);
+  }
+  to {
+    transform: translateY(-30px);
+  }
+}
+
+.min-height{
+  min-height: 443.5px;
+}
diff --git a/src/Main.elm b/src/Main.elm
@@ -0,0 +1,24 @@
+module Main exposing (..)
+
+import Delay
+import Html exposing (..)
+import Models exposing (..)
+import Task
+import Time
+import Update exposing (..)
+import View exposing (..)
+
+
+main : Program Never Model Msg
+main =
+    Html.program
+        { init = init
+        , view = view
+        , update = update
+        , subscriptions = subscriptions
+        }
+
+
+init : ( Model, Cmd Msg )
+init =
+    ( model, Delay.after 500 Time.millisecond (ChangeState model.currentStateNumber) )