Merge pull request #9 from jmhobbs/simple-styles

Base styles.
gaurav-gogia · Oct 2, 2018 · c1eb541 · c1eb541
2 parents cead066 + 01b9967
commit c1eb541
Show file tree

Hide file tree

Showing 5 changed files with 75 additions and 25 deletions.
diff --git a/app.yaml b/app.yaml
@@ -4,7 +4,10 @@ runtime: go
 api_version: go1
 
 handlers:
+- url: /basic.css
+  static_files: basic.css
+  upload: basic.css
 - url: /.*
   script: _go_app
 - url: /msg/
-  script: _go_app
+  script: _go_app
diff --git a/basic.css b/basic.css
@@ -0,0 +1,41 @@
+html, body {
+  margin: 0;
+  padding: 0.5em 1em;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  color: #546267;
+  background: #BFBFBF;
+}
+textarea {
+  background: #FFFFFF;
+  color: #191A26;
+  border: 1px solid #191A26;
+  display: block;
+  width: 100%;
+  min-height: 5em;
+  font-size: 1.25em;
+  margin: 0.5em 0;
+}
+input[type=submit] {
+  background: #546267;
+  color: #FFFFFF;
+  font-size: 1.25em;
+  float: right;
+  margin: 0.5em 0;
+  border: none;
+  padding: 0.5em;
+}
+
+h2 > a {
+  color: #ED2C26;
+  text-decoration: none;
+}
+
+h2 > a:hover {
+  text-decoration: underline;
+}
+
+blockquote {
+  background: #FFFFFF;
+  padding: 2em;
+  font-size: 1.25em;
+}
diff --git a/index.html b/index.html
@@ -1,9 +1,13 @@
-<!Doctype html>
+<!doctype html>
 <html>
-    <body>        
-        <form method="POST">                            
-            <label> Message: <textarea name="umsg"> </textarea> </label>
-            <input type="submit" name="send-msg" value="Send Message"/>
-        </form>
-    </body>
-</html>
+  <head>
+    <link rel="stylesheet" href="/basic.css" />
+  </head>
+  <body>
+    <form method="POST">
+      <h1>Message</h1>
+      <textarea name="umsg"></textarea>
+      <input type="submit" name="send-msg" value="Send" />
+    </form>
+  </body>
+</html>
diff --git a/message.html b/message.html
@@ -1,9 +1,10 @@
-<!Doctype html>
+<!doctype html>
 <html>
-
-<body>
-    <p> Here's your secret message: </p> <br>
-    <h3> {{ . }} </h3>
-</body>
-
-</html>
+  <head>
+    <link rel="stylesheet" href="/basic.css" />
+  </head>
+  <body>
+    <h1>Here's your secret message:</h1>
+    <blockquote>{{ . }}</blockquote>
+  </body>
+</html>
diff --git a/secret.html b/secret.html
@@ -1,10 +1,11 @@
-<!Doctype html>
+<!doctype html>
 <html>
-
-<body>
+  <head>
+    <link rel="stylesheet" href="/basic.css" />
+  </head>
+  <body>
     {{$data := .}}
-    <p> Here's your secret message id: </p> <br>
-    <a href="{{$data.URLMsg}}?secret={{$data.SecretKey}}"> {{$data.MsgKey}} </a>    
-</body>
-
-</html>
+    <h1>Here's your secret message id:</h1>
+    <h2><a href="{{$data.URLMsg}}?secret={{$data.SecretKey}}"> {{$data.MsgKey}}</a></h2>
+  </body>
+</html>