1
1
< head >
2
- < link href ="https://fonts.googleapis.com/css?family=Montserrat:300,400,600, 700|Roboto:400,700 " rel ="stylesheet ">
2
+ < link href ="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:400,700 " rel ="stylesheet ">
3
3
< link href ='style.css ' rel ='stylesheet ' type ='text/css '>
4
4
< title > 8values Results</ title >
5
5
< link rel ="icon " type ="x-icon " href ="icon.png ">
@@ -179,12 +179,12 @@ <h2>Closest Match: <span class="weight-300" id="ideology-label"></span></h2>
179
179
ctx . fillStyle = "#9c27b0"
180
180
ctx . fillRect ( 682 - 5.6 * progress , 494 , 5.6 * progress - 2 , 72 )
181
181
ctx . fillStyle = "#222222"
182
- ctx . font = "600 80px Montserrat" , " 700 80px Montserrat" , " 80px Montserrat"
182
+ ctx . font = "700 80px Montserrat"
183
183
ctx . textAlign = "left"
184
184
ctx . fillText ( "8values" , 20 , 90 )
185
185
ctx . font = "normal 40px Montserrat"
186
186
ctx . textAlign = "right"
187
- ctx . fillText ( ideology , 780 , 90 )
187
+ ctx . fillText ( ideology , 780 , 87.5 )
188
188
189
189
ctx . font = "normal 50px Montserrat"
190
190
ctx . textAlign = "left"
@@ -199,7 +199,7 @@ <h2>Closest Match: <span class="weight-300" id="ideology-label"></span></h2>
199
199
if ( progress > 30 ) { ctx . fillText ( progress + "%" , 670 , 547.5 ) }
200
200
201
201
ctx . font = "300 30px Montserrat"
202
- ctx . fillText ( "8values.github.io" , 780 , 50 )
202
+ ctx . fillText ( "8values.github.io" , 780 , 55 )
203
203
ctx . textAlign = "center"
204
204
ctx . fillText ( "Economic Axis: " + document . getElementById ( "economic-label" ) . innerHTML , 400 , 125 )
205
205
ctx . fillText ( "Diplomatic Axis: " + document . getElementById ( "diplomatic-label" ) . innerHTML , 400 , 245 )
0 commit comments