diff --git a/public/flash.css b/public/flash.css new file mode 100644 index 0000000..c632405 --- /dev/null +++ b/public/flash.css @@ -0,0 +1,23 @@ +body { background: #000; font-family: sans-serif } + +.stamp { + text-align: center; + color: #FFF; + font-size: 12em; +} + +.flash { + text-decoration: blink; +} + +@-webkit-keyframes blink { + from { opacity: 1.0; } + to { opacity: 0.0; } +} + +.flash { + -webkit-animation-name: blink; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); + -webkit-animation-duration: 1s; +} diff --git a/views/flashy/flashy.jade b/views/flashy/flashy.jade index 8a13036..f05641f 100644 --- a/views/flashy/flashy.jade +++ b/views/flashy/flashy.jade @@ -2,7 +2,10 @@ html(lang='en') head meta(charset='utf-8') - link(rel='stylesheet', type='text/css', href='/styles.css') + link(rel='stylesheet', type='text/css', href='/flash.css') title #{name} web interface body div.container + div.stamp [ + span.flash(style='color: #'+colour+';') #{text} + ]