neale
/
woozle-scoreboard
mirror of https://github.com/nealey/woozle-scoreboard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add US flag

This commit is contained in:
Neale Pickett 2012-05-12 13:12:15 -06:00
parent 6872d1fc6c
commit 823c325e6c
4 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Flag_of_the_United_States.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1235" height="650">
<defs>
<polygon id="pt" points="-0.1624598481164531,0 0,-0.5 0.1624598481164531,0" transform="scale(0.0616)" fill="#FFF"/>
<g id="star"><use xlink:href="#pt" transform="rotate(-144)"/><use xlink:href="#pt" transform="rotate(-72)"/><use xlink:href="#pt"/><use xlink:href="#pt" transform="rotate(72)"/><use xlink:href="#pt" transform="rotate(144)"/></g>
<g id="s5"><use xlink:href="#star" x="-0.252"/><use xlink:href="#star" x="-0.126"/><use xlink:href="#star"/><use xlink:href="#star" x="0.126"/><use xlink:href="#star" x="0.252"/></g>
<g id="s6"><use xlink:href="#s5" x="-0.063"/><use xlink:href="#star" x="0.315"/></g>
<g id="x4"><use xlink:href="#s6"/><use xlink:href="#s5" y="0.054"/><use xlink:href="#s6" y="0.108"/><use xlink:href="#s5" y="0.162"/></g>
<g id="u"><use xlink:href="#x4" y="-0.216"/><use xlink:href="#x4"/><use xlink:href="#s6" y="0.216"/></g>
<rect id="stripe" width="1235" height="50" fill="#B22234"/>
</defs>
<rect width="1235" height="650" fill="#FFF"/><use xlink:href="#stripe"/><use xlink:href="#stripe" y="100"/><use xlink:href="#stripe" y="200"/><use xlink:href="#stripe" y="300"/><use xlink:href="#stripe" y="400"/><use xlink:href="#stripe" y="500"/><use xlink:href="#stripe" y="600"/><rect width="494" height="350" fill="#3C3B6E"/><use xlink:href="#u" transform="translate(247,175) scale(650)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

4
flag.html Normal file
View File

@ -0,0 +1,4 @@
<!DOCTYPE html>
<html style="background: black;"><head><title>flag</title></head>
<body><img style="max-width: 100%; max-height: 100%;" src="Flag_of_the_United_States.svg" alt="US Flag"></body>
<html>

1
index.html
View File

@ -149,6 +149,7 @@
low-power projectors or outdoor bouts</li> low-power projectors or outdoor bouts</li>
<li><a href="micro.html">Timers-only</a> if you track <li><a href="micro.html">Timers-only</a> if you track
scores some other way</li> scores some other way</li>
<li><a href="flag.html">US Flag</a> in case you need it</li>
<li>Build your own using only HTML5 and CSS</li> <li>Build your own using only HTML5 and CSS</li>
</ul> </ul>

1
scoreboard.css
View File

@ -32,6 +32,7 @@
} }
#timeouts-a, #timeouts-b { #timeouts-a, #timeouts-b {
font-size: 50%; font-size: 50%;
color: fuchsia;
} }
#timeouts-a, #jammer-a { #timeouts-a, #jammer-a {
float: left; float: left;