From ef6759c5ed093ac0b99a7532ae946480f4795f17 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Thu, 22 Jul 2021 20:44:10 +1000
Subject: [PATCH] use svg / remove -lg- / bootstrap 5

---
 templates/login.html | 37 ++++++++++++++++---------------------
 1 file changed, 16 insertions(+), 21 deletions(-)

diff --git a/templates/login.html b/templates/login.html
index 9dddc8a..f3b9f23 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -20,10 +20,11 @@
 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
 
 {% import "bootstrap/wtf.html" as wtf %}
-<style>
-.highlight { box-shadow: 0 0 7px 4px #5bc0de }
-.sm-txt { font-size: 0.8rem }
-</style>
+<svg style="display:none">
+
+<svg id="pa_brain" viewBox="0 0 640 640"><defs><path d="M210.2 1.12C157.93 1.12 115.39 43.65 115.39 95.93C115.39 102.69 116.17 109.56 117.71 116.42C66.02 132.71 30.34 181.03 30.34 235.62C30.34 256.02 35.39 276.1 44.85 294.01C23.87 314.81 10.84 343.63 10.84 375.45C10.84 427.38 45.52 471.33 92.94 485.42C91.27 491.91 90.39 498.58 90.39 505.33C90.39 549.38 126.22 585.2 170.26 585.2C175.26 585.2 180.3 584.7 185.34 583.72C187.22 615.07 213.3 640 245.12 640C277.96 640 305 613.44 305 580.68C305 580.62 305 580.57 305 580.52C305 526.32 305 92.72 305 38.52C305 17.88 288.22 1.1 267.57 1.1C256.1 1.1 215.94 1.11 210.2 1.12Z" id="asih1vKib"></path><path d="M595.14 292.91C604.62 275.01 609.67 254.92 609.67 234.53C609.67 179.94 573.98 131.61 522.29 115.33C523.83 108.47 524.61 101.6 524.61 94.84C524.61 42.56 482.07 0.02 429.79 0.02C424.05 0.02 378.15 0 372.42 0C351.78 0 334.99 16.79 334.99 37.44C334.99 80.96 334.99 429.13 334.99 472.65C334.99 473.13 334.69 473.61 334.69 474.14C334.69 476.08 334.99 477.99 334.99 479.87C334.99 486.48 334.99 519.53 334.99 579.01L334.99 579.42L334.99 580C335.01 580 335.01 580 335.01 580C335.69 615 362.26 638.78 394.87 638.78C426.68 638.78 452.78 613.91 454.66 582.56C459.69 583.55 464.74 584.08 469.74 584.08C513.78 584.08 549.6 548.26 549.6 504.23C549.6 497.47 548.72 490.81 547.06 484.33C594.48 470.24 629.16 426.28 629.16 374.35C629.16 342.54 616.14 313.72 595.14 292.91Z" id="a1Y7q7udZG"></path><path d="M275.49 303.09C275.49 283.55 259.65 267.72 240.12 267.72C220.59 267.72 204.75 283.55 204.75 303.09C204.75 322.62 220.59 338.46 240.12 338.46C259.65 338.46 275.49 322.62 275.49 303.09Z" id="a6YSshRYBH"></path><path d="M416.97 479.94C393.39 479.94 204.75 479.94 181.17 479.94C155.12 479.94 134.01 458.82 134.01 432.78C134.01 413.91 134.01 263 134.01 244.14C134.01 218.11 155.1 197 181.12 196.98C181.12 170.93 202.24 149.82 228.28 149.82C251.86 149.82 440.5 149.82 464.08 149.82C490.13 149.82 511.24 170.93 511.24 196.98C511.24 215.84 511.24 366.75 511.24 385.62C511.24 411.64 490.16 432.75 464.13 432.78C464.13 458.82 443.02 479.94 416.97 479.94ZM228.28 173.4C215.26 173.4 204.7 183.95 204.7 196.98C225.93 196.98 395.74 196.98 416.97 196.98C443.02 196.98 464.13 218.09 464.13 244.14C464.13 260.64 464.13 392.69 464.13 409.2C477.13 409.17 487.66 398.62 487.66 385.62C487.66 366.75 487.66 215.84 487.66 196.98C487.66 183.95 477.11 173.4 464.08 173.4C416.92 173.4 251.86 173.4 228.28 173.4ZM157.59 244.14C157.59 256.71 157.59 319.59 157.59 432.78C195.03 399.47 215.82 380.97 219.98 377.27C223.96 373.31 230.17 372.7 234.84 375.81C239.02 378.59 259.93 392.53 297.56 417.61C350.05 365.13 379.21 335.96 385.04 330.13C388.63 326.54 394.11 325.65 398.65 327.92C401.44 330.98 415.41 346.28 440.55 373.83C440.55 296.01 440.55 252.78 440.55 244.14C440.55 231.11 429.99 220.56 416.97 220.56C401.25 220.56 322.65 220.56 181.17 220.56C165.45 227.59 157.59 235.45 157.59 244.14Z" id="m1fjSv2Is"></path></defs><g><g><g><use xlink:href="#asih1vKib" opacity="1" fill="currentColor" fill-opacity="1"></use><g><use xlink:href="#asih1vKib" opacity="1" fill-opacity="0" stroke="currentColor" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#a1Y7q7udZG" opacity="1" fill="currentColor" fill-opacity="1"></use><g><use xlink:href="#a1Y7q7udZG" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><g><use xlink:href="#a6YSshRYBH" opacity="1" fill="#ffffff" fill-opacity="1"></use><g><use xlink:href="#a6YSshRYBH" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g><g><use xlink:href="#m1fjSv2Is" opacity="1" fill="#ffffff" fill-opacity="1"></use><g><use xlink:href="#m1fjSv2Is" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"></use></g></g></g></g></g></svg>
+</svg>
+
 </head>
 <body>
 
@@ -47,26 +48,20 @@
     </div class="row">
 {% endif %}
 
-{#     <div class="row my-5 col-lg-6 rounded border border-primary border-3"> #}
-
-    <div class="row my-5 col-lg-6" style="border: 3px solid #5bc0de; border-radius: 15px;">
-        <h3 class="col-lg-12 my-3 text-center" style="color: #5bc0de">
-            <span class="fa-stack">
-                <i class="fas fa-brain fa-stack-2x"></i>
-                <i class="far fa-image fa-stack-1x fa-inverse"></i>
-            </span>
-        &nbsp;Photo Assistant Login</h3>
-        <form class="form form-inline" method="POST">
-            <div class="col-lg-12">
-                <label labelfor="username" class="text-right form-control-plaintext col-lg-4 text-info">Username:</label>
-                <input class="form-control col-lg-8" type="text" name="username"></input>
+    <div class="row px-3 my-5 col-6" style="border: 3px solid #5bc0de; border-radius: 15px;">
+        <h3 class="col-12 my-3 text-center" style="color: #5bc0de">
+            <svg width="64" height="64" fill="currentColor"><use xlink:href="#pa_brain" /></svg> &nbsp;Photo Assistant Login</h3>
+        <form class="" method="POST">
+            <div class="input-group">
+                <label labelfor="username" class="text-right input-group-text col-4 text-info">Username:</label>
+                <input class="form-control" type="text" name="username"></input>
             </div>
-            <div class="col-lg-12">
-                <label labelfor="password" class="text-right form-control-plaintext col-lg-4 text-info">Password:</label>
-                <input class="form-control col-lg-8" type="password" name="password"></input>
+            <div class="input-group">
+                <label labelfor="password" class="text-right input-group-text col-4 text-info">Password:</label>
+                <input class="form-control col-8" type="password" name="password"></input>
             </div>
 
-            <div class="col-lg-12 my-2 text-center">
+            <div class="col-12 my-2 text-center">
             {{ form.submit( class="form-control text-info") }}
             </div>
             {{ form.hidden_tag() }}