Modernize templates

[gruntmaster-page.git] / lib / Gruntmaster / Page / Base.pm
diff --git a/lib/Gruntmaster/Page/Base.pm b/lib/Gruntmaster/Page/Base.pm

index a7188d7cd4e660b3c6371be00f316bf55f54cb6e..47beca71695a2e56c03221d1f5d4c4fbe0143cf2 100644 (file)
--- a/lib/Gruntmaster/Page/Base.pm
+++ b/lib/Gruntmaster/Page/Base.pm
@@ -4,6 +4,7 @@ use 5.014000;
  use strict;
  use warnings;
  
+use Encode qw/encode/;
  use File::Slurp qw/read_file/;
  use HTML::Template::Compiled;
  
@@ -36,20 +37,46 @@ my %orig_header_templates = (
    en => <<'HTML',
  <!DOCTYPE html>
  <title>TITLE_GOES_HERE</title>
-<link rel="stylesheet" href="/static/gm.css">
-<script src="/static/zepto.var" defer></script>
-<script src="/static/view.js" defer></script>
-<script src="/static/form.js" defer></script>
  <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
-<span id="admin"></span>
-<div id="title"><span class="i">i</span><span class="Eval">Eval</span></div>
-<div id="subtitle">TITLE_GOES_HERE</div>
+<link rel="stylesheet" href="/css/cyborg" id="stylesheet">
+<script src="/js" type="text/javascript"></script>
+
+<nav class="navbar navbar-default navbar-static-top" role="navigation">
+<div class="container-fluid">
+<div class="navbar-header">
+<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="/">Gruntmaster 6000</a>
+</div>
  
-<nav><ul>
-<li><a href="/pb/">Problems</a>
+<div class="collapse navbar-collapse">
+<ul class="nav navbar-nav">
+<li><a href="/pb/">Problem list</a>
  <li><a href="/ct/">Contests</a>
-<li><a href="/log/">Job log</a></ul></nav>
+<li><a href="/account">Account</a>
+</ul>
+
+<ul class="nav navbar-nav navbar-right">
+<li><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
+
+<ul class="dropdown-menu" role="menu">
+<li><a href="#" id="theme_slate">Gunmetal gray</a>
+<li><a href="#" id="theme_cyborg">Black</a>
+<li><a href="#" id="theme_cerulean">White</a>
+<li><a href="#" id="theme_cosmo">Metro</a>
+</ul>
+
+<li><a href="/log/">Job log</a>
+</ul>
+</div>
+</div>
+</nav>
+
+<div class="container-fluid">
+
+<div id="title"><span class="i">i</span><span class="Eval">Eval</span></div>
+<div id="subtitle">TITLE_GOES_HERE</div>
  
  HTML
  );
@@ -114,7 +141,7 @@ sub generate{
  
         my $htc = HTML::Template::Compiled->new(scalarref => \$templates{$self}{$lang}, default_escape => 'HTML',);
         $self->_generate($htc, $lang, @args);
-       [200, ['Content-Type' => 'text/html', 'Content-Language' => $_[1]], [ $htc->output ] ]
+       [200, ['Content-Type' => 'text/html', 'Content-Language' => $_[1]], [ encode 'UTF-8' => $htc->output ] ]
  }
  
  sub _generate {}