From d5a579c2bc8113f8f345ff5dc09f477831cda06a Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Mon, 19 Oct 2020 20:40:12 +0530 Subject: new responsive design --- main.go | 1 + media/index.png | Bin 0 -> 5097 bytes static/css/new.main.css | 54 +++++++++++++++++++++++++++++++++++++++++- templates/en.index.html | 1 + templates/jp.index.html | 1 + templates/maintain.html | 1 + templates/new.index.html | 26 +++++++++++++++++++- templates/redirect.index.html | 2 +- 8 files changed, 83 insertions(+), 3 deletions(-) create mode 100644 media/index.png diff --git a/main.go b/main.go index aaf0287..5be5f68 100644 --- a/main.go +++ b/main.go @@ -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 new file mode 100644 index 0000000..edb81a5 Binary files /dev/null and b/media/index.png differ 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 @@ Hell Correspondence +

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 @@ Hell Correspondence + 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 @@ Site inactive +

redirect.index.html @@ -3,7 +3,7 @@ -- cgit v1.2.3