API tools faq
paste
Advertisement
BondokBE

templates/base.html

BondokBE
Feb 10th, 2019
409
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. {% load static %}
  3. {% load hitcount_tags %}
  4. {% load markdown_deux_tags %}
  5.  
  6. <html>
  7.     <head>
  8.         <!-- blog title -->
  9.         <title>{% block head_title %}BondokBE {% endblock head_title %}</title>
  10.         <!-- fabe icon -->
  11.         <link rel="shortcut icon" href="{% static 'img/fav.png' %}">
  12.         <!-- meta tags -->
  13.         <meta charset="utf-8" />
  14.         <!-- Author Meta -->
  15.         <meta name="author" content="colorlib">
  16.         <!-- Meta Description -->
  17.         <meta name="description" content="">
  18.         <!-- Meta Keyword -->
  19.         <meta name="keywords" content="">
  20.         <!-- IE Browser -->
  21.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  22.         <!-- mobile specific meta -->
  23.         <meta name="viewport" content="width=device-width, initial-scale=1">
  24.  
  25.         <!--============ css files ==============================-->
  26.         <!-- google fonts -->
  27.         <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet">
  28.         <!-- font-awesome -->
  29.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  30.         <!-- bootstrap 4 -->
  31.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
  32.  
  33.         <!-- prism.cc -->
  34.         <!-- <link rel="stylesheet" href="{% static 'css/prism.css' %}"> -->
  35.  
  36.         <!-- main style -->
  37.         <link rel="stylesheet" href="{% static 'css/main.css' %}" />
  38.  
  39.        
  40.         {% block extra_head %}
  41.            
  42.         {% endblock extra_head %}
  43.            
  44.        
  45.     </head>
  46.     <body>
  47.        
  48.         <!--============ navbar ==============================-->
  49.  
  50.         <!-- Navigation -->
  51.         <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
  52.             <div class="container">
  53.                 <a class="navbar-brand" href="{% url 'posts:base' %}">BondokBE</a>
  54.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  55.                     <span class="navbar-toggler-icon"></span>
  56.                 </button>
  57.                 <div class="collapse navbar-collapse" id="navbarResponsive">
  58.                     <ul class="navbar-nav ml-auto">
  59.                         <li class="nav-item active">
  60.                             <a class="nav-link" href="{% url 'posts:base' %}">Home
  61.                         <span class="sr-only">(current)</span>
  62.                     </a>
  63.                         </li>
  64.                         <li class="nav-item">
  65.                             <a class="nav-link" href="{% url 'posts:about' %}">About</a>
  66.                         </li>
  67.                         <li class="nav-item">
  68.                             <a class="nav-link" href="{% url 'posts:contact' %}">Contact</a>
  69.                         </li>
  70.                     </ul>
  71.                 </div>
  72.             </div>
  73.         </nav>
  74.        
  75.        
  76.         {% block content %}
  77.            
  78.        
  79.            
  80.  
  81.         <!--============ header ==============================-->
  82.  
  83.         <header id="header" class="masthead" style="background-image: url({% static 'img/home3.jpg' %})">
  84.             <div class="overlay"></div>
  85.             <div class="container">
  86.                 <div class="row">
  87.                     <div class="col-lg-8 col-md-10 mx-auto">
  88.                         <div class="site-heading">
  89.                             <div class="header_overlay">
  90.                                 <h1>BondokBE</h1>
  91.                                 <span class="subheading">Belal Abdulnasser blog</span>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </header>
  98.  
  99.         <!--============ site content ==============================-->
  100.  
  101.         <section class="site_content">
  102.  
  103.             <!-- container -->
  104.             <div class="container">
  105.                 <div class="row">
  106.            
  107.                     <!-- Blog posts 8-Column -->
  108.                     <div class="col-md-8 articles">
  109.            
  110.                         <h1 class="my-4 latest_title">Latest Articles</h1>
  111.                         <div class="text-center" style="margin-bottom: 30px">
  112.                             <i class="fa fa-angle-double-down fa-2x"></i>
  113.                         </div>
  114.                        
  115.                         <!-- create Post -->
  116.                         {% if request.user.is_authenticated and request.user.is_superuser %}
  117.                         <hr>
  118.                             <div style="margin-bottom: 20px;">
  119.                                 <!-- <a href="{{ create }}" class="btn btn-primary" target="_blank">Create New Post</a> -->
  120.                                 <!-- the same link using  url ''  -->
  121.                                 <a href="{% url 'posts:post_create' %}" class="btn btn-primary">Create New Post</a>
  122.                             </div>
  123.                         <hr>
  124.                         {% endif %}
  125.                        
  126.                         {% for post in  posts %}
  127.                            
  128.                         <!-- Blog Post -->
  129.                         <div class="card mb-4 post">
  130.                             {% if post.image %}
  131.                             <img class="card-img-top post_img" src="{{ post.image.url }}" alt="Card image cap">
  132.                             {% endif %}
  133.  
  134.                             <div class="card-body">
  135.                                 <a href="{{ post.get_absolute_url }}" class="card-title" target="_blank">{{ post.title }}</a><br>
  136.                                 <h5>By: {{ post.user.get_full_name }}</h5>
  137.                                 <hr>
  138.                                 {% if post.draft %}
  139.                                     <span class="btn btn-warning">Draft</span>
  140.                                 {% endif %}
  141.                                 <p class="card-text">{{ post.get_markdown | truncatechars_html:320 }}</p>
  142.                                 <br>
  143.                                 <a href="{{ post.get_absolute_url }}" class="btn btn-primary">Read More &rarr;</a>
  144.                             </div>
  145.                             <div class="card-footer text-muted">
  146.                                 <i class="fa fa-calendar-alt"></i>&nbsp;<span class="date">{{ post.time_stamp | timesince }} ago </span>&nbsp;
  147.                                 <span class="views_n">| <i class="fa fa-eye"></i> 235</span>&nbsp;&nbsp;
  148.                                 <span class="time_reading">| <i class="far fa-clock"></i>&nbsp;Read Time: {{ post.read_time }} Minute</span>
  149.                             </div>
  150.                         </div><!-- Blog Post -->
  151.                        
  152.                         {% endfor %}
  153.                        
  154.                         <!-- pagination -->
  155.                         <br>
  156.                         <div class="pagination">
  157.                             <span class="step-links">
  158.                                 {% if posts.has_previous %}
  159.                                     <a href="?page=1{% if request.GET.q %}&q={{ request.GET.q }}{% endif %}" class="btn-primary">&laquo; first</a>
  160.                                     <a href="?page={{ contacts.previous_page_number }}{% if request.GET.q %}&q={{ request.GET.q }}{% endif %}" class="btn-primary">previous</a>
  161.                                 {% endif %}
  162.                        
  163.                                 <span class="current">
  164.                                     Page {{ posts.number }} of {{ posts.paginator.num_pages }}.
  165.                                 </span>
  166.                        
  167.                                 {% if posts.has_next %}
  168.                                     <a href="?page={{ posts.next_page_number }}{% if request.GET.q %}&q={{ request.GET.q }}{% endif %}" class="btn-primary">next</a>
  169.                                     <a href="?page={{ posts.paginator.num_pages }}{% if request.GET.q %}&q={{ request.GET.q }}{% endif %}" class="btn-primary">last &raquo;</a>
  170.                                 {% endif %}
  171.                             </span>
  172.                         </div>
  173.                        
  174.                     </div><!-- posts col-8 -->
  175.  
  176.                    
  177.                     <!-- Sidebar Widgets C-3 -->
  178.                     <div class="col-md-3 side_bar">
  179.                         <!-- Search Widget -->
  180.                         <div class="card my-4 border-secondary">
  181.                             <h5 class="card-header text-white bg-dark"><i class="fa fa-search fa-sm fa-rotate-90"></i>&nbsp;Search</h5>
  182.                             <div class="card-body">
  183.                                 <form method="GET" action="" class="input-group">
  184.                                     <input name="q" value="{{ request.GET.q }}" class="form-control" type="text" placeholder="Search for..">
  185.                                     <span class="input-group-btn">
  186.                                         <input type="button" class="btn btn-primary" value="Go">
  187.                                     </span>
  188.                                 </form>
  189.                             </div>
  190.                         </div>
  191.  
  192.                         <!-- including side bar -->
  193.                         {% include 'side_bar.html' %}
  194.                     </div><!-- side bar -->
  195.  
  196.                 </div><!-- row -->
  197.             </div><!-- container -->
  198.            
  199.         </section><!-- site content -->        
  200.        
  201.         {% endblock content %}
  202.        
  203.         <!-- Footer -->
  204.         <footer class="py-3 bg-dark">
  205.             <div class="container">
  206.                 <p class="m-0 text-center text-white">Copyright &copy; BondokBE <script>document.write(new Date().getFullYear());</script></p>
  207.             </div><!-- cotainer -->
  208.         </footer>
  209.  
  210.  
  211.         <!--============ scripts ==============================-->
  212.  
  213.         <!-- jquery -->
  214.         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  215.         <!-- popper -->
  216.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  217.         <!-- bootstrap 4 js -->
  218.         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
  219.  
  220.         <!-- marked js -->
  221.         <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.6.0/marked.min.js"></script>
  222.  
  223.         <!-- main script -->
  224.         <script src="{% static 'js/main.js' %}"></script>
  225.  
  226.  
  227.     </body>
  228.  
  229. </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!