projects/abiball
projects/abiball
0
0
Fork 0
Code Pull Requests 2 Actions Packages Activity

feat: add stylesheet and update home page layout

Browse Source
This commit is contained in:
Hop In, I Have Puppies AND WiFi 2025-01-23 17:22:51 +01:00
parent d5dbeaf706
commit e9bdcfe82e
Signed by: jleibl
GPG Key ID: E7B6F77BF5EDB6F7
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
templates/base.html.twig
View File

@ -5,6 +5,7 @@
<title>Abiball-Tickets | {% block title %}{% endblock %}</title> <title>Abiball-Tickets | {% block title %}{% endblock %}</title>
<link rel="icon" href="{{ asset('images/icon.png') }}"> <link rel="icon" href="{{ asset('images/icon.png') }}">
{% block stylesheets %} {% block stylesheets %}
<link rel="stylesheet" href="{{ asset('styles/app.css') }}">
{% endblock %} {% endblock %}
{% block javascripts %} {% block javascripts %}

22
templates/home/index.html.twig
View File

@ -3,7 +3,23 @@
{% block title %}Home{% endblock %} {% block title %}Home{% endblock %}
{% block body %} {% block body %}
<img src="{{ asset('images/logo.png') }}" width="300px" /> <header class="w-full bg-white shadow-sm">
<center>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</center> <div class="container mx-auto px-4 py-4 flex justify-between items-center">
<a href="">Tickets kaufen</a> <img src="{{ asset('images/logo.png') }}" alt="Logo" class="w-48 h-auto" />
<a href="#" class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-2 rounded-lg transition-colors">
Kontaktaufnahme
</a>
</div>
</header>
<main class="flex flex-col items-center justify-center px-4 py-12">
<div class="max-w-3xl text-center mb-8">
<p class="text-gray-700 leading-relaxed">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<a href="" class="bg-blue-500 hover:bg-blue-600 text-white px-8 py-3 rounded-lg text-lg font-semibold transition-colors">
Tickets kaufen
</a>
</main>
{% endblock %} {% endblock %}