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 want to inform your customers about these. You can accomplish that by putting SportsDate into your website. It shows all your activities and people can immediately see your schedule. How do you integrate the activities view of SportsDate into your website? It's pretty simple, just some html and css code is needed:

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 an example, feel free to use whatever fits your needs.

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.