Embed implementacija, animacije, sidebar hover

web/templates/stranice/podsetnik_forma.html

@@ -4,23 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    @keyframes fadeInUp {
-        from { opacity: 0; transform: translateY(10px); }
-        to   { opacity: 1; transform: translateY(0); }
-    }
-
-    @keyframes shake {
-        0%, 100% { transform: translateX(0); }
-        20%       { transform: translateX(-6px); }
-        40%       { transform: translateX(6px); }
-        60%       { transform: translateX(-4px); }
-        80%       { transform: translateX(4px); }
-    }
-
-    .forma-kartica {
-        animation: fadeInUp 0.3s ease forwards;
-    }
-
     .greska-animacija {
         animation: shake 0.4s ease;
     }
@@ -37,7 +20,7 @@
         Nazad na podsetnik
     </a>
 
-    <div class="kartica forma-kartica" style="max-width:600px;">
+    <div class="kartica forma-kartica animiraj" style="max-width:600px;">
         <div style="margin-bottom:20px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
             <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">
                 {{if .Izmena}}Izmeni podsetnik{{else}}Novi podsetnik{{end}}