diff options
| author | olf <olf@subsignal.org> | 2015-03-15 04:26:02 +0100 |
|---|---|---|
| committer | olf <olf@subsignal.org> | 2015-03-15 04:26:02 +0100 |
| commit | 114a720789877909928b805a1600183b10fcd900 (patch) | |
| tree | 10e34595438b9e71de40ddb63ecb66af04b04cf7 | |
| parent | 5c242f9927632457a14ae248e9565762677e5786 (diff) | |
adapting template to bootstrap
| -rw-r--r-- | template/template/template.html | 154 |
1 files changed, 34 insertions, 120 deletions
diff --git a/template/template/template.html b/template/template/template.html index 5cf8ea9..239752f 100644 --- a/template/template/template.html +++ b/template/template/template.html @@ -16,57 +16,41 @@ <meta name="description" lang="de" content="$template_desc_de"> <meta name="description" lang="en" content="$template_desc_en"> - <link rel="stylesheet" href="/css/sublab-2013041401.css" type="text/css"> - <link rel="stylesheet" href="/css/taifun.status.css" type="text/css"> - <link rel="stylesheet" href="/css/trieste.status.css" type="text/css"> - <link rel="stylesheet" href="/css/nautilus.status.css" type="text/css"> + <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css"> + <link rel="stylesheet" href="/css/sublab.bootstrap.css" type="text/css"> <link rel="stylesheet" href="/css/sublab.status.css" type="text/css"> <link rel="stylesheet" href="/css/stream.status.css" type="text/css"> <link rel="shortcut icon" href="/img/favicon.png"> <link rel="space-api" href="/status.json" /> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> + <script src="/js/bootstrap.min.js"></script> + </head> - <body> - <div class="hiddenframe"> - <div class="frame"> + <body class="full"> - <div class="logo"> - </div> - - <div class="image"> - <p class="header"> - <span class="box header">[ <a href="/wiki/Mate/">mate</a> und technik ]</span> - </p> - <div id="statusimage"></div> - <h1> - Das sublab - ein Hackerspace in Leipzig - </h1> - </div> - - <div class="menu"> - <ul id="menu"> - <li class="menu"> - <a href="/">Home</a> - </li> - <li class="menu"> - <a href="/neues">Archiv</a> - </li> + <nav class="navbar navbar-default navbar-static-top"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <div id="statusimage" class="pull-right navbar-collapsed"></div> + <a class="navbar-brand" href="#top">sublab</a> + </div> + <div id="navbar" class="collapse navbar-collapse"> + <ul class="nav navbar-nav"> <li class="menu"> <a href="/termine">Termine</a> </li> <li class="menu"> - <a href="/raeume">Räume</a> - </li> - <li class="menu"> <a href="/projekte">Projekte</a> </li> <li class="menu"> - <a href="/webcam">Webcams</a> - </li> - <li class="menu"> - <a href="/lage">Lage</a> - </li> - <li class="menu"> <a href="/medien">Medien</a> </li> <li class="menu"> @@ -82,93 +66,23 @@ Git</a> <li class="menu"> <a href="/verein">Verein</a> </li> - </ul> - </div> + </ul> + </div><!--/.nav-collapse --> + </div> + </nav> - <div class="info"> + <div class="container"> - <h4> - Statusdisplay - </h4> - <hr> - <div class="status"> - <!--<table> - <tr> - <td class="status"> - sublab: - </td> - <td class="statusinfo"> - <span class="box sublabopen">Open</span> <span class="box sublabclosed">Closed</span> - </td> - </tr> - </table> - <hr>--> - <table> - <tr> - <td class="status"> - Taifun: - </td> - <td class="statusinfo"> - <span class="box taifunonline">Online</span> <span class="box taifunoffline">Offline</span> - </td> - </tr> - <tr> - <td class="status"> - Trieste: - </td> - <td class="status"> - <span class="box triesteonline">Online</span> <span class="box triesteoffline">Offline</span> - </td> - </tr> - <!--<tr> - <td class="status"> - Nautilus: - </td> - <td class="status"> - <span class="box nautilusonline">Online</span> <span class="box nautilusoffline">Offline</span> - </td> - </tr>--> - </table> - </div> - <hr> - <p class="stream-ad"> - <a href="http://void.subsignal.org:9000/status.xsl"><b>Livestream</b></a> - </p> - <hr class="stream-ad"/> - <p class="status"> - $template_chattopic - </p> - <hr> - <!--<a href="/webcam" class="img"><img src="/img/thumb.street.webcam.jpg" alt="Webcam im Fenster" class="webcamthumb"></a> - <hr> - <a href="/img/tempgraph.png" class="img"><img src="/img/thumb.tempgraph.png" alt="Temperaturen im sublab" class="webcamthumb"></a> - <hr> - <object data="http://reeknersprook.de/sublog/graph-small?width=180" type="image/png" title="sublog/graph"></object>--> - <hr> - <p class="member"> - <a href="/inc/sublab_ev_mitgliedsantrag.pdf">Mitglied werden</a> - </p> - </div> - - <div class="content"> - + <div class="row content"> + <div class="col-md-1"></div> + <div class="col-md-10"> $template_content - <hr> </div> + <div class="col-md-1"></div> + </div> - <div class="footer"> - <p> - <a href="http://c3le.de">c3le</a> | - <a href="http://leipzig.freifunk.net">Freifunk Leipzig</a> | - <a href="https://wiki.fsfe.org/groups/Leipzig">FSFE Leipzig</a> | - <a href="http://hackstatt.org">Hackstatt</a> | - <a href="http://sublab.org/sublounge">sub:lounge</a> | - <a href="http://aboutradio.org">about:radio</a> - </p> - </div> - - </div> - </div> - </body> + </div> + +</body> </html> |