From 8c029508c92f6f7915fe6845d2f45d28c6bfac6e Mon Sep 17 00:00:00 2001
From: Firas <firas.bouzazi@imt-atlantique.net>
Date: Tue, 25 Mar 2025 23:46:39 +0100
Subject: [PATCH] altered homep age design
---
templates/home/index.html.twig | 67 +++++++++++++++++++++++++++++++++-
1 file changed, 65 insertions(+), 2 deletions(-)
diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index c5465809..0358ab73 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -3,7 +3,56 @@
{% block title %}Homepage{% endblock %}
{% block body %}
-<div class="container mt-5">
+<style>
+ body {
+ font-family: Arial, sans-serif;
+ background: linear-gradient(135deg, #00B8DE, #99CC33);
+ color: white;
+ text-align: center;
+ padding: 20px;
+ }
+ .container {
+ max-width: 600px;
+ margin: auto;
+ background: rgba(255, 255, 255, 0.2);
+ padding: 20px;
+ border-radius: 15px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+ backdrop-filter: blur(10px);
+ }
+ h1 {
+ font-size: 2em;
+ margin-bottom: 10px;
+ }
+ p {
+ font-size: 1.2em;
+ }
+ ul {
+ list-style: none;
+ padding: 0;
+ }
+ li {
+ margin: 15px 0;
+ }
+ a {
+ text-decoration: none;
+ background: white;
+ padding: 10px 15px;
+ border-radius: 8px;
+ color: #00B8DE;
+ font-weight: bold;
+ transition: 0.3s;
+ display: inline-block;
+ margin: 5px;
+ }
+ a:hover {
+ background: #99CC33;
+ color: white;
+ transform: scale(1.1);
+ }
+</style>
+
+<div class="container">
<h1>Welcome to the Wishlist Project</h1>
<p>Here are the main links to navigate through the project:</p>
<ul>
@@ -12,4 +61,18 @@
{% endfor %}
</ul>
</div>
-{% endblock %}
\ No newline at end of file
+
+<script>
+ document.addEventListener("DOMContentLoaded", function() {
+ const links = document.querySelectorAll("a");
+ links.forEach(link => {
+ link.addEventListener("mouseover", () => {
+ link.style.boxShadow = "0px 4px 15px rgba(255, 255, 255, 0.5)";
+ });
+ link.addEventListener("mouseout", () => {
+ link.style.boxShadow = "none";
+ });
+ });
+ });
+</script>
+{% endblock %}
--
GitLab