Skip to content
Snippets Groups Projects
space-status.html 1.23 KiB
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  spaceopen();
});

function spaceopen() {
  //http://nobreakspace.org/status/spaceapi.json

  $.get( "https://status.chaotikum.org/spaceapi.json", function( data ) {
    console.log(data);
    if(data.open) {
      console.log("OPEN");
      //$("#spaceopen").css( "border", "3px solid green" );
      $("#spaceopen").html("<div style='float:left'><img src='{{ site.baseurl }}/assets/open.png' width='35'></div>Der nbsp ist offen!<br><div style='text-align: right;'><a href='http://status.chaotikum.org/' target='_blank' style='color: #EAEAEA;'>Status</a></div>");
    } else {
      console.log("CLOSED");
      //$("#spaceopen").css( "border", "3px solid red" );
      $("#spaceopen").html("<div style='float:left'><img src='{{ site.baseurl }}/assets/closed.png' width='35'></div>Der nbsp ist geschlossen!<br><div style='text-align: right;'><a href='http://status.chaotikum.org/' target='_blank' style='color: #EAEAEA;'>Status</a></div>");
    }
  });
}
</script>

<div id="spaceopen">
  Ob der Nobreakspace offen ist siehst du <a href='https://status.chaotikum.org/' target='_blank'>hier</a><p>Oder aktiviere Javascript</p>
</div>