projects / pgopen2018.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: ac88222)
reorient menu
authorxenophenes <xenophenes42@gmail.com>
Mon, 15 May 2017 21:44:42 +0000 (14:44 -0700)
committerxenophenes <xenophenes42@gmail.com>
Mon, 15 May 2017 21:44:42 +0000 (14:44 -0700)
templates/base.html patch | blob | blame | history
templates/index_base.html patch | blob | blame | history

diff --git a/templates/base.html b/templates/base.html
index e5ae4d40c0ad5cb800bc60c4101ace829f7e42b9..edaa4d8c18f746de0ed5a3a0c6b5a7c12896b2f7 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -80,20 +80,31 @@
        <body class="{{page}}">
 
                <!-- Header -->
-                       <header id="header">
-                               <img src="{{media("images/sv_elephant.png")}}" alt="PostgreSQL Logo">
-                               <h1 class="headerh1"><a href="/">PostgresOpen 2017</a></h1>
-                               <nav id="nav">
-                                       <ul>
-                                               <li><a href="{{link("")}}">Home</a></li>
-                                               {{menulink("about", "About")}}
-                                               {{menulink("callforpapers", "Call for Papers")}}
-                                               {{menulink("tickets", "Registration")}}
-                                               {{menulink("venue", "Venue & Hotel")}}
-                                               {{menulink("sponsors", "Sponsors")}}
-                                       </ul>
-                               </nav>
-                       </header>
+                       <nav id="header" class="navbar navbar-fixed-top">
+                               <div id="header-container" class="container navbar-container">
+                                       <!-- 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="#navbar" aria-expanded="false">
+                                                       <i class="fa fa-bars"></i>
+                                               </button>
+                                               <a class="navbar-brand" href="/">
+                                                       <img id="logo" src="{{media("images/logo.png")}}" alt="PGDay Austin Logo">
+                                                       <h1 class="heading">PGDay Austin 2017</h1>
+                                               </a>
+                                       </div>
+                                       <!-- Collect the nav links, forms, and other content for toggling -->
+                                       <div id="navbar" class="collapse navbar-collapse">
+                                               <ul class="nav navbar-nav navbar-right">
+                                                       <li><a href="{{link("")}}">Home</a></li>
+                                                       {{menulink("about", "About")}}
+                                                       {{menulink("callforpapers", "Call for Papers")}}
+                                                       {{menulink("tickets", "Registration")}}
+                                                       {{menulink("venue", "Venue & Hotel")}}
+                                                       {{menulink("sponsors", "Sponsors")}}
+                                               </ul>
+                                       </div><!-- /.navbar-collapse -->
+                               </div><!-- /.container-fluid -->
+                       </nav>
       <section id="main" class="wrapper">
                                <div class="container">
                {%block content%}{%endblock%}
diff --git a/templates/index_base.html b/templates/index_base.html
index 74c3d7ca2582059fce9563054b7d905fe5711cd6..777bf43701e341283a3eca7bd4d579f057627c31 100644 (file)
--- a/templates/index_base.html
+++ b/templates/index_base.html
@@ -80,20 +80,31 @@
        <body class="{{page}}">
 
                <!-- Header -->
-                       <header id="header">
-                               <img src="{{media("images/sv_elephant.png")}}" alt="PostgreSQL Logo">
-                               <h1><a href="/">PostgresOpen 2017</a></h1>
-                               <nav id="nav">
-                                       <ul>
-                                               <li><a href="{{link("")}}">Home</a></li>
-                                               {{menulink("about", "About")}}
-                                               {{menulink("callforpapers", "Call for Papers")}}
-                                               {{menulink("tickets", "Registration")}}
-                                               {{menulink("venue", "Venue & Hotel")}}
-                                               {{menulink("sponsors", "Sponsors")}}
-                                       </ul>
-                               </nav>
-                       </header>
+                       <nav id="header" class="navbar navbar-fixed-top">
+                               <div id="header-container" class="container navbar-container">
+                                       <!-- 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="#navbar" aria-expanded="false">
+                                                       <i class="fa fa-bars"></i>
+                                               </button>
+                                               <a class="navbar-brand" href="/">
+                                                       <img id="logo" src="{{media("images/logo.png")}}" alt="PGDay Austin Logo">
+                                                       <h1 class="heading">PGDay Austin 2017</h1>
+                                               </a>
+                                       </div>
+                                       <!-- Collect the nav links, forms, and other content for toggling -->
+                                       <div id="navbar" class="collapse navbar-collapse">
+                                               <ul class="nav navbar-nav navbar-right">
+                                                       <li><a href="{{link("")}}">Home</a></li>
+                                                       {{menulink("about", "About")}}
+                                                       {{menulink("callforpapers", "Call for Papers")}}
+                                                       {{menulink("tickets", "Registration")}}
+                                                       {{menulink("venue", "Venue & Hotel")}}
+                                                       {{menulink("sponsors", "Sponsors")}}
+                                               </ul>
+                                       </div><!-- /.navbar-collapse -->
+                               </div><!-- /.container-fluid -->
+                       </nav>
 
                {%block content%}{%endblock%}
 
PostgresOpen 2018 Repo