Fix chevron display (#6)

* Change unicode characters to svg

* Phrasing suggestion

* Apply grey fill color

---------

Co-authored-by: Zsolt Ero <zsolt.ero@gmail.com>

website/assets/style.css

@@ -251,10 +251,9 @@ code {
 }
 
 .col-lbl:before {
- content: '►';
+ /* Triangle pointing right */
+ content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="0.8em" height="0.8em" viewBox="0 0 180 180" id="U+25B6"><path d="m20,15v150l130-75" fill="%23555"/></svg>');
  margin-right: 1em;
- color: #555;
- font-size: 0.8em;
 }
 
 .col-cnt {
@@ -267,7 +266,8 @@ code {
 }
 
 .col-chk:checked ~ .col-lbl:before {
- content: '▼';
+ /* Triangle pointing down */
+ content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="0.8em" height="0.8em" viewBox="0 0 180 180" id="U+25BC"><path d="m90,150 75-130H15" fill="%23555"/></svg>');
 }
 
 hr {

website/blocks/main.md

@@ -48,7 +48,7 @@ I'll share more about the reasons in a future [blog post](https://blog.hyperknot
 
 ## How can this work? How can a one-person project offer unlimited map hosting for free?
 
-There is no technical reason why map hosting costs as much as it does today. Vector tiles are just static files. OK, serving 300 million files is not easy, but at the end of the day, they are just files.
+There is no technical reason why map hosting costs as much as it does today. Vector tiles are just static files. Sure, serving 300 million files is not easy, but at the end of the day, they are just files.
 
 Financially, the plan is to keep renting servers until they cover the bandwidth. I believe it can be self-sustainable if enough people subscribe to the support plans.
 
@@ -72,7 +72,7 @@ The [styles](https://github.com/hyperknot/openfreemap-styles) are forked and hea
 
 ## Domains
 
-`tiles.openfreemap.org` - Cloudflare proxied 
+`tiles.openfreemap.org` - Cloudflare proxied
 `direct.openfreemap.org` - direct connection, Round-Robin DNS
 
 ## Attribution