Header styling + minor changes

news/static/news/css/app.css

@@ -9,6 +9,7 @@
 
 :root {
   --main-bg-color: #FFD540;
+  --header-bg-color: #EAC33B;
 }
 
 a {
@@ -24,37 +25,72 @@ body {
 	font-size:18px;
   margin: 0px;
   padding: 0px;
+  /* margin-bottom: 100px; */
 }
 
 header {
   margin-bottom: 20px;
-  margin-top: 10px;
+  margin-top: 0px;
+  margin-left: auto;
+  margin-right: auto;
   text-align: center;
+  width: 100%;
+}
+@media print, screen and (min-width: 40em) {
+  header {
+    width: 420px;
+  }
 }
 
 /* header a {
   text-decoration: none;
 } */
 
+.title {
+  background-color: var(--header-bg-color);
+}
+
 header h1 {
-  margin-bottom: 0;
-  /* font-family: 'LibreBaskervilleBold'; */
-  font-size: 28px;
+  width: 100%;
+  margin-bottom: 0px;
+  font-family: "HelveticaNeue-CondensedBlack", "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
+  font-weight:900;
+  font-stretch:condensed;  /* font-family: 'LibreBaskervilleBold'; */
+  /* letter-spacing: -1px; */
+  text-transform: uppercase;
+  font-size: 32px;
+}
+@media print, screen and (min-width: 40em) {
+  header h1 {
+    font-size: 48px;
+  }
+}
+
+header h1 a {
+  padding: 5px 0px;
+  color: #fff;
 }
 
 header h2 {
-  margin: 0;
+  margin-top: -10px;
   padding: 0;
   font-size: 14px;
 }
 
 nav {
-  margin-top: 10px;
+  padding: 4px;
+  /* margin-top: 4px; */
   font-size: 14px;
+  background-color: #333;
 }
 
 footer {
+  text-align: center;
+  font-size: 13px;
+  padding: 20px;
+  background-color: #333;
   margin-top: 50px;
+  margin-bottom: 0px;
 }
 
 article {

news/templates/base.html

@@ -25,8 +25,10 @@
 
      <!-- Header -->
     <header>
-     <h1><a href="{% url 'news:index' %}">poker rumble</a></h1>
-     <h2>HOME OF NEWS GRINDERS</h2>
+      <div class="title">
+        <h1><a href="{% url 'news:index' %}">poker rumble</a></h1>
+      </div>
+     <!-- <h2>HOME OF NEWS GRINDERS</h2> -->
 
      <nav>
        {% if user.is_authenticated %}
@@ -53,7 +55,10 @@
 
   <!-- Footer -->
   <footer>
-    <!-- some footer -->
+
+    <a href="{% url 'news:contact' %}">Contact</a>
+    <p>Copyright © 2019 Stax River</p>
+
   </footer>
 
 </body>

news/templates/news/static/contact.html

@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+
+{% block title %}Contact{% endblock %}
+
+{% block content %}
+
+<h1>Contact</h1>
+
+<p>
+  Please contact us directly on social media!
+</p>
+
+{% endblock content %}

news/urls.py

@@ -1,10 +1,14 @@
 from django.urls import path, re_path, include
 from django.contrib.auth import views as auth_views
+from django.views.generic.base import TemplateView
 
 from . import views
 
 app_name = 'news'
 urlpatterns = [
+    # Static
+    path('contact', TemplateView.as_view(template_name='news/static/contact.html'), name='contact'),
+    # Posts
     path('', views.index, name='index'),
     path('<int:post_id>', views.post, name='post'),
     path('<int:post_id>/comment/<int:comment_id>', views.comment_with_parent, name='comment_with_parent'),
@@ -13,14 +17,12 @@ urlpatterns = [
     path('upvote/<int:comment_id>', views.upvote, name='upvote'),
     path('submission', views.submission, name='submission'),
     path('submitted', views.submitted, name='submitted'),
+    # User
     path('account', views.account, name='account'),
     path('signin', views.signin, name='signin'),
     path('logout', views.logout_view, name='logout_view'),
     path('password-change', views.password_change, name='password_change'),
     re_path(r'^register/$', views.register, name='register'),
-    # path('change-password/', auth_views.PasswordChangeView.as_view(template_name='change-password.html'),),
-    # path('change-password/done', views.password_change, name='password_change_done'),
-    # path('password-reset', auth_views.PasswordResetView.as_view(template_name='news/user/password_reset_form.html'), name='password_reset'),
     path('password_reset/', auth_views.PasswordResetView.as_view(
       template_name='news/user/password_reset_form.html',
       email_template_name='news/user/password_reset_email.html',
@@ -28,11 +30,8 @@ urlpatterns = [
       success_url='../password-reset/done'
     ), name='password_reset'),
     path('password-reset/done', auth_views.PasswordResetDoneView.as_view(template_name='news/user/password_reset_done.html'), name='password_reset_done'),
-    # path('accounts/', include('django.contrib.auth.urls')),
     path('reset/<uidb64>/<token>', auth_views.PasswordResetConfirmView.as_view(
         template_name='news/user/password_reset_confirm.html',
         success_url='../password-change/done'), name='password_reset_confirm'),
     path('password-change/done', auth_views.PasswordResetCompleteView.as_view(template_name='news/user/password_reset_complete.html'), name='password_change_done'),
-
-    # path('reset/<uidb64>/<token>', views.empty_view, name='password_reset_confirm'),
 ]