Merge pull request #3813 from Flaburgan/feature/3811-update-and-refactor-default-public-view
Feature/3811 update and refactor default public view
This commit is contained in:
Jonne Haß
commit
c6f92198ba
2 changed files with 159 additions and 169 deletions
|
|
@ -11,6 +11,7 @@
|
||||||
* Made loading of the configuration environment independent of Rails.
|
* Made loading of the configuration environment independent of Rails.
|
||||||
* Do not generate paths like `/a/b/c/config/boot.rb/../../Gemfile` to require and open things, create a proper path instead.
|
* Do not generate paths like `/a/b/c/config/boot.rb/../../Gemfile` to require and open things, create a proper path instead.
|
||||||
* Remove the hack for loading the entire lib folder with a proper solution. [#3809](https://github.com/diaspora/diaspora/issues/3750)
|
* Remove the hack for loading the entire lib folder with a proper solution. [#3809](https://github.com/diaspora/diaspora/issues/3750)
|
||||||
|
* Update and refactor the default public view `public/default.html` [#3811](https://github.com/diaspora/diaspora/issues/3811)
|
||||||
|
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
|
||||||
|
|
@ -1,169 +1,158 @@
|
||||||
<head>
|
<style type="text/css">
|
||||||
<style type="text/css">
|
body {
|
||||||
body {
|
margin-top: 50px;
|
||||||
margin-top: 50px;
|
background-color: white;
|
||||||
background-color: white;
|
background-image : none;
|
||||||
background-image : none;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
li {
|
||||||
-webkit-box-shadow:none;
|
list-style: none;
|
||||||
-moz-box-shadow:none;
|
}
|
||||||
box-shadow:none;
|
|
||||||
border:none;
|
|
||||||
background:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#steps {
|
footer h3 {
|
||||||
text-align: center;
|
margin-bottom: 25px;
|
||||||
}
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
footer {
|
||||||
border: none;
|
margin-bottom: 12px;
|
||||||
border-bottom: 1px solid #ccc;
|
padding: 42px;
|
||||||
}
|
border-top: 1px solid #ccc;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
#banner {
|
#header {
|
||||||
border-bottom : 1px solid #ccc;
|
/* Hack to hide the header */
|
||||||
border-top : 1px solid #eee;
|
-webkit-box-shadow:none;
|
||||||
padding : 30px;
|
-moz-box-shadow:none;
|
||||||
margin : 20px 0;
|
box-shadow:none;
|
||||||
|
border:none;
|
||||||
|
background:none;
|
||||||
|
|
||||||
-webkit-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
left: 0px;
|
||||||
}
|
padding: 15px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
#links {
|
#header img {
|
||||||
margin: 0;
|
margin-left: 15px;
|
||||||
padding: 0;
|
}
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links .section {
|
#login-link {
|
||||||
margin: 0;
|
float: right;
|
||||||
padding: 0;
|
margin-right: 15px;
|
||||||
display: inline-block;
|
}
|
||||||
vertical-align: top;
|
|
||||||
width: 24%;
|
|
||||||
max-width: 24%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login-link {
|
#steps {
|
||||||
float: right;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#change-page {
|
#banner {
|
||||||
color: #999;
|
border-bottom : 1px solid #ccc;
|
||||||
text-align: center;
|
border-top : 1px solid #eee;
|
||||||
font-style: italic;
|
padding : 30px;
|
||||||
}
|
margin-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
footer .container {
|
-webkit-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
||||||
margin-top: 15px;
|
-moz-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
||||||
}
|
-khtml-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
||||||
|
-o-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
||||||
|
-ms-box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
||||||
|
box-shadow : 0 9px 15px -10px rgba(0,0,0,0.7);
|
||||||
|
}
|
||||||
|
|
||||||
.helpful {
|
#links {
|
||||||
cursor: help;
|
margin: 0;
|
||||||
}
|
padding: 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
#links .section {
|
||||||
list-style: none;
|
margin: 0;
|
||||||
}
|
padding: 0;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 24%;
|
||||||
|
max-width: 24%;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
#change-page {
|
||||||
</head>
|
color: #999;
|
||||||
|
text-align: center;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
<body>
|
.helpful {
|
||||||
<div id="page" class="container">
|
cursor: help;
|
||||||
<div id="content">
|
}
|
||||||
<div class="row">
|
|
||||||
<div id="header" style="left: 0; padding: 15px 0;">
|
|
||||||
<a id="login-link" href="login" class="btn" style="margin-right: 15px;">Log In</a>
|
|
||||||
<img src='assets/branding/logo_caps.png'/ style="margin-left: 15px;">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="getting-started">
|
.row {
|
||||||
<div class="row" style="text-align: center;">
|
margin-bottom: 60px;
|
||||||
<div id="banner">
|
}
|
||||||
<h1>Welcome, friend.</h1>
|
</style>
|
||||||
|
|
||||||
<h3>You're about to change the Internet. Let's get you set up, shall we?</h3>
|
<div id="page" class="container">
|
||||||
</div>
|
<header id="header">
|
||||||
</div>
|
<a id="login-link" href="login" class="btn">Log In</a>
|
||||||
<br>
|
<img src="assets/branding/logo_caps.png" />
|
||||||
<br>
|
</header>
|
||||||
|
|
||||||
<div id="steps" class="row">
|
<div id="banner" class="row">
|
||||||
<div class="span4">
|
<h1>Welcome, friend.</h1>
|
||||||
<h2>Configure your <abbr class="helpful" title="A Diaspora installation">pod</abbr></h2>
|
<h3>You're about to change the Internet. Let's get you set up, shall we?</h3>
|
||||||
<img src='assets/icons/cog.png'/>
|
</div>
|
||||||
|
|
||||||
<p>Look at <code class="helpful"
|
<div id="steps" class="row">
|
||||||
title='General pod configuration (location to upload photos, SSL certs, etc.)'>config/application.yml.example</code>
|
<div class="span4">
|
||||||
and <code class="helpful" title="mySQL username/password">config/database.yml.example</code> for
|
<h2>Configure your <abbr class="helpful" title="A Diaspora installation">pod</abbr></h2>
|
||||||
help.</p>
|
<img src="assets/icons/cog.png" />
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span4">
|
<p>Look at
|
||||||
|
<code class="helpful" title='General pod configuration (location to upload photos, SSL certs, etc.)'>
|
||||||
|
config/diaspora.yml.example</code> and <code class="helpful" title="mySQL username/password">
|
||||||
|
config/database.yml.example</code> for help.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h2>Try it out</h2>
|
<div class="span4">
|
||||||
<img src='assets/icons/smiley_laughing.png'/>
|
<h2>Try it out</h2>
|
||||||
|
<img src="assets/icons/smiley_laughing.png" />
|
||||||
|
|
||||||
<p>Start by <a href="users/sign_up">creating an account</a>.</p>
|
<p>Start by <a href="users/sign_up">creating an account</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h2>Make a contribution!</h2>
|
<h2>Make a contribution!</h2>
|
||||||
<img src='assets/icons/pen_write.png'/>
|
<img src="assets/icons/pen_write.png" />
|
||||||
|
|
||||||
<p>Make Diaspora even better! Fork the project on <a href="http://github.com/diaspora/diaspora/"
|
<p>Make Diaspora even better! Fork the project on
|
||||||
title="github">github</a>, make some changes,
|
<a href="http://github.com/diaspora/diaspora/" title="github">github</a>,
|
||||||
and submit a pull request.</p>
|
make some changes, and submit a pull request.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
<footer>
|
||||||
<br>
|
<h3>Useful Resources</h3>
|
||||||
|
<ul id="links">
|
||||||
|
<ul class="section">
|
||||||
|
<li><a href="http://github.com/diaspora/diaspora/" title="Git repository">Codebase</a></li>
|
||||||
|
<li><a href="http://github.com/diaspora/diaspora/wiki" title="Wiki on github">Documentation</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="https://github.com/diaspora/diaspora/issues" title="Bug tracker">Find & Report bugs</a></li>
|
||||||
|
<li><a href="http://guides.rubyonrails.org/">Learn more about Ruby On Rails!</a></li>
|
||||||
|
</ul>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
|
||||||
<hr>
|
<div id="change-page">
|
||||||
|
This page can be changed to a custom landing page by creating <code>app/views/home/_show.html.haml</code>
|
||||||
<br>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h3 style="text-align:center;">Useful Resources</h3>
|
|
||||||
<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>
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue