forked from rpitv/rpits
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsvg_score.html
107 lines (90 loc) · 7.24 KB
/
svg_score.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<svg width="1920" height="1080" viewBox="0 0 1920 1080" version="1.1">
<style type="text/css">
text{
stroke-linejoin:round;
}
</style>
<defs>
<linearGradient id="default-shade" x1="50%" x2="50%" y1="0%" y2="100%">
<stop stop-color="#FFFFFF" stop-opacity=".4" offset="0%" />
<stop stop-color="#FFFFFF" stop-opacity="0" offset="50%" />
<stop stop-color="#000000" stop-opacity=".4" offset="50.001%" />
<stop stop-color="#000000" stop-opacity="0" offset="75%" />
<stop stop-color="#000000" stop-opacity=".4" offset="100%" />
</linearGradient>
<linearGradient id="light-shade" x1="50%" x2="50%" y1="0%" y2="100%">
<stop stop-color="#FFFFFF" stop-opacity=".4" offset="0%" />
<stop stop-color="#FFFFFF" stop-opacity="0" offset="50%" />
<stop stop-color="#000000" stop-opacity=".2" offset="50.001%" />
<stop stop-color="#000000" stop-opacity="0" offset="75%" />
<stop stop-color="#000000" stop-opacity=".2" offset="100%" />
</linearGradient>
<filter id="drop-shadow" x="-50%" y="-50%" width="200%" height="200%">
<feOffset result="offOut" in="SourceAlpha" dx="7" dy="7"/>
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="9"/>
<feMerge>
<feMergeNode in="blurOut" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="drop-shadow-text" x="-50%" y="-50%" width="200%" height="200%">
<feOffset result="offOut" in="SourceAlpha" dx="6" dy="6"/>
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="4"/>
<feMerge>
<feMergeNode in="blurOut" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<path d="M 660 680 h 600 v 80 h -600 Z" fill="black" filter="url(#drop-shadow)"/>
<path name="AwayTeamColor" d="M 661.5 681.5 h 597 v 77 h -597 Z" stroke="white" stroke-width="3" fill="rgb(51,102,51)"/>
<path d="M 658.5 678.5 h 603 v 83 h -603 Z" stroke="black" stroke-width="3" fill="url(#default-shade)" />
<path d="M 660 820 h 600 v 80 h -600 Z" fill="black" filter="url(#drop-shadow)"/>
<path name="HomeTeamColor" d="M 661.5 821.5 h 597 v 77 h -597 Z" stroke="white" stroke-width="3" fill="rgb(220,0,0)" />
<path d="M 658.5 818.5 h 603 v 83 h -603 Z" stroke="black" stroke-width="3" fill="url(#default-shade)" />
<path d="M 1260 660 h 140 l -60 120 h -140 Z" fill="black" filter="url(#drop-shadow)" />
<path d="M 1260 660 h 140 l -60 120 h -140 Z" stroke="black" stroke-width="9" fill="none" />
<path d="M 1260 660 h 140 l -60 120 h -140 Z" fill="rgb(51,51,51)" />
<path d="M 1260 660 h 140 l -60 120 h -140 Z" fill="url(#default-shade)" />
<path d="M 1260 660 h 140 l -60 120 h -140 Z" stroke="white" fill="none" stroke-width="3" />
<path d="M 1260 660 h 140 l -60 120 h -140 Z" stroke="url(#default-shade)" fill="none" stroke-width="3" />
<path d="M 580 660 h 140 l -60 120 h -140 Z" fill="black" filter="url(#drop-shadow)" />
<path d="M 580 660 h 140 l -60 120 h -140 Z" stroke="black" stroke-width="9" fill="black" />
<path d="M 580 660 h 140 l -60 120 h -140 Z" fill="rgb(221,221,221)" />
<path d="M 580 660 h 140 l -60 120 h -140 Z" fill="url(#light-shade)" />
<path d="M 580 660 h 140 l -60 120 h -140 Z" stroke="white" fill="none" stroke-width="3" />
<path d="M 580 660 h 140 l -60 120 h -140 Z" stroke="url(#default-shade)" fill="none" stroke-width="3" />
<path d="M 1260 800 h 140 l -60 120 h -140 Z" fill="black" filter="url(#drop-shadow)" />
<path d="M 1260 800 h 140 l -60 120 h -140 Z" stroke="black" stroke-width="9" fill="black" />
<path d="M 1260 800 h 140 l -60 120 h -140 Z" fill="rgb(51,51,51)" />
<path d="M 1260 800 h 140 l -60 120 h -140 Z" fill="url(#default-shade)" />
<path d="M 1260 800 h 140 l -60 120 h -140 Z" stroke="white" fill="none" stroke-width="3" />
<path d="M 1260 800 h 140 l -60 120 h -140 Z" stroke="url(#default-shade)" fill="none" stroke-width="3" />
<path d="M 580 800 h 140 l -60 120 h -140 Z" fill="black" filter="url(#drop-shadow)" />
<path d="M 580 800 h 140 l -60 120 h -140 Z" stroke="black" stroke-width="9" fill="black" />
<path d="M 580 800 h 140 l -60 120 h -140 Z" fill="rgb(221,221,221)" />
<path d="M 580 800 h 140 l -60 120 h -140 Z" fill="url(#light-shade)" />
<path d="M 580 800 h 140 l -60 120 h -140 Z" stroke="white" fill="none" stroke-width="3" />
<path d="M 580 800 h 140 l -60 120 h -140 Z" stroke="url(#default-shade)" fill="none" stroke-width="3" />
<path d="M 710 940 h 440 l -30 60 h -440 Z" fill="black" filter="url(#drop-shadow)" />
<path d="M 710 940 h 440 l -30 60 h -440 Z" stroke="black" stroke-width="9" fill="black" />
<path d="M 710 940 h 440 l -30 60 h -440 Z" fill="rgb(51,51,51)" />
<path d="M 710 940 h 440 l -30 60 h -440 Z" fill="url(#default-shade)" />
<path d="M 710 940 h 440 l -30 60 h -440 Z" stroke="white" fill="none" stroke-width="3" />
<path d="M 710 940 h 440 l -30 60 h -440 Z" stroke="url(#default-shade)" fill="none" stroke-width="3" />
<text x="720" y="880" name="HomeTeamName" font-family="Gotham Bold" font-size="60" fill="black" filter="url(#drop-shadow-text)">RPI</text>
<text x="720" y="880" name="HomeTeamName" font-family="Gotham Bold" font-size="60" fill="white" stroke="black" stroke-width="6">RPI</text>
<text x="720" y="880" name="HomeTeamName" font-family="Gotham Bold" font-size="60" fill="white" >RPI</text>
<text x="720" y="740" name="AwayTeamName" font-family="Gotham Bold" font-size="60" fill="black" filter="url(#drop-shadow-text)">DARTMOUTH</text>
<text x="720" y="740" name="AwayTeamName" font-family="Gotham Bold" font-size="60" fill="white" stroke="black" stroke-width="6">DARTMOUTH</text>
<text x="720" y="740" name="AwayTeamName" font-family="Gotham Bold" font-size="60" fill="white" >DARTMOUTH</text>
<text x="1300" y="895" name="HomeTeamScore" font-family="Gotham Bold" font-size="100" fill="black" filter="url(#drop-shadow-text)" text-anchor="middle">2</text>
<text x="1300" y="895" name="HomeTeamScore" font-family="Gotham Bold" font-size="100" fill="white" stroke="black" stroke-width="8" text-anchor="middle">2</text>
<text x="1300" y="895" name="HomeTeamScore" font-family="Gotham Bold" font-size="100" fill="white" text-anchor="middle">2</text>
<text x="1300" y="755" name="AwayTeamScore" font-family="Gotham Bold" font-size="100" fill="black" filter="url(#drop-shadow-text)" text-anchor="middle">0</text>
<text x="1300" y="755" name="AwayTeamScore" font-family="Gotham Bold" font-size="100" fill="white" stroke="black" stroke-width="8" text-anchor="middle">0</text>
<text x="1300" y="755" name="AwayTeamScore" font-family="Gotham Bold" font-size="100" fill="white" text-anchor="middle">0</text>
<text x="915" y="982" name="AwayTeamName" font-family="Gotham Bold" font-size="38" fill="black" filter="url(#drop-shadow-text)" text-anchor="middle">End of 1st Period</text>
<text x="915" y="982" name="AwayTeamName" font-family="Gotham Bold" font-size="38" fill="white" stroke="black" stroke-width="6" text-anchor="middle">End of 1st Period</text>
<text x="915" y="982" name="AwayTeamName" font-family="Gotham Bold" font-size="38" fill="white" text-anchor="middle">End of 1st Period</text>
</svg>