-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
265 lines (244 loc) · 21.2 KB
/
index.html
File metadata and controls
265 lines (244 loc) · 21.2 KB
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
<!DOCTYPE html>
<html>
<head>
<title>smsrt website</title>
<link rel="stylesheet" type="text/css" media="screen and (max-device-width : 1100px)" href="mobile.css">
<link rel="stylesheet" type="text/css" media="screen and (min-device-width : 1100px)" href="style.css">
<link rel="icon" type="image/x-icon" href="src/favicon.ico">
</head>
<body>
<div class="slide top" data-0="transform:translate(0,0%);transform:scale(1);opacity:1" data-100p="transform:translate(0,0%);transform:scale(2);opacity:1" data-140p="opacity:0;" data-200p="transform:translate(0,-100%);transform:scale(2)">
<div class="container" data-200p="opacity:1" data-300p="opacity:0">
<div class="child">
<h1 class="front_text smsrt_title" data-0p="opacity:1" data-35p="" data-50p="opacity:0">smsrt</h1>
<h1 class="front_text" data-40p="opacity:0" data-60p="opacity:1" data-85p="" data-100p="opacity:0">Persistent perfection. </h1>
</div>
</div>
<div class="wall"></div>
<div class="desk"></div>
<div class="window" id="window" data-0p="transform:translate(0%,0%)" data-80p="transform:translate(150%,-150%)"></div>
<div class="desktop" data-0p="transform:translate(0%,0)" data-80p="transform:translate(150%,0)">
<div class="circle"></div>
</div>
<div class="desktop2" data-0p="transform:translate(0%,0)" data-80p="transform:translate(-150%,0)">
<div class="circle"></div>
</div>
<div class="clock" data-0p="transform:translate(0%,0%)" data-80p="transform:translate(-150%,-150%)">
<h1 class="weekday" id="weekday"></h1>
<h1 class="hour" id="hour">00</h1>
<h1 class="mid">:</h1>
<h1 class="minute" id="min">00</h1>
</div>
</div>
<div class="slide" data-100p="transform:translate(0,100%); opacity:0.3" data-200p="transform:translate(0,0%);opacity:1" data-300p="transform:translate(0,-100%);opacity:0.3">
<div style="width: 100%;height: 10%;">
<h1 style="margin-top:5%;margin-left: 5%;" data-140p="opacity:0;transform:translate(0,-200%)" data-180p="opacity:1;transform:translate(0,0%)">Quick numbers</h1>
<h3 style="color: #424242;font-weight: 300; margin-bottom: 2%;margin-left: 5%;" data-135p="opacity:0;transform:translate(0,-200%)" data-175p="opacity:1;transform:translate(0,0%)">Some statistics about us</h3>
</div>
<div class="home_1">
<div class="home_box">
<h3 style="font-weight: 300;" data-140p="transform:translate(-100%,0)" data-160p="transform:translate(0%,0)"><strong class="home_text">6</strong> members</h3>
<div style="background-color: red;width: 0%; height:3px" data-140p="width:0%" data-160p="width:60%"></div>
</div>
<div class="home_box">
<h3 style="font-weight: 300;" data-150p="transform:translate(-100%,0)" data-170p="transform:translate(0%,0)"><strong class="home_text">7</strong> active projects</h3>
<div style="background-color: red;width: 0%; height:3px" data-150p="width:0%" data-170p="width:60%"></div>
</div>
<div class="home_box">
<h3 style="font-weight: 300;" data-160p="transform:translate(-100%,0)" data-180p="transform:translate(0%,0)"><strong class="home_text">15</strong> total projects</h3>
<div style="background-color: red;width: 0%; height:3px" data-160p="width:0%" data-180p="width:60%"></div>
</div>
<div class="home_box">
<h3 style="font-weight: 300;" data-170p="transform:translate(-100%,0)" data-190p="transform:translate(0%,0)"><strong class="home_text">7</strong> competitions</h3>
<div style="background-color: red;width: 0%; height:3px" data-170p="width:0%" data-190p="width:60%"></div>
</div>
</div>
<div class="home_2">
<img id="img2" src="src/draw2.png" data-140p="transform:translate(100%,0);opacity:0" data-170p="transform:translate(0%,0);opacity:1">
</div>
</div>
<div class="slide" style="background-color: white" data-200p="transform:translate(0,100%); opacity:0.3" data-300p="transform:translate(0,0%);opacity:1" data-_box-400p="transform:translate(0,-100%);opacity:0.3">
<div style="width: 100%;height: 10%;">
<h1 style="margin-top:5%; text-align:center" data-_box-200p="opacity:0" data-_box-210p="" data-_box-225p="opacity:0.75" data-_box-330p="opacity:1">About us</h1>
<h3 style="text-align:center ;color: #424242;font-weight: 300; margin-bottom: 2%;" data-_box-200p="opacity:0" data-_box-213p="" data-_box-228p="opacity:0.75" data-_box-333p="opacity:1">Learn more about the team</h3>
</div>
<div class="intro_box intro_left_1" data-_box-230p="transform:translate(0,100%);opacity:0" data-_box-260p="transform:translate(0,0%);opacity: 1;">
<div style="width: 40%; height: 100%; float:left;">
<img src="https://avatars.githubusercontent.com/u/60064620?v=4">
</div>
<div style="width: 55%; height: 100%; float:right; margin-left:3%; margin-top: 3%;">
<h1 style="font-weight: 700;">Wiley Lau</h1>
<h5 style="font-weight: 400;">Designer</h5>
<a href='https://github.com/rain2wood/'>
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.3333 19V17.137C14.3583 16.8275 14.3154 16.5163 14.2073 16.2242C14.0993 15.9321 13.9286 15.6657 13.7067 15.4428C15.8 15.2156 18 14.4431 18 10.8989C17.9998 9.99256 17.6418 9.12101 17 8.46461C17.3039 7.67171 17.2824 6.79528 16.94 6.01739C16.94 6.01739 16.1533 5.7902 14.3333 6.97811C12.8053 6.57488 11.1947 6.57488 9.66666 6.97811C7.84666 5.7902 7.05999 6.01739 7.05999 6.01739C6.71757 6.79528 6.69609 7.67171 6.99999 8.46461C6.35341 9.12588 5.99501 10.0053 5.99999 10.9183C5.99999 14.4366 8.19999 15.2091 10.2933 15.4622C10.074 15.6829 9.90483 15.9461 9.79686 16.2347C9.68889 16.5232 9.64453 16.8306 9.66666 17.137V19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.66667 17.7018C7.66667 18.3335 6 17.7018 5 15.7544" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">rain2wood
</h6>
<div style="height: 0.1%;width: 100%;"></div>
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 8L5 12.5L9.5 14M18 8L9.5 14M18 8L14 18.5L9.5 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">Kirin
</h6>
</a>
</div>
</div>
<div class="intro_box intro_right" data-_box-240p="transform:translate(0,100%);opacity:0" data-_box-270p="transform:translate(0,0%);opacity:1">
<div style="width: 40%; height: 100%; float:left;">
<img src="https://avatars.githubusercontent.com/u/86507779?v=4">
</div>
<div style="width: 55%; height: 100%; float:right; margin-left:3%; margin-top: 3%;">
<h1 style="font-weight: 700;">Roxco To</h1>
<h5 style="font-weight: 400;">Big noob Programmer</h5>
<a href="https://github.com/kotnid">
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.3333 19V17.137C14.3583 16.8275 14.3154 16.5163 14.2073 16.2242C14.0993 15.9321 13.9286 15.6657 13.7067 15.4428C15.8 15.2156 18 14.4431 18 10.8989C17.9998 9.99256 17.6418 9.12101 17 8.46461C17.3039 7.67171 17.2824 6.79528 16.94 6.01739C16.94 6.01739 16.1533 5.7902 14.3333 6.97811C12.8053 6.57488 11.1947 6.57488 9.66666 6.97811C7.84666 5.7902 7.05999 6.01739 7.05999 6.01739C6.71757 6.79528 6.69609 7.67171 6.99999 8.46461C6.35341 9.12588 5.99501 10.0053 5.99999 10.9183C5.99999 14.4366 8.19999 15.2091 10.2933 15.4622C10.074 15.6829 9.90483 15.9461 9.79686 16.2347C9.68889 16.5232 9.64453 16.8306 9.66666 17.137V19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.66667 17.7018C7.66667 18.3335 6 17.7018 5 15.7544" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">kotnid</h6>
</a>
<div style="height: 0.1%;width: 100%;"></div>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 8L5 12.5L9.5 14M18 8L9.5 14M18 8L14 18.5L9.5 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">@tkt0506</h6>
</a>
<p style="color:#F5F5F7">I love k-on :D</p>
</div>
</div>
<div class="intro_box intro_left" data-_box-250p="transform:translate(0,100%);opacity:0" data-_box-280p="transform:translate(0,0%);opacity:1">
<div style="width: 40%; height: 100%; float:left;">
<img src="src/left_icon.jpg">
</div>
<div style="width: 55%; height: 100%; float:right; margin-left:3%; margin-top: 3%;">
<h1 style="font-weight: 700;">Matthew Chor</h1>
<h5 style="font-weight: 400;">Programmer</h5>
<a href="https://github.com/CCN0807">
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.3333 19V17.137C14.3583 16.8275 14.3154 16.5163 14.2073 16.2242C14.0993 15.9321 13.9286 15.6657 13.7067 15.4428C15.8 15.2156 18 14.4431 18 10.8989C17.9998 9.99256 17.6418 9.12101 17 8.46461C17.3039 7.67171 17.2824 6.79528 16.94 6.01739C16.94 6.01739 16.1533 5.7902 14.3333 6.97811C12.8053 6.57488 11.1947 6.57488 9.66666 6.97811C7.84666 5.7902 7.05999 6.01739 7.05999 6.01739C6.71757 6.79528 6.69609 7.67171 6.99999 8.46461C6.35341 9.12588 5.99501 10.0053 5.99999 10.9183C5.99999 14.4366 8.19999 15.2091 10.2933 15.4622C10.074 15.6829 9.90483 15.9461 9.79686 16.2347C9.68889 16.5232 9.64453 16.8306 9.66666 17.137V19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.66667 17.7018C7.66667 18.3335 6 17.7018 5 15.7544" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">CCN0807</h6>
</a>
</div>
</div>
<div class="intro_box intro_right" data-_box-260p="transform:translate(0,100%);opacity:0" data-_box-290p="transform:translate(0,0%);opacity:1">
<div style="width: 40%; height: 100%; float:left;">
<img src="src/pig_icon.jpeg">
</div>
<div style="width: 55%; height: 100%; float:right; margin-left:3%; margin-top: 3%;">
<h1 style="font-weight: 700;">Markus Lee</h1>
<h5 style="font-weight: 400;">The hardware guy</h5>
<a href="https://t.me/gundammeister874">
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 8L5 12.5L9.5 14M18 8L9.5 14M18 8L14 18.5L9.5 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">@gundammeister874</h6>
<p style="color:#F5F5F7">saber is my waifu</p>
</a>
</div>
</div>
<div class="intro_box intro_left" data-_box-270p="transform:translate(0,100%);opacity:0" data-_box-300p="transform:translate(0,0%);opacity:1">
<div style="width: 40%; height: 100%; float:left;">
<img src="src/jy_icon.jpeg">
</div>
<div style="width: 55%; height: 100%; float:right; margin-left:3%; margin-top: 3%;">
<h1 style="font-weight: 700;">Mark Cheung</h1>
<h5 style="font-weight: 400;">The idea brainstormer</h5>
<svg style="display:inline-block;vertical-align: text-bottom;" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 8L5 12.5L9.5 14M18 8L9.5 14M18 8L14 18.5L9.5 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h6 class="intro_text">jy4</h6>
</div>
</div>
</div>
<div class="slide" style="background-color:#EDF7EE;"data-_box-300p="transform:translate(0%,100%); opacity:0.5" data-_box-400p="transform:translate(0%,0%);opacity:1">
<h1 style="margin-top:5%; text-align:center" data-_box-300p="opacity:0" data-_box-310p="" data-_box-325p="opacity:0.75" data-_box-330p="opacity:1">Useful links</h1>
<h3 style="text-align:center ;color: #424242;font-weight: 300; margin-bottom: 5%;" data-_box-300p="opacity:0" data-_box-313p="" data-_box-328p="opacity:0.75" data-_box-333p="opacity:1">Get to know more , I guess</h3>
<div class="link_container" data-_box-400p="transform:translate(0%,0%)" data-_box-500p="transform:translate(-55%,0%)" style="height: 70%;">
<div class="link_box">
<div class="header">
<h1 style="font-weight: 700;">Website source </h1>
<h5 style="font-weight: 300;">Check out the code</h5>
</div>
<div class="content">
<a href="https://github.com/SMSOSS/smsrt_website">
<svg width="70%" height="70%" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5 6L10 18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.5 8.5L3 12L6.5 15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5 8.5L21 12L17.5 15.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
<div class="link_box">
<div class="header">
<h1 style="font-weight: 700;">Github organization</h1>
<h5 style="font-weight: 300;">Take a look on other projects</h5>
</div>
<div class="content">
<a href="https://github.com/SMSOSS">
<svg width="70%" height="70%" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 22.0268V19.1568C16.0375 18.68 15.9731 18.2006 15.811 17.7506C15.6489 17.3006 15.3929 16.8902 15.06 16.5468C18.2 16.1968 21.5 15.0068 21.5 9.54679C21.4997 8.15062 20.9627 6.80799 20 5.79679C20.4558 4.5753 20.4236 3.22514 19.91 2.02679C19.91 2.02679 18.73 1.67679 16 3.50679C13.708 2.88561 11.292 2.88561 8.99999 3.50679C6.26999 1.67679 5.08999 2.02679 5.08999 2.02679C4.57636 3.22514 4.54413 4.5753 4.99999 5.79679C4.03011 6.81549 3.49251 8.17026 3.49999 9.57679C3.49999 14.9968 6.79998 16.1868 9.93998 16.5768C9.61098 16.9168 9.35725 17.3222 9.19529 17.7667C9.03334 18.2112 8.96679 18.6849 8.99999 19.1568V22.0268" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 20.0267C6 20.9999 3.5 20.0267 2 17.0267" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
<div class="link_box">
<div class="header">
<h1 style="font-weight: 700;">Discord server</h1>
<h5 style="font-weight: 300;">Join the server and chat with computer club members</h5>
</div>
<div class="content">
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">
<svg width="70%" height="70%" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 12H12M15 12H12M12 12V9M12 12V15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
<div class="link_box">
<div class="header">
<h1 style="font-weight: 700;">Get in touch</h1>
<h5 style="font-weight: 300;">Contact us !</h5>
</div>
<div class="content">
<a href="">
<svg width="70%" height="70%" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 9L12 12.5L17 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2 17V7C2 5.89543 2.89543 5 4 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="slide" style="background-color: white" data-_box-500p="transform:translate(0,100%);" data-_box-550p="transform:translate(0,0%);">
<div style="margin-top: 20%;">
<h1 style="text-align: center;font-weight: 300;margin-bottom: 1%;" data-_box-505p="opacity:0" data-_box-525p="opacity:1">The website is created by</h1>
<h1 style="text-align: center;font-weight: 700;" data-_box-515p="opacity:0;transform:translate(0,300%)" data-_box-535p="opacity:1;transform:translate(0,0%)">kotnid</h1>
<h3 style="text-align: center;font-weight: 300;"><a href="#top">back to top</a></h3>
</div>
</div>
<!--
<div class="slide" style="background: darkcyan;" data-_box-400p="transform:translate(0,100%);" data-_box-450p="transform:translate(0,0%);">
<div id="img" data-_box-450p="background-size:200% auto;" data-650p="background-size:100% auto ;"></div>
<h1>Made by </h1>and also everyone late(0,1000%)" data-_box-460p="transform:translate(0,0%)"><h1>kotnid</h1>
</div>
-->
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>