Featured Quizzes
User Quizzes
Create Quiz
Data and Charts
Word Search
Badges and Games
About JetPunk
Message Board
Random Quiz
Dark Mode
Free the World Map by nearby World Capital in 90 Seconds
Oh no, the World Map is hardly visible, it has been covered with a grid of white boxes! Type a world capital to remove some. The boxes that will be removed are the ones where distance measured from their center is less than 25 when adding degrees of latitude and degrees of longitude.
Note that distance is measured after rounding coordinates to the nearest multiple of 5
Rate:
Last updated: January 7, 2017
You have not attempted this quiz yet.
More quiz info >>
| First submitted | January 7, 2017 |
| Times taken | 2,441 |
| Average score | 66.8% |
| Rating | 4.73 | Report this quiz | Report |
1:30
Enter answer here
0
/ 322 guessed
Time Used
00:00
Best Time
00:00
The quiz is paused. You have remaining.
Copied!
Scoring
You scored / = %
This beats or equals
% of test takers
also scored 100%
The average score is
Your high score is
Your fastest time is
Keep scrolling down for answers and more stats ...
|
Save Your Stats
Your Next Quiz
Can you guess the 50 most populous cities in the United States according to 2024 U.S. Census estimates?
Can you name the capitals cities of all 196 countries in the world?
Can you identify these brands based on their logos?
Click the countries whose flags are have EXACTLY two colors.
6 Comments
relessness
+1
Level 46
Jan 7, 2017
Wait how do you make it this? How do you make something not turn green when you get an answer right? Or am I missing something completely?
scambigol
+1
Level 80
Jan 7, 2017
I extracted code from this .svg file -> http://www.jetpunk.com/img2/svg/world-map-6x16.svg - quizmaster can certainly help better but I think the key is the 'styles' section at the beginning. let me know if I can be of help!
Quizmaster
+1
Level ∞
Jan 7, 2017
In your SVG file, create a class for .svg-correct. In this case, the code is .svg-correct { fill-opacity: 0 }.
relessness
+1
Level 46
Jan 8, 2017
Thanks!!
relessness
+1
Level 46
Jan 8, 2017
Wait not thanks, I put this .svg-correct {fill:#000000;} into my code under styles, and nothing happened when I previewed the quiz?
Quizzer6794
+1
Level 66
Jan 8, 2017
As far as I know, it's more complicated than that. You would have to change the fill-opacity to 0, then make black paths. Those black paths would be hidden behind the paths you use as answers to mask the green that doesn't appear. I'm clearly not good at explaining this, so hopefully the source code for this svg I made today will help. I had to repeat the {path d="..."} twice, one for the colors and the other so I can choose how you originally see it (when you guess correctly, it will look like the first instance. it will originally look like the second instance, in that example) Hopefully that helped, but as scambigol said, quizmaster can certainly help better :)
New and Popular