-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathseans-retreat-attempt.html
128 lines (113 loc) · 3.67 KB
/
seans-retreat-attempt.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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<html>
<head>
<title>seanm's attempt (compare to nolamn;s ig)</title>
<meta name=description content="i hope i spelled description correctly lol"/>
<link rel="icon" type="image/png" href="favicon.png">
</head>
<bdody>
</bdody>
<body>
<h1>hekllo world</h1
>
<p>i am sean!!</p>
<form iid="wow" id=wow>
<input name="a" type=number>
<input name="b" type=number>
<div id-result id=result> </div>
<button.></button.>
<bu8tton
>
</bu8tton>
<button>
calculate!!yay
</button>
<script>
wow.onsubmit = (e) => {
e.preventDefault()
const d = new FormData(wow)
result.textContent = `herllo i am drun lk lol !! anyways a * b = ${+d.get('a')*+d.get('b')} `
}
</script>
</form>
<h2>
pride flags
</h2>
<li></li>
<style>
#pride {
& li {
color: rgba(0, 0, 0, 0.05);
display: block;
width : 500px;
height: 300px;
}
}
#pridee {
background-image: linear-gradient(to bottom, #DADADA, #DADADA 12.5%, #704B18 12.5%, #704B18 25%, #D10405 25%, #D10405 37.5%, #F38705 37.5% #F38705 50%,#F0E004 50%, #F0E004 62.5% #067C2B 62.5%, #067C2B 75%, #054FF5 75%, #054FF5 87.5%, #5A056C 87.5%, #5A056C);
}
#gay {
background-image: linear-gradient(to bottom, #438B73, #438B73 12.5%, #6ACBAC 12.5%, #6ACBAC 25%, #ADE6C5 25%, #ADE6C5 37.5%, #FFFFFF 37.5%, #FFFFFF 50%,
#87ABDD 50%, #87ABDD 62.5%, #504AC4 62.5% , #504AC4 75%, #504AC4 75%, #371E72 87.5%, #371E72);
}
#bi {
background-image: linear-gradient(to bottom, #D70071 , #D70071 40%, #9C4E97 40%, #9C4E97 60%, #0035AA 60%, #0035AA);
}
#lesb {
background-image: linear-gradient(to bottom, #D62900, #D62900 20%, #FF9B55 20%, #FF9B55 40%, #FFFFFF 40%, #FFFFFF 60%, #D462A6 60%, #D462A6 80%,
#A40062 80%, #A40062);
}
#trans , #transsex{
background-image: linear-gradient(to bottom, #60D0FA, #60D0FA 20%, #F5ACBA 20%, #F5ACBA 40%, #FFFFFF 40%, #FFFFFF 60%, #F5ACBA 60%, #F5ACBA 80%,
#60D0FA 80%, #60D0FA);
}
#ace {
background-image: linear-gradient(to bottom, #000000, #000000 25%, #A4A4A5 25%, #A4A4A5 50%, #FFFFFF 50%, #FFFFFF 75%, #810081 75%, #810081);
}
#aro {
background-image: linear-gradient(to bottom, #43A848, #43A848 20%, #A7D379 20%, #A7D379 40%, #FFFFFF 40%, #FFFFFF 60%, #A9A9A9 60%, #A9A9A9 80%,
#000000 80%, #000000);
}
#nb {
background-image: linear-gradient(to bottom, #FFF430, #FFF430 25%, #FFFFFF 25%, #FFFFFF 50%, #9C59D1 50%, #9C59D1 75%, #292929 75%, #292929);
}
#transsex {
}
#pan {
background-image: linear-gradient(to bottom, #FF1B8D, #FF1B8D 33.3%, #FFD900 33.3%, #FFD900 66.7%, #1BB3FF 66.7%, #1BB3FF );
}
</style>
<ul id="pride">
<li id="pridee">everyone!!</li>
<li id="gay">
gay
</li>
<li id="bi">
bi
</li>
<li id="lesb">
lesb (other type of gay)
</li>
<li id="trans">
trans
</li>
<li id="ace">
ace
</li>
<li id="aro">aro</li>
<li id="nb">nb</li>
<li id="transsex">transsexual</li>
<li id="pan">pan</li>''
</ul>
<h2>
countries
</h2><ul>
<script>
const flag = [...'🇦🇶'][0].codePointAt(0)
for (let i = 0; i <26;i++)
for (let j = 0; j <26;j++) {
document.write('<li>'+String.fromCodePoint(i + flag)+String.fromCodePoint(j + flag)+'</li>')
}
</script>
</ul>
</body>
</html>