add bootstrap and dynatable
[dcaas.git] / index.php
blob:a/index.php -> blob:b/index.php
  <?php
  include("config.php");
  require_once(__ROOT__ . '/lib/tag-cloud/src/lotsofcode/TagCloud/TagCloud.php');
   
<!DOCTYPE html> includeHeader("Data Centre as a Service (DCaaS)");
<html lang="en"> ?>
<head> <div class="jumbotron">
<meta charset="utf-8"> <div class="container">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <div style="float:left;
<meta name="viewport" content="width=device-width, initial-scale=1.0"> margin-top: 10%;
<meta name="description" content=""> display: block;
<meta name="author" content=""> margin-bottom: 12%;
<link rel="shortcut icon" href="../../docs-assets/ico/favicon.png"> 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 --> <p><a class="btn btn-primary btn-lg" role="button" href="table.php">Browse Available Services &raquo;</a></p>
<link href="js/dynatable/jquery.dynatable.css" rel="stylesheet">  
<link href="css/bootstrap.css" rel="stylesheet">  
   
<!-- Custom styles for this template </div>
<link href="starter-template.css" rel="stylesheet">--> </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>