mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-28 08:03:36 +00:00
235 lines
9.3 KiB
Cheetah
235 lines
9.3 KiB
Cheetah
#def default($text, $default)
|
|
#if $text
|
|
$text
|
|
#else
|
|
$default
|
|
#end if
|
|
#end def
|
|
<!doctype html>
|
|
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
|
|
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
|
|
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
|
|
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
|
<!-- the "no-js" class is for Modernizr -->
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<!-- Always force latest IE rendering engine and Chrome Frame -->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
|
|
<!-- Mobile Viewport Fix http://j.mp/mobileviewport & http://davidbcalhoun.com/2010/viewport-metatag
|
|
device-width : Occupy full width of the screen in its current orientation
|
|
initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
|
|
maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
|
|
-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- R2D2, you know better than to trust a strange computer! -->
|
|
<meta name="robots" content="noindex, nofollow, noarchive" />
|
|
<meta name="googlebot" content="noindex, nofollow, noarchive, nosnippet, noodp, noimageindex, notranslate" />
|
|
<meta name="msnbot" content="noindex, nofollow, noarchive, noodp" />
|
|
<meta name="slurp" content="noindex, nofollow, noarchive, noodp, noydir" />
|
|
|
|
<meta name="title" content="$default($title, 'FreedomBox Dashboard')" />
|
|
<meta name="description" content="Plinth administrative interface for the FreedomBox" />
|
|
<title>$default($title, "FreedomBox Dashboard")</title>
|
|
|
|
<!-- This is the traditional favicon. Size: 16x16 or 32x32, transparency is OK -->
|
|
<link rel="shortcut icon" href="$basehref/static/theme/img/favicon.ico" />
|
|
|
|
<!-- The is the icon for iOS's Web Clip. Size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4
|
|
- To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
|
|
- Transparency is not recommended (iOS will put a black BG behind the icon) -->
|
|
<link rel="apple-touch-icon" sizes="57x57" href="$basehref/static/theme/img/apple-touch-icon-57px-precomposed.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="$basehref/static/theme/img/apple-touch-icon-72px-precomposed.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="$basehref/static/theme/img/apple-touch-icon-114px-precomposed.png" />
|
|
|
|
<!-- Bootstrap base CSS -->
|
|
<link rel="stylesheet" href="$basehref/static/theme/css/bootstrap.css" />
|
|
<style type="text/css">
|
|
/* custom styles, load before bootstrap responsive styles */
|
|
body {
|
|
padding-top:60px;
|
|
padding-bottom:40px;
|
|
}
|
|
.sidebar-nav {
|
|
padding: 9px 0;
|
|
}
|
|
</style>
|
|
<!-- Bootstrap responsive CSS -->
|
|
<link rel="stylesheet" href="$basehref/static/theme/css/bootstrap-responsive.css" />
|
|
<style type="text/css">
|
|
/* custom styles, load after all bootstrap styles */
|
|
.super-hero {
|
|
margin-top:25px;
|
|
}
|
|
.logo-top {
|
|
float:left;
|
|
padding-right:5px;
|
|
}
|
|
.brand {
|
|
padding-top:8px;
|
|
}
|
|
.white {
|
|
color:#fff;
|
|
}
|
|
.error-large {
|
|
font-size:1.2em;
|
|
padding:10px;
|
|
}
|
|
.main-graphic {
|
|
float:right;
|
|
padding:25px;
|
|
}
|
|
.nav-icon {
|
|
margin-right:8px;
|
|
}
|
|
.sidenav-icon {
|
|
margin-right:8px;
|
|
padding-right:5px;
|
|
}
|
|
</style>
|
|
<!-- CSS from previous Plinth template, not sure what to keep yet -->
|
|
$css
|
|
<!-- End Plinth CSS -->
|
|
<!-- JS from previous Plinth template, not sure what to keep yet -->
|
|
<script type="text/javascript" src="$basehref/static/theme/js/menu.js"></script>
|
|
<script type="text/javascript" src="$basehref/static/theme/js/plinth.js"></script>
|
|
$js
|
|
$main_menu_js
|
|
$sub_menu_js
|
|
<script type="text/javascript">
|
|
<!--
|
|
$onload
|
|
// -->
|
|
</script>
|
|
</head>
|
|
<body onLoad="javascript:onload_handler();">
|
|
<div id="header">
|
|
<div id="headerleft">
|
|
<a href="$basehref/"><img src="$basehref/static/theme/images/freedombox.png" /></a>
|
|
</div>
|
|
<div id="headerright">
|
|
<br /><br /><br />
|
|
<h1><a href="$basehref/"><img src="$basehref/static/theme/images/freedombox-logotype.png" /></a></h1>
|
|
<h2><a href="$basehref/">Plinth Administration Control Panel</a></h2>
|
|
<SCRIPT LANGUAGE="JavaScript">
|
|
<!--
|
|
main_menu(main_menu_items);
|
|
// -->
|
|
</SCRIPT>
|
|
</div>
|
|
#if $username
|
|
<p id="layoutdims">Logged in as $username. <a href="$basehref/auth/logout" title="Log out">Logout.</a></p>
|
|
#else
|
|
<p id="layoutdims">Not logged in. <a href="$basehref/auth/login" title="Log in">Log in.</a></p>
|
|
#end if
|
|
<div class="navbar navbar-fixed-top">
|
|
<div class="navbar-inner">
|
|
<div class="container-fluid">
|
|
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</a>
|
|
<a href="$basehref/" class="logo-top"><img src="$basehref/static/theme/img/freedombox-logo-32px.png" alt="FreedomBox" /></a><a class="brand" href="$basehref/">FreedomBox Dashboard</a>
|
|
<div class="nav-collapse">
|
|
<script type="text/javascript">
|
|
<!--
|
|
main_menu(main_menu_items);
|
|
// -->
|
|
</script>
|
|
#if $username
|
|
<p class="navbar-text pull-right"><i class="icon-user icon-white nav-icon"></i>Logged in as <a href="$username">$username</a>. <a href="$basehref/auth/logout" title="Log out">Log out</a>.</p>
|
|
#else
|
|
<p class="navbar-text pull-right">Not logged in. <i class="icon-user icon-white nav-icon"></i><a href="$basehref/auth/login" title="Log in">Log in</a>.</p>
|
|
#end if
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row-fluid">
|
|
<div class="span3">
|
|
<div class="well sidebar-nav">
|
|
#block nav_block
|
|
$nav
|
|
#end block nav_block
|
|
#block sidebar_left_block
|
|
$sidebar_left
|
|
#end block sidebar_left_block
|
|
</div><!--/.well -->
|
|
</div><!--/span-->
|
|
<div class="span9">
|
|
<div class="hero-unit">
|
|
<h2>
|
|
#block title_block
|
|
$title
|
|
#end block title_block
|
|
</h2>
|
|
#block main_block
|
|
$main
|
|
#end block main_block
|
|
</div>
|
|
|
|
<div class="row-fluid">
|
|
<div class="span8 alert alert-info">
|
|
#block sidebar_right_block
|
|
$sidebar_right
|
|
#end block sidebar_right_block
|
|
</div><!--/span-->
|
|
</div><!--/row-->
|
|
|
|
</div><!--/span-->
|
|
</div><!--/row-->
|
|
|
|
<hr>
|
|
|
|
<footer>
|
|
<p>#block footer_block
|
|
<p>
|
|
Plinth is © Copyright 2012 <a href="http://hackervisions.org" target="_blank">James Vasile</a>. It is
|
|
free software offered to you under the terms of
|
|
the <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public
|
|
License</a>, Version 3 or later. This Plinth theme was built by <a href="http://seandiggity.com" target="_blank">Sean "Diggity" O'Brien</a>.
|
|
</p>
|
|
<p>Current page: $current_url</p>
|
|
<p>
|
|
|
|
</p>
|
|
#end block footer_block</p>
|
|
</footer>
|
|
|
|
</div><!--/.fluid-container-->
|
|
|
|
<!-- JavaScript <script> tags are placed at the end of the document to speed up initial page loads-->
|
|
<!-- Local copy of HTML5 shim, for IE6-8 support of HTML5 elements -->
|
|
<!--[if lt IE 9]>
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/html5.js"></script>
|
|
<![endif]-->
|
|
<!-- Local copy of Modernizr -->
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
|
|
<!-- Local copy of jQuery -->
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/jquery-1.7.1.min.js"></script>
|
|
<!-- Bootstrap JS, most files commented out until we know what we need -->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/bootstrap.js"></script>-->
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/bootstrap-min.js"></script>
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/button.js"></script>
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/dropdown.js"></script>
|
|
<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/collapse.js"></script>
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/transition.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/alert.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/modal.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/scrollspy.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/tab.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/tooltip.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/popover.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/carousel.js"></script>-->
|
|
<!--<script type="text/javascript" src="$basehref/static/theme/js/libs/bootstrap/typeahead.js"></script>-->
|
|
<!-- JS plugins -->
|
|
<script type="text/javascript" src="$basehref/static/theme/js/plugins.js"></script>
|
|
</body>
|
|
</html>
|