1
- {% load static %}
1
+ {% load staticfiles %}
2
2
<!DOCTYPE html>
3
3
< html >
4
+
4
5
< head >
5
6
6
- <!-- Required meta tags -->
7
- < meta charset ="utf-8 ">
8
- < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
7
+ <!-- Required meta tags -->
8
+ < meta charset ="utf-8 ">
9
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
9
10
10
- <!-- Bootstrap CSS -->
11
- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
11
+ <!-- Bootstrap CSS -->
12
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css "
13
+ integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
12
14
13
- < link rel ="stylesheet " type ="text/css " href ="{% static 'blog/main.css' %} ">
15
+ < link rel ="stylesheet " type ="text/css " href ="{% static 'blog/main.css' %} ">
14
16
15
- {% if title %}
16
- < title > Django Blog - {{ title }}</ title >
17
- {% else %}
18
- < title > Django Blog</ title >
19
- {% endif %}
17
+ {% if title %}
18
+ < title > Django Blog - {{ title }}</ title >
19
+ {% else %}
20
+ < title > Django Blog</ title >
21
+ {% endif %}
20
22
</ head >
23
+
21
24
< body >
22
- < header class ="site-header ">
23
- < nav class ="navbar navbar-expand-md navbar-dark bg-steel fixed-top ">
24
- < div class ="container ">
25
- < a class ="navbar-brand mr-4 " href ="{% url 'blog-home' %} "> Django Blog</ a >
26
- < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarToggle " aria-controls ="navbarToggle " aria-expanded ="false " aria-label ="Toggle navigation ">
25
+ < header class ="site-header ">
26
+ < nav class ="navbar navbar-expand-md navbar-dark bg-steel fixed-top ">
27
+ < div class ="container ">
28
+ < a class ="navbar-brand mr-4 " href ="{% url 'blog-home' %} "> Django Blog</ a >
29
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarToggle "
30
+ aria-controls ="navbarToggle " aria-expanded ="false " aria-label ="Toggle navigation ">
27
31
< span class ="navbar-toggler-icon "> </ span >
28
- </ button >
29
- < div class ="collapse navbar-collapse " id ="navbarToggle ">
30
- < div class ="navbar-nav mr-auto ">
31
- < a class ="nav-item nav-link " href ="{% url 'blog-home' %} "> Home</ a >
32
- < a class ="nav-item nav-link " href ="{% url 'blog-about' %} "> About</ a >
33
- </ div >
34
- <!-- Navbar Right Side -->
35
- < div class ="navbar-nav ">
36
- {% if user.is_authenticated %}
37
- < a class ="nav-item nav-link " href ="{% url 'post-create' %} "> New Post</ a >
38
- < a class ="nav-item nav-link " href ="{% url 'profile' %} "> Profile</ a >
39
- < a class ="nav-item nav-link " href ="{% url 'logout' %} "> Logout</ a >
40
- {% else %}
41
- < a class ="nav-item nav-link " href ="{% url 'login' %} "> Login</ a >
42
- < a class ="nav-item nav-link " href ="{% url 'register' %} "> Register</ a >
43
- {% endif %}
44
- </ div >
32
+ </ button >
33
+ < div class ="collapse navbar-collapse " id ="navbarToggle ">
34
+ < div class ="navbar-nav mr-auto ">
35
+ < a class ="nav-item nav-link " href ="{% url 'blog-home' %} "> Home</ a >
36
+ < a class ="nav-item nav-link " href ="{% url 'blog-about' %} "> About</ a >
37
+ </ div >
38
+ <!-- Navbar Right Side -->
39
+ < div class ="navbar-nav ">
40
+ {% if user.is_authenticated %}
41
+ < a class ="nav-item nav-link " href ="{% url 'post-create' %} "> New Post</ a >
42
+ < a class ="nav-item nav-link " href ="{% url 'profile' %} "> Profile</ a >
43
+ < a class ="nav-item nav-link " href ="{% url 'logout' %} "> Logout</ a >
44
+ {% else %}
45
+ < a class ="nav-item nav-link " href ="{% url 'login' %} "> Login</ a >
46
+ < a class ="nav-item nav-link " href ="{% url 'register' %} "> Register</ a >
47
+ {% endif %}
45
48
</ div >
46
49
</ div >
47
- </ nav >
48
- </ header >
49
- < main role ="main " class ="container ">
50
- < div class ="row ">
51
- < div class ="col-md-8 ">
52
- {% if messages %}
53
- {% for message in messages %}
54
- < div class ="alert alert-{{ message.tags }} ">
55
- {{ message }}
56
- </ div >
57
- {% endfor %}
58
- {% endif %}
59
- {% block content %}{% endblock %}
50
+ </ div >
51
+ </ nav >
52
+ </ header >
53
+ < main role ="main " class ="container ">
54
+ < div class ="row ">
55
+ < div class ="col-md-8 ">
56
+ {% if messages %}
57
+ {% for message in messages %}
58
+ < div class ="alert alert-{{ message.tags }} ">
59
+ {{ message }}
60
60
</ div >
61
- < div class ="col-md-4 ">
62
- < div class ="content-section ">
63
- < h3 > Our Sidebar</ h3 >
64
- < p class ='text-muted '> You can put any information here you'd like.
65
- < ul class ="list-group ">
66
- < li class ="list-group-item list-group-item-light "> Latest Posts</ li >
67
- < li class ="list-group-item list-group-item-light "> Announcements</ li >
68
- < li class ="list-group-item list-group-item-light "> Calendars</ li >
69
- < li class ="list-group-item list-group-item-light "> etc</ li >
70
- </ ul >
71
- </ p >
72
- </ div >
61
+ {% endfor %}
62
+ {% endif %}
63
+ {% block content %}{% endblock %}
64
+ </ div >
65
+ < div class ="col-md-4 ">
66
+ < div class ="content-section ">
67
+ < h3 > Our Sidebar</ h3 >
68
+ < p class ='text-muted '> You can put any information here you'd like.
69
+ < ul class ="list-group ">
70
+ < li class ="list-group-item list-group-item-light "> Latest Posts</ li >
71
+ < li class ="list-group-item list-group-item-light "> Announcements</ li >
72
+ < li class ="list-group-item list-group-item-light "> Calendars</ li >
73
+ < li class ="list-group-item list-group-item-light "> etc</ li >
74
+ </ ul >
75
+ </ p >
73
76
</ div >
74
77
</ div >
75
- </ main >
78
+ </ div >
79
+ </ main >
76
80
77
- <!-- Optional JavaScript -->
78
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
79
- < script src ="https://code.jquery.com/jquery-3.2.1.slim.min.js " integrity ="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN " crossorigin ="anonymous "> </ script >
80
- < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js " integrity ="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q " crossorigin ="anonymous "> </ script >
81
- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js " integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin ="anonymous "> </ script >
81
+ <!-- Optional JavaScript -->
82
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
83
+ < script src ="https://code.jquery.com/jquery-3.2.1.slim.min.js "
84
+ integrity ="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN " crossorigin ="anonymous ">
85
+ </ script >
86
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js "
87
+ integrity ="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q " crossorigin ="anonymous ">
88
+ </ script >
89
+ < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js "
90
+ integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin ="anonymous ">
91
+ </ script >
82
92
</ body >
83
- </ html >
93
+
94
+ </ html >
0 commit comments