Permalink
Browse files

updating the home page

  • Loading branch information...
CrowdHailer committed May 28, 2018
1 parent c49efa1 commit 4cb1efff0300f0573d37ec421e02a80e39fbc378
Showing with 18 additions and 63 deletions.
  1. +6 −53 lib/watercooler/public/main.css
  2. +1 −1 lib/watercooler/www/home_page.ex
  3. +11 −9 lib/watercooler/www/home_page.html.eex
@@ -1,60 +1,13 @@
/* Reset */
body {
margin: 0;
}
/* Make everything a border-box, because why not? */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html {
min-height: 100%;
}
body {
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element;
font-weight: 300;
letter-spacing: .01em;
line-height: 1.6;
color: white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100 */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(right , rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
h1 {
margin: 0;
font-size: 6.6rem;
font-weight: 300;
line-height: 1.2;
}
.centered {
main {
max-width: 720px;
margin-left: auto;
margin-right: auto;
max-width: 80rem;
}
.accent {
border-left: #00ff9c 2px solid;
margin: 50px;
padding: 30px;
h1 {
text-align: center;
}
nav {
letter-spacing: 3.5em
}
nav a {
color: #00ff9c;
letter-spacing: 0.05em
iframe {
border: none;
}
@@ -5,6 +5,6 @@ defmodule Watercooler.WWW.HomePage do
@impl Raxx.Server
def handle_request(_request, _state) do
response(:ok)
|> render(%{})
|> render(%{node: Node.self()})
end
end
@@ -1,10 +1,12 @@
<main class="centered">
<section class="accent">
<h1>Raxx.Kit</h1>
<h2>Simply cloud native</h2>
<nav>
<a href="https://github.com/CrowdHailer/raxx">SOURCE CODE</a>
<a href="https://elixir-lang.slack.com/messages/C56H3TBH8/">CHAT</a>
</nav>
</section>
<main>
<h1>Watercooler</h1>
<h2>Node: <%= @node %></h2>
<iframe name="myframe" width="0" height="0"></iframe>
<form action="/publish" method="post" target="myframe">
<input type="text" name="message">
<button type="submit">Publish</button>
</form>
<hr>
<h1>Messages</h1>
<ul id="messages"></ul>
</main>

0 comments on commit 4cb1eff

Please sign in to comment.