Add safe border around logo

This commit is contained in:
tidwall 2020-12-12 15:30:34 -07:00
parent 5b37cb3045
commit b8ba0e2214
2 changed files with 27 additions and 2 deletions

View File

@ -2,6 +2,7 @@
<style>
.tile { stroke: #222222 }
.tile-bg { stroke: white }
.three { stroke: #60869f }
.eight { stroke: #a32121 }
.eight-eight-join { fill: #690505 }
@ -9,6 +10,7 @@
.three-three-join { fill: #244662 }
@media (prefers-color-scheme: dark) {
.tile { stroke: #ffffff }
.tile-bg { stroke: black }
.three { stroke: #60869f }
.eight { stroke: #a32121 }
.eight-eight-join { fill: #d94d53 }
@ -17,8 +19,31 @@
}
</style>
<!-- TILE BACKGROUND -->
<g>
<line x1="38.5" y1="145.5" x2="379.5" y2="145.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="209" y1="145.5" x2="209" y2="656.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="553.5" y1="145.5" x2="553.5" y2="656.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="743" y1="656.5" x2="1046" y2="656.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="743" y1="145.5" x2="743" y2="656.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="1191.5" y1="145.5" x2="1494.5" y2="145.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="1191.5" y1="401" x2="1453.5" y2="401"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="1191.5" y1="656.5" x2="1494.5" y2="656.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
<line x1="1191.5" y1="145.5" x2="1191.5" y2="656.5"
stroke-width="85" stroke-linecap="round" class="tile-bg" />
</g>
<!-- TILE -->
<g class="tile">
<g>
<line x1="38.5" y1="145.5" x2="379.5" y2="145.5"
stroke-width="76" stroke-linecap="round" class="tile" />
<line x1="209" y1="145.5" x2="209" y2="656.5"

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -1,6 +1,6 @@
<p align="center">
<a href="https://tile38.com"><img
src="/.github/images/logo.svg"
src="/.github/images/logo-auto.svg"
width="284" border="0" alt="Tile38"></a>
</p>
<p align="center">