From 3d256f25355c456f04ca6063fba77530424c6f53 Mon Sep 17 00:00:00 2001
From: Krateng <git.noreply@krateng.ch>
Date: Tue, 30 Apr 2019 17:56:27 +0200
Subject: [PATCH] New design for performance chart, not sure about it yet

---
 htmlgenerators.py                 |   2 +-
 website/css/maloja.css            |  31 +++++++++++++++++++++---------
 website/media/chartpos_bronze.png | Bin 0 -> 244 bytes
 website/media/chartpos_gold.png   | Bin 0 -> 239 bytes
 website/media/chartpos_normal.png | Bin 0 -> 245 bytes
 website/media/chartpos_silver.png | Bin 0 -> 240 bytes
 6 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 website/media/chartpos_bronze.png
 create mode 100644 website/media/chartpos_gold.png
 create mode 100644 website/media/chartpos_normal.png
 create mode 100644 website/media/chartpos_silver.png

diff --git a/htmlgenerators.py b/htmlgenerators.py
index 03d65b1..7ca3574 100644
--- a/htmlgenerators.py
+++ b/htmlgenerators.py
@@ -107,7 +107,7 @@ def rankArtistLink(artist,timekeys,rank=None,percent=None,medal=None):
 	if medal == 2: cl = "class='silver'"
 	if medal == 3: cl = "class='bronze'"
 	inner = str(rank) if rank is not None else "<div " + cl + " style='width:" + str(percent) + "%;'></div>"
-	return "<a " + cl + " href='/charts_artists?" + compose_querystring(timekeys) + "'>" + inner + "</a>"
+	return "<a href='/charts_artists?" + compose_querystring(timekeys) + "'>" + inner + "</a>"
 
 def rankLink(timekeys,rank=None,percent=None,artist=None,track=None,medal=None):
 	if track is not None: return rankTrackLink(track,timekeys,rank,percent,medal)
diff --git a/website/css/maloja.css b/website/css/maloja.css
index 34da272..a6ac89c 100644
--- a/website/css/maloja.css
+++ b/website/css/maloja.css
@@ -348,15 +348,15 @@ span.stat_selector_pulse,span.stat_selector_topartists,span.stat_selector_toptra
 }
 
 
-.gold {
+a.gold {
 	background-color:gold;
 	color:black;
 }
-.silver {
+a.silver {
 	background-color:silver;
 	color:black;
 }
-.bronze {
+a.bronze {
 	background-color:#cd7f32;
 	color:black;
 }
@@ -393,7 +393,7 @@ table.list tr td {
 	overflow:hidden;
 	text-overflow:ellipsis;
 	padding-right:15px;
-	line-height: 140%;
+	/*line-height: 140%;*/
 
 }
 
@@ -518,22 +518,35 @@ table.list td.chart {
 	/*border-color:rgba(0,0,0,0)!important;*/
 }
 table.list td.chart div {
-	background-color:beige;
-	height:4px; /* can only do this absolute apparently */
+	/*background-color:beige;
+	height:4px;
+	*/
+	height:20px;
+	background-color: rgba(0,0,0,0.1);
+	border-radius: 0px 30px 30px 0px;
+	background-image:url("/media/chartpos_normal.png");
+	background-position: right;
+	background-repeat:no-repeat;
+	background-size: contain;
 	position:relative;
+
+
 }
 table.list tr:hover td.chart div {
 	cursor:pointer;
 }
 
 table.list tr td.chart div.gold {
-	background-color:gold;
+	/*background-color:gold;*/
+	background-image:url("/media/chartpos_gold.png");
 }
 table.list tr td.chart div.silver {
-	background-color:silver;
+	/*background-color:silver;*/
+	background-image:url("/media/chartpos_silver.png");
 }
 table.list tr td.chart div.bronze {
-	background-color:#cd7f32;
+	/*background-color:#cd7f32;*/
+	background-image:url("/media/chartpos_bronze.png");
 }
 
 
diff --git a/website/media/chartpos_bronze.png b/website/media/chartpos_bronze.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac6e922db7bf9bc5dfc5d692ab5f94357853781e
GIT binary patch
literal 244
zcmeAS@N?(olHy`uVBq!ia0vp^CO|C0!3HD`U6H#Bq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sfV-`7neam?EO*?=>vY8<fCC>S|xv6<2KrRD=b5Uwy
zNotBhd1gt5g1e`0K#E=}J5W5r)5S3);&5_;1Z%Uj0bf}A+_mPv`u*?i_$c#u!bbtc
z^AA3YJP!EEqvvnPmwG+{#QDy%Yx#_}Xif813j_Ikt1_-QAHMCpSoC$q<@6=yewuIX
cdYTUMG3?b;kuXS~<^;0b)78&qol`;+0Ow>*lmGw#

literal 0
HcmV?d00001

diff --git a/website/media/chartpos_gold.png b/website/media/chartpos_gold.png
new file mode 100644
index 0000000000000000000000000000000000000000..2860c2245e9936e8ee32b583198a7be4d667f0ba
GIT binary patch
literal 239
zcmeAS@N?(olHy`uVBq!ia0vp^CO|C0!3HD`U6H#Bq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sfV-`7n1Ci@Z4}yV0vY8<fCC>S|xv6<2KrRD=b5Uwy
zNotBhd1gt5g1e`0K#E=}J5W5>)5S3);_%z+yG0okIG7zCnZ2{`d7SXxSxUO;B+JgW
z{+U76E27R!uZ*fWcK2Y%$$*5TcLEZQxoB)i_Pg@J>?w<oheBgj^OlIxUw`W6?Ayoh
a^)*N0qqIcl@jsOydp%wKT-G@yGywnvZBQQo

literal 0
HcmV?d00001

diff --git a/website/media/chartpos_normal.png b/website/media/chartpos_normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..966253f2c466939924b529a7d8234ee5ed88b5a5
GIT binary patch
literal 245
zcmeAS@N?(olHy`uVBq!ia0vp^CO|C0!3HD`U6H#Bq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sfV-`7nJ@q}p`(^=!WHUn|N}Tg^b5rw5fLsO!=c3fa
zlGGH1^30M91$R&1fE2w{cA$8qr;B4q#Np%w3D#z51HQ2K+TTUr?d>Y{<Wi3*K2~&^
zcksF9v4yWBW9B8voSJv=8Ibc%vc%tzcY9FY73alrQeQ8uXm8uz?xub1;<ED|`E!D9
d)dG!@Wnj4cTt%XILD@`@?VhfFF6*2Ung9}dPeA|x

literal 0
HcmV?d00001

diff --git a/website/media/chartpos_silver.png b/website/media/chartpos_silver.png
new file mode 100644
index 0000000000000000000000000000000000000000..41263ab8a52ef807c5bf48c0ba153e9139b6da51
GIT binary patch
literal 240
zcmeAS@N?(olHy`uVBq!ia0vp^CO|C0!3HD`U6H#Bq}Y<Y-CY>|gW!U_%O?XxI14-?
ziy0WWg+Z8+Vb&Z8pdfpRr>`sfV-`7n1NLB>g}p!_+02lL66gHf+|;}hAeVu`xhOTU
zBsE2$JhLQ2!QIn0AVn{g9Vi~+>Eaj?aro`^-J%Q%9Lx@nQhLs%-TE!UExpLo`><)v
znJKp%uO3rclwMlS&ikU}WI)2vHvtL9)&wLRKeOW7ttrAD3XLpP(o2r6y8Qh6<1gQ8
b16HLo{HRcoV7n}953<<P)z4*}Q$iB}?Uqm4

literal 0
HcmV?d00001