initial commit

2026-02-26 21:29:34 +01:00
commit d9d84634e8
72 changed files with 18491 additions and 0 deletions
--- a/app/assets/css/layout/_navBar.scss
+++ b/app/assets/css/layout/_navBar.scss
@@ -0,0 +1,63 @@
+
+button.panel-item{
+	border-radius: 0.35em;
+  padding:0.5em 0.5em;
+  border:none;
+  font-size:1em;
+	text-align: center;
+	margin-block:0.25em;
+	width:88%;
+}
+
+.panel-nav {
+  //display: none;
+  position: absolute;
+  top:0;
+  right:0;
+  background: #aaaaaa80;
+  backdrop-filter: blur(5px);            /* flou du contenu derrière */
+  -webkit-backdrop-filter: blur(5px);    /* Safari */
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-block: 2em;
+  gap: 0.75rem;
+  transform: translateX(100%);
+  opacity: 0;
+  transition: all 0.5s;
+  box-sizing: border-box;
+  z-index: 5;
+  &.open {
+    display: flex;
+    transform: translateX(1px);
+    opacity: 1;
+  }}
+  
+  div.nav-bar-up{
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+    align-items: center;
+  }
+  div.nav-bar-down{
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    text-align: right;
+  }
+
+.panel-item {
+  text-decoration: none;
+  font-weight: 500;
+  color: blueviolet;
+  padding: 0.5rem;
+  padding-left: 3.2em;
+  padding-right: 0.8em;
+  transition: color 0.2s;
+}
+
+.panel-item:hover {
+  color: hsl(271, 76%, 35%);
+  background-color: #aaaaaa80;
+}