diff --git a/controller/stylesheet.rb b/controller/stylesheet.rb new file mode 100644 index 0000000..fa93ad3 --- /dev/null +++ b/controller/stylesheet.rb @@ -0,0 +1,8 @@ +module Routes + class Stylesheet + def self.call(session) + session.options[:render] = 'stylesheet/index' + session.options[:renderer] + end + end +end diff --git a/images/irongrip.png b/images/irongrip.png new file mode 100644 index 0000000..b4df134 Binary files /dev/null and b/images/irongrip.png differ diff --git a/templates/stylesheet/_design.scss b/templates/stylesheet/_design.scss new file mode 100644 index 0000000..9d18348 --- /dev/null +++ b/templates/stylesheet/_design.scss @@ -0,0 +1,33 @@ +html { + text-size: 99%; + background-image: url('/images/irongrip.png'); +} + +html:after { + content: ''; + background-color: fade-out($alternate_color, 0.85); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: -1; +} + +code { + font-family: "PT mono", monospace; +} + +article { + vertical-align: bottom; + header { + padding: $standard-width / 4; + display: inline-block; + h1 { margin: 0; } + } + footer { + padding: $standard-width / 4; + display: inline-block; + div { display: inline-block; } + } +} diff --git a/templates/stylesheet/_structure.scss b/templates/stylesheet/_structure.scss new file mode 100644 index 0000000..a0c5233 --- /dev/null +++ b/templates/stylesheet/_structure.scss @@ -0,0 +1,12 @@ +header h1, header h2 { + display: inline-block; + margin: $standard-width / 2; + padding: 0; +} + +body { + min-width: 300px; + width: 75%; + max-width: 1100px; + margin: auto; +} diff --git a/templates/stylesheet/index.css.scss b/templates/stylesheet/index.css.scss new file mode 100644 index 0000000..1fa6f0e --- /dev/null +++ b/templates/stylesheet/index.css.scss @@ -0,0 +1,12 @@ +// normal text color +$normal_color: black; +// the nice orange +$action_color: hsl(32, 100%, 50%); +// the blue +$alternate_color: hsl(204, 35%, 35%); + +// standard size to size everything from that +$standard-width: 1em; + +@import 'structure'; +@import 'design';