logo
This commit is contained in:
32
css/main.css
32
css/main.css
@@ -1,6 +1,6 @@
|
||||
:root {
|
||||
--background-color: #1e1e1e;
|
||||
--color: #dcdcdc;
|
||||
--color: #4a7c59 ;
|
||||
--primary: #569cd6;
|
||||
--secondary: #c586c0;
|
||||
--success: #98c379;
|
||||
@@ -15,25 +15,43 @@ body {
|
||||
font-family: var(--font-family);
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
color: #4a7c59 ;
|
||||
}
|
||||
|
||||
body>footer{
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.logo{
|
||||
margin-top: 16px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--primary);
|
||||
color: var(--color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
nav li {
|
||||
list-style: none;
|
||||
}
|
||||
main{
|
||||
|
||||
|
||||
body {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 0 32px;
|
||||
padding: 0 64px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body {
|
||||
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("/js", "js")
|
||||
e.Static("/images", "images")
|
||||
|
||||
e.GET("/", func(c echo.Context) error {
|
||||
return c.Render(200, "index", newPage(boxes.GetBoxes()))
|
||||
})
|
||||
e.GET("/boxes/ws", boxes.HandleBoxesWs)
|
||||
|
||||
e.File("/favicon.ico", "images/favicon.ico")
|
||||
|
||||
e.GET("/draw", draw.Page)
|
||||
e.GET("/draw/ws", draw.InitWs)
|
||||
|
||||
|
||||
@@ -6,15 +6,24 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Home</title>
|
||||
<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>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<h1><a href="/">K</a></h1>
|
||||
</li>
|
||||
</ul>
|
||||
<nav class="logo">
|
||||
<a href="/">
|
||||
<svg width="64" height="64" 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="var(--color)" stroke-width="2"/>
|
||||
<!-- 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>
|
||||
</header>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user