diff --git a/hackton/blog/Static/blog/main.css b/hackton/blog/Static/blog/main.css index 1656b59..2f86b89 100644 --- a/hackton/blog/Static/blog/main.css +++ b/hackton/blog/Static/blog/main.css @@ -1,84 +1,63 @@ body { - background: #fafafa; - color: #333333; - margin-top: 5rem; + font-family: "Lato", sans-serif; } -h1, h2, h3, h4, h5, h6 { - color: #444444; -} - -ul { - margin: 0; -} - -.bg-steel { - background-color: #5f788a; -} - -.site-header .navbar-nav .nav-link { - color: #cbd5db; -} - -.site-header .navbar-nav .nav-link:hover { - color: #ffffff; -} - -.site-header .navbar-nav .nav-link.active { - font-weight: 500; -} -.content-section { - background: #ffffff; - padding: 10px 20px; - border: 1px solid #dddddd; - border-radius: 3px; - margin-bottom: 20px; -} - -.article-title { - color: #444444; -} - -a.article-title:hover { - color: #428bca; +a:link { + color: none; + background-color: transparent; text-decoration: none; } - -.article-content { - white-space: pre-line; +a:visited { + color: black; + background-color: transparent; + text-decoration: none; } - -.article-img { - height: 65px; - width: 65px; - margin-right: 16px; +a:hover { + color: black; + background-color: transparent; + text-decoration: none; } - -.article-metadata { - padding-bottom: 1px; - margin-bottom: 4px; - border-bottom: 1px solid #e3e3e3 +a:active { + color: black; + background-color: transparent; + text-decoration: none; } - -.article-metadata a:hover { - color: #333; +.sidenav { + height: 100%; + width: 0; + position: fixed; + z-index: 1; + top: 0; + left: 0; + background-color: #111; + overflow-x: hidden; + transition: 0.5s; + padding-top: 60px; +} + +.sidenav a { + padding: 8px 8px 8px 32px; text-decoration: none; + font-size: 25px; + color: #818181; + display: block; + transition: 0.3s; } -.article-svg { - width: 25px; - height: 25px; - vertical-align: middle; +.sidenav a:hover { + color: #f1f1f1; } -.account-img { - height: 125px; - width: 125px; - margin-right: 20px; - margin-bottom: 16px; +.sidenav .closebtn { + position: absolute; + top: 0; + right: 25px; + font-size: 36px; + margin-left: 50px; } -.account-heading { - font-size: 2.5rem; +@media screen and (max-height: 450px) { + .sidenav {padding-top: 15px;} + .sidenav a {font-size: 18px;} } \ No newline at end of file diff --git a/hackton/blog/__pycache__/views.cpython-37.pyc b/hackton/blog/__pycache__/views.cpython-37.pyc index 4b9a57b..4ba0c8e 100644 Binary files a/hackton/blog/__pycache__/views.cpython-37.pyc and b/hackton/blog/__pycache__/views.cpython-37.pyc differ diff --git a/hackton/blog/templates/blog/about.html b/hackton/blog/templates/blog/about.html index 0fde25f..90afb23 100644 --- a/hackton/blog/templates/blog/about.html +++ b/hackton/blog/templates/blog/about.html @@ -1,5 +1,9 @@ {% extends "blog/base_easy.html"%} {%block content %} - + + +

This is a Heading

+

This is a paragraph.

+ {% endblock content %} diff --git a/hackton/blog/templates/blog/base_easy.html b/hackton/blog/templates/blog/base_easy.html index 4cc4486..e8961c9 100644 --- a/hackton/blog/templates/blog/base_easy.html +++ b/hackton/blog/templates/blog/base_easy.html @@ -2,94 +2,117 @@ + + + + -
- -
-
+

+ ☰ + My Courses + About +

+ +
- {% block content %}{% endblock %}
-
-
-

Hult Internatianl Business School

-

-

    -
  • Skills Card
    • -
  • Alumni
    • -
  • Top Skills
    • -
  • Linked In
    • -
-

-
-
-
-
+
+
+ + + + + + + + + + - - - - - - +function closeNav() { + document.getElementById("mySidenav").style.width = "0"; +} + + - + \ No newline at end of file diff --git a/hackton/blog/templates/blog/home.html b/hackton/blog/templates/blog/home.html index 5d2877a..6cbd05e 100644 --- a/hackton/blog/templates/blog/home.html +++ b/hackton/blog/templates/blog/home.html @@ -2,20 +2,7 @@ {%block content %} - {% for post in posts %} - -
-
-
- {{post.author}} - {{post.date_posted}} -
-

{{post.title}}

-

{{post.content}}

-
-
- {% endfor %} -{% endblock content %} +{% endblock content %} diff --git a/hackton/blog/templates/blog/information.html b/hackton/blog/templates/blog/information.html index 7445c9c..6292d21 100644 --- a/hackton/blog/templates/blog/information.html +++ b/hackton/blog/templates/blog/information.html @@ -1,5 +1,20 @@ {% extends "blog/base_easy.html"%} {%block content %} - +
+

Principles Of Marketing

+ +
+ Alps +
+
+
    +
  • Public Speaking
    • +
  • Market Research
    • +
  • Power Point Presentation
    • +
+
+
+
+ {% endblock content %} diff --git a/hackton/blog/views.py b/hackton/blog/views.py index 1422e9a..3acd17c 100644 --- a/hackton/blog/views.py +++ b/hackton/blog/views.py @@ -24,7 +24,7 @@ def about(request): # def about(request): # return HttpResponse('

Blog About

', {'title': 'About'}) #HTML code to create a header def information(request): - return render(request, 'blog/request.html') + return render(request, 'blog/information.html') def author(request): return render(request,'blog/author.html')