Revert "move amber banner to top right"

This reverts commit 11e3f75d99.

content/_index.md

@@ -2,8 +2,6 @@
 title = "Welcome"
 +++
 
-{{ amber_banner() }}
-
 ## Welcome to my world!
 Hello there! My name is Alice and i am a fullstack web dev. I like to start a lot of side projects, but finish only a few of them.
 
@@ -44,6 +42,7 @@ Also you can view it [here](https://umami.blek.codes/share/ucLh7hS5xcXCpklV/worl
 </div>
 
 ## Projects
+{{ amber_banner() }}
 You can find the list of my projects [here](/projects).
 
 ## Blog

sass/amber-banner.scss

@@ -1,11 +1,3 @@
-.amber-banner-wrapper {
-    position: absolute;
-    right: 0;
-
-    display: flex;
-    align-items: end;
-    flex-direction: column;
-
 .amber-banner {
     background: #0005;
     border: 1px solid #000;
@@ -59,11 +51,10 @@
     width: fit-content;
     border-radius: 8px 8px 0 0;
     padding: 0.2em 0.5em;
-        margin-right: 1rem;
+    margin: 0;
-
+    margin-left: 1rem;
     
     background: #0003;
     border: 1px solid #000;
     border-bottom: 0;
 }
-}

templates/shortcodes/amber_banner.html

@@ -1,6 +1,5 @@
 <link rel="stylesheet" href="/amber-banner.css">
 
-<div class="amber-banner-wrapper">
 <div class="amber-banner-title">
     Open source promotion
 </div>
@@ -28,4 +27,3 @@
         </ul>
     </div>
 </div>
-</div>