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 {
--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
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("/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)

View File

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