From 555bd77f45cd126cf75806ba242508f2da5c3cd5 Mon Sep 17 00:00:00 2001
From: Florian Forster <ff@octo.it>
Date: Tue, 30 Jan 2018 07:48:35 +0100
Subject: [PATCH] Add static assets.

---
 app.yaml          |   4 ++
 static/fitbit.png | Bin 0 -> 514 bytes
 static/gfit.png   | Bin 0 -> 969 bytes
 static/style.css  | 155 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 159 insertions(+)
 create mode 100644 static/fitbit.png
 create mode 100644 static/gfit.png
 create mode 100644 static/style.css

diff --git a/app.yaml b/app.yaml
index b9e9d44..cfcd6a2 100644
--- a/app.yaml
+++ b/app.yaml
@@ -5,5 +5,9 @@ automatic_scaling:
   max_idle_instances: 1
 
 handlers:
+- url: /static
+  static_dir: static
+
 - url: /.*
   script: _go_app
+
diff --git a/static/fitbit.png b/static/fitbit.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4a01a6d499fc8d23165d7c27d9e773d7f88f251
GIT binary patch
literal 514
zcmV+d0{#7oP)<h;3K|Lk000e1NJLTq000vJ000vR1^@s6a!@wR00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;sFs50tFoBJRSf50gp*U
zK~y-)rPR+W1YsP<@tvI=PLfjOBo4}jPzuFCx$GaH<m}|&f8fNGgM*u7$!RVMxyp~D
z5>g_p^(#w$6yD$IJG;-U9s9%9tDW6>o|*6SneRN2NZ2RgT8QBQ=V<W$E9;YRqv*gT
zl9-26?#2A?b?l=;tBtAxlg$DC#O&{wepjKk*h&_#t9N(sh;KBaO^-!9aI-ua)!`i}
zOke;Pn%N4L^jOZH!Y)+d95(dW#-TpVdNkt&Ul=qpw1XMu2KqZQ+sHPSX_JK8g<gM<
ztbN9qw2CvGP^nc&MlI;UD?TuSDcs=N%URd|gdw!z8MitxZe+HJZ9OM*j_`>)m6VH(
zV$G;*O9xuo26ESXbfOPwt!xa_`djSyAv+<jQ!uk^``DRtl9#L?q|YY3>azbQbvf1g
zG~cwc?!eOw=`$JlfN}KWN;6u<qS0r^#q^nr6FqkH!lFsvfRtu5{MQ>`R%m5%3ub8L
ztfb^!W6x`ce49au`&qj#OIl<0Kl_=#)U-BoO`)Ck2Z@wzTw|*!g8%>k07*qoM6N<$
Ef<q4OxBvhE

literal 0
HcmV?d00001

diff --git a/static/gfit.png b/static/gfit.png
new file mode 100644
index 0000000000000000000000000000000000000000..a395bba1023666699dbdfafd61ae5dd224de33be
GIT binary patch
literal 969
zcmV;)12+7LP)<h;3K|Lk000e1NJLTq000vJ000vR1^@s6a!@wR00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;sFs51q#C%w@3g016D~y
zK~y*qoxxvdm317)@%Q)l?40e`H2ZroldNn^2#d(JBqiDjQL(xx++abVf{wr&Lxjr2
zAR;e{KoP-i=I9R+;?y(~Svj@5Dq1qlrQ*L4vYk$x?L5!({dCTmcx5QPUd9cV-dRUH
zd?t7~HbYo8t697D`1utb%xpc1LIa^Z8jTD+!qDzEeyb}|j1$dxYPNUwZKf(vu?Lv(
z!4@oA4<VREk%habi;8&UDzb=Z<)5Tv!}W_z!IiPGD77e?p|fu@#-wn5MMv}sFx>fa
zPdYYQP<bNu@lqULx;Qf2x$Ldkdyf*Wx<tD5fsV)v<>m$b<y3|E$$uK+@j|h%rD=JO
zfX^O(GcqcMJC^;ViPAg?M+!(no+$N9$Te(wboZh6lTYduMJ`Xxu3fl~)1NQmdZz4y
zr9zmJ%l*7=<m+ec+-r-MkS2R21*+UZPL*632~!^%xqR=e3r$hRk&B5^hJzn3Wv1Q3
zSMhnKE9X%*vn-G%%jIrJ;0_1`hzfxj9w$wR3Q?8Kl~Lr3sl*IxU|g|zk}j`Pnlyni
zNgz=r2}FgMBx($TIfgKdj0^)}kDG#|A><$j2?UZr4u~3wn*?bZFb_loN}dudVAxPd
zQtv^yT*!swAg4wGaf3ht!9=m1$TMUKTvmyId5U^M%l`i3ahmP`ft;Hp5ETLhqQ*>I
zJ9j@(n&H=El)FMbLOV7V`i_Tze4Di#_+d?wrn{(e2N#G6fdmqh1i6$`U(P2)aMp`N
zgkA3z`qr#(%v+d$_=HX`d7hSUk98%fZ$rc&Kp-KBNshZQ_+2y8>LZTESK}#`-S%Fg
zuWQq^rF>L8tUyJ}{vSD!Z?%?#$GT(pod}SSM2&<nLPN^M{<-|(*Quj!=f=Xm?hTE3
z+gR8~Rp5r41s!jnXLAk>tWM;;lBf|iQAij((##)4XEgQR&3_+Qy}mJTkwxOa{Iz5O
zRfGAq?Pp$ku6%Y;o35;!sqqgp`sTq`%WJ1C+)l-Y>5I7|11~&dRQ%rFy7la$R$W>3
zkj`{HthMzoZlmJu#=LP0fm@hjK?4h)wmILQ>`vspA#!@Zc%t{yi6d*?Xl%2XRQz8j
r+vjGu1A*H()jpTTsT1DH>)g)2rZ3akQ({<e00000NkvXXu0mjf@0`F*

literal 0
HcmV?d00001

diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..8c07e7a
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,155 @@
+body {
+  background-color: white;
+  margin: 0;
+  font-family: Roboto, sans-serif;
+}
+
+a {
+  color: #546e7a;
+  text-decoration: none;
+}
+
+.main {
+  height: 50ex;
+  background-color: lightgray;
+  color: black;
+  padding: 1ex;
+}
+
+.navbar, .main {
+  max-width: 80ex;
+  box-sizing: border-box;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.navbar {
+  background-color: white;
+  color: #546e7a;
+  height: 39px;
+  position: relative;
+}
+
+.navbar.heading {
+  background-color: #29434e;
+}
+
+.navbar .right {
+  top: 0px;
+  text-align: right;
+  float: right;
+}
+
+.navbar .left {
+  float: left;
+}
+
+.navbar .clear {
+  clear: both;
+}
+
+h1 {
+  font-size: 1.5rem;
+  font-weight: 400;
+  line-height: 2rem;
+  margin-bottom: 1ex;
+  text-align: center;
+}
+
+div.slogan {
+  font-size: 1rem;
+  font-weight: 400;
+  letter-spacing: 0.04em;
+  line-height: 1.75rem;
+  text-align: center;
+}
+
+hr {
+  width: 68%;
+}
+
+.button {
+  background-color: white;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  display: inline-block;
+  font-size: 16px;
+  min-width: 64px;
+  padding: 9px 16px;
+  text-transform: uppercase;
+  text-decoration: none;
+  text-align: center;
+}
+
+.button.flat {
+  background-color: transparent;
+  color: #546e7a;
+}
+
+.navbar .button.flat {
+  color: white;
+}
+
+a.button.flat:hover {
+  background-color: rgba(221, 221, 221, 0.4);
+}
+
+a.button.raised {
+  background-color: #29434e;
+  color: white;
+  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
+}
+
+a.button.raised:hover {
+  background-color: #546e7a;
+}
+
+div.button.raised {
+  border-bottom: 3px solid #76ff03;
+}
+
+table.connections {
+  width: 95%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+table.connections .icon {
+  vertical-align: text-bottom;
+  margin-right: .5ex;
+}
+
+table.connections .unauthorized .icon {
+  opacity: .2;
+}
+
+table.connections .action {
+  text-align: right;
+}
+
+table.connections .name {
+  font-weight: 700;
+}
+
+table.connections .status {
+  font-weight: 100;
+  margin-left: .5ex;
+}
+
+table.connections .authorized .status {
+  color: #3eac5c;
+}
+
+table.connections .unauthorized .status {
+  color: #ca0e0e;
+}
+
+ul.connections {
+  text-align: center;
+}
+
+
+ul.connections li {
+  list-style-type: none;
+  display: inline-block;
+}
-- 
2.11.0