-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexb.html
63 lines (61 loc) · 3.19 KB
/
indexb.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
<!-- https://bkimmel.github.io/ -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Brigandry</title>
<meta name="description" content="Brigandry">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/mainb.css">
<script src="scripts/b.js"></script>
</head>
<body>
<svg viewbox="0 0 100 100">
<title xml:lang="en">Brigandry</title>
<defs>
<pattern id="poplar" width="1" height="1" patternContentUnits="objectBoundingBox">
<rect x="0" y="0" width="1.0" height=".61" fill="hsla(119,80%,40%,.7)" />
<rect x="0" y=".59" width="1.0" height=".6" fill="hsla(54,90%,55%,1)" />
<polygon points="0,.63 0,.7 .5,.70 1,.7 1,.63 .5,.50" shape-rendering="geometricPrecision" fill="hsla(24,90%,55%,1)" />
</pattern>
</defs>
<text x="50" y="50" text-anchor="middle" text-rendering="optimizeLegibility"><tspan>B</tspan><tspan>r</tspan><tspan>i</tspan><tspan>g</tspan><tspan>a</tspan><tspan>n</tspan><tspan>d</tspan><tspan>r</tspan><tspan>y</tspan></text>
<rect x="50" y="60" width="50" height="20" fill="url(#poplar)" stroke="black" stroke-width="1"/>
</svg>
<svg class="two" viewbox="0 0 100 100">
<title xml:lang="en">Order</title>
<defs>
<pattern id="poplar2" width="1" height="1" patternContentUnits="objectBoundingBox">
<rect x="0" y="0" width="1.0" height=".55" fill="hsla(119,80%,40%,.7)" />
<rect x="0" y=".61" width="1.0" height=".6" fill="hsla(54,90%,55%,1)" />
</pattern>
</defs>
<text x="50" y="70" text-anchor="middle" text-rendering="optimizeLegibility"><tspan>Order</tspan></text>
<circle cx="50" cy="18" r="10" fill="url(#poplar2)" />
<circle cx="50" cy="18" r="12" fill="transparent" stroke="url(#poplar)" />
</svg>
<svg class="three" viewbox="0 0 100 100">
<title xml:lang="en">Verdana</title>
<defs>
<linearGradient id="acq" x1="0" y1="0" x2="1" y2=".5" >
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="1" offset="0%"/>
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="1" offset="20%"/>
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="0" offset="60%"/>
</linearGradient>
<linearGradient id="acq2" x1="0" y1="0" x2="1" y2="1" >
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="1" offset="0%"/>
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="1" offset="39%"/>
<stop stop-color="hsla(119,80%,40%,.7)" stop-opacity="1" offset="40%"/>
<stop stop-color="hsla(119,80%,40%,.7)" stop-opacity="1" offset="80%"/>
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="1" offset="81%"/>
<stop stop-color="hsla(54,90%,55%,1)" stop-opacity="1" offset="100%"/>
</linearGradient>
<pattern id="userpattern" x="-30" width="170" height="100" patternUnits="userSpaceOnUse" viewBox="0 0 1 1" preserveAspectRatio="xMidYMid slice">
<rect x="0" y="0" width="1" height="1" fill="url(#acq2)" />
<rect x="0" y=".41" width="1" height=".6" fill="url(#acq)" />
</pattern>
</defs>
<text x="50" y="50" text-anchor="middle" text-rendering="optimizeLegibility"><tspan>Acquiesce</tspan></text>
</svg>
</body>
</html>