Skip to content

Instantly share code, notes, and snippets.

@kshepp

kshepp/repeatable_content.html

Last active September 30, 2024 22:22
Show Gist options
  • Save kshepp/98124b932a6f3dbd95e9 to your computer and use it in GitHub Desktop.
Save kshepp/98124b932a6f3dbd95e9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. kshepp revised this gist Jan 18, 2016. 1 changed file with 23 additions and 31 deletions.
    54 changes: 23 additions & 31 deletions repeatable_content.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,23 @@
    <!-- This loads of all of files that you call below from your 'static' folder -->
    {% load staticfiles %}
    <!--The static folder consists of your bootstrap files (.css, .js, fonts, etc)-->
    <!--When you load the static folders is calls all those folders in the static files without having to code each one in individually-->

    <html>
    <head>
    <!--This is the meta information which is good for SEO-->
    {% block head-meta %}
    <meta charset="utf-8">
    <!--Add keywords that describe your project between the quotation marks. This helps search engines find and index your content-->
    <meta name="keywords" content="REPLACE WITH YOUR OWN KEYWORDS HERE, AND HERE, AND HERE">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% endblock %}

    <!--The Block CSS is an example of what could go in your base.html file. If you already have these added into your static files then
    there's no need to call them here because you already loaded the static files at the top of the document. If these files are already in
    your static files then delete the 'block head-css below'-->

    {% block head-css %}
    <link href="{% static 'bootstrap/css/bootstrap-theme.css' %}"
    rel="stylesheet" media="screen">
    @@ -25,7 +33,7 @@
    </head>


    <!-- Start of the navigation bar at the top -->
    <!-- This is the start of the navigation bar at the top of the page-->
    <header>
    <div class="container clearfix">

    @@ -40,77 +48,61 @@
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="{%url 'index' %}">
    <!-- <h1 id="logo"> -->
    <!-- <img class="img-responsive" src="/static/bootstrap/img/INSERT IMAGE OF BRAND HERE"> -->
    <!-- </h1> -->
    <!--Below is the top-left hand side of the screen where you usually see a company/project name and a logo-->
    <!--The next line sends the user back to the home page-->
    <a class="navbar-brand" href="{%url 'index' %}">
    <!--Insert the file name of your brand image below after the 'img'-->
    <img class="img-responsive" src="/static/bootstrap/img/INSERT IMAGE OF BRAND HERE">
    </a>
    </div>

    <div id= "navbar" class="navbar-collapse collapse">



    <ul class="nav navbar-nav">

    <!--Below is where you put the rest of the links to the pages you've created. Please reference your own models
    in Django.-->
    <li>
    <a href="{% url 'index' %}">Cities</a>
    </li>
    <li>
    <a href="{% url 'all_cafes' %}">Cafes</a>
    </li>

    </ul>
    </div>

    </nav>
    </div>
    </div>

    </div>
    </header>


    <!-- End of the navigation bar section -->


    <!-- This is where you put your page content. Leave it blank for now. -->

    <!-- This is where you'll put your page content. Leave it blank for now. -->
    <div class="container">
    {% block content %}Nothing Here{% endblock %}
    </div>


    <!-- This is where the footer begins -->

    <footer>
    <div class= "navbar navbar-inverse navbar-static-bottom" role="navigation">

    <div class="navbar-text pull-left">
    </div>

    <div class= "navbar-text pull-right">
    <!-- insert social media / github link here -->

    <!-- Add in your social media / github links here -->
    <a href="https://github.com/clarkdatalabs">
    <i class="fa fa-github-square fa-2x"></i></a>

    </div>



    <!--Below is the copyright information for the site. You can fill in your own here.-->
    <div class="navbar-text pull-left">
    &copy; Digital Projects Studio, 2015
    </div>

    </div>
    </footer>

    <!--This is my javascript block. If you've included the javascript files you need in the 'static' folder then there's no need to
    put this here and you can delete the block below.-->
    {% block head-javascript %}
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    {% endblock %}
    </html>

    </html>
  2. kshepp revised this gist Dec 1, 2015. 1 changed file with 0 additions and 2 deletions.
    2 changes: 0 additions & 2 deletions repeatable_content.html
    View file
    Original file line number Diff line number Diff line change
    @@ -109,8 +109,6 @@
    {% block head-javascript %}
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
    <script src="{% static 'bootstrap/js/navbar.js' %}"></script>
    <script src="{% static 'bootstrap/js/npm.js' %}"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    {% endblock %}
  3. kshepp created this gist Dec 1, 2015.
    118 changes: 118 additions & 0 deletions repeatable_content.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,118 @@
    <!-- This loads of all of files that you call below from your 'static' folder -->
    {% load staticfiles %}

    <html>
    <head>
    {% block head-meta %}
    <meta charset="utf-8">
    <meta name="keywords" content="REPLACE WITH YOUR OWN KEYWORDS HERE, AND HERE, AND HERE">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% endblock %}

    {% block head-css %}
    <link href="{% static 'bootstrap/css/bootstrap-theme.css' %}"
    rel="stylesheet" media="screen">
    <link href="{% static 'bootstrap/css/bootstrap.css' %}"
    rel="stylesheet" media="screen">
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}"
    rel="stylesheet" media="screen">
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="{% static 'bootstrap/css/custom.css' %}"
    rel="stylesheet" media="screen">
    {% endblock %}

    </head>


    <!-- Start of the navigation bar at the top -->
    <header>
    <div class="container clearfix">

    <div class= "navbar-wrapper">
    <div class="container">
    <nav class = "navbar navbar-inverse navbar-fixed-top" id="navbar_whole">

    <div class = "navbar-header">
    <button type= "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target= "#navbar" aria-expanded="false" aria-controls = "navbar">
    <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="{%url 'index' %}">
    <!-- <h1 id="logo"> -->
    <!-- <img class="img-responsive" src="/static/bootstrap/img/INSERT IMAGE OF BRAND HERE"> -->
    <!-- </h1> -->
    </a>
    </div>

    <div id= "navbar" class="navbar-collapse collapse">



    <ul class="nav navbar-nav">

    <li>
    <a href="{% url 'index' %}">Cities</a>
    </li>
    <li>
    <a href="{% url 'all_cafes' %}">Cafes</a>
    </li>

    </ul>
    </div>

    </nav>
    </div>
    </div>

    </div>
    </header>


    <!-- End of the navigation bar section -->


    <!-- This is where you put your page content. Leave it blank for now. -->

    <div class="container">
    {% block content %}Nothing Here{% endblock %}
    </div>


    <!-- This is where the footer begins -->

    <footer>
    <div class= "navbar navbar-inverse navbar-static-bottom" role="navigation">

    <div class="navbar-text pull-left">
    </div>

    <div class= "navbar-text pull-right">
    <!-- insert social media / github link here -->

    <a href="https://github.com/clarkdatalabs">
    <i class="fa fa-github-square fa-2x"></i></a>

    </div>



    <div class="navbar-text pull-left">
    &copy; Digital Projects Studio, 2015
    </div>

    </div>
    </footer>

    {% block head-javascript %}
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
    <script src="{% static 'bootstrap/js/navbar.js' %}"></script>
    <script src="{% static 'bootstrap/js/npm.js' %}"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    {% endblock %}

    </html>