404 page

dmd-web-and-mobile · Sep 12, 2016 · ad5ffab · jrs06005 · Sep 12, 2016 · ad5ffab
1 parent a7483f5
commit ad5ffab
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 2 deletions.
diff --git a/dist/css/app.css b/dist/css/app.css
@@ -1410,6 +1410,23 @@ html {
   .mainFooter__subNavLink:hover::after {
     width: 100%; }
 
+.not-found {
+  display: block;
+  width: 100vw;
+  height: 80vh;
+  position: relative; }
+  .not-found h1 {
+    color: black;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+    .not-found h1 a {
+      color: #9A2D98;
+      text-decoration: none; }
+      .not-found h1 a:hover {
+        text-decoration: underline; }
+
 .videoWrapper {
   background-color: white;
   width: 100%;

diff --git a/dist/css/app.min.css b/dist/css/app.min.css
diff --git a/src/scss/base/_global.scss b/src/scss/base/_global.scss
@@ -20,6 +20,7 @@
 @import 'elements/subpageLayout';
 @import 'elements/footer';
 
+@import 'pages/404';
 @import 'pages/landing';
 @import 'pages/degrees';
 @import 'pages/concentrations';

diff --git a/src/scss/base/pages/404.scss b/src/scss/base/pages/404.scss
@@ -0,0 +1,22 @@
+.not-found {
+	display:block;
+	width:100vw;
+	height:80vh;
+	position:relative;
+
+	h1 {
+		color:black;
+		position:absolute;
+		top:50%;
+		left:50%;
+		transform:translate(-50%,-50%);
+
+		a {
+			color:$about-us-color;
+			text-decoration:none;
+			&:hover {
+				text-decoration:underline;
+			}
+		}
+	}
+}
diff --git a/templates/404.twig b/templates/404.twig
@@ -1,5 +1,7 @@
 {% extends "base.twig" %}
 
 {% block content %}
-  Sorry, we couldn't find what you're looking for.
+  <main class="not-found">
+  	<h1>We're sorry, we couldn't find what you were looking for. Feel free to check out the <a href="/">Home Page</a></h1>
+  </main>
 {% endblock %}