added cute little logo

This commit is contained in:
Karma Riuk
2025-05-07 13:50:38 +02:00
parent a4f305deb9
commit cc920ed8f2
3 changed files with 18 additions and 1 deletions

View File

@ -12,3 +12,16 @@ fieldset {
button {
padding: 0.5em 1em;
}
h1 {
display: flex;
align-items: center;
gap: 0.5rem;
/* space between icon and text */
}
.crab-icon {
width: 40px;
/* adjust size as you like */
height: auto;
}

BIN
public/img/crab.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -4,13 +4,17 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="/img/crab.png">
<title>Dataset Downloader & Answer Uploader</title>
<link rel="stylesheet" href="css/style.css">
<script defer src="js/index.js"></script>
</head>
<body>
<h1>Crab Webapp</h1>
<h1>
<img src="/img/crab.png" alt="Crab" class="crab-icon">
Crab Webapp
</h1>
<fieldset>
<legend><strong>Download a Dataset</strong></legend>