From 7ebd65e63357a169e932216ed2150e7977bcfa38 Mon Sep 17 00:00:00 2001 From: Chip Black Date: Sun, 13 Jan 2013 23:52:10 -0800 Subject: [PATCH] Scale the obnoxious signup button --- www/css/blerg.css | 19 +++++++++++++++++++ www/jssrc/blerg/Welcome.js | 2 +- 2 files changed, 20 insertions(+), 1 deletion(-) diff --git a/www/css/blerg.css b/www/css/blerg.css index 73dc13d..6624bc2 100644 --- a/www/css/blerg.css +++ b/www/css/blerg.css @@ -155,6 +155,25 @@ h1, h2, h3 { padding: 15pt 15pt 20pt 15pt; } +.signup-button { + font-size: 40pt; + padding: 1em; + background-color: #C0F; + color: #F88; +} + +@media screen and (max-width: 800px) { + .signup-button { + font-size: 20pt; + } +} + +@media screen and (max-width: 400px) { + .signup-button { + font-size: 14pt; + } +} + .blerg-main h2 { margin: 8pt 0; } diff --git a/www/jssrc/blerg/Welcome.js b/www/jssrc/blerg/Welcome.js index 2d3357e..aff858f 100644 --- a/www/jssrc/blerg/Welcome.js +++ b/www/jssrc/blerg/Welcome.js @@ -12,7 +12,7 @@ enyo.kind({ {components: [ {style: "float: right; text-align: center; margin: 0 0 1em 1em;", components: [ {style: "font-size: 14pt; margin-bottom: 4pt;", content: "Curious? Click this unbelievably obnoxious button!"}, - {kind: "onyx.Button", content: "I want to Blërg!", style: "font-size: 40pt; padding: 1em; background-color: #C0F; color: #F88;", onclick: "startSignup"} + {kind: "onyx.Button", content: "I want to Blërg!", classes: "signup-button", onclick: "startSignup"} ]} ]}, {allowHtml: true, content: '

I am 12 and what is this

Blërg is a microblogging platform. Or maybe a miniblogging platform. Blërg is not sure. Blërg is a lot like Twitter, but aims to fix some of its idiosyncracies. Blërg does not want to be a full blogging platform like Wordpress or Livejournal. Blërg is also an open source tagged text database engine written in C that does the back-end work. Blërg\'s author finds it entertaining to anthropomorphize Blërg in the third person.

'}, -- 2.25.1