Merge branch 'main' of https://stax.alwaysdata.net/gitea/staxriver/padelclub_backend

tournaments/static/tournaments/css/blue_style.css

@@ -17,14 +17,14 @@ html,
 body {
     background: #1b223a;
     color: white;
-    font-size: 16px;
+    font-size: clamp(16px, 1vw, 32px);
     font-weight: 600;
     margin: 0px;
 }
 
 body {
     height: 125vh;
-    background-image: url("../images/main_background@2x.png"); /* Replace with your image path */
+    background-image: url("../images/main_background@2x.jpg");
     background-repeat: no-repeat; /* Prevents the image from repeating */
     background-size: cover; /* Scales the image to cover the container */
 }
@@ -65,10 +65,23 @@ nav a {
     background-color: #f39200;
     border-radius: 15px;
     text-decoration: none;
-    font-size: 14px;
+    font-size: clamp(16px, 0.5vw, 32px);
     font-weight: 600;
 }
 
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.flex1 {
+    flex: 1;
+}
+.flex2 {
+    flex: 2;
+}
+
 nav a:hover {
     color: #1b223a;
 }
@@ -86,12 +99,13 @@ li {
 }
 
 li::marker {
-    font-size: 26px; /* Change the size of the marker */
+    font-size: 1.6em; /* Change the size of the marker */
     line-height: 1;
 }
 
 footer {
     margin: 40px 0px;
+    padding-bottom: 40px;
 }
 
 p {
@@ -100,7 +114,7 @@ p {
 }
 
 #main {
-    font-size: 17px;
+    font-size: 1.05em;
     line-height: 1.8;
 }
 
@@ -127,7 +141,7 @@ p {
     padding: 10px 10px;
 }
 .simple {
-    font-size: 16px;
+    font-size: 1em;
 }
 
 .simple a {
@@ -179,6 +193,7 @@ p {
 
 .logo {
     height: 80px;
+    margin-bottom: 10px;
     /* padding: 5px 10px; */
 }
 
@@ -236,36 +251,36 @@ p {
 .blue-bubble {
     color: white;
     background-color: #233876;
-    font-size: 15px;
+    font-size: 1em;
     font-weight: 600;
 }
 .blue-bubble p {
     font-family: "Montserrat-SemiBold";
 }
 .comment {
-    font-size: 20px;
+    font-size: 1.25em;
     font-family: "Anybody-ExtraBold";
 }
 .comment p {
     font-family: "Anybody-ExtraBold";
 }
 .comment-details {
-    font-size: 18px;
+    font-size: 1.1em;
 }
 .price-title {
     font-family: "Anybody-ExtraBold";
-    font-size: 16px;
+    font-size: 1em;
 }
 @media print, screen and (min-width: 80em) {
     .price-title {
         font-family: "Anybody-ExtraBold";
-        font-size: 18px;
+        font-size: 1.1em;
     }
 }
 
 .price {
     font-family: "Anybody-ExtraBold";
-    font-size: 36px;
+    font-size: 2.2em;
     color: #f39200;
 }
 

tournaments/templates/tournaments/download.html

@@ -44,9 +44,9 @@
         <div class="wrapper">
         <header>
             <div class="grid-x">
-                <div class="cell topblock my-block flex">
+                <div class="cell topblock my-block header">
 
-                    <div class="flex-left">
+                    <div class="flex2">
                         <a href="{% url 'index' %}">
                         <img
                             src="{% static 'tournaments/images/PadelClub_logo_fondfonce_transparent.png' %}"
@@ -61,7 +61,7 @@
 
                     </div>
 
-                    <div class="flex-right simple">
+                    <div class="simple flex1 right">
                         <a href="mailto:support@padelclub.app" class="">Écrivez-nous !</a>
                     </div>