From 32e78319fc3f4d23da9d78b9c786e2f09e510438 Mon Sep 17 00:00:00 2001
From: Andrea <rctandrew100@gmail.com>
Date: Thu, 4 Jan 2024 14:09:06 +0100
Subject: [PATCH] [Bugfix] missing base profile border style Added profile pic
 component in supersponsor page

---
 res/styles/propic.css  |  5 ++++-
 tpl/blocks/propic.html |  4 ++--
 tpl/sponsorcount.html  | 14 ++++++--------
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/res/styles/propic.css b/res/styles/propic.css
index 0b937c8..57e8168 100644
--- a/res/styles/propic.css
+++ b/res/styles/propic.css
@@ -28,7 +28,6 @@ svg.propic-border-filter {
     width:calc(100% - 4mm);
     border-radius:0.4em;
     margin:2mm;
-    border:4px solid #546e7a00;
     z-index: 2;
 }
 
@@ -91,4 +90,8 @@ svg.propic-border-filter {
 
 .propic-normal {
     border:4px solid #8e24aa;
+}
+
+.propic-base {
+    border:4px solid #546e7a;
 }
\ No newline at end of file
diff --git a/tpl/blocks/propic.html b/tpl/blocks/propic.html
index 4c0cc56..0dd420c 100644
--- a/tpl/blocks/propic.html
+++ b/tpl/blocks/propic.html
@@ -8,8 +8,8 @@
     </div>
     {% endif %}
     <img alt="Your own profile picture" src="{{imgSrc}}" class="absolute propic {{(('propic-' + order.sponsorship) if not effects else '') if order.sponsorship else 'propic-base'}}"/>
-    <img alt="Your own profile picture" src="{{imgSrc}}" class="propic-filler {{(('propic-' + order.sponsorship) if not effects else '')}}"/>
+    <img alt="Your own profile picture" src="{{imgSrc}}" class="propic-filler {{(('propic-' + order.sponsorship) if not effects else '') if order.sponsorship else 'propic-base'}}"/>
     {% if flag %}
-      <img alt="A country flag" class="absolute propic-flag" src="/res/flags/{{order.country.lower()}}.svg"/>
+      <img alt="flag" class="absolute propic-flag" src="/res/flags/{{order.country.lower()}}.svg"/>
     {% endif %}
 </div>
\ No newline at end of file
diff --git a/tpl/sponsorcount.html b/tpl/sponsorcount.html
index a217202..bc41f13 100644
--- a/tpl/sponsorcount.html
+++ b/tpl/sponsorcount.html
@@ -17,10 +17,9 @@
 				<div class="grid people" style="padding-bottom:1em;">
 			{% endif %}
 				<div style="margin-bottom: 1em;">
-					<div class="propic-container">
-						<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic_fursuiter') or 'default.png'}}" />
-						<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" />
-					</div>
+					{% with order=person, imgSrc='/res/propic/' + (person.ans('propic') or 'default.png'), effects = true, flag = true %}
+						{% include 'blocks/propic.html' %}
+					{% endwith %}
 					<h5>{{person.ans('fursona_name')}}</h5>
 				</div>
 			{% if loop.last %}</div>{% endif %}
@@ -33,10 +32,9 @@
 				<div class="grid people" style="padding-bottom:1em;">
 			{% endif %}
 				<div style="margin-bottom: 1em;">
-					<div class="propic-container">
-						<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic_fursuiter') or 'default.png'}}" />
-						<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" />
-					</div>
+					{% with order=person, imgSrc='/res/propic/' + (person.ans('propic') or 'default.png'), effects = true, flag = true %}
+						{% include 'blocks/propic.html' %}
+					{% endwith %}
 					<h5>{{person.ans('fursona_name')}}</h5>
 				</div>
 			{% if loop.last %}</div>{% endif %}
-- 
2.43.4