We have clarified our Privacy Statement. Please have a look at our changes.
Push send, receive post.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 lines
1.6KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Preposter.us</title>
  5. <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
  6. <meta charset='utf-8'>
  7. <meta name="viewport" content="width=device-width; initial-scale=1.0;">
  8. <link rel="stylesheet" href="css/reset.css" media="all" />
  9. <link rel="stylesheet" href="css/single-col.css" media="all" />
  10. </head>
  11. <body>
  12. <section>
  13. <header>
  14. <h1><span>Welcome to </span>Preposter.us!</h1>
  15. <h2><span>these are the blogs...</span></h2>
  16. <header>
  17. <article class="cols">
  18. <ul id="bloglist"></ul>
  19. </article>
  20. <br>
  21. <div class="footer">
  22. powered by <a style="color: red; text-decoration: none" href="https://codeberg.org/jjg/preposter.us">preposter.us</a>
  23. </div>
  24. </section>
  25. <script>
  26. var serverProtocol = location.protocol;
  27. var serverHost = location.hostname;
  28. var serverPort = location.port;
  29. var serverURL = serverProtocol + '//' + serverHost + ':' + serverPort;
  30. var blogListURL = serverURL + '/blogs.html';
  31. var blogListReq = new XMLHttpRequest();
  32. blogListReq.onload = renderList;
  33. blogListReq.open('GET', blogListURL, true);
  34. blogListReq.send();
  35. function renderList(){
  36. var blogs = this.responseText;
  37. var bloglist = document.getElementById('bloglist');
  38. bloglist.innerHTML = blogs;
  39. }
  40. </script>
  41. </body>
  42. </html>