diff options
| author | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-10-19 20:40:12 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2020-10-19 20:40:12 +0530 |
| commit | d5a579c2bc8113f8f345ff5dc09f477831cda06a (patch) | |
| tree | 20f42aa518cc17a49aaae6761be034ecbc3af5db | |
| parent | 027adc2dc28477006d2a94812be2df9502e19198 (diff) | |
new responsive design
| -rw-r--r-- | main.go | 1 | ||||
| -rw-r--r-- | media/index.png | bin | 0 -> 5097 bytes | |||
| -rw-r--r-- | static/css/new.main.css | 54 | ||||
| -rw-r--r-- | templates/en.index.html | 1 | ||||
| -rw-r--r-- | templates/jp.index.html | 1 | ||||
| -rw-r--r-- | templates/maintain.html | 1 | ||||
| -rw-r--r-- | templates/new.index.html | 26 | ||||
| -rw-r--r-- | templates/redirect.index.html | 2 |
8 files changed, 83 insertions, 3 deletions
@@ -21,6 +21,7 @@ func main() { router.Use(gin.Logger()) router.LoadHTMLGlob("templates/*") router.Static("/static", "static") + router.Static("/media", "media") router.GET("/en", func(c *gin.Context) { c.HTML(http.StatusOK, "en.index.html", nil) diff --git a/media/index.png b/media/index.png Binary files differnew file mode 100644 index 0000000..edb81a5 --- /dev/null +++ b/media/index.png diff --git a/static/css/new.main.css b/static/css/new.main.css index 44e3bc4..a5fe4d3 100644 --- a/static/css/new.main.css +++ b/static/css/new.main.css @@ -1,3 +1,55 @@ body { - background-color: #101010; + background-color: #232627; +} + +.navbar { + background-color: #222526; + overflow: hidden; +} + +.navbar a { + float: right; + display: block; + color: #9e00ff; + text-align: right; +/* padding: 30px 50px;*/ + padding: 30px 8%; + text-decoration: none; + font-size: 24; +} + +.navbar #logo { + float: left; + padding: 0px 0px; +} + +.navbar .hamburger-icon { + display: none; +} + +/*hamburger menu shit*/ +@media screen and (max-width: 481px) { + .navbar a:not(:first-child) {display: none;} + .navbar a.hamburger-icon { + float: right; + display: block; + } +} + +@media screen and (max-width: 481px) { + .navbar.responsive {position: relative;} + .navbar.responsive a.hamburger-icon { +/* display: none;*/ + position: relative; + right: 0; + top: 0; + padding: 30px 8%; + float:right; + } + .navbar.responsive a { + float: right; + display: block; + text-align: center; + padding: 30px 8%; + } } diff --git a/templates/en.index.html b/templates/en.index.html index 8005882..ec2d2a3 100644 --- a/templates/en.index.html +++ b/templates/en.index.html @@ -3,6 +3,7 @@ <head> <title>Hell Correspondence</title> <link rel="stylesheet" type="text/css" href="static/css/main.css"> + <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="orig-body"> diff --git a/templates/jp.index.html b/templates/jp.index.html index 4ea5d2b..d3f34c4 100644 --- a/templates/jp.index.html +++ b/templates/jp.index.html @@ -3,6 +3,7 @@ <head> <title>Hell Correspondence</title> <link rel="stylesheet" type="text/css" href="static/css/main.css"> + <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <!--<br><br><br><br><br><br><br><br><br><br><br> --> diff --git a/templates/maintain.html b/templates/maintain.html index 3e96116..4a953b4 100644 --- a/templates/maintain.html +++ b/templates/maintain.html @@ -2,6 +2,7 @@ <html> <head> <title>Site inactive</title> + <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <h1> diff --git a/templates/new.index.html b/templates/new.index.html index fd1aba7..af1230b 100644 --- a/templates/new.index.html +++ b/templates/new.index.html @@ -2,9 +2,33 @@ <html> <head> <link rel="stylesheet" type="text/css" href="static/css/new.main.css"> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> + <script> + function myFunction() { + var x = document.getElementById("topnavbar"); + if (x.className === "navbar") { + x.className += " responsive"; + } else { + x.className = "navbar"; + } + } + </script> + <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Hell Correspondence</title> </head> <body> - hh + <div class="navbar" id="topnavbar"> + <a href="/" class="logo" id="logo"> + <img src="media/index.png" alt="Hell Girl anime version" width="80" height="80"></a> + <a href="javascript:void(0);" class="hamburger-icon" onclick="myFunction()"> + <i class="fa fa-bars"></i></a> + <a href="/en">More</a> + </div> + + + <div id=""> + </div> + <div id="foot"> + </div> </body> </html> diff --git a/templates/redirect.index.html b/templates/redirect.index.html index 3efe297..5aea0a1 100644 --- a/templates/redirect.index.html +++ b/templates/redirect.index.html @@ -3,7 +3,7 @@ <head> <script> function Redirect() { - window.location = "/site-down"; + window.location = "/new"; } setTimeout('Redirect()', 10) </script> |
