karlos/landing-page
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Committing some stale changes

Browse source
This commit is contained in:
Thomas Oltmann 2025-09-24 21:18:57 +02:00
parent 53d740b344
commit ac812207a0
3 changed files with 46 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/arobas.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

41
src/assets/style.css
View file

@ -6,39 +6,42 @@ body {
width: 100%;
padding: 0;
margin: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 20px;
}
.header {
padding-top: 1em;
padding-bottom: 1em;
a {
color: rgb(0, 150, 110);
}
.navbar {
width: 100%;
padding-top: 0.6em;
padding-bottom: 0.6em;
background-color: black;
position: sticky;
top: 0;
width: 100%;
display: inline-flex;
flex-direction: row;
}
.button {
flex-grow: 1;
.navbutton {
width: 100%;
flex-grow: 1;
text-align: center;
}
.footer {
width: 100%;
text-align: center;
background-color: #111111;
padding-top: 1em;
padding-bottom: 2em;
background-color: #222222;
}
.content {
max-width: 35em;
margin: auto;
max-width: 40em;
margin: auto;
line-height: 2;
padding-top: 4em;
padding-bottom: 4em;
padding-left: 2em;
padding-right: 2em;
text-align: justify;
text-justify: inter-word;
}
@ -46,8 +49,11 @@ body {
width: 100%;
padding-top: 5em;
padding-bottom: 5em;
margin-bottom: 4em;
color: white;
text-align: center;
background-image: url("banner.jpg");
background-attachment: fixed;
background-position: center;
@ -69,17 +75,20 @@ h2 {
}
.softpage {
display: block;
height: 80vh;
min-height: 10em;
min-height: 80vmin;
padding-bottom: 4em;
}
.logo {
max-width: 1.2em;
max-height: 1.2em;
display: inline-block;
vertical-align: bottom;
vertical-align: text-bottom;
}
.logo img {
width: 100%;
height: 100%;
}
.impressum {
text-align: center;
font-size: 14px;
}

38
src/new-landing-page.html
View file

@ -6,19 +6,19 @@
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"/>
</head>
<body>
<div class="header">
<div class="button">
<div class="navbar">
<div class="navbutton">
<div class="logo">
<img src="assets/logo.png" alt="logo"/>
</div>
Karl<strong>OS</strong>
</div>
<div class="button">
<div class="navbutton">
<a href="#contact">Contact</a>
</div>
<div class="button">
<div class="navbutton">
<a href="/code/">Code</a>
</div>
</div>
@ -34,24 +34,28 @@
</div>
<div class="softpage">
<h2>Current Goals</h2>
<i>More information coming soon</i>
</div>
<div class="softpage">
<a id="contact"></a>
<div class="softpage" id="contact">
<h2>Contact us</h2>
<p>Angaben gemäß § 5 DDG</p>
<p>
Lennart Friebel<br>
Kapellenstraße 70<br>
76131 Karlsruhe<br>
</p>
<p>
<strong>Kontakt:</strong><br>
E-Mail: <span>kontakt<span>@<span>karlsruhe-os.de</span></span></span></br>
</p>
<strong>E-Mail:</strong>&emsp;
<span>
kontakt
<div class="logo">
<img src="assets/arobas.png" alt="at"/>
</div>
karlsruhe-os.de
</span>
</div>
</div>
<div class="footer">
Copyright 2024-2025
<pre class="impressum">
<b>Impressum</b>
Angaben gemäß § 5 DDG
Lennart Friebel
Kapellenstraße 70
76131 Karlsruhe
</pre>
</div>
</body>
</html>