new getting started page [ci skip]

This commit is contained in:
danielgrippi 2012-05-10 20:42:48 -07:00
parent 9b9a64ffd0
commit a3ca176d74
4 changed files with 139 additions and 155 deletions

8
.gitignore vendored
View file

@ -1,8 +1,8 @@
#trademark sillyness #trademark sillyness
app/views/home/_show.html.haml app/views/home/_show.*
app/views/home/_show.mobile.haml app/assets/images/custom/*
public/images/ball_small.png
public/images/ball.png
# Configuration files # Configuration files
config/app_config.yml config/app_config.yml
config/app.yml config/app.yml

View file

@ -16,7 +16,7 @@ class HomeController < ApplicationController
redirect_to user_session_path redirect_to user_session_path
else else
@landing_page = true @landing_page = true
render :show render :show, :layout => 'post'
end end
end end

View file

@ -3,18 +3,12 @@
-# the COPYRIGHT file. -# the COPYRIGHT file.
- content_for :page_title do - content_for :page_title do
DIASPORA* ALPHA Diaspora*
- begin - begin
= render :partial => 'home/show' = render :partial => 'home/show'
- rescue - rescue
:css
header{
display:none;
}
body{
margin-top: 20px;
}
:erb :erb
<%= File.open(File.join(Rails.root, 'public/default.html')).read %> <%= File.open(File.join(Rails.root, 'public/default.html')).read %>

View file

@ -1,163 +1,120 @@
<!DOCTYPE html>
<html>
<head>
<title>Diaspora: Getting Started</title>
<style type="text/css"> <style type="text/css">
ol {
padding: 0;
}
h1, h2, h3 {
letter-spacing: -1px;
}
h1 {
color: #111;
text-shadow: 2px 0 0 white;
}
h2 { body {
color: #444; margin-top: 50px;
} background-color: white;
background-image : none;
}
h3 { #steps {
color: #777; text-align: center;
} }
#steps li{ hr {
display: inline-block; border: none;
width: 30%; border-bottom: 1px solid #ccc;
padding: 1%; }
text-align: center;
vertical-align: top;
}
p{ #banner {
font-family: 'helvetica'; border-bottom : 1px solid #ccc;
} border-top : 1px solid #eee;
padding : 30px;
margin : 20px 0;
#links { -webkit-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
margin: 0; }
padding: 0;
}
#links .section {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
width: 24%;
max-width: 24%;
}
code { #links {
background-color: #D9FFA9; margin: 0;
} padding: 0;
text-align: center;
}
#login-link { #links .section {
float: right; margin: 0;
padding: 3px 5px; padding: 0;
background: #f0f0f0; display: inline-block;
border: 1px solid #ddd; vertical-align: top;
border-radius: 3px; width: 24%;
font-weight: bold; max-width: 24%;
} }
#login-link:hover{ #login-link {
text-decoration: none; float: right;
background-color: #fff; }
}
#change-page { #change-page {
color: #999; color: #999;
text-align: center; text-align: center;
font-style: italic; font-style: italic;
} }
#change-page code { footer .container {
background: none; margin-top: 15px;
} }
footer .container { .helpful {
margin-top: 15px; cursor: help;
} }
.helpful { li {
cursor: help; list-style: none;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="page"> <div id="page" class="container">
<div id="contentr"> <div id="content">
<div id="header" style="margin-bottom:24px;"> <div class="row">
<a id="login-link" href="login">Log In</a> <div id="header" style="margin-bottom:24px;">
<img src='assets/branding/logo_caps.png'/> <a id="login-link" href="login" class="btn">Log In</a>
<img src='assets/branding/logo_caps.png'/>
</div>
</div> </div>
<div id="about" style='display:none;'>
<h3><a href="rails/info/properties" onclick="about(); return false;">About your pod&rsquo;s environment</a></h3>
<div id="about-content" style="display: none"></div>
</div>
<hr>
<div id="getting-started"> <div id="getting-started">
<h1>Welcome, friend.</h1> <div class="row" style="text-align: center;">
<h3>You're about to change the Internet. Let's get you set up, shall we?</h3> <div id="banner">
<h1>Welcome, friend.</h1>
<hr> <h3>You're about to change the Internet. Let's get you set up, shall we?</h3>
<br> </div>
<br> </div>
<br>
<br>
<ol id="steps"> <div id="steps" class="row">
<li> <div class="span4">
<h2>Configure your <abbr class="helpful" title="A Diaspora installation">pod</abbr></h2> <h2>Configure your <abbr class="helpful" title="A Diaspora installation">pod</abbr></h2>
<img src='assets/icons/cog.png'/> <img src='assets/icons/cog.png'/>
<p>Look at <code class="helpful" title='General pod configuration (location to upload photos, SSL certs, etc.)'>config/application.yml.example</code> and <code class="helpful" title="mySQL username/password">config/database.yml.example</code> for help.</p>
</li>
<li> <p>Look at <code class="helpful"
<h2>Try it out</h2> title='General pod configuration (location to upload photos, SSL certs, etc.)'>config/application.yml.example</code>
<img src='assets/icons/smiley_laughing.png'/> and <code class="helpful" title="mySQL username/password">config/database.yml.example</code> for
<p>Start by <a href="users/sign_up">creating an account</a>.</p> help.</p>
</li> </div>
<li> <div class="span4">
<h2>Make a contribution!</h2>
<img src='assets/icons/pen_write.png'/> <h2>Try it out</h2>
<p>Make Diaspora even better! Fork the project on <a href="http://github.com/diaspora/diaspora/" title="github">github</a>, make some changes, and submit a pull request.</p> <img src='assets/icons/smiley_laughing.png'/>
</li>
</ol> <p>Start by <a href="users/sign_up">creating an account</a>.</p>
</div>
<div class="span4">
<h2>Make a contribution!</h2>
<img src='assets/icons/pen_write.png'/>
<p>Make Diaspora even better! Fork the project on <a href="http://github.com/diaspora/diaspora/"
title="github">github</a>, make some changes,
and submit a pull request.</p>
</div>
</div>
</div> </div>
</div>
<br>
<br>
<hr>
<br>
<h3>Useful Resources</h3>
<ul id="links">
<ul class="section">
<li><strong><a href="http://github.com/diaspora/diaspora/" title="Git repository">Codebase</a></strong></li>
<li><strong><a href="http://github.com/diaspora/diaspora/wiki" title="Wiki on github">Documentation</a></strong></li>
<br>
<li><a href="https://github.com/diaspora/diaspora/issues" title="Bug tracker">Find & Report bugs</a></li>
</ul>
<ul class="section">
<li><a href="http://webchat.freenode.net/?channels=diaspora" title="#diaspora">IRC - General</a></li>
<li><a href="http://webchat.freenode.net/?channels=diaspora-dev" title="#diaspora-dev">IRC - Development</a></li>
</ul>
<ul class="section">
<li><a href="http://groups.google.com/group/diaspora-discuss" title="General discussion mailing list">Discussion - General</a></li>
<li><a href="http://groups.google.com/group/diaspora-dev" title="Dev mailing list">Discussion - Development</a></li>
</ul>
<ul class="section">
<li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
</ul>
</ul>
</div> </div>
<br> <br>
@ -165,8 +122,41 @@
<hr> <hr>
<div id="change-page"> <br>
This page can be changed to a custom landing page by creating <code>app/views/home/_show.html.haml</code>
</div>
</body> <h3 style="text-align:center;">Useful Resources</h3>
</html> <br/>
<ul id="links">
<ul class="section">
<li><strong><a href="http://github.com/diaspora/diaspora/" title="Git repository">Codebase</a></strong></li>
<li><strong><a href="http://github.com/diaspora/diaspora/wiki"
title="Wiki on github">Documentation</a></strong></li>
<br>
<li><a href="https://github.com/diaspora/diaspora/issues" title="Bug tracker">Find & Report bugs</a></li>
</ul>
<ul class="section">
<li><a href="http://webchat.freenode.net/?channels=diaspora" title="#diaspora">IRC - General</a></li>
<li><a href="http://webchat.freenode.net/?channels=diaspora-dev" title="#diaspora-dev">IRC - Development</a>
</li>
</ul>
<ul class="section">
<li><a href="http://groups.google.com/group/diaspora-discuss" title="General discussion mailing list">Discussion
- General</a></li>
<li><a href="http://groups.google.com/group/diaspora-dev" title="Dev mailing list">Discussion -
Development</a></li>
</ul>
<ul class="section">
<li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
</ul>
</ul>
<br>
<br>
<hr style="border-color:#ddd;">
<div id="change-page">
This page can be changed to a custom landing page by creating <code>app/views/home/_show.html.haml</code>
</div>
</div>