diff options
author | rsiddharth <s@ricketyspace.net> | 2019-10-25 17:34:43 -0400 |
---|---|---|
committer | rsiddharth <s@ricketyspace.net> | 2019-10-25 17:34:43 -0400 |
commit | 17b715179dd0231d7ae874a0abefe554b67df64b (patch) | |
tree | dd24dff503da6ccb3a549c0eeefff00180cebd68 | |
parent | ac7c3863187585a8c98881458fffda19135c4e54 (diff) |
nfsw: Style sorry page.
-rw-r--r-- | nfsw/static/sorry.css | 30 | ||||
-rw-r--r-- | nfsw/templates/sorry.html | 20 |
2 files changed, 44 insertions, 6 deletions
diff --git a/nfsw/static/sorry.css b/nfsw/static/sorry.css new file mode 100644 index 0000000..2d956d0 --- /dev/null +++ b/nfsw/static/sorry.css @@ -0,0 +1,30 @@ +@font-face { + font-family: roboto-black; + src: url('./fonts/roboto-black.ttf'); +} + +@font-face { + font-family: roboto-regular; + src: url('./fonts/roboto-regular.ttf'); +} + +.sorry-grid { + display: grid; + grid-template-rows: 29vh 160px 29vh; + grid-template-columns: auto 300px auto; +} + +.sorry-grid-item { + grid-column-start: 2; + grid-column-end: 3; + grid-row-start: 2; + grid-row-end: 3; +} + +header h1 { + font-family: roboto-black; +} + +p { + font-family: roboto-regular; +} diff --git a/nfsw/templates/sorry.html b/nfsw/templates/sorry.html index d374649..d6bb646 100644 --- a/nfsw/templates/sorry.html +++ b/nfsw/templates/sorry.html @@ -3,13 +3,21 @@ {% block title %}Sorry{% endblock %} {% block content %} -<article class="sorry-block"> - <header> - <h1>Sorry</h1> - </header> +<div class="sorry-grid"> + <div class="sorry-grid-item"> + <div class="sorry-block"> + <header> + <h1>Sorry</h1> + </header> - <p>Alas! sad that you're unable to play.</p> + <p>Alas! sad that you're unable to play.</p> - <p>XOXO.</p> + <p>XOXO.</p> + </div> + </div> </div> {% endblock %} + +{% block css %} +<link rel="stylesheet" href="{{ url_for('static', filename='sorry.css') }}"> +{% endblock %} |