18
18
</ head >
19
19
20
20
< body >
21
+
21
22
< header class ="site-header ">
22
23
< nav class ="navbar navbar-expand-md navbar-dark bg-steel fixed-top ">
23
24
< div class ="container ">
46
47
</ div >
47
48
</ nav >
48
49
</ header >
50
+
49
51
< main role ="main " class ="container ">
50
52
< div class ="row ">
51
53
< div class ="col-md-8 ">
59
61
{% block content %}{% endblock %}
60
62
</ div >
61
63
< div class ="col-md-4 ">
62
- < div class ="content-section ">
64
+ < div class ="content-section " >
63
65
<!-- <h3>Our Sidebar</h3> -->
64
66
<!-- <p class='text-muted'>You can put any information here you'd like. -->
65
67
<!-- <ul class="list-group"> -->
74
76
{% if user.is_authenticated %}
75
77
76
78
77
- < div class ="media " style ="width:max-content height:max-content ">
78
- < img class ="rounded-circle account-img " src ="{{user.profile.image.url}} ">
79
- < div class ="media-body mr-2 ">
79
+ < div class ="media " style ="display:inline-block; height:max-content ">
80
+ < img class ="rounded-circle account-img " style =" border: 1px solid black; " src ="{{user.profile.image.url}} ">
81
+ < div class ="media-body mr-2 " style =" display:inline-block;height:max-content " >
80
82
< h3 > {{user.username}}</ h3 >
81
83
< p class ="text-secondary "> {{user.email}}</ p >
82
84
</ div >
@@ -85,19 +87,7 @@ <h3 >{{user.username}}</h3>
85
87
{% csrf_token %}
86
88
< fieldset class ="form-group ">
87
89
<!-- <legend class="border-bottom mb-4">Profile</legend> -->
88
- < h5 class ="mb-3 "> Your Posts</ h5 >
89
- {% for post in posts %}
90
-
91
-
92
- < div class ="media-body ">
93
-
94
- < h6 > < a class ="article-title " href ="{% url 'post-detail' post.id%} "> {{post.title }}</ a > </ h6 >
95
- < small class ="text-muted "> {{ post.date_posted|date:"F d, Y" }}</ small >
96
-
97
-
98
- </ div >
99
90
100
- {% endfor %}
101
91
102
92
</ fieldset >
103
93
@@ -106,10 +96,17 @@ <h6><a class="article-title" href="{% url 'post-detail' post.id%}">{{post.title
106
96
< img src ="https://media.giphy.com/media/XgMUfV5i9fTyzVxVE0/giphy.gif " style ='width:100% 'class ="mb-2 " >
107
97
< h3 class ="ml-5 "> < a href ="{% url 'register'%} " > Register today!</ a > </ h3 >
108
98
{% endif %}
99
+
109
100
</ div >
110
101
</ div >
102
+
111
103
</ div >
112
104
</ main >
105
+ <!-- <footer style="background-color:rgb(192, 16, 51);height:100px;opacity:0.5"> -->
106
+ < a href ="# " id ="giphy " >
107
+ < img src ="https://media.giphy.com/media/1yn2njwLFcUra5z82F/giphy.gif " class ="gif ">
108
+ </ a >
109
+ </ footer >
113
110
<!-- Optional JavaScript -->
114
111
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
115
112
< script src ="https://code.jquery.com/jquery-3.2.1.slim.min.js "
@@ -121,7 +118,7 @@ <h3 class="ml-5 "><a href="{% url 'register'%}" >Register today!</a></h3>
121
118
< script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js "
122
119
integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl "
123
120
crossorigin ="anonymous "> </ script >
124
-
121
+ < script src =" {% static 'blog/check.js' %} " > </ script >
125
122
</ body >
126
123
127
124
</ html >
0 commit comments