0.0.1

2026-04-20 15:32:19 +02:00
commit 0858b72e31
36 changed files with 6359 additions and 0 deletions
--- a/kb_app/frontend/sass/splash.scss
+++ b/kb_app/frontend/sass/splash.scss
@@ -0,0 +1,111 @@
+// file: kb_app/frontend/sass/splash.scss
+
+@font-face {
+  font-family: 'Dos Amazigh';
+  src: url('../fonts/DOS_Amazigh.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap; /* Assure un bon rendu pendant le chargement de la police */
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  overflow: hidden;
+  font-family: Arial, sans-serif;
+}
+
+#splash-container {
+  position: relative;
+  width: 960px; /* Largeur exacte de votre image */
+  height: 637px; /* Hauteur exacte de votre image */
+  opacity: 0; /* Sera animé par JavaScript */
+}
+
+#splash-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+}
+
+#app-name {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-family: 'Dos Amazigh', sans-serif; /* Application de la police */
+  font-size: 96px;
+  font-weight: bold;
+  color: #fff; /* Blanc pour contraste */
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre pour meilleure lisibilité */
+  z-index: 2;
+  text-align: center;
+}
+
+#debug-info {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  max-height: 30%;
+  overflow-y: auto;
+  color: white;
+  font-family: monospace;
+  font-size: 12px;
+  background-color: rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  z-index: 3;
+  box-sizing: border-box;
+}
+
+#messages-container {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 30%;
+  overflow-y: auto;
+  background-color: rgba(0, 0, 0, 0.1);
+  padding: 10px;
+  padding-bottom: 40px;
+  z-index: 2;
+  box-sizing: border-box;
+}
+
+.splash-message {
+  margin-bottom: 8px;
+  padding: 6px 10px;
+  border-radius: 4px;
+  animation: fadeIn 0.3s ease-in-out;
+  font-weight: bold;
+  color: #fff;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.splash-message.info {
+  background-color: rgba(33, 150, 243, 0.2);
+}
+
+.splash-message.warning {
+  background-color: rgba(255, 152, 0, 0.2);
+}
+
+.splash-message.error {
+  background-color: rgba(244, 67, 54, 0.2);
+}
+
+.splash-message.success {
+  background-color: rgba(76, 175, 80, 0.2);
+}