Using verbatim to render the HTML

abrutus · Jan 15, 2013 · e6a8e6c · e6a8e6c
1 parent 539d3a6
commit e6a8e6c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/project_name/templates/404.html b/project_name/templates/404.html
@@ -1,9 +1,9 @@
-{% extends "base.html" %}
+{% verbatim %}{% extends "base.html" %}
 
 {% block title %}Page Not found{% endblock %}
 
 {% block page_title %}Page Not found{% endblock page_title %}
 
 {% block content %}
 <p>This is not the page you were looking for.</p>
-{% endblock content %}
+{% endblock content %}{% endverbatim %}
diff --git a/project_name/templates/base.html b/project_name/templates/base.html
@@ -2,27 +2,27 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>{% block title %}{{ project_name }}{% endblock title %}</title>
+    <title>{% verbatim %}{% block title %}{% endverbatim %}{{ project_name }}{% verbatim %}{% endblock title %}{% endverbatim %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
 
     <!-- Le styles -->
-    <link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
+    <link href="{% verbatim %}{{ STATIC_URL }}{% endverbatim %}css/bootstrap.min.css" rel="stylesheet">
     <style>
       body {
         padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
       }
     </style>
-    <link href="{{ STATIC_URL }}css/bootstrap-responsive.min.css" rel="stylesheet">
+    <link href="{% verbatim %}{{ STATIC_URL }}{% endverbatim %}css/bootstrap-responsive.min.css" rel="stylesheet">
 
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>
       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
 
     <!-- This file store project specific CSS -->
-    <link href="{{ STATIC_URL }}css/project.css" rel="stylesheet">
+    <link href="{% verbatim %}{{ STATIC_URL }}{% endverbatim %}css/project.css" rel="stylesheet">
 
     <!-- Use this to quickly test CSS changes in a template, 
         then move to project.css -->
@@ -53,23 +53,23 @@
 
     <div class="container">
 
-      <h1>{% block page_title %}Example Base Template{% endblock page_title %}</h1>
+      <h1>{% verbatim %}{% block page_title %}Example Base Template{% endblock page_title %}{% endverbatim %}</h1>
 
-      {% block content %}
+      {% verbatim %}{% block content %}
         <p>Use this document as a way to quick start any new project.</p>
-      {% endblock content %}
+      {% endblock content %}{% endverbatim %}
 
     </div> <!-- /container -->
 
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="http://code.jquery.com/jquery-latest.js"></script>
-    <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
+    <script src="{% verbatim %}{{ STATIC_URL }}{% endverbatim %}js/bootstrap.min.js"></script>
 
     <!-- place project specific Javascript in this file -->
-    <script src="{{ STATIC_URL }}js/project.js"></script>
+    <script src="{% verbatim %}{{ STATIC_URL }}{% endverbatim %}js/project.js"></script>
 
-    {% block extra_js %}{% endblock extra_js %}
+    {% verbatim %}{% block extra_js %}{% endblock extra_js %}{% endverbatim %}
   </body>
 </html>