diff --git a/LongevityWorldCup.Website/wwwroot/onboarding/convergence.html b/LongevityWorldCup.Website/wwwroot/onboarding/convergence.html index 49a9336..c82a6e4 100644 --- a/LongevityWorldCup.Website/wwwroot/onboarding/convergence.html +++ b/LongevityWorldCup.Website/wwwroot/onboarding/convergence.html @@ -176,11 +176,11 @@

1. Character Creation

illustrationImage.src = "../assets/reaper.jpg"; illustrationImage.alt = "Grim Reaper"; document.getElementById('content').innerHTML = ` - In the shadows beyond our world, Death awaits, silent and relentless. It lurks at the edge of every breath, ready to claim its due. - In these darkening times, we need a hero to rise — a mind sharp enough to craft a plan, a spirit bold enough to face the inevitable. - Death will come — but who will stand in its path?
- Could it be you? - `; + In the shadows beyond our world, Death awaits, silent and relentless. It lurks at the edge of every breath, ready to claim its due. + In these darkening times, we need a hero to rise — a mind sharp enough to craft a plan, a spirit bold enough to face the inevitable. + Death will come — but who will stand in its path?
+ Could it be you? + `; document.getElementById('personalDetails').style.display = ''; document.getElementById('whyField').style.display = 'none'; document.getElementById('proofImageContainer').style.display = 'none'; @@ -206,27 +206,28 @@

1. Character Creation

illustrationImage.src = "../assets/cr7.jpg"; illustrationImage.alt = "Cristiano Ronaldo"; document.getElementById('content').innerHTML = ` -

Privacy is your ability to selectively reveal yourself to the world.

-

- Cristiano Ronaldo is one of the greatest football players of all time. Put yourself into his boots. You must work hard, of course, but your job doesn't end with honing your skills. You also need to display them in front of millions of people. There’s no sport without spectators. -

-

- So, does he lack privacy? No, he made a conscious decision to selectively reveal himself to the world. -

-

- It's now your turn to make that decision. -

- `; +

Privacy is your ability to selectively reveal yourself to the world.

+

+ Cristiano Ronaldo is one of the greatest football players of all time. Put yourself into his boots. You must work hard, of course, but your job doesn't end with honing your skills. You also need to display them in front of millions of people. There’s no sport without spectators. +

+

+ So, does he lack privacy? No, he made a conscious decision to selectively reveal himself to the world. +

+

+ It's now your turn to make that decision. +

+ `; document.getElementById('personalDetails').innerHTML = ` -

Top-ranked longevity athletes will occasionally be asked to give an interview before their results are posted. Declining means no spot on the leaderboard. By proceeding, you agree to this.

-

Just remember, we’re not gonna beat Death by hiding in the shadows!

- `; +

Top-ranked longevity athletes will occasionally be asked to give an interview before their results are posted. Declining means no spot on the leaderboard. By proceeding, you agree to this.

+

Remember, we’re not gonna beat Death by hiding in the shadows.

+ `; // In the goToStage function, within case 3, replace the existing line with the following: document.getElementById('whyField').style.display = 'none'; document.getElementById('personalDetails').style.display = ''; nextButton.textContent = 'Next'; nextButton.setAttribute('type', 'button'); updateSubProgress(3); + nextButton.textContent = 'Bring it on!'; break; case 4: // Stage 4: Almost There @@ -235,17 +236,17 @@

1. Character Creation

illustrationImage.alt = "Headshot"; document.getElementById('content').innerHTML = `

Next, provide your profile picture. Smiling is optional!

`; document.getElementById('personalDetails').innerHTML = ` -

Upload a clear headshot:

-
    -
  1. It must be you.
    2. -
  2. Face the camera directly.
    3. -
  3. Include head and shoulders.
    4. -
-
- - -
- `; +

Upload a clear headshot:

+
    +
  1. It must be you.
    2. +
  2. Face the camera directly.
    3. +
  3. Include head and shoulders.
    4. +
+
+ + +
+ `; illustrationImage.classList.add('clickable'); nextButton.textContent = 'Next'; nextButton.setAttribute('type', 'button'); @@ -267,14 +268,14 @@

1. Character Creation

illustrationImage.alt = "Proof Image"; document.getElementById('content').innerHTML = "

Don't Trust Verify

"; document.getElementById('personalDetails').innerHTML = ` -

- Upload proof of your biomarkers: photo or screenshot. This image will be public, so you're encouraged to censor any non-relevant information. Make sure to upload an image file (like JPG or PNG) and not a PDF. -

-
- - -
- `; +

+ Upload proof of your biomarkers: photo or screenshot. This image will be public, so you're encouraged to censor any non-relevant information. Make sure to upload an image file (like JPG or PNG) and not a PDF. +

+
+ + +
+ `; illustrationImage.classList.remove('clickable'); nextButton.textContent = 'Next'; nextButton.setAttribute('type', 'button'); @@ -295,9 +296,9 @@

1. Character Creation

// Display the uploaded proof image in the proofImageContainer document.getElementById('proofImageContainer').innerHTML = ` -

Proof image uploaded successfully.

- Proof Image - `; +

Proof image uploaded successfully.

+ Proof Image + `; // Reset the file input's value to allow re-uploading the same file if needed document.getElementById('proofPicInput').value = ""; @@ -315,21 +316,21 @@

1. Character Creation

illustrationImage.alt = "Finish Line"; document.getElementById('content').innerHTML = "

Final Details

"; document.getElementById('personalDetails').innerHTML = ` - - - -

- Provide a link to your personal page, social media profile, or any other online presence you wish to advertise. -

- - - - - -

- Please provide a media contact email. Be cautious about using your personal email address. It is recommended to create a dedicated email (e.g.: ProtonMail) or use a social media account like Instagram or Twitter if your messages are open. -

- `; + + + +

+ Provide a link to your personal page, social media profile, or any other online presence you wish to advertise. +

+ + + + + +

+ Please provide a media contact email. Be cautious about using your personal email address. It is recommended to create a dedicated email (e.g.: ProtonMail) or use a social media account like Instagram or Twitter if your messages are open. +

+ `; document.getElementById('proofImageContainer').style.display = 'none'; illustrationImage.classList.remove('clickable'); @@ -343,10 +344,10 @@

1. Character Creation

illustrationImage.alt = "Application"; document.getElementById('content').innerHTML = "

Congrats! All that's left to do is to provide your contact email.

"; document.getElementById('personalDetails').innerHTML = ` - - - - `; + + + + `; illustrationImage.classList.remove('clickable'); nextButton.textContent = 'Apply'; nextButton.setAttribute('type', 'submit'); @@ -601,17 +602,17 @@

1. Character Creation

// Remove the cropper instance and restore the content cropper.destroy(); document.getElementById('personalDetails').innerHTML = ` -

Upload a clear headshot:

-
    -
  1. It must be you.
    2. -
  2. Face the camera directly.
    3. -
  3. Include head and shoulders.
    4. -
-
- - -
- `; +

Upload a clear headshot:

+
    +
  1. It must be you.
    2. +
  2. Face the camera directly.
    3. +
  3. Include head and shoulders.
    4. +
+
+ + +
+ `; // Re-attach event listeners to the new elements attachUploadEventListeners(); });