+ table with spaces

This commit is contained in:
radex 2024-12-24 12:46:16 +01:00
parent 0086079499
commit 1b601eb582
Signed by: radex
SSH key fingerprint: SHA256:hvqRXAGG1h89yqnS+cyFTLKQbzjWD4uXIqw7Y+0ws30
2 changed files with 94 additions and 10 deletions

View file

@ -1,12 +1,77 @@
<!DOCTYPE html>
<html lang="pl">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Związek Hakerstwa Polskiego</title>
<link rel="stylesheet" href="style.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Związek Hakerstwa Polskiego</title>
<link rel="stylesheet" href="style.css" />
<main>
<main>
<h1>Związek Hakerstwa Polskiego</h1>
<marquee>Under construction</marquee>
</main>
<div class="tableWrapper">
<table style="min-width: 500px">
<thead>
<tr>
<th>Spejs</th>
<th>Strona</th>
<th>Email</th>
<th>Czat</th>
<th>IRC (libera.chat)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Warszawski Hackerspace</td>
<td><a href="http://hackerspace.pl">Strona</a></td>
<td><a href="mailto:kontakt@hackerspace.pl">Email</a></td>
<td>
<a href="https://matrix.to/#/#general:hackerspace.pl">Matrix</a>
</td>
<td><a href="https://web.libera.chat/#hswaw">#hswaw</a></td>
</tr>
<tr>
<td>Hackerspace Kraków</td>
<td><a href="http://hackerspace-krk.pl">Strona</a></td>
<td><a href="mailto:info@hackerspace-krk.pl">Email</a></td>
<td><a href="https://t.me/hackerspace_krk">Telegram</a></td>
<td><a href="https://web.libera.chat/#hskrk">#hskrk</a></td>
</tr>
<tr>
<td>Hackerspace Wrocław</td>
<td><a href="https://www.hswro.org">Strona</a></td>
<td><a href="mailto:kontakt@hswro.org">Email</a></td>
<td><a href="https://t.me/hackerspace_wroclaw">Telegram</a></td>
<td><a href="https://web.libera.chat/#hswro">#hswro</a></td>
</tr>
<tr>
<td>Hackerspace Pomorze</td>
<td><a href="https://hsp.sh">Strona</a></td>
<td><a href="mailto:kontakt@pomorze.hackerspace.pl">Email</a></td>
<td><a href="https://hsp.sh/discord">Discord</a></td>
<td><a href="https://web.libera.chat/#hsp">#hsp</a></td>
</tr>
<tr>
<td>Hakierspejs Łódź</td>
<td><a href="https://lodz.hackerspace.pl">Strona</a></td>
<td><a href="mailto:info@hakierspejs.pl">Email</a></td>
<td>
<a href="https://matrix.to/#/#hs-ldz:hackerspace.pl">Matrix</a>
</td>
<td></td>
</tr>
<tr>
<td>Knyfyrtel Hackerspace Poznań</td>
<td><a href="https://hspoz.pl">Strona</a></td>
<td><a href="mailto:tej@hspoz.pl">Email</a></td>
<td>
<a href="https://matrix.to/#/#hspoz:hackerspace.pl">Matrix</a>
</td>
<td><a href="https://web.libera.chat/#hspoz">#hspoz</a></td>
</tr>
</tbody>
</table>
</div>
</main>
</html>

View file

@ -33,16 +33,35 @@ body {
display: flex;
flex-direction: column;
align-items: center;
font-family: sans-serif;
}
main {
margin: 20px;
margin: 10px;
padding: 10px;
width: 100%;
max-width: 800px;
}
h1 {
text-align: center;
font-size: 26px;
color: #333;
font-weight: 600;
font-style: italic;
margin-bottom: 15px;
text-align: center;
}
table {
width: 100%;
border-collapse: collapse;
}
.tableWrapper {
overflow-x: auto;
}
th, td {
border: 1px solid #ddd;
padding: 5px 8px;
text-align: left;
}