starting front end

ArtPoon · ArtPoon · commit ac16889d5afc · 2020-05-14T11:34:02.000-04:00
diff --git a/covizu.sh b/covizu.sh
@@ -1,3 +1,7 @@
+#!/bin/bash
+
+# TODO: add download and updater scripts -> data/gisaid-aligned.fa
+
 # screen for non-human and low-coverage samples -> gisaid-filtered.fa
 python3 filtering.py
 
@@ -17,4 +21,7 @@ sed -i 's/[{}]//g' data/variants.tn93.txt
 Rscript hclust.R
 
 # run FastTree and TreeTime
+if [ ! -d "treetime" ]; then
+  mkdir treetime
+fi
 python3 treetime.py
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,44 @@
+body {
+  width: 95%;
+  max-width: 1200px;
+  margin: 1em auto;
+  font: .9em/1.2 Cabin, Lato, sans-serif;
+}
+
+.container {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0,1fr));
+  grid-gap: 10px;
+}
+
+header {
+  grid-column: 1 / 3;
+  grid-row: 1;
+}
+
+sidebar {
+  grid-column: 1;
+  grid-row: 2;
+}
+
+interface {
+  grid-column: 2 / 3;
+  grid-row: 2;
+}
+
+footer {
+  grid-column: 1 / 3;
+  grid-row: 3;
+}
+
+header,
+footer {
+  border-radius: 1px;
+  padding: 10px;
+  background-color: rgb(207,232,220);
+  border: 2px solid rgb(79,185,227);
+}
+
+sidebar {
+  border-right: 1px solid #999;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+<head>
+    <title>CoVizu</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body>
+    <div class="container">
+        <header>header</header>
+        <interface>
+            <canvas>
+
+            </canvas>
+        </interface>
+        <sidebar>
+            sidebar
+        </sidebar>
+        <footer>footer</footer>
+    </div>
+    <script src="js/covizu.js"></script>
+</body>
+</html>
diff --git a/run-server.sh b/run-server.sh
@@ -0,0 +1,2 @@
+#!/bin/bash
+python3 -m http.server 8001 --bind 127.0.0.1

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+#!/bin/bash`
	`2`	`+python3 -m http.server 8001 --bind 127.0.0.1`