Sweep: Update to A kickass landing page

[AntoJoanne]

Change the index.html to be a very dynamic and kickass landing page with creatives (SVG) and dark background with depiction of the universe. Add a header which has the company name "Chirag" and on the right side of the header is a "get started" button which launches the content of signin / signup in a modal

Checklist

- [X] Modify `index.html` ✓ https://github.com/AntoJoanne/Signup/commit/500181f42e1786249c98488a3b27225ceb5feb4c [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/index.html) - [X] Running GitHub Actions for `index.html` ✓ [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/index.html) - [X] Modify `index.css` ✓ https://github.com/AntoJoanne/Signup/commit/f0c898a6ae5e26ec6f431eec38f45064b43b7323 [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/index.css) - [X] Running GitHub Actions for `index.css` ✓ [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/index.css) - [X] Create `assets/svg/universe-theme.svg` ✓ https://github.com/AntoJoanne/Signup/commit/93c62ff191baaa6958226c4c96ec70fba8cf5a0e [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/assets/svg/universe-theme.svg) - [X] Running GitHub Actions for `assets/svg/universe-theme.svg` ✓ [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/assets/svg/universe-theme.svg) - [X] Create `scripts/modal.js` ✓ https://github.com/AntoJoanne/Signup/commit/ce583c0df389218e0e15f2a54bd5a8dc72470ac0 [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/scripts/modal.js) - [X] Running GitHub Actions for `scripts/modal.js` ✓ [Edit](https://github.com/AntoJoanne/Signup/edit/sweep/update_to_a_kickass_landing_page/scripts/modal.js)

[sweep-ai[bot]]

🚀 Here's the PR! #3

See Sweep's progress at the progress dashboard!

⚡ Sweep Basic Tier: I'm using GPT-4. You have 5 GPT-4 tickets left for the month and 3 for the day. (tracking ID: 1b9372fd3f)

For more GPT-4 tickets, visit our payment portal. For a one week free trial, try Sweep Pro (unlimited GPT-4 tickets).

---

[!TIP] I can email you next time I complete a pull request if you set up your email here!

---

Actions (click)

• [ ] ↻ Restart Sweep

GitHub Actions✓

Here are the GitHub Actions logs prior to making any changes:

Sandbox logs for e2edde8

Checking index.html for syntax errors... ✅ index.html has no syntax errors! 1/1 ✓

Checking index.html for syntax errors...
✅ index.html has no syntax errors!

Sandbox passed on the latest main, so sandbox checks will be enabled for this issue.

---

Step 1: 🔎 Searching

I found the following snippets in your repository. I will now analyze these snippets and come up with a plan.

Some code snippets I think are relevant in decreasing order of relevance (click to expand). If some file is missing from here, you can mention the path in the ticket description.

https://github.com/AntoJoanne/Signup/blob/e2edde86474fb6984e9bb7d21527a7f38d6c2079/index.html#L1-L161 https://github.com/AntoJoanne/Signup/blob/e2edde86474fb6984e9bb7d21527a7f38d6c2079/index.css#L1-L160

---

Step 2: ⌨️ Coding

• [X] Modify index.html ✓ https://github.com/AntoJoanne/Signup/commit/500181f42e1786249c98488a3b27225ceb5feb4c Edit

  Modify index.html with contents:
  • Add a `

  ` section right after the `` tag with a class name "site-header". This header should contain an `

  ` tag with the company name "Chirag" and a `` with the text "Get Started" and an id "get-started-button".
  • Inside the `` tag, wrap the existing content in a `

  ` tag to semantically differentiate it from the header and modal content.
  • Add a `

  ` with an id "modal" and class "modal" at the end of the `` tag, but before the ` Githubissues.

• Githubissues is a development platform for aggregating issues.