diff options
| -rw-r--r-- | .env | 1 | ||||
| -rw-r--r-- | main.go | 2 | ||||
| -rw-r--r-- | static/css/main.css | 32 | ||||
| -rw-r--r-- | static/main.css | 4 | ||||
| -rw-r--r-- | templates/index.html | 12 | ||||
| -rw-r--r-- | templates/jp.index.html | 18 | ||||
| -rw-r--r-- | templates/main.css | 3 |
7 files changed, 52 insertions, 20 deletions
@@ -0,0 +1 @@ +REPEAT=10 @@ -23,7 +23,7 @@ func main() { router.Static("/static", "static") router.GET("/", func(c *gin.Context) { - c.HTML(http.StatusOK, "index.html", nil) + c.HTML(http.StatusOK, "jp.index.html", nil) }) router.Run(":" + port) diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..b263761 --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,32 @@ +body { + background-color: #000000; +} + +#jp-body { + position: absolute; + left: 50%; top: 50%; + transform: translate(-50%, -95%); + border: 5px solid #000000; + padding: 10px; +} + + +#jp-body * { + text-align: center; + color: #ffffff; +} + +#jp-body #name { + width: 65%; + color: #ff0000; +} + +#jp-body #send { + background-color: #C0C8CA; + color: #000000; + position: absolute; + top: 100%; + left: 50%; + transform: translate(-50%, 58%); +} + diff --git a/static/main.css b/static/main.css deleted file mode 100644 index bdac772..0000000 --- a/static/main.css +++ /dev/null @@ -1,4 +0,0 @@ -h1 { - text-align: center; - align: center; -} diff --git a/templates/index.html b/templates/index.html deleted file mode 100644 index 364f320..0000000 --- a/templates/index.html +++ /dev/null @@ -1,12 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>Hell Correspondence</title> - <link rel="stylesheet" type="text/css" href="main.css"> - </head> - <body> - <div> - <h1 id="title">Do you wanna know what hell feels like?</h1> - </div> - </body> -</html> diff --git a/templates/jp.index.html b/templates/jp.index.html new file mode 100644 index 0000000..520be85 --- /dev/null +++ b/templates/jp.index.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <title>Hell Correspondence</title> + <link rel="stylesheet" type="text/css" href="static/css/main.css"> + </head> + <body> + <!--<br><br><br><br><br><br><br><br><br><br><br> --> + <div id="jp-body"> + <h1>あなたの怨み、晴らします。</h1> + + <form> + <input type="text" id="name" name="name"> + </form> + <button type="button" id="send">送信</button> + </div> + </body> +</html> diff --git a/templates/main.css b/templates/main.css deleted file mode 100644 index 6ff73fa..0000000 --- a/templates/main.css +++ /dev/null @@ -1,3 +0,0 @@ -h1 { - text-align: center; -} |