progress onthe home page
Connor Turland
BIN
app/assets/images/big_picture.png
Normal file
|
After Width: | Height: | Size: 116 KiB |
BIN
app/assets/images/connected.png
Normal file
|
After Width: | Height: | Size: 63 KiB |
BIN
app/assets/images/graph_screen.png
Normal file
|
After Width: | Height: | Size: 157 KiB |
BIN
app/assets/images/junto_screen.jpg
Normal file
|
After Width: | Height: | Size: 120 KiB |
BIN
app/assets/images/junto_screen.png
Normal file
|
After Width: | Height: | Size: 712 KiB |
BIN
app/assets/images/metamaps_code.png
Normal file
|
After Width: | Height: | Size: 222 KiB |
BIN
app/assets/images/rich_media.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
app/assets/images/splash_bg.png
Normal file
|
After Width: | Height: | Size: 344 KiB |
|
|
@ -12,13 +12,13 @@ class MainController < ApplicationController
|
||||||
def home
|
def home
|
||||||
@maps = policy_scope(Map).order('updated_at DESC').page(1).per(20)
|
@maps = policy_scope(Map).order('updated_at DESC').page(1).per(20)
|
||||||
respond_to do |format|
|
respond_to do |format|
|
||||||
format.html do
|
format.html {
|
||||||
if !authenticated?
|
if !authenticated?
|
||||||
render 'main/home'
|
render 'main/home', layout: "info"
|
||||||
else
|
else
|
||||||
render 'maps/activemaps'
|
render 'maps/activemaps'
|
||||||
end
|
end
|
||||||
end
|
}
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
|
||||||
BIN
app/views/layouts/.info.html.erb.swp
Normal file
130
app/views/layouts/info.html.erb
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Metamaps</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.splash {
|
||||||
|
background: url(<%= asset_path 'splash_bg.png' %>) no-repeat 0 0;
|
||||||
|
height: 399px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.splash h2 {
|
||||||
|
font-family: Helvetica, sans-serif;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 48px;
|
||||||
|
padding: 120px 0 20px 0;
|
||||||
|
margin: 0;
|
||||||
|
text-shadow: 2px 2px #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.splash button {
|
||||||
|
border: none;
|
||||||
|
height: 40px;
|
||||||
|
width: 160px;
|
||||||
|
outline: none;
|
||||||
|
padding: 0 18px;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
vertical-align: top;
|
||||||
|
color: #FFF;
|
||||||
|
margin: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
font-family: helvetica, sans-serif;
|
||||||
|
-webkit-font-smoothing: inherit;
|
||||||
|
box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button--blue {
|
||||||
|
background-color: #4fb5c0;
|
||||||
|
}
|
||||||
|
.button--purple {
|
||||||
|
background-color: #a354cd;
|
||||||
|
}
|
||||||
|
.button--blue:hover {
|
||||||
|
background-color: #419599;
|
||||||
|
}
|
||||||
|
.button--purple:hover {
|
||||||
|
background-color: #9150bc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
margin: 60px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.graph {
|
||||||
|
background: url(<%= asset_path 'big_picture.png' %>) no-repeat 0 0;
|
||||||
|
height: 399px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code {
|
||||||
|
background: url(<%= asset_path 'metamaps_code.png' %>) no-repeat 0 -239px;
|
||||||
|
height: 399px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rich_media {
|
||||||
|
background: url(<%= asset_path 'rich_media.png' %>) no-repeat 0 0;
|
||||||
|
height: 403px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.connected {
|
||||||
|
background: url(<%= asset_path 'connected.png' %>) no-repeat 0 0;
|
||||||
|
height: 600px;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.junto {
|
||||||
|
background: url(<%= asset_path 'junto_screen.png' %>) no-repeat top right;
|
||||||
|
background-size: contain;
|
||||||
|
height: 399px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="center">
|
||||||
|
<div class="splash">
|
||||||
|
<h2>make sense with metamaps</h2>
|
||||||
|
<button class="button--blue" href="/request">Request Invite</button>
|
||||||
|
<button class="button--purple" href="/login">Log In</button>
|
||||||
|
</div>
|
||||||
|
<div class="section junto">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="section connected">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="section rich_media">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="section graph">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="section code">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||