-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathScreens.html
98 lines (82 loc) · 5.23 KB
/
Screens.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Guide To Screen Sizes</title>
<style>
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Droid Sans Mono', monospace;
font-size: 64px;
}
</style>
</head>
<body>
<div style="display: flex; justify-content: center;">
<svg width="100%" viewBox="-2 -2 8000 5000">
<line x1="0" y1="0" x2="16000" y2="9000" stroke="#204A87" />
<!-- <line x1="0" y1="0" x2="16000" y2="10000" stroke="#5C3566" />
<line x1="0" y1="0" x2="4000" y2="3000" stroke="#EF2929" />
<line x1="0" y1="0" x2="5000" y2="4000" stroke="#C4A000" />
<line x1="0" y1="0" x2="16000" y2="16000" stroke="#999" /> -->
<svg x="0" y="0" width="1159" height="652" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">13.3" Laptop</text>
</svg>
<svg x="0" y="0" width="1360" height="765" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">15.6" Laptop</text>
</svg>
<svg x="0" y="0" width="1874" height="1054" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">21.5" Monitor</text>
</svg>
<svg x="0" y="0" width="2057" height="1157" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">24" Monitor</text>
</svg>
<svg x="0" y="0" width="2353" height="1324" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">27" Monitor</text>
</svg>
<svg x="0" y="0" width="2789" height="1569" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">32" Monitor</text>
</svg>
<svg x="0" y="0" width="3486" height="1961" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">40" TV</text>
</svg>
<svg x="0" y="0" width="3748" height="2108" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">43" TV</text>
</svg>
<svg x="0" y="0" width="4227" height="2378" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">48.5" TV</text>
</svg>
<svg x="0" y="0" width="4794" height="2696" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">55" TV</text>
</svg>
<svg x="0" y="0" width="5665" height="3187" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">65" TV</text>
</svg>
<svg x="0" y="0" width="6537" height="3677" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">75" TV</text>
</svg>
<svg x="0" y="0" width="7408" height="4167" overflow="visible">
<rect width="100%" height="100%" fill="none" stroke="#204A87" stroke-width="1" />
<text x="70%" y="100%" dominant-baseline="auto" transform="translate(0 -15)" fill="#204A87" text-anchor="middle">85" TV</text>
</svg>
</svg>
</div>
<a href="index.html">MY OTHER STUFF</a>
</body>
</html>