|
5 | 5 | const switchLink = document.createElement("a"); |
6 | 6 | switchLink.className = "dimension-corner-link"; |
7 | 7 | switchLink.href = carUrl; |
8 | | - switchLink.textContent = "3D Car ↗"; |
9 | | - switchLink.setAttribute("aria-label", "Switch to the 3D car website"); |
| 8 | + switchLink.textContent = "3D Website ↗"; |
| 9 | + switchLink.setAttribute("aria-label", "Switch to the 3D website"); |
10 | 10 | document.body.appendChild(switchLink); |
11 | 11 |
|
12 | 12 | const url = new URL(window.location.href); |
|
26 | 26 | <section data-stage="welcome"> |
27 | 27 | <p class="dimension-choice-kicker">TIANLANG (JACKIE) CHEN · PERSONAL WEBSITE</p> |
28 | 28 | <h1 id="dimension-welcome-title">Welcome to Jackie's Website.</h1> |
29 | | - <p class="dimension-choice-lead">This is my personal website. I share my education, research, and projects here in two different ways.</p> |
| 29 | + <p class="dimension-choice-lead">This is my personal website. You can explore it in 3D or 2D.</p> |
30 | 30 | <div class="dimension-choice-actions welcome"> |
31 | 31 | <button class="dimension-choice-action primary" type="button" data-continue>Continue <span aria-hidden="true">→</span></button> |
32 | 32 | </div> |
33 | 33 | </section> |
34 | 34 | <section data-stage="choice" hidden> |
35 | 35 | <p class="dimension-choice-kicker">TIANLANG (JACKIE) CHEN · PERSONAL WEBSITE</p> |
36 | | - <h1 id="dimension-choice-title" tabindex="-1">Choose your dimension.</h1> |
37 | | - <p class="dimension-choice-lead">Explore the same personal journey in an interactive 3D car ride, or read it here as a 2D website.</p> |
| 36 | + <h1 id="dimension-choice-title" tabindex="-1">Choose a version.</h1> |
| 37 | + <p class="dimension-choice-lead">How would you like to explore my website?</p> |
38 | 38 | <div class="dimension-choice-actions"> |
39 | | - <a class="dimension-choice-action primary" href="${carUrl}">Enter the 3D Car Website <span aria-hidden="true">↗</span></a> |
40 | | - <button class="dimension-choice-action secondary" type="button" data-enter-2d>Continue to the 2D Website <span aria-hidden="true">→</span></button> |
| 39 | + <a class="dimension-choice-action primary" href="${carUrl}">Enter 3D Website <span aria-hidden="true">↗</span></a> |
| 40 | + <button class="dimension-choice-action secondary" type="button" data-enter-2d>Enter 2D Website <span aria-hidden="true">→</span></button> |
41 | 41 | </div> |
42 | | - <p class="dimension-choice-note">The 3D car ride works best on a desktop browser.</p> |
43 | 42 | </section> |
44 | 43 | `; |
45 | 44 | document.body.appendChild(dialog); |
|
0 commit comments