API tools faq
paste
Advertisement
Guest User

Django Layout Template

a guest
Nov 28th, 2014
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.60 KB | None | 0 0
raw download clone embed print report
  1. //THIS IS MY MAIN TEMPLATE FOR THE SITE - ITS BASICALLY JUST A NAVBAR AT THE TOP WITH SOME ITEMS IN IT AND THEN A CONTENT AREA WHERE EACH PAGE INSERTS ITS OWN STUFF
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>EdinburghBus</title>
  8.     {% load staticfiles %}
  9.  
  10. //THIS IS ALL THE CSS FOR THE LAYOUT TEMPLATE - BOTH BOOTSTRAP AND MY CUSTOM CSS
  11.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  12.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
  13.     //use a custom font
  14.     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  15.     <link rel="stylesheet" type="text/css" href="http://jgmsoftware.blob.core.windows.net/staticfiles/site.css" />
  16.     <link rel="stylesheet" type="text/css" href="http://jgmsoftware.blob.core.windows.net/staticfiles/styles.css" />  
  17.     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  18. </head>
  19.  
  20. <body>
  21. //THIS IS THE NAVBAR
  22.     <div class="navbar navbar-fixed-top">
  23.         <div class="container">
  24.             <div class="navbar-header">
  25.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  26.                     <span class="icon-bar"></span>
  27.                     <span class="icon-bar"></span>
  28.                     <span class="icon-bar"></span>
  29.                 </button>
  30.                 <a href="/" class="navbar-brand"><img src ="http://jgmsoftware.blob.core.windows.net/staticfiles/edinbus_logo.png" style="max-width:150px; margin-top:-7px"/></a>
  31.             </div>
  32.             <div class="navbar-collapse collapse">
  33.                 <ul class="nav navbar-nav">
  34.                     <li><a href="{% url 'home' %}">Home</a></li>
  35.                     <li><a href="{% url 'tracker' %}">Bus Tracker</a></li>
  36.                     <li><a href="{% url 'contact' %}">Map</a></li>
  37.                 </ul>
  38.                 {% include 'app/loginpartial.html' %}
  39.             </div>
  40.         </div>
  41.     </div>
  42.  
  43.     <div class="container body-content">
  44. //THIS IS THE CONTENT BLOCK - EACH PAGE INSERTS WHAT IT WANTS INTO THIS SO EVERY PAGE HAS THE SAME NAVBAR
  45. {% block content %}{% endblock %}
  46.     </div>
  47.  
  48.     <script src="{% static 'app/scripts/jquery-1.10.2.js' %}"></script>
  49.     <script src="{% static 'app/scripts/bootstrap.js' %}"></script>
  50.     <script src="{% static 'app/scripts/respond.js' %}"></script>
  51. {% block scripts %}{% endblock %}
  52.  
  53. </body>
  54. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!