Mercurial > public > sg101

annotate sg101/templates/v3/base.html @ 1066:9410dc5b3103

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Separate logo areas for small / medium screens.
author Brian Neal <bgneal@gmail.com>
date Thu, 31 Mar 2016 20:20:29 -0500
parents 6a18e7ba0609
children 1868467244d2
rev   line source
bgneal@1045 1 <!doctype html>
bgneal@1045 2 <html class="no-js" lang="en">
bgneal@1045 3 {% load cache %}
bgneal@1045 4 {% load static from staticfiles %}
bgneal@1045 5 {% load contest_tags %}
bgneal@1047 6 {% load core_tags %}
bgneal@1045 7 {% load donations_tags %}
bgneal@1045 8 {% load irc_tags %}
bgneal@1047 9 {% load messages_tags %}
bgneal@1045 10 {% load poll_tags %}
bgneal@1045 11 {% load potd_tags %}
bgneal@1045 12 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
bgneal@1045 13 <meta charset="utf-8">
bgneal@1045 14 <meta name="Author" content="Brian Neal">
bgneal@1045 15 <meta name="robots" content="all">
bgneal@1045 16 <meta http-equiv="x-ua-compatible" content="ie=edge">
bgneal@1045 17 <meta name="viewport" content="width=device-width, initial-scale=1.0">
bgneal@1045 18 {% block custom_meta %}{% endblock %}
bgneal@1045 19 <title>SurfGuitar101.com | {% block title %}{% endblock %}</title>
bgneal@1045 20 <link rel="stylesheet" href="{% static "css/v3/main.min.css" %}">
bgneal@1045 21 <link rel="stylesheet" href="{% static "css/v3/foundation-icons.css" %}" />
bgneal@1045 22 <link rel="shortcut icon" href="{% static "favicon.ico" %}">
bgneal@1045 23 {% block custom_head %}{% endblock %}
bgneal@1045 24 {% block custom_css %}{% endblock %}
bgneal@1045 25 </head>
bgneal@1045 26 <body>
bgneal@1054 27 <header id="base-header">
bgneal@1045 28 <div class="top-bar">
bgneal@1045 29 <div class="top-bar-left">
bgneal@1045 30 <ul class="menu">
bgneal@1055 31 <li><a href="/"><i class="fi-home size-24" title="SG101 Home"></i></a></li>
bgneal@1045 32 {% if user.is_authenticated %}
bgneal@1045 33 <li><a href="{% url 'bio-me' %}">{{ user.username }}'s Profile</a></li>
bgneal@1047 34 <li><a href="{% url 'messages-inbox' %}">Private Messages
bgneal@1047 35 {% unread_messages %}</a></li>
bgneal@1045 36 <li><a href="{% url 'accounts-logout' %}">Logout</a></li>
bgneal@1045 37 {% else %}
bgneal@1056 38 {% if request.path != "/accounts/logout/" %}
bgneal@1056 39 <li><a href="{% url 'accounts-login' %}?next={{ request.path }}">Login</a></li>
bgneal@1056 40 {% else %}
bgneal@1056 41 <li><a href="{% url 'accounts-login' %}">Login</a></li>
bgneal@1056 42 {% endif %}
bgneal@1045 43 <li><a href="{% url 'accounts-register' %}">Register</a></li>
bgneal@1045 44 {% endif %}
bgneal@1045 45 </ul>
bgneal@1045 46 </div>
bgneal@1045 47 <div class="top-bar-right">
bgneal@1054 48 <form id="top-search" method="get" action="{% url 'haystack_search' %}">
bgneal@1054 49 <ul class="menu">
bgneal@1054 50 <li><input type="search" placeholder="Search" name="q"></li>
bgneal@1054 51 <li><button type="submit" class="button" form="top-search">Search</button></li>
bgneal@1054 52 </ul>
bgneal@1054 53 <input type="hidden" name="models" value="forums.topic" />
bgneal@1054 54 <input type="hidden" name="models" value="forums.post" />
bgneal@1054 55 <input type="hidden" name="models" value="news.story" />
bgneal@1054 56 <input type="hidden" name="models" value="bio.userprofile" />
bgneal@1054 57 <input type="hidden" name="models" value="weblinks.link" />
bgneal@1054 58 <input type="hidden" name="models" value="downloads.download" />
bgneal@1054 59 <input type="hidden" name="models" value="podcast.item" />
bgneal@1054 60 <input type="hidden" name="models" value="ygroup.post" />
bgneal@1054 61 </form>
bgneal@1045 62 </div>
bgneal@1045 63 </div>
bgneal@1045 64
bgneal@1066 65 {#------------------------- Header logo --------------------------------------#}
bgneal@1066 66 <div id="logo-row" class="row align-center show-for-medium">
bgneal@1055 67 <div class="small-4 columns">
bgneal@1063 68 <a href="/"><img src="{% static "images/v3-logo.png" %}" alt="SG101 logo"></a>
bgneal@1045 69 </div>
bgneal@1066 70 <div class="small-8 columns">
bgneal@1063 71 <a href="/forums/topic/27440/">
bgneal@1063 72 <img src="{% static "images/10yearsSG101-Rob_J.jpg" %}" alt="SG101 Turns 10 Years Old!"
bgneal@1063 73 title="SG101 Turns 10 Years Old!"/></a>
bgneal@1045 74 </div>
bgneal@1045 75 </div>
bgneal@1045 76
bgneal@1066 77 {#------------------------- Small screen logo orbit -------------------------#}
bgneal@1066 78 <div class="orbit hide-for-medium" role="region" aria-label="SG101 Logo and Banners" data-orbit>
bgneal@1066 79 <ul class="orbit-container">
bgneal@1066 80 <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
bgneal@1066 81 <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
bgneal@1066 82 <li class="is-active orbit-slide">
bgneal@1066 83 <div class="row align-center hide-for-medium">
bgneal@1066 84 <div class="small-6 columns">
bgneal@1066 85 <a href="/"><img src="{% static "images/v3-logo.png" %}" alt="SG101 logo"></a>
bgneal@1066 86 </div>
bgneal@1066 87 </div>
bgneal@1066 88 </li>
bgneal@1066 89 <li class="orbit-slide">
bgneal@1066 90 <div class="row align-center hide-for-medium">
bgneal@1066 91 <div class="small-12 columns">
bgneal@1066 92 <a href="/forums/topic/27440/">
bgneal@1066 93 <img src="{% static "images/10yearsSG101-Rob_J.jpg" %}" alt="SG101 Turns 10 Years Old!"
bgneal@1066 94 title="SG101 Turns 10 Years Old!"/></a>
bgneal@1066 95 </div>
bgneal@1066 96 </div>
bgneal@1066 97 </li>
bgneal@1066 98 </ul>
bgneal@1066 99 <nav class="orbit-bullets">
bgneal@1066 100 <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
bgneal@1066 101 <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
bgneal@1066 102 </nav>
bgneal@1066 103 </div>
bgneal@1066 104
bgneal@1066 105 {#--------------------------- Main Menus -------------------------------------#}
bgneal@1066 106
bgneal@1045 107 <div class="top-bar" id="main-menu">
bgneal@1050 108 <div class="top-bar-title">
bgneal@1050 109 <span data-responsive-toggle="responsive-menu" data-hide-for="medium">
bgneal@1065 110 <span class="menu-icon dark" data-toggle></span>
bgneal@1050 111 </span>
bgneal@1050 112 <span class="hide-for-medium"><strong>Menu</strong></span>
bgneal@1050 113 </div>
bgneal@1050 114 <div id="responsive-menu">
bgneal@1050 115 <div class="top-bar-left">
bgneal@1050 116 <ul class="menu vertical medium-horizontal expanded" data-responsive-menu="drilldown medium-dropdown">
bgneal@1065 117 <li><a href="#">News</a>
bgneal@1050 118 <ul class="menu vertical">
bgneal@1050 119 <li><a href="{% url 'news-index_page' %}">News</a></li>
bgneal@1050 120 <li><a href="{% url 'news-submit' %}">Submit News</a></li>
bgneal@1050 121 </ul>
bgneal@1050 122 </li>
bgneal@1065 123 <li><a href="#">Forums</a>
bgneal@1050 124 <ul class="menu vertical">
bgneal@1050 125 <li><a href="{% url 'forums-unread_topics' %}">Unread Topics</a></li>
bgneal@1050 126 <li><a href="{% url 'forums-active_topics' 30 %}">Active Topics</a></li>
bgneal@1050 127 <li><a href="{% url 'forums-index' %}">All Forums</a></li>
bgneal@1050 128 <li><a href="{% url 'forums-my_posts' %}">My Posts</a></li>
bgneal@1050 129 <li><a href="{% url 'forums-manage_favorites' %}">My Favorites</a></li>
bgneal@1050 130 <li><a href="{% url 'forums-manage_subscriptions' %}">My Subscriptions</a></li>
bgneal@1050 131 <li><a href="{% url 'forums-unanswered_topics' %}">Unanswered Topics</a></li>
bgneal@1050 132 </ul>
bgneal@1050 133 </li>
bgneal@1065 134 <li><a href="#">Surf Music</a>
bgneal@1050 135 <ul class="menu vertical">
bgneal@1050 136 <li><a href="{% url 'gcalendar-index' %}">Calendar</a></li>
bgneal@1050 137 <li><a href="{% url 'downloads-index' %}">Downloads</a></li>
bgneal@1050 138 <li><a href="{% url 'podcast-main' %}">Podcast</a></li>
bgneal@1050 139 <li><a href="{% url 'potd-view' %}">Photo of the Day</a></li>
bgneal@1050 140 <li><a href="{% url 'weblinks-main' %}">Links</a></li>
bgneal@1050 141 <li><a href="{% url 'bandmap-map' %}">Surf Band Map</a></li>
bgneal@1050 142 <li><a href="{% url 'ygroup-thread_index' %}">Yahoo Group</a></li>
bgneal@1050 143 </ul>
bgneal@1050 144 </li>
bgneal@1065 145 <li><a href="#">Site</a>
bgneal@1050 146 <ul class="menu vertical">
bgneal@1050 147 <li><a href="{% url 'contact-form' %}">Contact</a></li>
bgneal@1065 148 <li><a href="{% url 'contests-index' %}">Contests</a></li>
bgneal@1065 149 <li><a href="{% url 'donations-index' %}">Donations</a></li>
bgneal@1065 150 <li><a href="{% url 'polls-main' %}">Polls</a></li>
bgneal@1065 151 <li><a href="/store/">Store</a></li>
bgneal@1065 152 <li><a href="http://wiki.surfguitar101.com">Wiki</a></li>
bgneal@1065 153 </ul>
bgneal@1065 154 </li>
bgneal@1065 155 <li><a href="#">Members</a>
bgneal@1065 156 <ul class="menu vertical">
bgneal@1050 157 <li><a href="{% url 'irc-main' %}">Chat/IRC</a></li>
bgneal@1050 158 <li><a href="{% url 'bio-member_list' type='user' %}">Member List</a></li>
bgneal@1050 159 <li><a href="{% url 'bio-member_search' %}">Member Search</a></li>
bgneal@1050 160 <li><a href="{% url 'membermap-index' %}">Member Map</a></li>
bgneal@1050 161 </ul>
bgneal@1050 162 </li>
bgneal@1050 163 </ul>
bgneal@1050 164 </div>
bgneal@1050 165 </div>
bgneal@1045 166 </div>
bgneal@1045 167 </header>
bgneal@1045 168
bgneal@1045 169 <div class="row">
bgneal@1045 170 <div class="medium-3 columns show-for-medium">
bgneal@1045 171 {# cache 300 potd_block #}
bgneal@1045 172 {% photo_of_the_day %}
bgneal@1045 173 {# endcache #}
bgneal@1045 174 {# cache 60 irc_block #}
bgneal@1045 175 {% irc_status %}
bgneal@1045 176 {# endcache #}
bgneal@1045 177 {# cache 3600 poll_block #}
bgneal@1045 178 {% latest_poll_block %}
bgneal@1045 179 {# endcache #}
bgneal@1045 180 {# cache 3600 contests_block #}
bgneal@1045 181 {% latest_contests_block %}
bgneal@1045 182 {# endcache #}
bgneal@1045 183 {# cache 600 donations_block #}
bgneal@1045 184 {% monthly_goal %}
bgneal@1045 185 {# endcache #}
bgneal@1047 186 {# cache 3600 birthday_block #}
bgneal@1047 187 {% birthday_block %}
bgneal@1047 188 {# endcache #}
bgneal@1045 189 </div>
bgneal@1058 190 <div class="small-12 medium-9 columns">
bgneal@1045 191 {% block content %}{% endblock %}
bgneal@1045 192 </div>
bgneal@1045 193 </div>
bgneal@1045 194
bgneal@1047 195 <footer>
bgneal@1062 196 <div class="row expanded callout secondary align-middle medium-unstack">
bgneal@1062 197 <div class="columns">
bgneal@1047 198 <a href="https://www.twitter.com/SurfGuitar101">
bgneal@1047 199 <i class="fi-social-twitter size-72"></i>
bgneal@1047 200 Follow SurfGuitar101 on Twitter!</a>
bgneal@1047 201 </div>
bgneal@1062 202 <div class="columns">
bgneal@1047 203 <ul>
bgneal@1050 204 <li><a href="{% url 'contact-form' %}">Contact Us</a></li>
bgneal@1050 205 <li><a href="/about/">About Us</a></li>
bgneal@1050 206 <li><a href="/policy/tos/">Terms of Service</a></li>
bgneal@1050 207 <li><a href="/policy/privacy/">Privacy Policy</a></li>
bgneal@1050 208 <li><a href="/colophon/">Colophon</a></li>
bgneal@1047 209 </ul>
bgneal@1047 210 </div>
bgneal@1062 211 <div class="columns">
bgneal@1047 212 <p>
bgneal@1047 213 SurfGuitar101.com © 2004 - 2016 by Brian Neal. All comments and user
bgneal@1047 214 contributed articles are property of the posters.
bgneal@1047 215 </p>
bgneal@1047 216 <p>
bgneal@1047 217 Thanks to all the surf bands, past and present. And thanks to all the
bgneal@1047 218 fans who care about and keep surf music alive.
bgneal@1047 219 </p>
bgneal@1047 220 </div>
bgneal@1047 221 </div>
bgneal@1047 222 </footer>
bgneal@1045 223
bgneal@1050 224 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
bgneal@1047 225 <script src="{% static "js/v3/what-input.min.js" %}"></script>
bgneal@1047 226 <script src="{% static "js/v3/foundation.min.js" %}"></script>
bgneal@1047 227 <script src="{% static "js/v3/sg101.js" %}"></script>
bgneal@1045 228 </body>
bgneal@1045 229 </html>