diff options
| -rw-r--r-- | static/home.css | 20 | ||||
| -rw-r--r-- | templates/home.html | 14 |
2 files changed, 33 insertions, 1 deletions
diff --git a/static/home.css b/static/home.css new file mode 100644 index 0000000..8931b48 --- /dev/null +++ b/static/home.css @@ -0,0 +1,20 @@ +p { + font-size: 1.5em; + text-align: center; + margin: 50px 0; +} + +article p a:link, article p a:visited { + color: #111; + padding: 10px; + border: 1px solid #888; + background: -moz-linear-gradient(top, #07a, #047); + background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); + font-weight: bold; +} + +article p a:hover { + background: -moz-linear-gradient(top, #08b, #047); + background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); + text-decoration: none; +} diff --git a/templates/home.html b/templates/home.html index bdc01b5..6069675 100644 --- a/templates/home.html +++ b/templates/home.html @@ -1,10 +1,22 @@ -{{template "header.html" ""}} +{{$head := `<link href="/static/home.css" rel="stylesheet">`}} +{{template "header.html" $head}} <header> <img src="/static/audioaxis-white.png" alt="Audio Axis" class="aa"> </header> <article> + <p> Welcome to Audio Axis! + </p> + <p> + Create playlists. Share the link. Collaborate in real-time. + </p> + <p> + <a href="/create">Get started</a> + </p> + <p> + Questions? Ask raylu. + </p> </article> {{template "footer.html"}} |