logo
This commit is contained in:
30
css/main.css
30
css/main.css
@@ -1,6 +1,6 @@
|
|||||||
:root {
|
:root {
|
||||||
--background-color: #1e1e1e;
|
--background-color: #1e1e1e;
|
||||||
--color: #dcdcdc;
|
--color: #4a7c59 ;
|
||||||
--primary: #569cd6;
|
--primary: #569cd6;
|
||||||
--secondary: #c586c0;
|
--secondary: #c586c0;
|
||||||
--success: #98c379;
|
--success: #98c379;
|
||||||
@@ -15,25 +15,43 @@ body {
|
|||||||
font-family: var(--font-family);
|
font-family: var(--font-family);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
color: #4a7c59 ;
|
||||||
}
|
}
|
||||||
|
|
||||||
body>footer{
|
body>footer{
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
margin-top: 16px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--primary);
|
color: var(--color);
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: var(--secondary);
|
color: var(--secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
body {
|
||||||
main{
|
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
padding: 0 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
padding: 0 32px;
|
padding: 0 32px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
body {
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
10
images/favicon.svg
Normal file
10
images/favicon.svg
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<!-- Background circle for better visibility -->
|
||||||
|
<circle cx="16" cy="16" r="15" fill="#1e1e1e" stroke="#569cd6" stroke-width="2"/>
|
||||||
|
<!-- Vertical line of K -->
|
||||||
|
<line x1="10" y1="8" x2="10" y2="24" stroke="#569cd6" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Upper diagonal of K -->
|
||||||
|
<line x1="10" y1="16" x2="22" y2="8" stroke="#569cd6" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Lower diagonal of K -->
|
||||||
|
<line x1="10" y1="16" x2="22" y2="24" stroke="#569cd6" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 625 B |
@@ -73,14 +73,13 @@ func main() {
|
|||||||
|
|
||||||
e.Static("/css", "css")
|
e.Static("/css", "css")
|
||||||
e.Static("/js", "js")
|
e.Static("/js", "js")
|
||||||
|
e.Static("/images", "images")
|
||||||
|
|
||||||
e.GET("/", func(c echo.Context) error {
|
e.GET("/", func(c echo.Context) error {
|
||||||
return c.Render(200, "index", newPage(boxes.GetBoxes()))
|
return c.Render(200, "index", newPage(boxes.GetBoxes()))
|
||||||
})
|
})
|
||||||
e.GET("/boxes/ws", boxes.HandleBoxesWs)
|
e.GET("/boxes/ws", boxes.HandleBoxesWs)
|
||||||
|
|
||||||
e.File("/favicon.ico", "images/favicon.ico")
|
|
||||||
|
|
||||||
e.GET("/draw", draw.Page)
|
e.GET("/draw", draw.Page)
|
||||||
e.GET("/draw/ws", draw.InitWs)
|
e.GET("/draw/ws", draw.InitWs)
|
||||||
|
|
||||||
|
|||||||
@@ -6,15 +6,24 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Home</title>
|
<title>Home</title>
|
||||||
<link rel="stylesheet" href="/css/main.css?v={{.BuildNumber}}" />
|
<link rel="stylesheet" href="/css/main.css?v={{.BuildNumber}}" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
|
||||||
|
<link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav class="logo">
|
||||||
<ul>
|
<a href="/">
|
||||||
<li>
|
<svg width="64" height="64" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<h1><a href="/">K</a></h1>
|
<!-- Background circle for better visibility -->
|
||||||
</li>
|
<circle cx="16" cy="16" r="15" fill="#1e1e1e" stroke="var(--color)" stroke-width="2"/>
|
||||||
</ul>
|
<!-- Vertical line of K -->
|
||||||
|
<line x1="10" y1="8" x2="10" y2="24" stroke="var(--color)" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Upper diagonal of K -->
|
||||||
|
<line x1="10" y1="16" x2="22" y2="8" stroke="var(--color)" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
<!-- Lower diagonal of K -->
|
||||||
|
<line x1="10" y1="16" x2="22" y2="24" stroke="var(--color)" stroke-width="2" stroke-linecap="round"/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user