Integrate SportsDate into your website

I'm the developer of the SportsDate app, a PWA that you can use to organize sports activities. You can integrate that PWA into your own website! Who might need that?

Imagine you run a sports club or a personal trainer. So you organize sports sessions and you have to inform your customers about these. You can accomplish that by using putting SportsDate into your website. It then shows all your activities and customer and check them out and book a seat. How do you integrate the activities view of SportsDate into your website? It's pretty simple, it just need some html and css code:

The CSS part:

.resizer { display:flex; margin:0; padding:0; overflow:hidden }
.resizer > .resized { flex-grow:1; margin:0; padding:0; border:0; width: auto; height: auto; min-height: 600px; }

This CSS code is just one simple solution, feel free to use whatever works for you.

The Html part:

<div class="resizer">
    <iframe class="resized" scrolling="auto" src="https://sportsdate.app/de/widget/<your_ID>"></iframe>
</div>

You have to replace <your_ID> in the html snippet with the ID of your account in SportsDate. Look for the ID in the homepage section of the preferences page.