Vers. 1.1
This commit is contained in:
+32
@@ -48,6 +48,38 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</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>
|
<section>
|
||||||
<h3>Zeitleiste</h3>
|
<h3>Zeitleiste</h3>
|
||||||
<ol id="timeline" class="timeline">
|
<ol id="timeline" class="timeline">
|
||||||
|
|||||||
@@ -141,6 +141,43 @@ body {
|
|||||||
font-size: 0.9rem;
|
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) {
|
@media (max-width: 720px) {
|
||||||
.hero {
|
.hero {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user