chore: add ansible backend docker frontend-prep

2026-01-21 13:05:13 +01:00
parent 5a280b6b01
commit 943fe4de7d
14930 changed files with 2341433 additions and 0 deletions
@@ -0,0 +1,120 @@
+.page-container {
+  width: 100%;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: clamp(1rem, 4vw, 2rem);
+  box-sizing: border-box;
+  overflow-x: hidden;
+}
+
+.page-container h1 {
+  color: white;
+  font-size: clamp(1.8rem, 6vw, 2.5rem);
+  margin-bottom: clamp(1.5rem, 4vh, 2rem);
+  text-align: center;
+  padding: 0 1rem;
+}
+
+.page-links {
+  display: flex;
+  flex-direction: column;
+  gap: clamp(0.8rem, 2.5vw, 1.2rem);
+  margin-bottom: clamp(1.5rem, 4vh, 2rem);
+  width: 100%;
+  max-width: 500px;
+  padding: 0 1rem;
+}
+
+.page-link {
+  background-color: #1a1a1a;
+  border: 2px solid white;
+  color: white;
+  padding: clamp(1rem, 3vw, 1.5rem);
+  text-decoration: none;
+  border-radius: 12px;
+  font-size: clamp(1rem, 3.5vw, 1.2rem);
+  text-align: center;
+  transition: all 0.2s ease;
+  width: 100%;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.page-link:active {
+  transform: scale(0.97);
+  background-color: #2a2a2a;
+}
+
+.back-link {
+  color: white;
+  text-decoration: none;
+  margin-top: clamp(1rem, 3vh, 2rem);
+  font-size: clamp(0.9rem, 3vw, 1.1rem);
+  padding: clamp(0.6rem, 2vw, 0.8rem) clamp(1rem, 3vw, 1.5rem);
+  border: 1.5px solid white;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.back-link:active {
+  background-color: #1a1a1a;
+  transform: scale(0.95);
+}
+
+.content {
+  color: white;
+  font-size: clamp(1rem, 3.5vw, 1.2rem);
+  text-align: center;
+  width: 100%;
+  max-width: 500px;
+  padding: clamp(1.5rem, 4vw, 2rem);
+  background-color: #1a1a1a;
+  border: 2px solid white;
+  border-radius: 15px;
+  margin-bottom: clamp(1.5rem, 4vh, 2rem);
+  box-sizing: border-box;
+}
+
+.content p {
+  margin: 0;
+  line-height: 1.6;
+}
+
+/* Tablettes */
+@media (min-width: 600px) {
+  .page-links {
+    max-width: 600px;
+  }
+  
+  .content {
+    max-width: 600px;
+  }
+}
+
+/* Grandes tablettes */
+@media (min-width: 768px) {
+  .page-links {
+    max-width: 700px;
+  }
+  
+  .content {
+    max-width: 700px;
+  }
+}
+
+/* Désactiver hover sur tactile */
+@media (hover: none) {
+  .page-link:hover {
+    transform: none;
+    background-color: #1a1a1a;
+  }
+  
+  .back-link:hover {
+    background-color: transparent;
+  }
+}