]> WPIA git - gigi.git/blobdiff - src/org/cacert/gigi/Gigi.templ
ADD: First attempt for a redesign
[gigi.git] / src / org / cacert / gigi / Gigi.templ
index 478c9e9bbca1a89cf1920bcf37b27ce05804cab3..af183a278ab996f8a553941dd87ca1227d4b19ac 100644 (file)
@@ -1,36 +1,53 @@
-<!DOCTYPE html>
-<html>
-<head>
-<title><?=$title?></title>
-<link rel="stylesheet" href="<?=$static?>/default.css" type="text/css">
-<script src="<?=$static?>/menu.js"></script>
-<link rel="alternate" type="application/rss+xml" title="Newsfeed" href="//blog.CAcert.org/feed">
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
-</head>
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <link rel="alternate" type="application/rss+xml" title="Newsfeed" href="//blog.CAcert.org/feed">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title><?=$title?></title>
+        <meta name="description" content="">
+        <link rel="stylesheet" href="<?=$static?>/css/jquery-ui-timepicker-addon.css">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="apple-touch-icon" href="<?=$static?>/apple-touch-icon.png">
+
+        <link rel="stylesheet" href="<?=$static?>/css/bootstrap.min.css">
+        <link rel="stylesheet" href="<?=$static?>/css/cacert.css">
+        
+        <script src="<?=$static?>/js/jquery.min.js"></script>
+        <script src="<?=$static?>/js/bootstrap.min.js"></script>
+    </head>
+    <body>
 <body>
-       <div id="pagecell1">
-               <div id="pageName">
-                       <br>
-                       <div id="pageLogo">
-                               <a href="/"><img src="<?=$static?>/images/cacert4.png"
-                                       alt="CAcert.org logo"></a>
-                       </div>
-                       <div id="googlead">
-                               <h2><?=_Free digital certificates!?></h2>
-                       </div>
-               </div>
-               <div id="pageNav">
-                       <? if($loggedInAs) { ?><div><?=_Logged in as?>: <?=$loggedInAs?> <?=_with?> <?=$loginMethod?></div><? } ?>
-                       <?=$menu?>
-                       <div>
-                               <h3 class="pointer"><?=_Advertising?></h3>
-                               <ul class="menu hidden" id="recom"></ul>
-                       </div>
-               </div>
-               <div id="content">
+<nav class="navbar navbar-default">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav" aria-expanded="false">
+        <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="#"><img alt="CAcert" src="<?=$static?>/images/cacert4.png"></a>
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="main-nav">
+      <ul class="nav navbar-nav">
+        <?=$menu?>
+      </ul>
+      <ul class="nav navbra-nav navbar-right">
+      <li><p class="navbar-text"><? if($authContext) { ?><?=$authContext?><? } ?></p></li>
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  </div><!-- /.container-fluid -->
+</nav>
+       <div class="container">
+               
                        <h1><?=$title?></h1>
                        <div class="content"><?=$content?></div>
-               </div>
+       </div>
+       <hr/>
                <div class="sponsorinfo">
                        <?=_CAcert operations are sponsored by?>
                        <a href="http://www.bit.nl/" target="_blank">
@@ -46,7 +63,7 @@
                                <img class="sponsorlogo" src="<?=$static?>/images/oan.png" alt="[OAN logo]">
                        </a>
                </div>
-
+       
                <div id="siteInfo">
                        <a href="//wiki.cacert.org/FAQ/AboutUs"><?=_About Us?></a> |
                        <a href="/index.php?id=13"><?=_Donations?></a> |
@@ -56,6 +73,6 @@
                        <a href="/index.php?id=11"><?=_Contact Us?></a> |
                        ©2002-<?=$year?> <?=_by CAcert?>
                </div>
-       </div>
+
 </body>
 </html>