added server-side-includes and moved common code snippets from html to

include files.
loklak · Jun 10, 2016 · 1558ac0 · 1558ac0
1 parent 817fef3
commit 1558ac0
Show file tree

Hide file tree

Showing 14 changed files with 179 additions and 305 deletions.
diff --git a/html/about.html b/html/about.html
@@ -1,36 +1,19 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="loklak">
   <head>
-    <meta charset="utf-8">
-    <meta name="robots" content="index,follow">
-    <meta http-equiv="cache-control" content="public">
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--#include file="../ssi/common_head_front.include" -->
     <meta name="description" content="This is a server application which is able to collect messages from various sources, including Twitter.">
-    <meta name="Content-Language" content="en, english"/>
     <meta name="author" content="Michael Peter Christen, @0rb1t3r">
-    <link rel="icon" type="image/png" href="/artwork/favicon.png">
     <link rel="canonical" href="http://loklak.org/about.html" />
+    <link href="/css/dashboard.css" rel="stylesheet">
     <title>loklak.org - We scrape messages from social media - you create a search portal with that data</title>
-
-    <link href="css/bootstrap.min.css" rel="stylesheet">
-    <link href="css/dashboard.css" rel="stylesheet">
-    <link href="css/loklak.css" rel="stylesheet">
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="js/html5shiv.min.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-    <script src="js/jquery.min.js"></script>
-    <script src="js/angular.min.js"></script>
-    <script src="js/angular-route.min.js"></script>
-    <script src="js/loklak.js"></script>
+    <!--#include file="../ssi/common_head_back.include" -->
+    <!--#include file="../data/ssi/custom_head.include" -->
   </head>
 
   <body data-spy="scroll" data-target="#navSidebar" data-offset="50">
-
+    <!--#include file="../data/ssi/custom_body_front.include" -->
+    <!--#include file="../ssi/common_body_front.include" -->
     <nav class="navbar navbar-inverse navbar-fixed-top">
       <div class="container-fluid">
         <div class="navbar-header">
@@ -145,13 +128,7 @@ <h2 class="sub-header">Distributed, Peer-to-Peer</h2>
         </div>
       </div>
     </div>
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="js/jquery.min.js" async></script>
-    <script src="js/bootstrap.min.js" async></script>
-    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-    <script src="js/ie10-viewport-bug-workaround.js" async></script>
+    <!--#include file="../ssi/common_body_back.include" -->
+    <!--#include file="../data/ssi/custom_body_back.include" -->
   </body>
 </html>
diff --git a/html/api.html b/html/api.html
@@ -1,36 +1,20 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="loklak">
-<head>
-<meta charset="utf-8">
-<meta name="robots" content="index,follow">
-<meta http-equiv="cache-control" content="public">
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="description" content="Create your own social media search engine using the public and open message API.">
-<meta name="Content-Language" content="en, english" />
-<meta name="author" content="Michael Peter Christen, @0rb1t3r">
-<link rel="icon" type="image/png" href="/artwork/favicon.png">
-<link rel="canonical" href="http://loklak.org/api.html" />
-<title>loklak.org - Open JSON API to search, collect and evaluate messages.</title>
-
-<link href="css/bootstrap.min.css" rel="stylesheet">
-<link href="css/dashboard.css" rel="stylesheet">
-<link href="css/loklak.css" rel="stylesheet">
-
-<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-<!--[if lt IE 9]>
-      <script src="js/html5shiv.min.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-  <script src="js/jquery.min.js"></script>
-  <script src="js/angular.min.js"></script>
-  <script src="js/angular-route.min.js"></script> 
-  <script src="js/loklak.js"></script>
+  <head>
+    <!--#include file="../ssi/common_head_front.include" -->
+    <meta name="description" content="Create your own social media search engine using the public and open message API.">
+    <meta name="author" content="Michael Peter Christen, @0rb1t3r">
+    <link rel="canonical" href="http://loklak.org/api.html" />
+    <link href="/css/dashboard.css" rel="stylesheet">
+    <title>loklak.org - Open JSON API to search, collect and evaluate messages.</title>
+    <!--#include file="../ssi/common_head_back.include" -->
+    <!--#include file="../data/ssi/custom_head.include" -->
 </head>
 
 <body data-spy="scroll" data-target="#navSidebar" data-offset="50">
-  <nav class="navbar navbar-inverse navbar-fixed-top">
+    <!--#include file="../data/ssi/custom_body_front.include" -->
+    <!--#include file="../ssi/common_body_front.include" -->
+    <nav class="navbar navbar-inverse navbar-fixed-top">
     <div class="container-fluid">
       <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed"
@@ -2038,13 +2022,7 @@ <h2 class="sub-header">
       </div>
     </div>
   </div>
-
-  <!-- Bootstrap core JavaScript
-    ================================================== -->
-  <!-- Placed at the end of the document so the pages load faster -->
-    <script src="js/jquery.min.js" async></script>
-    <script src="js/bootstrap.min.js" async></script>
-    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-    <script src="js/ie10-viewport-bug-workaround.js" async></script>
+    <!--#include file="../ssi/common_body_back.include" -->
+    <!--#include file="../data/ssi/custom_body_back.include" -->
 </body>
 </html>
diff --git a/html/apps/applist/index.html b/html/apps/applist/index.html
@@ -1,33 +1,21 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="appListApp">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--#include file="../../../ssi/common_head_front.include" -->
     <meta name="description" content="loklak provides an easy-to-extend app infrastructure. Here is a list of large-data evaluation applictions.">
-    <meta name="Content-Language" content="en, english"/>
     <link rel="icon" type="image/png" href="/artwork/favicon.png">
     <title>loklak.org - Application List</title>
-    <!-- CHANGE THIS -->
-    <link href="../../css/bootstrap.min.css" rel="stylesheet">
+    <script src="../../js/angular-touch.min.js"></script>
     <link href="../../css/dashboard.css" rel="stylesheet">
-    <link href="../../css/loklak.css" rel="stylesheet">
     <link href="css/style.css" rel="stylesheet"/>
     <link href="css/animate.css" rel="stylesheet"/>
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-<script src="../../js/html5shiv.min.js"></script>
-<script src="../../js/respond.min.js"></script>
-<![endif]-->
-    <script src="../../js/jquery.min.js"></script>
-    <script src="../../js/angular.min.js"></script>
-    <script src="../../js/angular-route.min.js"></script>
-    <script src="../../js/angular-touch.min.js"></script>
-    <script src="../../js/loklak.js"></script>
     <script src="app_list.js"></script>
+    <!--#include file="../../../ssi/common_head_back.include" -->
+    <!--#include file="../../../data/ssi/custom_head.include" -->
   </head>
   <body data-spy="scroll" data-target="#navSidebar" data-offset="50">
+    <!--#include file="../../../data/ssi/custom_body_front.include" -->
+    <!--#include file="../../../ssi/common_body_front.include" -->
     <nav class="navbar navbar-inverse navbar-fixed-top">
       <div class="container-fluid">
         <div class="navbar-header">
@@ -85,12 +73,7 @@ <h1>
           </div>
         </div>
       </div>
-      <!-- Bootstrap core JavaScript
-================================================== -->
-      <!-- Placed at the end of the document so the pages load faster -->
-      <script src="/js/jquery.min.js"></script>
-      <script src="/js/bootstrap.min.js"></script>
-      <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-      <script src="/js/ie10-viewport-bug-workaround.js"></script>
+    <!--#include file="../../../ssi/common_body_back.include" -->
+    <!--#include file="../../../data/ssi/custom_body_back.include" -->
       </body>
     </html>
diff --git a/html/architecture.html b/html/architecture.html
@@ -1,32 +1,14 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="loklak">
   <head>
-    <meta charset="utf-8">
-    <meta name="robots" content="index,follow">
-    <meta http-equiv="cache-control" content="public">
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--#include file="../ssi/common_head_front.include" -->
     <meta name="description" content="loklak is a java application which runs a jetty web server for the html interface and an Elasticsearch search server.">
-    <meta name="Content-Language" content="en, english"/>
     <meta name="author" content="Michael Peter Christen, @0rb1t3r">
-    <link rel="icon" type="image/png" href="/artwork/favicon.png">
     <link rel="canonical" href="http://loklak.org/architecture.html" />
-    <title>loklak.org - Peer-to-Peer Message Search Engine Architecture</title>
-
-    <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/dashboard.css" rel="stylesheet">
-    <link href="css/loklak.css" rel="stylesheet">
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="js/html5shiv.min.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-    <script src="js/jquery.min.js"></script>
-    <script src="js/angular.min.js"></script>
-    <script src="js/angular-route.min.js"></script>
-    <script src="js/loklak.js"></script>
+    <title>loklak.org - Peer-to-Peer Message Search Engine Architecture</title>
+    <!--#include file="../ssi/common_head_back.include" -->
+    <!--#include file="../data/ssi/custom_head.include" -->
   </head>
 
   <body data-spy="scroll" data-target="#navSidebar" data-offset="50">

diff --git a/html/download.html b/html/download.html
@@ -1,36 +1,19 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="loklak">
   <head>
-    <meta charset="utf-8">
-    <meta name="robots" content="index,follow">
-    <meta http-equiv="cache-control" content="public">
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--#include file="../ssi/common_head_front.include" -->
     <meta name="description" content="loklak is free software, licensed with LGPL. To install loklak, you need JDK 1.8, git and ant.">
-    <meta name="Content-Language" content="en, english"/>
     <meta name="author" content="Michael Peter Christen, @0rb1t3r">
-    <link rel="icon" type="image/png" href="/artwork/favicon.png">
     <link rel="canonical" href="http://loklak.org/download.html" />
-    <title>loklak.org - Download and Installation</title>
-
-    <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/dashboard.css" rel="stylesheet">
-    <link href="css/loklak.css" rel="stylesheet">
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="js/html5shiv.min.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-    <script src="js/jquery.min.js"></script>
-    <script src="js/angular.min.js"></script>
-    <script src="js/angular-route.min.js"></script>
-    <script src="js/loklak.js"></script>
+    <title>loklak.org - Download and Installation</title>
+    <!--#include file="../ssi/common_head_back.include" -->
+    <!--#include file="../data/ssi/custom_head.include" -->
   </head>
 
   <body data-spy="scroll" data-target="#navSidebar" data-offset="50">
-
+    <!--#include file="../data/ssi/custom_body_front.include" -->
+    <!--#include file="../ssi/common_body_front.include" -->
     <nav class="navbar navbar-inverse navbar-fixed-top">
       <div class="container-fluid">
         <div class="navbar-header">
@@ -179,13 +162,7 @@ <h3>Change the Back-End Server</h3>
         </div>
       </div>
     </div>
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="js/jquery.min.js" async></script>
-    <script src="js/bootstrap.min.js" async></script>
-    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-    <script src="js/ie10-viewport-bug-workaround.js" async></script>
+    <!--#include file="../ssi/common_body_back.include" -->
+    <!--#include file="../data/ssi/custom_body_back.include" -->
   </body>
 </html>
diff --git a/html/dump.html b/html/dump.html
@@ -1,35 +1,18 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="loklak">
   <head>
-    <meta charset="utf-8">
-    <meta name="robots" content="index,follow">
-    <meta http-equiv="cache-control" content="public">
-    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--#include file="../ssi/common_head_front.include" -->
     <meta name="description" content="loklak.org - Dump Download">
-    <meta name="Content-Language" content="en, english"/>
-    <meta name="keywords" lang="en-us" content="search,search engine,twitter,messages,microblogging,elasticsearch,json,api,kibana,loklak"/>
     <meta name="author" content="@0rb1t3r">
-    <link rel="icon" type="image/png" href="artwork/favicon.png">
+    <link rel="canonical" href="http://loklak.org/dump.html" />
     <title>loklak Dump Download</title>
-
-    <link href="css/bootstrap.min.css" rel="stylesheet">
-    <link href="css/loklak.css" rel="stylesheet">
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="js/html5shiv.min.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-    <script src="js/jquery.min.js"></script>
-    <script src="js/angular.min.js"></script>
-    <script src="js/angular-route.min.js"></script>
-    <script src="js/loklak.js"></script>
+    <!--#include file="../ssi/common_head_back.include" -->
+    <!--#include file="../data/ssi/custom_head.include" -->
   </head>
 
   <body>
-
+    <!--#include file="../data/ssi/custom_body_front.include" -->
+    <!--#include file="../ssi/common_body_front.include" -->
     <nav class="navbar navbar-inverse navbar-fixed-top">
       <div class="container-fluid">
         <div class="navbar-header">
@@ -52,13 +35,7 @@
     <div class="container-fluid">
         <iframe src="dump/" width="99%" height="800" frameBorder="0"></iframe>
     </div>
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="js/jquery.min.js" async></script>
-    <script src="js/bootstrap.min.js" async></script>
-    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-    <script src="js/ie10-viewport-bug-workaround.js" async></script>
+    <!--#include file="../ssi/common_body_back.include" -->
+    <!--#include file="../data/ssi/custom_body_back.include" -->
   </body>
 </html>
diff --git a/html/index.html b/html/index.html
@@ -1,16 +1,9 @@
 <!DOCTYPE html>
 <html lang="en" ng-app="loklak">
   <head>
-    <meta charset="utf-8">
-    <meta name="robots" content="index,follow">
-    <meta http-equiv="cache-control" content="public">
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!--#include file="../ssi/common_head_front.include" -->
     <meta name="description" content="Collect, search, download and visualize messages from various sources: tweets, youtube descriptions and from more social media sources.">
-    <meta name="Content-Language" content="en, english" />
     <meta name="author" content="Michael Peter Christen, @0rb1t3r">
-    <link rel="icon" type="image/png" href="/artwork/favicon.png">
     <link rel="canonical" href="http://loklak.org" />
     <title>loklak.org - Distributed Social Media Message Search Server</title>
 
@@ -26,18 +19,6 @@
     <meta name="twitter:description" content="Collect, search, download and visualize messages from various sources: tweets, youtube descriptions and from more social media sources.">
     <meta name="twitter:image" content="http://loklak.org/artwork/loklak_org_sticker.png">
 
-    <link href="css/bootstrap.min.css" rel="stylesheet">
-    <link href="css/loklak.css" rel="stylesheet">
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="js/html5shiv.min.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-    <script src="js/jquery.min.js"></script>
-    <script src="js/angular.min.js"></script>
-    <script src="js/angular-route.min.js"></script>
-    <script src="js/loklak.js"></script>
     <script type="application/ld+json">
 {
   "@context": "http://schema.org",
@@ -60,11 +41,13 @@
   }
 }
     </script>
-
+    <!--#include file="../ssi/common_head_back.include" -->
+    <!--#include file="../data/ssi/custom_head.include" -->
   </head>
 
   <body style="position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%;"> <!-- style woodoo is for footer line -->
-
+    <!--#include file="../data/ssi/custom_body_front.include" -->
+    <!--#include file="../ssi/common_body_front.include" -->
     <nav class="navbar navbar-inverse navbar-fixed-top">
       <div class="container-fluid">
         <div class="navbar-header">
@@ -175,9 +158,7 @@ <h2>Open Source</h2>
       </footer>
     </div> <!-- /container -->
 
-    <script src="js/jquery.min.js" async></script>
-    <script src="js/bootstrap.min.js" async></script>
-    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-    <script src="js/ie10-viewport-bug-workaround.js" async></script>
+    <!--#include file="../ssi/common_body_back.include" -->
+    <!--#include file="../data/ssi/custom_body_back.include" -->
   </body>
 </html>