Header und Einstieg angepasst

This commit is contained in:
Alexander Müller 2024-12-15 17:04:21 +01:00
parent 0dc14f1a49
commit 01dcc8d468
3 changed files with 9 additions and 11 deletions

View file

@ -3,7 +3,7 @@
<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">
<title>#FediKirche Instanzen</title> <title>#FediKirche</title>
<link rel="stylesheet" href="./fonts/fonts.css?v=1.0.0"> <link rel="stylesheet" href="./fonts/fonts.css?v=1.0.0">
<link rel="stylesheet" href="./style/index.css"> <link rel="stylesheet" href="./style/index.css">
<script type="module" src="src/main.js?v=1.0.1" defer></script> <script type="module" src="src/main.js?v=1.0.1" defer></script>
@ -21,23 +21,22 @@
<header> <header>
<div class="container"> <div class="container">
<h1>#FediKirche</h1> <h1>Willkommen bei #FediKirche</h1>
<p>Wir sind #FediKirche. Auf unseren Instanzen dreht es sich um Themen im kirchlichen Kontext.</p>
</div> </div>
</header> </header>
<section id="willkommen"> <section id="willkommen">
<div class="container content-wrapper"> <div class="container content-wrapper">
<div class="content-image"> <div class="content-image">
<img src="images/akira-hojo-_86u_Y0oAaM-unsplash.jpg" alt="Bild einer Kirche in Reykjavík, Iceland"> <img src="images/battenhall-bQRqXz7mZe4-unsplash.jpg" alt="Bild einer Kirche in Reykjavík, Iceland">
</div> </div>
<div class="content-text"> <div class="content-text">
<h2>Schön, dass du da bist!</h2> <h2>Schön, dass du hier bist!</h2>
<p>Wir vernetzen Menschen im Fediverse auf freien, nachhaltigen und sozial gestalteten Plattformen. Interessierst du dich für kirchliche und gesellschaftliche Themen und suchst Austausch, Inspiration und neue Kontakte? Dann bist du hier genau richtig!</p> <p>#FediKirche verbindet Menschen, die sich für kirchliche und gesellschaftliche Themen interessieren. Auf unseren freien, nachhaltigen und sozial gestalteten Plattformen findest du Raum für Inspiration, Austausch und neue Kontakte.</p>
<p>Unsere Server sind unser digitales Zuhause <strong>herzlich willkommen!</strong></p> <p>Unsere Server sind mehr als Technik sie sind ein digitales Zuhause. Herzlich willkommen bei uns im Fediverse!</p>
<div class="hint-box"> <div class="hint-box">
<p class="hint-title">💡 Tipp</p> <p class="hint-title">💡 Dein Start bei #FediKirche</p>
<p >Auf dieser Seite findest du unsere StarterPacks und kannst dich über die Unterschiede unserer Instanzen informieren.</p> <p >Erkunde unsere StarterPacks und finde heraus, welche unserer Server am besten zu dir passt!</p>
</div> </div>
</div> </div>
</div> </div>

View file

@ -37,6 +37,5 @@
.content-image { .content-image {
order: 1; order: 1;
max-width: 100%; max-width: 100%;
margin-bottom: 20px;
} }
} }

View file

@ -26,7 +26,7 @@ header {
position: relative; position: relative;
text-align: center; text-align: center;
padding: 80px 20px 30px 20px; padding: 80px 20px 30px 20px;
background-image: url('../images/battenhall-bQRqXz7mZe4-unsplash.jpg'); background-image: url('../images/akira-hojo-_86u_Y0oAaM-unsplash.jpg');
background-size: cover; background-size: cover;
background-position: center; background-position: center;
color: #ffffff; color: #ffffff;