Redesign the landing page!

[shravanngoswamii]

Inspirations!

• https://www.gpflow.org/
• https://pyro.ai/
• https://reactnative.dev/
  Please add more if you have any suggestions!

See also:

• Add a few example Turing models to landing page #67
• More information for website #76

[simonsteiger]

I've sketched out a new landing page inspired by some of the sources above in my fork.

There are a few things I would still like to add and change (code examples, navbar, footer), but I thought it would be best to ask you first if you are OK with this general layout, or if this is the kind of contribution you are looking for at all.

Curious to hear your thoughts and happy to continue if it's of interest.

[shravanngoswamii]

This really looks clean, minimalistic, and cool! I am also thinking of adding the following to the landing page:

• A small horizontal slideshow for news
• Citations and license in a tabset panel
• Community events showcase

There are more things we can add later while working! Please feel free to open a PR against the UI Revamp branch. Let me know if you need any help; I will add some things to this branch too!

[shravanngoswamii]

I would still like to add and change (code examples, navbar, footer)

I was working on this a few days ago, here's the footer from that, let me know if you have any comments on this:

[simonsteiger]

• A small horizontal slideshow for news
• Citations and license in a tabset panel
• Community events showcase

Great ideas! I was considering a horizontal slideshow, too, but was not sure how to add the necessary (?) JS on a Quarto website. What would be your approach?

I'll continue on my fork for a bit and open a PR against the UI revamp branch hopefully later this week.

[shravanngoswamii]

I was considering a horizontal slideshow, too, but was not sure how to add the necessary (?) JS on a Quarto website. What would be your approach?

For the listing of news, we can use Quarto's listing feature, and we can add internal JS in HTML code block like this:

```{=html}
<script>
// JS here
</script>
```

[simonsteiger]

Here's a little update. I have now added a section with code examples.

Never mind the text, that might as well have been lorem-ipsum. I thought that it could be nice to relate to the aspects highlighted above (intuitive, general-purpose, modular) and illustrate each point with a related model.

As you can see, I have also made changes to the dark theme. I hope this is fine; we can of course adjust it if you would prefer something else. It's purely personal preference. :)

Next, I'll tackle the horizontal slideshow with the listing feature you've suggested.

[shravanngoswamii]

Here's a little update. I have now added a section with code examples.

It looks nice, we can take more reviews from other members after this is ready for preview!

As you can see, I have also made changes to the dark theme. I hope this is fine; we can of course adjust it if you would prefer something else. It's purely personal preference. :)

I get it, feel free to use your best judgement, we were already thinking of changing colors btw :)!

Next, I'll tackle the horizontal slideshow with the listing feature you've suggested.

Let me know if you face any issue, I will try my best to help!