karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 06:08:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

added cute little logo

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

13
public/css/style.css
View File

@ -12,3 +12,16 @@ fieldset {
button { button {
padding: 0.5em 1em; 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

6
public/index.html
View File

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