Open external links in browser

Author: B3nac

.gitignore

@@ -1,3 +1,6 @@
+#Existing accounts
+accounts.json
+
 # Poetry
 poetry.lock
 pyproject.toml

app/static/TheLootBox.css

@@ -50,8 +50,7 @@ input {
 }
 .flask_alert_container {
   pointer-events: all;
-  position:absolute;
-  top: 55.5%;
+  vertical-align: top;
 }
 div.scroll {
     width: max-content;

app/templates/base.html

@@ -26,16 +26,16 @@
             <a class="nav-link" href="/createlootbundle" tabindex="-1">Loot Bundles</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="https://thelootbox.xyz/showcase" tabindex="-1">Showcase</a>
+            <a class="nav-link" href="https://thelootbox.xyz/showcase" tabindex="-1" target="_blank">Showcase</a>
           </li>
         </ul>
-          <button class="btn btn-outline-success img-size"><a href="https://github.com/TheLootBox-xyz"><img src="/static/images/github.png"></a></button>
-          <button class="btn btn-outline-success img-size"><a href="https://discord.gg/pd4wupphDe"><img src="/static/images/Discord.png"></a></button>
+          <button class="btn btn-outline-success img-size"><a href="https://github.com/TheLootBox-xyz" target="_blank"><img src="/static/images/github.png"></a></button>
+          <button class="btn btn-outline-success img-size"><a href="https://discord.gg/pd4wupphDe" target="_blank"><img src="/static/images/Discord.png"></a></button>
       </div>
     </div>
   </nav>
 </header>
- <div class="flask_alert_container" onclick="delete_flash(this)">
+  <div class="flask_alert_container" onclick="delete_flash(this)">
     {% for catagory, message in get_flashed_messages(with_categories=true) %}
     <div class="alert alert-{{ catagory }}">
       {{ message }}
@@ -58,16 +58,15 @@ <h5>Features</h5>
     <div class="col-6 col-md footer-img-size">
       <h5>Resources</h5>
       <ul class="list-unstyled text-small">
-        <li><a class="link-secondary" href="https://github.com/TheLootBox-xyz">Code</a></li>
-        <li><a class="link-secondary" href="https://discord.gg/pd4wupphDe">Community</a></li>
+        <li><a class="link-secondary" href="https://github.com/TheLootBox-xyz" target="_blank">Code</a></li>
+        <li><a class="link-secondary" href="https://discord.gg/pd4wupphDe" target="_blank">Community</a></li>
       </ul>
     </div>
     <div class="col-6 col-md">
       <h5>About TheLootBox</h5>
       <ul class="list-unstyled text-small">
-        <li><a class="link-secondary" href="https://thelootbox.xyz/about">About</a></li>
-        <li><a class="link-secondary" href="https://thelootbox.xyz/privacy">Privacy</a></li>
-        <li><a class="link-secondary" href="">Contact</a></li>
+        <li><a class="link-secondary" href="https://thelootbox.xyz/about" target="_blank">About</a></li>
+        <li><a class="link-secondary" href="https://thelootbox.xyz/privacy" target="_blank">Privacy</a></li>
       </ul>
     </div>
   </div>