halfway to a better welcome/getting started page. wip.
This commit is contained in:
danielgrippi
parent
ffd96d989c
commit
68601e392e
5 changed files with 63 additions and 168 deletions
|
|
@ -2,6 +2,14 @@
|
||||||
-# licensed under the Affero General Public License version 3 or later. See
|
-# licensed under the Affero General Public License version 3 or later. See
|
||||||
-# the COPYRIGHT file.
|
-# the COPYRIGHT file.
|
||||||
|
|
||||||
|
:css
|
||||||
|
header{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
- content_for :page_title do
|
- content_for :page_title do
|
||||||
DIASPORA* ALPHA
|
DIASPORA* ALPHA
|
||||||
- begin
|
- begin
|
||||||
|
|
|
||||||
|
|
@ -2,212 +2,99 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Diaspora: Getting Started</title>
|
<title>Diaspora: Getting Started</title>
|
||||||
<style type="text/css" media="screen">
|
<style type="text/css">
|
||||||
body {
|
ol {
|
||||||
margin: 0;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
margin-top: 2em;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: #fff;
|
|
||||||
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #333;
|
|
||||||
}
|
}
|
||||||
|
h1, h2, h3 {
|
||||||
|
letter-spacing: -1px;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 28px;
|
color: #111;
|
||||||
color: #000;
|
text-shadow: 2px 0 0 white;
|
||||||
text-shadow: #999 0px 1px 3px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
h2 {
|
||||||
color: #3F8FBA;
|
color: #444;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page {
|
h3 {
|
||||||
background-color: #f0f0f0;
|
color: #777;
|
||||||
width: 950px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#steps li{
|
||||||
float: left;
|
display: inline-block;
|
||||||
background-color: white;
|
width: 30%;
|
||||||
border: 1px solid #ddd;
|
padding: 1%;
|
||||||
border-top: none;
|
text-align: center;
|
||||||
padding: 25px;
|
vertical-align: top;
|
||||||
width: 700px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
p{
|
||||||
float: right;
|
font-family: 'helvetica';
|
||||||
width: 175px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
clear: both;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header, #about, #getting-started {
|
|
||||||
padding-left: 25px;
|
|
||||||
padding-right: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#about h3 {
|
|
||||||
margin: 0;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#about-content {
|
|
||||||
background-color: #ffd;
|
|
||||||
border: 1px solid #fc0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#about-content table {
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 11px;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
#about-content ul {
|
|
||||||
padding: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#about-content.failure p {
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#getting-started {
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
margin-top: 25px;
|
|
||||||
padding-top: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#getting-started h1 {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
#getting-started h2 {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
#getting-started ol {
|
|
||||||
margin-left: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#getting-started li {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#getting-started li h2 {
|
|
||||||
margin: 0;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 18px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
#getting-started li p {
|
|
||||||
color: #555;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#sidebar ul {
|
|
||||||
margin-left: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
#sidebar ul h3 {
|
|
||||||
margin-top: 25px;
|
|
||||||
font-size: 16px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
#sidebar li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
#sidebar ul.links li {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<script type="text/javascript">
|
|
||||||
function about() {
|
|
||||||
info = document.getElementById('about-content');
|
|
||||||
if (window.XMLHttpRequest)
|
|
||||||
{ xhr = new XMLHttpRequest(); }
|
|
||||||
else
|
|
||||||
{ xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
|
|
||||||
xhr.open("GET","rails/info/properties",false);
|
|
||||||
xhr.send("");
|
|
||||||
info.innerHTML = xhr.responseText;
|
|
||||||
info.style.display = 'block'
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div id="content">
|
<div id="contentr">
|
||||||
<div id="header">
|
<div id="header" style="margin-bottom:24px;">
|
||||||
<h1>Looking Good!</h1>
|
<img src='images/logo_caps.png'/>
|
||||||
<h2>Welcome to Diaspora!</h2>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about">
|
<div id="about" style='display:none;'>
|
||||||
<h3><a href="rails/info/properties" onclick="about(); return false;">About your pod’s environment</a></h3>
|
<h3><a href="rails/info/properties" onclick="about(); return false;">About your pod’s environment</a></h3>
|
||||||
<div id="about-content" style="display: none"></div>
|
<div id="about-content" style="display: none"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="getting-started">
|
<div id="getting-started">
|
||||||
<h1>Getting started</h1>
|
<h1>Welcome, friend.</h1>
|
||||||
<h2>Here’s how to get rolling:</h2>
|
<h3>You're about to change the Internet. Let's get you set up, shall we?</h3>
|
||||||
|
|
||||||
<ol>
|
<hr>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<ol id="steps">
|
||||||
<li>
|
<li>
|
||||||
<h2>check all of your settings!</h2>
|
<h2>Configure your <abbr title="Diaspora installation">pod</abbr></h2>
|
||||||
<p>look at config/app_config.yml.example for help</p>
|
<img src='images/icons/cog.png'/>
|
||||||
|
<p>Look at <strong>config/app_config.yml.example</strong> for help.</p>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<h2>Make a new user!</h2>
|
<h2>Try it out</h2>
|
||||||
<p>click on the login link to make it happen</p>
|
<img src='images/icons/smiley_laughing.png'/>
|
||||||
|
<p>login form ??</p>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<h2>Tell us what you think!</h2>
|
<h2>Make a contribution</h2>
|
||||||
<p>make bug reports, feature requests at: <a href="http://bugs.joindiaspora.com">our bug tracker </a></p>
|
<img src='images/icons/pen_write.png'/>
|
||||||
|
<p>It's people like you who are going to make Diaspora great. a link to <a href="http://github.com/diaspora/diaspora/" title="github">github</a>.</p>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="sidebar">
|
<br>
|
||||||
<ul id="sidebar-items">
|
<br>
|
||||||
<li>
|
|
||||||
<h3>Browse the documentation</h3>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a href="http://github.com/diaspora/diaspora/">Diaspora Github</a></li>
|
|
||||||
<li><a href="http://github.com/diaspora/diaspora/wiki">Diaspora Wiki</a></li>
|
|
||||||
<li><a href="http://webchat.freenode.net/?channels=diaspora">Diaspora IRC</a></li>
|
|
||||||
<li><a href="http://bugs.joindiaspora.com/">Diaspora Bug Tracker</a></li>
|
|
||||||
<li><a href="http://groups.google.com/group/diaspora-discuss">User Mailing List</a></li>
|
|
||||||
<li><a href="http://groups.google.com/group/diaspora-dev">Dev Mailing List</a></li>
|
|
||||||
<li><a href="http://getsatisfaction.com/diaspora/">Get Satisfaction</a></li>
|
|
||||||
<li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer"> </div>
|
<hr>
|
||||||
|
<h3>Useful Resources</h3>
|
||||||
|
<ul class="links">
|
||||||
|
<li><a href="http://github.com/diaspora/diaspora/" title="github">Codebase</a></li>
|
||||||
|
<li><a href="http://github.com/diaspora/diaspora/wiki" title="wiki">Documentation</a></li>
|
||||||
|
<li><a href="http://webchat.freenode.net/?channels=diaspora" title="IRC">IRC</a></li>
|
||||||
|
<li><a href="http://bugs.joindiaspora.com/" title="bug tracker">Find/Report bugs</a></li>
|
||||||
|
<li><a href="http://groups.google.com/group/diaspora-discuss" title="mailing list">General Discussion</a></li>
|
||||||
|
<li><a href="http://groups.google.com/group/diaspora-dev" title="mailing list">Development Discussion</a></li>
|
||||||
|
<li><a href="http://getsatisfaction.com/diaspora/" title="get satisfaction">User Feedback</a></li>
|
||||||
|
<li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
BIN
public/images/icons/cog.png
Normal file
BIN
public/images/icons/cog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,019 B |
BIN
public/images/icons/pen_write.png
Normal file
BIN
public/images/icons/pen_write.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 719 B |
BIN
public/images/icons/smiley_laughing.png
Normal file
BIN
public/images/icons/smiley_laughing.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in a new issue