|
17 | 17 | const range = (n: number) => |
18 | 18 | Array.from({ length: n }, (_, index) => -Math.floor(n / 2) + index) |
19 | 19 |
|
20 | | - const downScroll = () => first.scrollIntoView({ behavior: "smooth" }) |
21 | | - const upScroll = () => top.scrollIntoView({ behavior: "smooth" }) |
22 | 20 | const columns = range(37) |
23 | 21 | const rows = range(19) |
24 | 22 |
|
| 23 | + const downScroll = () => first.scrollIntoView({ behavior: "smooth" }) |
| 24 | + const upScroll = () => top.scrollIntoView({ behavior: "smooth" }) |
| 25 | +
|
25 | 26 | let cubesMoved = 0 |
26 | 27 | let cubesClicked = 0 |
27 | 28 | let completed = $state(false) |
|
44 | 45 | <Head |
45 | 46 | name={data.siteName} |
46 | 47 | title="About" |
47 | | - description="About Mercury: Endless possibilities. New features. Same nostalgia." /> |
| 48 | + description="About {data.siteName}: Endless possibilities. New features. Same nostalgia." /> |
48 | 49 |
|
49 | 50 | <svelte:window bind:scrollY /> |
50 | 51 |
|
|
66 | 67 | <div |
67 | 68 | out:fade |
68 | 69 | class="pointer-events-none flex flex-col justify-center items-center relative h-70vh"> |
69 | | - <h1 class="text-16 font-bold">Mercury 2</h1> |
| 70 | + <h1 class="text-16 font-bold">{data.siteName}</h1> |
70 | 71 | <p>Endless possibilities. New features. Same nostalgia.</p> |
71 | 72 | <h3 |
72 | 73 | class="p-3 py-1 rounded-2 font-bold text-lg! bg-neutral-5 opacity-75"> |
|
80 | 81 | {#if completed} |
81 | 82 | <h1 |
82 | 83 | in:fade |
83 | | - class="sf font-bold pointer-events-none text-white opacity-75"> |
| 84 | + class="font-bold pointer-events-none text-white opacity-75"> |
84 | 85 | lmao% |
85 | 86 | </h1> |
86 | 87 | {:else} |
87 | 88 | <h1 |
88 | 89 | in:fade |
89 | | - class="sf font-bold pointer-events-none text-white opacity-75"> |
| 90 | + class="font-bold pointer-events-none text-white opacity-75"> |
90 | 91 | {cubePercentage}% |
91 | 92 | </h1> |
92 | 93 | {#if cubePercentage2 > 0} |
93 | 94 | <h1 |
94 | 95 | in:fade |
95 | | - class="sf font-bold pointer-events-none text-red-5 opacity-75"> |
| 96 | + class="font-bold pointer-events-none text-red-5 opacity-75"> |
96 | 97 | {cubePercentage2}% |
97 | 98 | </h1> |
98 | 99 | {/if} |
99 | 100 | {#if cubePercentage >= 60 && cubePercentage < 80} |
100 | 101 | <h3 |
101 | | - class="sf font-bold pointer-events-none text-white opacity-75"> |
| 102 | + class="font-bold pointer-events-none text-white opacity-75"> |
102 | 103 | zoom out |
103 | 104 | </h3> |
104 | 105 | {:else if cubePercentage === 100 && cubePercentage2 < 2} |
105 | 106 | <h3 |
106 | | - class="sf font-bold pointer-events-none text-red-5 opacity-75"> |
| 107 | + class="font-bold pointer-events-none text-red-5 opacity-75"> |
107 | 108 | click the cubes |
108 | 109 | </h3> |
109 | 110 | {/if} |
|
139 | 140 | <h2>A refurbished experience</h2> |
140 | 141 | <h3>New features.</h3> |
141 | 142 | <p> |
142 | | - Mercury aims to be the foremost platform of its kind, and the |
143 | | - Mercury website plays a prominent part in this. After years of |
144 | | - testing, tinkering, and tweaking, we've landed on a stack that |
145 | | - combines rock-solid stability with a flexible foundation for the |
146 | | - future. |
| 143 | + {data.siteName} aims to be the foremost platform of its kind, and |
| 144 | + the {data.siteName} website plays a prominent part in this. After |
| 145 | + years of testing, tinkering, and tweaking, we've landed on a stack |
| 146 | + that combines rock-solid stability with a flexible foundation for |
| 147 | + the future. |
147 | 148 | </p> |
148 | 149 | <h3>Limitless possibilities.</h3> |
149 | 150 | <p> |
150 | | - Mercury provides everything you would expect from a modern |
| 151 | + {data.siteName} provides everything you would expect from a modern |
151 | 152 | revival platform and then some: |
152 | 153 | </p> |
153 | 154 | <ul> |
|
156 | 157 | <li>A vast variety of places and games to explore</li> |
157 | 158 | <li> |
158 | 159 | And communication features that help foster a sense of |
159 | | - connection and community within Mercury. |
| 160 | + connection and community within {data.siteName}. |
160 | 161 | </li> |
161 | 162 | </ul> |
162 | 163 | <h3>Same nostalgia.</h3> |
163 | 164 | <p> |
164 | | - Mercury still uses the exact same client as the previous |
| 165 | + {data.siteName} still uses the exact same client as the previous |
165 | 166 | iteration. Our philosophy when it comes to our client is to make |
166 | | - sure that it is accurately represented. The end-goal with our |
167 | | - client is to implement every feature that it originally had. |
| 167 | + sure that it is accurately represented. The end-goal with our client |
| 168 | + is to implement every feature that it originally had. |
168 | 169 | </p> |
169 | 170 | </div> |
170 | 171 | <div class="w-full h-80 min-w-[min(40vw,40rem)] <lg:pt-50 relative"> |
|
189 | 190 | </p> |
190 | 191 | <h3>Vulnerability management</h3> |
191 | 192 | <p> |
192 | | - Careful technology choices ensure that Mercury isn't vulnerable |
193 | | - to the same attacks that plague similar platforms. We're |
194 | | - constantly monitoring and updating our systems to ensure that |
195 | | - users are safe – and a streamlined reporting system allows |
196 | | - us to respond to any security concerns quickly and effectively. |
| 193 | + Careful technology choices ensure that {data.siteName} isn't vulnerable |
| 194 | + to the same attacks that plague similar platforms. We're constantly |
| 195 | + monitoring and updating our systems to ensure that users are safe |
| 196 | + – and a streamlined reporting system allows us to respond to |
| 197 | + any security concerns quickly and effectively. |
197 | 198 | </p> |
198 | 199 | </div> |
199 | 200 | </div> |
|
207 | 208 | <div> |
208 | 209 | <h3>Professional developers</h3> |
209 | 210 | <p> |
210 | | - A group of experienced developers are behind Mercury, |
| 211 | + A group of experienced developers are behind {data.siteName}, |
211 | 212 | and we're committed to improving user experience and |
212 | 213 | security. We aim to remain transparent and open about |
213 | 214 | our development process and decisions. |
|
236 | 237 | <h3>Library usage</h3> |
237 | 238 | <p> |
238 | 239 | We put a strong emphasis on library usage to improve development |
239 | | - speed and maintainability. Mercury is the first revival platform |
240 | | - to utilise modern libraries and frameworks backported from |
241 | | - contemporary Lua, Luau, and JavaScript ecosystems. |
| 240 | + speed and maintainability. {data.siteName} is the first revival platform |
| 241 | + to utilise modern libraries and frameworks backported from contemporary |
| 242 | + Lua, Luau, and JavaScript ecosystems. |
242 | 243 | </p> |
243 | 244 | <h3>Optimisation and stability</h3> |
244 | 245 | <p> |
245 | | - Mercury makes use of techniques borrowed from modern game |
246 | | - development to boost performance and reduce latency. Our |
247 | | - optimisations have already been proven to improve user |
248 | | - experience – for example, place joining on Mercury is |
249 | | - 30-40% faster than competing platforms. |
| 246 | + {data.siteName} makes use of techniques borrowed from modern game |
| 247 | + development to boost performance and reduce latency. Our optimisations |
| 248 | + have already been proven to improve user experience – for example, |
| 249 | + place joining on {data.siteName} is 30-40% faster than competing |
| 250 | + platforms. |
250 | 251 | </p> |
251 | 252 | </div> |
252 | 253 | </div> |
253 | 254 | </Pagepart> |
254 | 255 |
|
255 | 256 | <Pagepart class="pb-60"> |
256 | 257 | <div class="flex flex-col justify-center items-center relative"> |
257 | | - <h1 class="text-16 sf font-bold">Mercury 2</h1> |
| 258 | + <h1 class="text-16 font-bold">{data.siteName}</h1> |
258 | 259 | <p>Endless possibilities. New features. Same nostalgia.</p> |
259 | 260 | <a |
260 | 261 | type="button" |
|
0 commit comments