add bootstrap and dynatable
[dcaas.git] / index.php
blob:a/index.php -> blob:b/index.php
--- a/index.php
+++ b/index.php
@@ -1,96 +1,45 @@
+<?php
+include("config.php");
+require_once(__ROOT__ . '/lib/tag-cloud/src/lotsofcode/TagCloud/TagCloud.php');
 
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="">
-    <meta name="author" content="">
-    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
+includeHeader("Data Centre as a Service (DCaaS)");
+?>
+<div class="jumbotron">
+    <div class="container">
+        <div style="float:left;
+        margin-top: 10%;
+display: block;
+margin-bottom: 12%;
+margin-right: 5%;">
+            <img src="img/icon_2567.png" width="100" height="100"/>
+        </div>
+        <h1>Data Centre as a Service (DCaaS)!</h1>
 
-    <title>Starter Template for Bootstrap</title>
+        <p>The <a
+                href="http://www.finance.gov.au/policy-guides-procurement/data-centres/data-centre-as-a-service-dcaas-multi-use-list-mul-fact-sheet/">Data
+                Centre as a Service (DCaaS) Multi Use List (MUL)</a> provides Australian Government Agencies with a simple way to procure
+            Cloud and Cloud-Like services. Contracts through the DCaaS MUL are limited to $80,000 (inc GST) and terms up
+            to 12 months.<br/>
+            The DCaaS MUL is available to Commonwealth FMA Act agencies as well as other Commonwealth, State and
+            Territory Government bodies.
+        </p>
 
-    <!-- Bootstrap core CSS -->
-    <link href="js/dynatable/jquery.dynatable.css" rel="stylesheet">
-    <link href="css/bootstrap.css" rel="stylesheet">
+        <p><a class="btn btn-primary btn-lg" role="button" href="table.php">Browse Available Services &raquo;</a></p>
 
-    <!-- Custom styles for this template 
-    <link href="starter-template.css" rel="stylesheet">-->
+    </div>
+</div>
 
+<div class="container">
+    <?php
+    $cloud = new lotsofcode\TagCloud\TagCloud();
+    foreach ($db->query("Select service_name from dcaas_services;") as $row) {
+        foreach (explode(" ", $row[0]) as $word) {
+            $cloud->addTag($word);
+        }
+    }
+    $cloud->setMinLength(4);
+    echo $cloud->render();
+    echo "</div>";
+    includeFooter();
+    ?>
 
-    <!-- Just for debugging purposes. Don't actually copy this line! -->
-    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
-
-    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
-    <![endif]-->
-  </head>
-
-  <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">Project name</a>
-        </div>
-        <div class="collapse navbar-collapse">
-          <ul class="nav navbar-nav">
-            <li class="active"><a href="#">Home</a></li>
-            <li><a href="#about">About</a></li>
-            <li><a href="#contact">Contact</a></li>
-          </ul>
-        </div><!--/.nav-collapse -->
-      </div>
-    </div>
-
-    <div class="container">
-
-      <div class="starter-template">
-<br/>
-<br/>
-        <h1>Bootstrap starter template</h1>
-        <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
-<table id="my-table"><thead>
-<?php
-$row = 0;
-$csvfile = './data/DCaaS+Catalogue+September+2013 PublicDCaaS_AFI_Part_3_Sec_5_Service_.csv';
-if (($handle = fopen($csvfile, "r")) !== FALSE) {
-    while (($data = fgetcsv($handle, 4096, ",")) !== FALSE) {
-	if ($row ==0) {
-echo "<thead><th>".implode($data,"</th><th>")."</th></thead> \n";
-} else {
-echo "<tr><td>".implode($data,"</td><td>")."</td></tr> \n";
-    }
-        $row++;
-}
-    fclose($handle);
-}
-?>
-</table>
-      </div>
-
-    </div><!-- /.container -->
-
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-    <script src="js/dynatable/jquery.dynatable.js"></script>
-<script>
-$('#my-table').dynatable();
-</script>
-  </body>
-</html>
-
-