This commit is contained in:
JurajKubrican
2025-08-04 22:32:02 +02:00
parent 90b013698b
commit 3ffb39d6c9
4 changed files with 51 additions and 15 deletions

View File

@@ -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 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
View 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

View File

@@ -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)

View File

@@ -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>