-
Notifications
You must be signed in to change notification settings - Fork 0
/
sns-projects.html
134 lines (126 loc) · 6.5 KB
/
sns-projects.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Social Media Projects</title>
<meta content="Social Media Projects" name="application-name" property="og:title" />
<meta content="Fanmade unofficial website for Yu Q. Wilson's Birthday 2024." name="description"
property="og:description" />
<meta content="nijisanji, nijisanji en, wilson, yu q wilson, birthday, wilson" name="keywords" />
<meta property="og:type" content="website" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link rel="icon" type="image/x-icon" href="assets/favicon.png" />
<link rel="stylesheet" href="style.css" />
<!-- loading fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=VT323&display=swap"
rel="stylesheet" />
<!-- loading bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbarfixedheight">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Happy Birthday Wilson!</a>
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<a class="nav-link active" aria-current="page" href="sns-projects.html">Social Media Projects</a>
<a class="nav-link" href="first-steps.html">First Steps</a>
<a class="nav-link" href="willy-worldwide.html">Willy Worldwide</a>
<a class="nav-link" href="credits.html">Credits</a>
</ul>
</div>
</div>
</nav>
<header class="text-center m-auto">
<h1 class="pagetitle">Social Media Projects</h1>
<p class="tagline">Social media is the hotbed of fandom and the home of many communities, including ours. To
reach and get as many people as possible together to celebrate Wilson’s birthday, we worked with talented
artists and fellow Wilsoneers on simple, no-fuss, and accessible projects for everyone to join in!
</p>
</header>
<main class="snswrapper container text-center">
<div class="snsrow row m-auto gx-0">
<div class="col col-auto m-auto snsimgwrap">
<img id="icondecotterimg" src="assets/icondecotter.PNG"
alt="An illustrated avatar image frame, including the words 'Wilson Day HBD 0904' as part of it." />
</div>
<div class="col col-auto snstextwrap mx-auto">
<h2 class="snstitle">IconDecotter</h2>
<p class="snstext">
To make Wilson's special day more festive, we worked with the talented <a
href="https://x.com/riritzu"><b>@riritzu</b></a> to create an adorable frame for anyone to
decorate their Twitter/X icons with!
</p>
<a class="snslink" href="https://icondecotter.jp/detail.php?id=100864">> icondecotter</a>
</div>
</div>
<div class="snsrow row m-auto gx-0">
<div class="col col-auto m-auto snsimgwrap">
<img id="aletterforyuimg" src="assets/aletterforyu.png"
alt="An illustrated letter template with Wilson and birthday-related decorations." />
</div>
<div class="col col-auto snstextwrap mx-auto">
<h2 class="snstitle">Birthday Messages</h2>
<p class="snstext">
To give everyone a chance to share their heartfelt wishes to Wilson, we worked with the equally
talented <a href="https://x.com/en_mochi_"><b>@en_mochi_</b></a> on a cute template for all
Wilsoneers to write their messages on and post under the hashtag <a
href="https://x.com/hashtag/ALetterToYu"><b>#ALetterToYu</b></a> on Twitter/X!
</p>
<a class="snslink" href="https://drive.google.com/drive/folders/1tZq5jZtavJojWba7QsBCd-EPXjy1dwoO">>
template google drive</a>
<br>
<a class="snslink" href="https://x.com/hashtag/ALetterToYu">>
view submitted letters</a>
</div>
</div>
<div class="snsrow row m-auto gx-0">
<div class="col col-auto m-auto snsimgwrap">
<img id="coffeerecipeimg" src="assets/coffeerecipe.png"
alt="An illustrated cover for the coffee recipe book." />
</div>
<div class="col col-auto snstextwrap mx-auto">
<h2 class="snstitle">Coffee Recipe Book</h2>
<p class="snstext">
Apart from our projects, we also have the pleasure of sharing a project spearheaded by fellow
Wilsoneers as well! Equal parts cookbook, birthday message compilation, and love letter to the
community (and our coffee-loving oshi), <i>Ohayu! Wilsoneer Mornings Around The World</i> is a thoughtfully
curated collection of coffee recipes from Wilsoneers in different corners of the globe. Recipes and
messages have been left largely unedited to preserve the authentic voices of all participants—and to
carry their sentiments across as faithfully as possible too.
<br><br>
(Big shoutout to project coordinators Kylie (<a href="https://x.com/celocic"><b>@celocic</b></a>),
Remy (<a href="https://x.com/wilsonpilled"><b>@wilsonpilled</b></a>), and Cuki (<a
href="https://x.com/CukiMilka"><b>@CukiMilka</b></a>)
for their hard work and for trusting us to host their project on our website!)
</p>
<a class="snslink" href="https://drive.google.com/file/d/1DokeBUaXNBflKy1ZsQigUlfJlkTfcSvr/view">>
pdf google drive</a>
</div>
</div>
<div class="chibi1">
<img src="assets/chibi1.png" alt="An illustrated chibi Wilsoneer leaping joyfully into the air.">
</div>
</main>
<!-- load jquery, popper, bootstrap -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<!-- load local js -->
<script src="script.js"></script>
</body>
</html>