aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--main.go1
-rw-r--r--media/index.pngbin0 -> 5097 bytes
-rw-r--r--static/css/new.main.css54
-rw-r--r--templates/en.index.html1
-rw-r--r--templates/jp.index.html1
-rw-r--r--templates/maintain.html1
-rw-r--r--templates/new.index.html26
-rw-r--r--templates/redirect.index.html2
8 files changed, 83 insertions, 3 deletions
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
--- /dev/null
+++ b/media/index.png
Binary files 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 @@
<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>