Skip to content

#7 (404 page) - Permalinked /404.html #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Sep 12, 2014
Merged

#7 (404 page) - Permalinked /404.html #8

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ef8507f
Add permalink to /404.html
piperchester Sep 12, 2014
fb17f0f
Change layout to default. Fix #7
piperchester Sep 12, 2014
fe7faaa
Cut the ® footer to plug in our layout
piperchester Sep 12, 2014
0afbd88
restyled 404 page to fit with design
nateperry Sep 12, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
restyled 404 page to fit with design
  • Loading branch information
@nateperry
nateperry committed Sep 12, 2014
commit 0afbd88f11c59db77c23b895ce93b3c007bf1cf2
16 changes: 7 additions & 9 deletions 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,12 @@
---
layout: default
layout: default
permalink: /404.html
title: "404"
image: /assets/images/luke.png
---

<div id="post-info">
<p style="color: #fff; opacity: .75; font-size: 420px; font-weight: bold">404</p>
<h2 style=" margin: 0 0 0 0;">This page has just discovered that Darth Vader is his father and ran away to not be found. Go back to the homepage.</h2>
</div>
<div id="nav-icon" style="bottom: 60px;">
<a href="{{ site.url }}"><span class="genericon genericon-home"></span></a>
</div>
<div class="foot-pusher">
<div id="error-page" class="container center">
<h1>Looks like this tiger den is empty.</h1>
<p>Try going back to the <a href="{{ site.url }}">cave entrance</a> to find what you are looking for.</p>
</div>
</div>
3 changes: 1 addition & 2 deletions _includes/foot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,4 @@
<div class="inner container">
<p>&copy;CodeRIT 2014 All Rights Reserved</p>
</div>
</footer>
<div class="divider"></div>
</footer>
25 changes: 24 additions & 1 deletion _sass/main.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,19 @@ $orange-dark : #CE5F15
$blue : #384859
$offwhite : #FCF3E8

//fonts
// fonts
$font-body-family : 'Open Sans', sans-serif
$font-headlines-family : 'Montserrat', sans-serif
$font-headlines-weight-bold : 700
$font-headlines-weight-reg : 400

// constants
$footer-height: 90px

body, html
height: 100%
min-height: 250px

body
background: $white
color: $grey-dark
Expand Down Expand Up @@ -117,6 +124,12 @@ a
.center
text-align: center

.foot-pusher
min-height: 100%
height: auto !important
height: 100%
margin-bottom: -$footer-height

// SECTIONS
#mission
color: $grey-dark
Expand Down Expand Up @@ -145,6 +158,16 @@ a
vertical-align: top
font-size: 1.45em

#footer
height: $footer-height
border-bottom: 25px solid darken($blue, 10%)

#error-page
h1
margin-top: 0
padding-top: 25px


@media screen and (max-width: 798px)
body
font-size: 14px
Expand Down
18 changes: 18 additions & 0 deletions assets/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
/* Main.sass */
body, html {
height: 100%;
min-height: 250px; }

body {
background: #ecf0f1;
color: #444444;
Expand Down Expand Up @@ -97,6 +101,12 @@ a {
.center {
text-align: center; }

.foot-pusher {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -90px; }

#mission {
color: #444444;
padding: 25px 0; }
Expand Down Expand Up @@ -124,6 +134,14 @@ a {
vertical-align: top;
font-size: 1.45em; }

#footer {
height: 90px;
border-bottom: 25px solid #242f3a; }

#error-page h1 {
margin-top: 0;
padding-top: 25px; }

@media screen and (max-width: 798px) {
body {
font-size: 14px; }
Expand Down