-
Notifications
You must be signed in to change notification settings - Fork 0
/
2021-guild-webbie.html
271 lines (249 loc) · 11 KB
/
2021-guild-webbie.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<style>
tbody {
display: none;
}
body {
background-image: url("http://i.imgur.com/zd3JXnq.png");
background-repeat: repeat-x;
background-color: #0f0b0b;
}
h1 {
font: 20px georgia;
line-height: 24px;
font-weight: bold;
text-transform: lowercase;
font-style: italic;
}
a {
color: #7a4024;
font-weight: bold;
text-decoration: none;
font-family: georgia;
font-style: italic;
}
a:hover {
border-bottom: 2px dotted #7a4024;
}
i {
color: #7a4024;
font-weight: bold;
font-family: georgia;
}
#main {
margin: 30px auto;
width: 800px;
}
.section {
margin: 30px 0;
min-height: 300px;
width: 700px;
padding: 50px;
font: 16px arial;
line-height: 20px;
color: #a7a3a2;
background: none;
overflow: auto;
}
.section .image-content, .section .image-content-left {
width: 200px;
}
.section .text-content-right, .section .text-content-left {
line-height: 20px;
width: 450px;
}
.section .text-content-right, .section .image-content-right {
float: right;
}
.section .text-content-left, .section .image-content-left {
float: left;
}
.section .text-content-right, .section .image-content-right, .section .text-content-left, .section .image-content-left {
display: inline-block;
}
.transparent {
color: #443b30;
background-image: url("http://i.imgur.com/8zeVoNF.png");
background-repeat: repeat;
}
.emoji {
height: 12px;
}
.council-member {
width: 200px;
display: inline-block;
text-align: center;
margin-right: 45px;
}
.council-member img {
width: 100px;
}
</style>
<div id="nav-bar" style="display: none;">
<div id="nav-bar-content">
<a href="#welcome">welcome</a>
<a href="#events">sneak peeks</a>
<a href="#pros">pros</a>
<a href="#join">join</a>
<a href="#pros">pros</a>
</div>
</div>
<div id="main">
<div id="hero">
<img src="http://i.imgur.com/e9e5t1T.png">
</div>
<div class="section transparent" id="welcome">
<div class="image-content-left">
<img src="http://i.imgur.com/w3eLQgS.png">
</div>
<div class="text-content-right">
<h1>
welcome
</h1>
<p>
Mugen no Hoshi literally translates to "star of infinity", but we took liberties to define it as "infinite number of stars." It refers to how much we have to deal with on an everyday basis, which can be rough. We understand!
</p>
<p>
Thus, we hope for Mugen no Hoshi to offer as much escapism as anime or manga does!
</p>
<p>
Though we are anime/manga/gaming themed, we are chat based at our core. A lot of our conversations revolves around random topics such as discussing our favorite Christmas shows in the middle of January or lamenting over the recent advent of horribly soap opera-y teen drama adaptations.
</p>
<p>
Still unsure what it means to be in MuxHo? Take a look at <a href="#events">what we've done before</a> or <a href="#pros">what makes us awesome</a>.
</p>
</div>
</div>
<div class="section" id="events">
<img src="http://i.imgur.com/RWf5Dm9.png">
<h1>
sneak peeks
</h1>
<p>
Wondering what we have to offer? Here are some stuff we recently (and not so recently) did:
</p>
<ul>
<li>
Threw a PPT party where we had to identify whether a given name belonged to a pasta dish or a famous artist, learned some random exciting dinosaur facts, and how to best purchase Japanese merchandise.
</li>
<li>
Streamed <i>too</i> many sessions where we watched random anime, cartoons, TV shows, and just almost everything. Fun fact: we started watching anime together <a href="/~muxhoshumi">since 2015</a>!
</li>
<li>
Tried out Genshin Impact together——we made far too many attempts jumping off of cliffs and swimming to the great beyond.
</li>
<li>
Wrote love letters to our anime waifus/husbandos and voted for the one that made our heart swoon the most.
</li>
<li>
Discussed very extensively over what one of our members should get at Taco Bell.
</li>
</ul>
<h1 style="text-align: right;">...and more!</h1>
<p>
We're always open to suggestions for what to do next! And the only way to find out what our next adventure is is to <a href="#join">join us.</a> ;)
</p>
<img src="http://i.imgur.com/RWf5Dm9.png" style="float:right;">
</div>
<div class="section transparent" id="pros">
<div class="text-content-left">
<h1>
pros
</h1>
<p>
We're awesome and we'd love <i>you</i> to know why so you know exactly what kind of awesomeness you're getting into:
</p>
<ul>
<li>
We don't do sweeps. Real life happens, and neo is dying. Tralala~
</li>
<li>
Everyone is a hoshi. No need to climb up the ranks, we leave that for work or school. <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/glowing-star_1f31f.png" class="emoji"><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/glowing-star_1f31f.png" class="emoji"><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/glowing-star_1f31f.png" class="emoji">
</li>
<li>
<img src="http://images.neopets.com/neoboards/smilies/carrot.gif">. Just <img src="http://images.neopets.com/neoboards/smilies/carrot.gif"><img src="http://images.neopets.com/neoboards/smilies/carrot.gif"><img src="http://images.neopets.com/neoboards/smilies/carrot.gif">. <i>Airi (airinu) approves.</i>
</li>
<li>
The guild is run by actual nobility. <img src="http://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/twitter/259/crown_1f451.png" class="emoji">
</li>
<li>
There is an ongoing speculation that <i>Hachi (ketchup547)</i> is actually a 90 year old grandfather pretending to be a young adult. <img src="https://emoji.gg/assets/emoji/3578_sus.png" class="emoji">
</li>
<li>
Very, very WHOLESOME. <img src="https://emoji.gg/assets/emoji/9120_blobmeltsoblove.png" class="emoji"><img src="https://emoji.gg/assets/emoji/3372_Hearts.gif" class="emoji"><img src="https://emoji.gg/assets/emoji/3372_Hearts.gif" class="emoji">
</li>
<li>
We can talk about absolutely <i>anything</i>, from sharing cool facts about dinos to exchanging yummy recipes—we have it all. It's a definite cure for boredom and you'll surely be 10000000x smarter by the end of the day.
</li>
<li>
If you go on a hiatus for YEARS, the guild will still be there. Even if we have to rise from the ashes like a phoenix, we’ll always be here for you. <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/facebook/230/fire_1f525.png" class="emoji"><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/facebook/230/fire_1f525.png" class="emoji"><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/facebook/230/fire_1f525.png" class="emoji">
</li>
<li>
Our layouts are always very aesthetically pleasing. <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/facebook/230/sparkles_2728.png" class="emoji">
</li>
</ul>
</div>
<div class="image-content-right">
<img src="http://i.imgur.com/3bnvM7m.png">
</div>
</div>
<div class="section" id="join">
<div class="image-content-left">
<img src="http://images.gr-assets.com/hostedimages/1551229545ra/27122929.gif" style="width:400px;">
</div>
<div class="text-content-right" style="width:250px;">
<h1>join us</h1>
<p>
Convinced? We're <i>always</i> excited for another member to join our abode.
</p>
<p style="text-align:center">
<a href="/guilds/guild.phtml?id=4183162"><img src="http://i.imgur.com/jeF54pK.png"></a>
<a href="/guilds/guild.phtml?id=4183162"><img src="http://i.imgur.com/a1SSXmt.gif"></a>
<a href="/guilds/guild.phtml?id=4183162"><img src="http://i.imgur.com/gHPfMWN.gif"></a>
</p>
<img src="http://i.imgur.com/t4zS4hy.png">
</div>
</div>
<div class="section transparent" id="contact">
<h1>
contact
</h1>
<p>
Have any more questions? Feel free to contact these folks with any inquiries!
</p>
<div class="council">
<div class="council-member">
<img src="http://i.imgur.com/u5GSRrF.png">
<h1>
<a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=myonigiri&subject=MuxHo+Inquiry">
michelle (myonigiri)
</a>
</h1>
<p>
guild dictator, official lady, comp sci nerd
</p>
</div>
<div class="council-member">
<img src="http://i.imgur.com/dGTbrrj.png">
<h1>
<a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=bamba4life&subject=MuxHo+Inquiry">
rebecca (bamba4life)
</a>
</h1>
<p>
science nerd, travel enthusiast, indie gamer
</p>
</div>
<div class="council-member" style="margin-right: 0;">
<img src="http://media.discordapp.net/attachments/797557341171220491/807082017023590420/tumblr_3e90d9049dce8bf17ae6f3307cd8d656_e7c69e3a_400.png">
<h1>
<a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=cretaceouz&subject=MuxHo+Inquiry">
planet (cretaceouz)
</a>
</h1>
<p>
weeb, shiny hunter, princess
</p>
</div>
</div>
</div>
</div>