Veranstaltungen auf Homepage einbinden

veranstaltungen.html

<!-- Dieser Teil lädt die Bibliothek jQuery (jquery.com). -->
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>

<!-- Dieser Teil platziert einen Container für die Veranstaltungs-Anzeige: -->
<h2>Veranstaltungen:</h2>
<p id="events">
  Veranstaltungen werden geladen.
</p>

<!-- Dies ist der Kalender-Abo-Link. Hier den gewünschten HTML-Feed (aus Schritt 2) eintragen: -->
<a href="webcal://http://wingolfsplattform.org/groups/12-erlanger-wingolf/events/public.ics">Kalender abonnieren (iCal)</a>

<!-- Hier können Stil-Anpassungen vorgenommen werden: -->
<style type="text/css">
  #events {
    margin: 0;
    padding-left: 16px;
    font-family: Arial;
    font-size: 10pt;
  }
  #events * a {
    color: #042654;
    text-decoration: none;
    font-weight: bold;
  }
</style>

<!-- Dieser Teil lädt die Veranstaltungen von der Wingolfsplattform -->
<!-- Hier den gewünschten iCal-Feed (aus Schritt 2) eintragen: -->
<!-- Der Parameter `limit` gibt an, wie viele Veranstaltungen angezeigt werden sollen. -->
<script language="javascript" type="text/javascript">
  $('#events').load('https://wingolfsplattform.org/groups/12-erlanger-wingolf/events/public?limit=3');
</script>