diff options
| author | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2021-04-20 15:46:06 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2021-04-20 15:46:06 +0530 |
| commit | aa15d59e35523c7210e962ab367e56f68467317b (patch) | |
| tree | a1dbaeeb4b1d803d3fc9a6de3637f90de89daf79 | |
| parent | 9b9875c34b336fac5932d514746be7c1470dce54 (diff) | |
| -rw-r--r-- | main.go | 3 | ||||
| -rw-r--r-- | static/css/old/style.css | 5 | ||||
| -rw-r--r-- | static/css/style.css | 43 | ||||
| -rw-r--r-- | static/scripts/CheckTime.js | 4 | ||||
| -rw-r--r-- | templates/en.index.html | 1 | ||||
| -rw-r--r-- | templates/index.html | 6 | ||||
| -rw-r--r-- | templates/jp.index.html | 1 |
7 files changed, 60 insertions, 3 deletions
@@ -22,7 +22,8 @@ func main() { router.Static("/media", "static/media") - //router.Static("/scripts", "static/scripts") + router.Static("/scripts", "static/scripts") + router.Static("/old/scripts", "static/scripts") // serve classic themed pages router.GET("/old", func (c *gin.Context) { diff --git a/static/css/old/style.css b/static/css/old/style.css index 281322d..d7326bf 100644 --- a/static/css/old/style.css +++ b/static/css/old/style.css @@ -27,6 +27,10 @@ input[type=text] { margin: 0; box-sizing: border-box; color: red; + + border-radius: 3px; + border: none; + outline: none; } input[type=submit] { @@ -39,4 +43,5 @@ input[type=submit] { input[type=submit]:hover { background-color: #A0A8C8; + border: none; } diff --git a/static/css/style.css b/static/css/style.css index fa54eee..5b367d6 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -12,6 +12,27 @@ body { margin-bottom: 2.5rem; background-color: #222526; overflow: hidden; + + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +} + +.navbar p, +.navbar nav { + display: inline-block; + margin: auto 2rem; +} + +.navbar p { + font-size: 2rem; +} + +nav a { + color: pink; + text-decoration: none; + padding: 0.5rem; } .root { @@ -45,6 +66,13 @@ form input { input[type=text] { height: 2rem; box-sizing: border-box; + outline: none; + + color: #FF0000; +} + +input[type=text]:hover { + outline-color: red; } #submit-button { @@ -79,9 +107,20 @@ h1, h3 { @media only screen and (max-device-width: 480px) { .content { - margin: auto; + margin: auto; } form { - width: 100%; + width: 100%; } + .navbar p, + .navbar nav { + display: inline-block; + margin: auto 0.5rem; + } + nav a { + margin: 0; + } + .navbar p { + font-size: 2rem; + } } diff --git a/static/scripts/CheckTime.js b/static/scripts/CheckTime.js new file mode 100644 index 0000000..7c806c5 --- /dev/null +++ b/static/scripts/CheckTime.js @@ -0,0 +1,4 @@ +var timeHours = new Date().getHours(); +if (timeHours != 00) { + window.location = "about:blank" +} diff --git a/templates/en.index.html b/templates/en.index.html index a948e84..115c56a 100644 --- a/templates/en.index.html +++ b/templates/en.index.html @@ -4,6 +4,7 @@ <title>Hell Correspondence</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="/scripts/CheckTime.js"></script> </head> <body> <div> diff --git a/templates/index.html b/templates/index.html index c1c06fc..0a93a47 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,9 +4,15 @@ <title>Hell Correspondence (new ver.)</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="/scripts/CheckTime.js"></script> </head> <body> <div class="navbar"> + <p>HELL-LINK</p> + <nav> + <a href="/old/en">Classic-EN</a> + <a href="/old/jp">Classic-JP</a> + </nav> </div> <div class="root"> <div class="content"> diff --git a/templates/jp.index.html b/templates/jp.index.html index 08ac0b1..6e44f39 100644 --- a/templates/jp.index.html +++ b/templates/jp.index.html @@ -4,6 +4,7 @@ <title>Hell Correspondence</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="/scripts/CheckTime.js"></script> </head> <body> <div> |