Vers. 1.1
This commit is contained in:
+32
@@ -48,6 +48,38 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="facts">
|
||||
<h3>Fakten</h3>
|
||||
<table class="facts-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Geboren</th>
|
||||
<td>28. Dezember 1969</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Geburtsort</th>
|
||||
<td>Helsinki, Finnland</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nationalität</th>
|
||||
<td>Finnisch</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Bekannt für</th>
|
||||
<td>Linux-Kernel, Git</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Erstes Linux-Release</th>
|
||||
<td>1991</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Rolle</th>
|
||||
<td>Maintainer / Projektinitiator</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3>Zeitleiste</h3>
|
||||
<ol id="timeline" class="timeline">
|
||||
|
||||
@@ -141,6 +141,43 @@ body {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Facts table */
|
||||
.facts {
|
||||
margin-top: 18px;
|
||||
}
|
||||
.facts-table {
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
border-collapse: collapse;
|
||||
margin: 12px 0 0;
|
||||
background: var(--card);
|
||||
color: var(--fg);
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.facts-table th,
|
||||
.facts-table td {
|
||||
padding: 12px 14px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.03);
|
||||
font-size: 0.98rem;
|
||||
}
|
||||
.facts-table th {
|
||||
width: 36%;
|
||||
color: var(--muted);
|
||||
font-weight: 600;
|
||||
background: rgba(255,255,255,0.02);
|
||||
}
|
||||
.facts-table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.facts-table th {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.hero {
|
||||
flex-direction: column;
|
||||
|
||||
Reference in New Issue
Block a user