new design for HTML pages

[ppastats.git] / www / pkg_version.tpl
diff --git a/www/pkg_version.tpl b/www/pkg_version.tpl

index bdcfe61..0af0899 100644 (file)
--- a/www/pkg_version.tpl
+++ b/www/pkg_version.tpl
@@ -1,33 +1,21 @@
-<html>
-  <head>
-    <link type="text/css" rel="stylesheet"
-         href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
-    <link type="text/css" href="css/ppastats.css" rel="stylesheet" />
-    <link type="text/css" href="css/jquery.jqplot.min.css" rel="stylesheet" />
-    <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/excanvas.js"></script><![endif]-->
-    <script type="text/javascript" src="js/jquery.min.js"></script>
-    <script type="text/javascript" src="js/jquery.jqplot.min.js"></script>
-    <script type="text/javascript" src="js/jqplot.dateAxisRenderer.min.js"></script>
-    <script type="text/javascript" src="js/ppastats.js"></script>
-    <script>var data = %s;
-            ppastats_ver();
-    </script>
-  </head>
-  <body>
-    <h1><span id="pkg_name">N/A</span></h1>
-    <div id="version"><em>Version:</em></div>
-    <p><em>PPA</em>: 
-      <a href="index.html">
-       <span id="ppa_owner">N/A</span>/<span id="ppa_name">N/A</span>
-      </a>
-    </p>
-    <div id="charts">
-      <div id="chart"></div>
-    </div>
-    <div id="details">
-      <div class="distros">
-       <em>Distros</em>:
-       <ul id="distros"></ul>
-      </div>
-    </div>
+<div id="menu">
+  <div>
+    <em>PPA</em>: 
+    <a href="index.html">
+      <span id="ppa_owner">N/A</span>/<span id="ppa_name">N/A</span>
+    </a>
+  </div>
+  <div>
+    <em>Package</em>: <span id="pkg_name">N/A</span>
+  </div>
+  <div id="version"><em>Version</em>: </div>
+  <div id="distros">
+    <em>Distributions</em>:
+  </div>
+</div>
  
+<div id="main">
+  <div id="charts">
+    <div id="chart"></div>
+  </div>
+</div>