updated SVGs

Mole1424 · Aug 13, 2023 · 77161f7 · 77161f7
1 parent 9d93764
commit 77161f7
Show file tree

Hide file tree

Showing 4 changed files with 70 additions and 19 deletions.
diff --git a/app.py b/app.py
@@ -202,9 +202,10 @@ def delete_project(project_id: int):
 
 def log_blog_change(ip: str, action: str, project_id: int, success: bool):
     # higher order functions++
-    status = "successfully" if success else "unsuccessfully"
     log_func = info if success else warning
-    log_func(f"{ip} {action} blog for project {project_id} {status}")
+    log_func(
+        f"{ip} {action} blog for project {project_id} {'' if success else 'un'}successfully"
+    )
 
 
 LOGIN_URL = "/" + getenv("LOGIN_URL")

diff --git a/static/css/aboutme.css b/static/css/aboutme.css
@@ -1,6 +1,19 @@
-.aboutme {
+.aboutmecontainer {
     height: 92vh;
     width: 100%;
+}
+
+.aboutmefull {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.aboutme {
+    height: 90%;
+    width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -55,8 +68,24 @@
     color: var(--accent);
 }
 
+.downarrowcontainer {
+    height: 5%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.downarrow {
+    height: 100%;
+    width: auto;
+    fill: var(--text);
+}
+
 @media screen and (max-width: 500px) {
-    .aboutme {
+
+    .aboutme,
+    .aboutmefull {
         flex-direction: column;
     }
 

diff --git a/templates/aboutme.html b/templates/aboutme.html
@@ -1,16 +1,37 @@
-<div class="aboutme">
-    <div class="aboutmelogocontainer">
-        <img src="../static/img/logo.png" alt="logo" class="aboutmelogo">
+{% if homepage %}
+<div class="aboutmecontainer">
+    {% endif %}
+    <div class="aboutme{{'full' if not homepage}}">
+        <div class="aboutmelogocontainer">
+            <img src="../static/img/logo.png" alt="logo" class="aboutmelogo">
+        </div>
+        <div class="aboutmetext">
+            {% if homepage %}
+            <h1 class="aboutmename">Hi, I'm Joel</h1>
+            <p class="aboutmedescription">A computer science student at the University of Warwick</p>
+            {% else %}
+            <p class="aboutmedescription">Hi, I'm Joel, a Computer Science student at the University of Warwick. My
+                passion
+                for computer science started in 2015 with my first proper computer science lessons at secondary school.
+                As a
+                tech officer at <a href="https://uwcs.co.uk" class="aboutmelink">UWCS</a>, I help maintain various
+                projects
+                such as servers, discord bots, and websites (such as this one).</p>
+            {% endif %}
+        </div>
     </div>
-    <div class="aboutmetext">
-        {% if homepage %}
-        <h1 class="aboutmename">Hi, I'm Joel</h1>
-        <p class="aboutmedescription">A computer science student at the University of Warwick</p>
-        {% else %}
-        <p class="aboutmedescription">Hi, I'm Joel, a Computer Science student at the University of Warwick. My passion
-            for computer science started in 2015 with my first proper computer science lessons at secondary school. As a
-            tech officer at <a href="https://uwcs.co.uk" class="aboutmelink">UWCS</a>, I help maintain various projects
-            such as servers, discord bots, and websites (such as this one).</p>
-        {% endif %}
+    {% if homepage %}
+    <div class="downarrowcontainer">
+        <svg class="downarrow" xlmns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
+            <g>
+                <path d="M256,0C114.618,0,0,114.618,0,256s114.618,256,256,256s256-114.618,256-256S397.382,0,256,0z M256,469.333
+            c-117.818,0-213.333-95.515-213.333-213.333S138.182,42.667,256,42.667S469.333,138.182,469.333,256S373.818,469.333,256,469.333
+            z" />
+                <path d="M347.582,198.248L256,289.83l-91.582-91.582c-8.331-8.331-21.839-8.331-30.17,0c-8.331,8.331-8.331,21.839,0,30.17
+            l106.667,106.667c8.331,8.331,21.839,8.331,30.17,0l106.667-106.667c8.331-8.331,8.331-21.839,0-30.17
+            C369.42,189.917,355.913,189.917,347.582,198.248z" />
+            </g>
+        </svg>
     </div>
-</div>
+</div>
+{% endif %}
diff --git a/templates/base.html b/templates/base.html
@@ -33,7 +33,7 @@
             </li>
             <li class="navlink" id="lastnavlink">
                 <a href="mailto: [email protected]">
-                    <svg xmlns="http://www.w3.org/2000/svg" class="navsvg" viewBox="10 12 100 100">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="navsvg" viewBox="13 12 100 100">
                         <path
                             d="M 0,27.283 V 24 a 8,8 0 0 1 8,-8 h 112 a 8,8 0 0 1 8,8 v 3.283 l -64,40 z m 66.12,48.11 a 4.004,4.004 0 0 1 -4.24,0 L 0,36.717 V 104 a 8,8 0 0 0 8,8 h 112 a 8,8 0 0 0 8,-8 V 36.717 Z"
                             fill="#fff" />