diff --git a/src/app.rb b/src/app.rb index 9f15de6..8aa7b9b 100755 --- a/src/app.rb +++ b/src/app.rb @@ -6,6 +6,12 @@ require "slim" require "sqlite3" require "sassc" +def get_random_subtitle + subtitles = File.readlines "misc/subtitles.txt" + subtitles.sample +end + + get "/" do slim :index end diff --git a/src/misc/subtitles.txt b/src/misc/subtitles.txt new file mode 100644 index 0000000..dafe0b1 --- /dev/null +++ b/src/misc/subtitles.txt @@ -0,0 +1,7 @@ +V2FpdCwgbW9uZXkgaGFzIG5vIHZhbHVlPyEK +No such place like 127.0.0.1! +Fourty-two? What is that supposed to mean? +I use Arch btw +They glow in the dark... +What sort of executable format do you intend to support for apps running under your OS? +I would just like to interject for a moment... diff --git a/src/views/layout.slim b/src/views/layout.slim index 0d794b7..e90813b 100644 --- a/src/views/layout.slim +++ b/src/views/layout.slim @@ -7,14 +7,18 @@ html lang="en" title The Auction House body header - nav - ul - li - a.button#register href="/register" target="_self" - | Register - li - a.button#login href="/login" target="_self" - | Log in + div + div#logo_container + h1 = "The Auction House" + h2 = get_random_subtitle + nav + ul + li + a.button#register href="/register" target="_self" + | Register + li + a.button#login href="/login" target="_self" + | Log in ==yield diff --git a/src/views/stylesheets/style.sass b/src/views/stylesheets/style.sass index 3bb4406..83a4ac6 100644 --- a/src/views/stylesheets/style.sass +++ b/src/views/stylesheets/style.sass @@ -27,20 +27,44 @@ body header background-color: $bg_alt_clr border-bottom: 1px solid $shadow_clr - nav + padding: .2rem 0 .6rem 0 + + div + display: flex max-width: 80rem margin: 0 auto - padding: 8px - - ul - margin: 0 + + div#logo_container display: flex - flex-direction: row - list-style-type: none - justify-content: flex-end + flex-direction: column + margin: 0 + h1 + margin: 0 + opacity: .5 + font-size: 2rem + font-weight: bold + + h2 + padding-left: 6px + margin: 0 + opacity: .28 + font-size: .8rem + font-style: italic + font-weight: normal + + nav + margin: 0 0 0 auto + padding: 8px + + ul + margin: 0 + display: flex + flex-direction: row + list-style-type: none + justify-content: flex-end - li - margin: 0 8px + li + margin: 0 8px #login