0.2.1

src/newsreader/core/views.py

@@ -1 +1,17 @@
-# Create your views here.
+from django.shortcuts import render
+
+
+def bad_request(request, exception):
+    return render(request, "400.html", status=400)
+
+
+def permission_denied(request, exception):
+    return render(request, "403.html", status=403)
+
+
+def not_found(request, exception):
+    return render(request, "404.html", status=404)
+
+
+def server_error(request):
+    return render(request, "500.html", status=500)

src/newsreader/scss/components/messages/_messages.scss

@@ -19,7 +19,7 @@
 
     border-radius: 5px;
 
-    background-color: $focus-blue;
+    background-color: $blue;
 
     &--error {
       background-color: $error-red;

src/newsreader/scss/components/navbar/_navbar.scss

@@ -3,11 +3,10 @@
   justify-content: center;
 
   margin: 0 0 5px 0;
-  padding: 15px 0;
+  padding: 10px 0;
   width: 100%;
 
   background-color: $white;
-  box-shadow: 0px 5px darken($azureish-white, +10%);
 
   ol {
     display: flex;
@@ -28,7 +27,7 @@
     border: none;
     border-radius: 2px;
 
-    background-color: $azureish-white;
+    background-color: darken($azureish-white, 20%);
 
     &:hover{
       background-color: lighten($azureish-white, +5%);
@@ -36,6 +35,7 @@
 
     & a {
       @extend .button;
+      color: $white;
     }
   }
 

src/newsreader/scss/components/rules/_rules.scss

@@ -16,11 +16,11 @@
 
     &:hover {
       cursor: pointer;
-      background-color: darken($azureish-white, +10%);
+      background-color: $focus-blue;
     }
 
     &--selected {
-      background-color: darken($azureish-white, +10%);
+      background-color: $focus-blue;
     }
   }
 

src/newsreader/scss/partials/_colors.scss

@@ -1,8 +1,3 @@
-$white: rgba(255, 255, 255, 1);
-$black: rgba(0, 0, 0, 1);
-
-$dark: rgba(0, 0, 0, 0.4);
-
 // light blue
 $azureish-white: rgba(205, 230, 245, 1);
 
@@ -34,5 +29,11 @@ $confirm-green: $success-green;
 $cancel-red: $error-red;
 
 $border-gray: rgba(227, 227, 227, 1);
-$focus-blue: darken($azureish-white, +50%);
+
+$focus-blue: darken($azureish-white, +10%);
 $default-font-color: rgba(48, 51, 53, 1);
+
+$white: rgba(255, 255, 255, 1);
+$black: rgba(0, 0, 0, 1);
+$blue: darken($azureish-white, +50%);
+$dark: rgba(0, 0, 0, 0.4);

src/newsreader/templates/400.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load static i18n %}
+
+{% block content %}
+  <main class="main">
+    <div class="card">
+      <div class="card__header">
+        <h1>{% trans "Bad request" %}</h1>
+      </div>
+      <div class="card__content">
+        <p>
+          Head back to the <a href="{% url 'accounts:login' %}">login page</a>
+        </p>
+      </div>
+      <div class="card__footer" />
+    </div>
+  </main>
+{% endblock %}

src/newsreader/templates/403.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load static i18n %}
+
+{% block content %}
+  <main class="main">
+    <div class="card">
+      <div class="card__header">
+        <h1>{% trans "Permission denied" %}</h1>
+      </div>
+      <div class="card__content">
+        <p>
+          Head back to the <a href="{% url 'accounts:login' %}">login page</a>
+        </p>
+      </div>
+      <div class="card__footer" />
+    </div>
+  </main>
+{% endblock %}

src/newsreader/templates/404.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load static i18n %}
+
+{% block content %}
+  <main class="main">
+    <div class="card">
+      <div class="card__header">
+        <h1>{% trans "Page not found" %}</h1>
+      </div>
+      <div class="card__content">
+        <p>
+          Head back to the <a href="{% url 'accounts:login' %}">login page</a>
+        </p>
+      </div>
+      <div class="card__footer" />
+    </div>
+  </main>
+{% endblock %}

src/newsreader/templates/500.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load static i18n %}
+
+{% block content %}
+  <main class="main">
+    <div class="card">
+      <div class="card__header">
+        <h1>{% trans "Server error" %}</h1>
+      </div>
+      <div class="card__content">
+        <p>
+          Head back to the <a href="{% url 'accounts:login' %}">login page</a>
+        </p>
+      </div>
+      <div class="card__footer" />
+    </div>
+  </main>
+{% endblock %}

src/newsreader/urls.py

@@ -30,6 +30,11 @@ urlpatterns = [
     path("api/auth/", include("rest_framework.urls"), name="rest_framework"),
 ]
 
+handler400 = "newsreader.core.views.bad_request"
+handler403 = "newsreader.core.views.permission_denied"
+handler404 = "newsreader.core.views.not_found"
+handler500 = "newsreader.core.views.server_error"
+
 
 if settings.DEBUG:
     import debug_toolbar