Browse Source

Add variable 404 messages. Close #70.

Add:
        bitshift/assets.py, static/sass/404.sass
                -Add `syntax_highlight()` and style rules to perform syntax
                highlighting on 404 error messages; used in
                `templates/error404.html`.

        templates
                -Add a `Jinja` expression to select a random "404" message from
                a sequence.
tags/v1.0^2
Severyn Kozak 10 years ago
parent
commit
484202bd18
3 changed files with 37 additions and 13 deletions
  1. +20
    -0
      bitshift/assets.py
  2. +5
    -9
      static/sass/error404.sass
  3. +12
    -4
      templates/error404.html

+ 20
- 0
bitshift/assets.py View File

@@ -2,6 +2,8 @@
:synopsis: Helper functions for use inside the project's Jinja templates. :synopsis: Helper functions for use inside the project's Jinja templates.
""" """


import re

from flask import Markup from flask import Markup


ASSET_HTML_TEMPLATES = { ASSET_HTML_TEMPLATES = {
@@ -24,3 +26,21 @@ def tag(filename):


file_ext = filename.split(".")[-1] file_ext = filename.split(".")[-1]
return Markup(ASSET_HTML_TEMPLATES[file_ext] % filename) return Markup(ASSET_HTML_TEMPLATES[file_ext] % filename)

def syntax_highlight(msg):
"""
Inserts HTML `<span>` elements into a string, for symbol/word styling.

Args:
msg : (str) A message.
"""

msg.replace("<", "&;lt")
msg.replace(">", "&;gt")

font_size = 16.0 / len(msg)
msg = re.sub('([!()"%])', '<span class="dark">\\1</span>', msg)
msg = re.sub('([:.;,])', '<span class="red">\\1</span>', msg)
msg = msg.replace("404", '<span class="red">404</span>')
return "<span class='light' style='font-size: %fem'>%s</span>" % (
font_size, msg)

+ 5
- 9
static/sass/error404.sass View File

@@ -9,15 +9,11 @@ div#message
text-align: center text-align: center


span span
&#error-num
font-size: 170%
vertical-align: middle

&.c1
color: $baseColor1
&.light
color: $baseColor3


&.c2
&.dark
color: $baseColor2 color: $baseColor2


&.c3
color: $baseColor3
&.red
color: $baseColor1

+ 12
- 4
templates/error404.html View File

@@ -6,9 +6,17 @@


= block body = block body
<div id="message"> <div id="message">
<span class="c1">puts</span
><span class="c3">(</span><span class=c2>"</span
><span id="error-num">404</span><span class=c2>"</span><span class=c3
>)</span><span class="c3">;</span>
{{ assets.syntax_highlight([
'puts("404");',
'printf("%d\n", 404);',
'puts 404',
'System.out.println("404")',
'print 404',
'console.log("404")',
'echo 404',
'std::cout << "404\\n"',
'(println "404")',
'say "404!";'
] | random) | safe }}
</div> </div>
= endblock = endblock

Loading…
Cancel
Save