new.html form added

8 years ago · b2edcd6569
3 changed files with 59 additions and 4 deletions
--- a/assets/public/new.html
+++ b/assets/public/new.html
@ -0,0 +1,35 @@
 <!DOCTYPE html>
 <html>
    <head>
        <title>NoteHub &mdash; Add note</title>
        <meta charset="UTF-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <link href="/style.css" rel="stylesheet" type="text/css" />
        <base target="_blank">
    </head>
    <body>
        <form action="/note" autocomplete="off" method="POST" target="_self">
            <textarea autofocus name="text"></textarea>
            <fieldset>
                <input class="ui-elem" 
                       name="plain-password" 
                       placeholder="Password for editing" 
                       type="text" 
                       autocomplete="off">
                <label style="margin-right: 1em">
                    <input id="tos" name="tos" type="checkbox" onClick="toggleButton()">
                    Accept <a href="/TOS.md">Terms of Service</a>
                </label>
                <input class="button ui-elem" disabled id="publish-button" name="button" type="submit" value="Publish">
            </fieldset>
        </form>
        <footer>
            <a href="https://github.com/chmllr/NoteHub">source code</a> &middot;
            <a href="/TOS.md">terms of service</a>
        </footer>
        <script>
            function $(id) { return document.getElementById(id) }
            function toggleButton() { $('publish-button').disabled = !$('tos').checked }
        </script>
    </body>
 </html>
--- a/assets/public/style.css
+++ b/assets/public/style.css
@ -236,10 +236,13 @@ td {
 }
 textarea {
-	font-size: 1em;
+	background-color: #303535;
 	font-size: 1.2em;
    color: #b0b0b0;
 	border-radius: 5px;
 	flex: 1 0;
-	margin: 1em;
+	margin: 3em;
 	padding: 2em;
 }
 textarea, fieldset {
@ -247,7 +250,13 @@ textarea, fieldset {
 }
 fieldset {
-	padding-left: 1em;
+	margin-left: 3em;
-	padding-right: 1em;
+	margin-right: 3em;
 	margin-bottom: 3em;
 }
 form {
    display: flex;
 	flex: 1 0;
    flex-direction: column;
 }
--- a/server.go
+++ b/server.go
@ -2,6 +2,7 @@ package main
 import (
 	"bytes"
 	"fmt"
 	"html/template"
 	"io"
 	"io/ioutil"
@ -43,6 +44,7 @@ func main() {
 	e.File("/robots.txt", "assets/public/robots.txt")
 	e.File("/style.css", "assets/public/style.css")
 	e.File("/index.html", "assets/public/index.html")
 	e.File("/new", "assets/public/new.html")
 	e.File("/", "assets/public/index.html")
 	e.GET("/TOS.md", func(c echo.Context) error {
@ -65,6 +67,15 @@ func main() {
 		return c.Render(code, "Note", n)
 	})
 	e.POST("/note", func(c echo.Context) error {
 		vals, err := c.FormParams()
 		if err != nil {
 			return err
 		}
 		fmt.Printf("DEBUG %+v", vals)
 		return nil
 	})
 	e.Logger.Fatal(e.Start(":3000"))
 }