Use jQuery to dynamically load the news into the static site

For this to work, the news.html file needs to be served with the header
Access-Control-Allow-Origin, in order to allow the site to display it.

Something like that in a .htaccess file should do:

<FilesMatch "news.html$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

1 files changed, 8 insertions, 3 deletions

diff --git a/index.html b/index.html
index 561f372..b19823e 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,11 @@ title: News
 <b>Notice:</b> New account creation disabled due to excessive abuse of this feature. If you want to sign up, contact thorbjorn or Jaxad0127 on IRC for now.
 </div>
 -->
-<!--
-  TODO: Load http://updates.themanaworld.org/news.html here
--->
+
+<div id="news">
+</div>
+
+<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+<script type="text/javascript">
+$('#news').load('http://updates.themanaworld.org/news.html');
+</script>