From 24744d87acc4f8d75c66eab229d928c7169a12c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luc=C3=A0s?= <vabrelucas@gmail.com>
Date: Sat, 20 Apr 2024 21:18:12 +0200
Subject: [PATCH] feat(DevWeb): Create Layout for forms

---
 .../main/webapp/WEB-INF/tags/layouts/form.tag | 15 +++++++
 .../src/main/webapp/static/css/form.css       | 41 +++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/form.tag
 create mode 100644 S2/DevWeb/Projet/src/main/webapp/static/css/form.css

diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/form.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/form.tag
new file mode 100644
index 0000000..9aad261
--- /dev/null
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/form.tag
@@ -0,0 +1,15 @@
+<%@tag description="layout/base" pageEncoding="UTF-8" %>
+
+<%@taglib prefix="layout" tagdir="/WEB-INF/tags/layouts" %>
+
+<%@attribute name="title"%>
+
+
+<layout:base title="${title}">
+    <jsp:attribute name="head">
+        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/form.css"/>
+    </jsp:attribute>
+    <jsp:body>
+        <jsp:doBody/>
+    </jsp:body>
+</layout:base>
\ No newline at end of file
diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/form.css b/S2/DevWeb/Projet/src/main/webapp/static/css/form.css
new file mode 100644
index 0000000..228d62b
--- /dev/null
+++ b/S2/DevWeb/Projet/src/main/webapp/static/css/form.css
@@ -0,0 +1,41 @@
+.notification {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    margin: 1em !important;
+
+    transform: translateY(100%);
+    opacity: 0;
+    animation: toast 5s ease forwards;
+}
+
+@keyframes toast {
+    0% {
+        opacity: 0;
+        transform: translateY(100%);
+    }
+    5% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+    95% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+    100% {
+        opacity: 0;
+        transform: translateY(100%);
+    }
+}
+
+@keyframes shake {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translateX(-5px);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translateX(5px);
+    }
+}
\ No newline at end of file