view instructions button in top right

References #24
osu-cascades · Jan 31, 2022 · 1f769c5 · 1f769c5
1 parent 021210b
commit 1f769c5
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 0 deletions.
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -0,0 +1,50 @@
+
+{
+  // Automatically created by phoityne-vscode extension.
+
+  "version": "2.0.0",
+  "presentation": {
+    "reveal": "always",
+    "panel": "new"
+  },
+  "tasks": [
+    {
+      // F7
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      },
+      "label": "haskell build",
+      "type": "shell",
+      //"command": "cabal configure && cabal build"
+      "command": "stack build"
+    },
+    {
+      // F6
+      "group": "build",
+      "type": "shell",
+      "label": "haskell clean & build",
+      //"command": "cabal clean && cabal configure && cabal build"
+      "command": "stack clean && stack build"
+      //"command": "stack clean ; stack build"  // for powershell
+    },
+    {
+      // F8
+      "group": {
+        "kind": "test",
+        "isDefault": true
+      },
+      "type": "shell",
+      "label": "haskell test",
+      //"command": "cabal test"
+      "command": "stack test"
+    },
+    {
+      // F6
+      "isBackground": true,
+      "type": "shell",
+      "label": "haskell watch",
+      "command": "stack build --test --no-run-tests --file-watch"
+    }
+  ]
+}
diff --git a/assets/css/phoenix.css b/assets/css/phoenix.css
@@ -645,3 +645,11 @@ select {
   position: sticky;
   bottom: 20px;
 }
+
+.instruction-fixed {
+  position: fixed; top: 10px; right: 10px;
+}
+
+.instruction-fixed button {
+  height: 38px !important;
+}
diff --git a/lib/dream_up_web/templates/layout/root.html.leex b/lib/dream_up_web/templates/layout/root.html.leex
@@ -10,6 +10,13 @@
     <script defer phx-track-static type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
   </head>
   <body>
+    <div class="instruction-fixed">
+      <a href="/instructions" target="_blank">
+        <button class="defaultButton text-blue-900  border-2 px-8">
+          VIEW INSTRUCTIONS
+        </button>
+      </a>
+    </div>
     <header>
       <section class="bg-indigo-400">
         <nav role="navigation">