...
 
Commits (14)
Landing page for poddery.com
# Landing page for poddery.com
===================================
http://savepoddery.com/poddery.com/
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
......@@ -93,14 +93,84 @@ textarea {
Author's custom styles
========================================================================== */
p{
font-size: 14px;
}
header{
background-color: #000000;
padding: 70px 0 60px 0;
/*border-bottom: 5px solid #428BCA;*/
}
header button{
margin: 5px;
}
.centered{
margin-left: auto;
margin-right: auto;
}
#band{
background-color: #428BCA;
font-size: 15px;
padding: 10px;
}
#band a{
color: #efefef;
}
#home-boxes{
margin-top: 40px;
margin-bottom: 45px;
}
#home-boxes i{
font-size: 90px;
}
#save-poddery-campaign{
font-size: 14px;
margin: 40px auto 60px auto;
}
.supporter-logo{
height: 250px;
width: 250px;
display: block;
background-color: #EEEEEE;
border-radius: 50%;
}
.supporter-img{
height: 80px;
width: 80px;
display: inline-block;
background-color: #EEEEEE;
border-radius: 50%;
}
#supporters{
margin: 60px auto;
}
#supporters h1{
margin-bottom: 30px;
}
#supporters h6{
display: inline-block;
margin: 0;
font-size: 16px;
}
#supporters p{
font-size: 18px;
}
.donor-logo h6{
padding-top: 20px;
}
.donor-img{
margin-top: 30px;
margin-bottom: 50px;
}
.donor-img h6{
padding-top: 30px;
}
section button{
margin-top: 5px;
margin-bottom: 5px;
}
......
favicon.ico

766 Bytes | W: | H:

favicon.ico

1.12 KB | W: | H:

favicon.ico
favicon.ico
favicon.ico
favicon.ico
  • 2-up
  • Swipe
  • Onion skin
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -6,13 +6,18 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<title>Diaspora*</title>
<meta name="description" content="diaspora*">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link href='favicon.ico' rel='shortcut icon'>
<link href='apple-touch-icon.png' rel='apple-touch-icon'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
......@@ -20,21 +25,121 @@
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<header>
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<img src="img/diaspora-logo-large.png" alt="diaspora logo" class="centered img-responsive">
<h3>The community-run Distributed Social-network</h3>
</div>
<div class="col-md-12">
<a href="https://poddery.com/users/sign_in"><button class="btn btn-success">Login</button></a>
<a href="https://poddery.com/users/sign_up"><button class="btn btn-primary">Register</button></a>
</div>
</div>
</div>
</header>
<!-- Add your site or application content here -->
<p>Hello world! This is HTML5 Boilerplate.</p>
<div id="band" class="text-center">
Unity is strength! <a href="#save-poddery">See how we saved this pod.</a>
</div>
<div class="container">
<section id="home-boxes" class="text-center">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<h3>Privacy aware</h3>
<i class="icon-lock icon-large"></i>
<p>The online social world where you are in control of your own data. Share what you want with whom you want.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<h3>Open source</h3>
<i class="icon-github icon-large"></i>
<p>Our software is completely free, so <a href="http://github.com/diaspora/diaspora">grab the code</a> and <a href="http://podupti.me/">host it</a> wherever you want!</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<h3>Creative community</h3>
<i class="icon-globe icon-large"></i>
<p>Meet people from all over the world who love the Internet and want to see it free as much as you do.</p>
</div>
</div>
</section>
<hr>
<a name="save-poddery"></a>
<section id="save-poddery-campaign">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<img src="img/save-poddery-campaign-dummy-image.jpg" alt="Save Poddery" class="centered img-responsive">
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
<h2>Save Poddery Campaign</h2>
<p>Poddery.com, one of the earliest diaspora social networking host was scheduled to close on June 30th, 2013. So, a community of diaspora users and contributors gathered together and started the <a href="http://savepoddery.com/">Save Poddery Campaign</a>. We started fund raising at <a href="http://www.indiegogo.com/projects/keep-diaspora-service-at-poddery-com-live">indiegogo.com</a>, and acquired 967<i class="icon-eur"></i> in the period June 09, 2013 - July 23, 2013.</p>
<a href="http://savepoddery.com"><button class="btn btn-primary">savepoddery.com <i class="icon-chevron-right"></i></button></a>
</div>
</div>
</section>
<hr>
<section id="supporters">
<h1 class="text-center">Supporters</h1>
<div class="col-lg-4 text-center donor-logo">
<a href="http://knightswarm.com/">
<div class="supporter-logo centered"><img src="https://lh5.googleusercontent.com/-qS-6pZ6PJA4/AAAAAAAAAAI/AAAAAAAAAF0/qpKuDB-lohk/photo.jpg" width="100%" /></div>
<h6>KnightSwarm </h6>
</a>
<br />Provided us server for hosting poddery.com
</div>
<div class="row">
<div class="col-lg-5 text-center donor-logo">
<a href="">
<div class="supporter-logo centered"></div>
<h6>Praveen Arimbrathodiyil</h6>
</a>
</div></div>
<!-- <div class="col-lg-6">
<div class="row">
<div class="col-lg-6 donor-img">
<div class="row">
<a href="">
<div class="col-lg-4">
<div class="supporter-img"></div>
</div>
<div class="col-lg-8 text-left">
<h6>Grischa Boßlar</h6>
</div>
</a>
</div>
</div>
<div class="col-lg-6 donor-img">
<div class="row">
<a href="">
<div class="col-lg-4">
<div class="supporter-img"></div>
</div>
<div class="col-lg-8 text-left">
<h6>thomas.liesenfeld</h6>
</div>
</a>
</div>
</div>
</div>-->
<br />
<p>We are thankful to all who have helped us to keep diaspora* running in poddery.com. See the full list of contributors.</p>
<button class="btn btn-primary">List of contributors <i class="icon-chevron-right"></i></button>
</div>
</div>
</section>
</div>
<hr>
<footer class="text-center">
<p>Maintained by fosscommunity.in</p><br/>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Diaspora*</title>
<meta name="description" content="diaspora*">
<meta name="viewport" content="width=device-width">
<link href='favicon.ico' rel='shortcut icon'>
<link href='apple-touch-icon.png' rel='apple-touch-icon'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<header>
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<img src="img/diaspora-logo-large.png" alt="diaspora logo" class="centered img-responsive">
<h3>The community-run Distributed Social-network</h3>
</div>
<div class="col-md-12">
<a href="https://poddery.com/users/sign_in"><button class="btn btn-success">Login</button></a>
<a href="https://poddery.com/users/sign_up"><button class="btn btn-primary">Register</button></a>
</div>
</div>
</div>
</header>
<div id="band" class="text-center">
Unity is strength! <a href="#save-poddery">See how we saved this pod.</a>
</div>
<div class="container">
<section id="home-boxes" class="text-center">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<h3>Privacy aware</h3>
<i class="icon-lock icon-large"></i>
<p>The online social world where you are in control of your own data. Share what you want with whom you want.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<h3>Open source</h3>
<i class="icon-github icon-large"></i>
<p>Our software is completely free, so <a href="http://github.com/diaspora/diaspora">grab the code</a> and <a href="http://podupti.me/">host it</a> wherever you want!</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<h3>Creative community</h3>
<i class="icon-globe icon-large"></i>
<p>Meet people from all over the world who love the Internet and want to see it free as much as you do.</p>
</div>
</div>
</section>
<hr>
<a name="save-poddery"></a>
<section id="save-poddery-campaign">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<img src="img/save-poddery-campaign-dummy-image.jpg" alt="Save Poddery" class="centered img-responsive">
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
<h2>Save Poddery Campaign</h2>
<p>Poddery.com, one of the earliest diaspora social networking host was scheduled to close on June 30th, 2013. So, a community of diaspora users and contributors gathered together and started the <a href="http://savepoddery.com/">Save Poddery Campaign</a>. We started fund raising at <a href="http://www.indiegogo.com/projects/keep-diaspora-service-at-poddery-com-live">indiegogo.com</a>, and acquired 967<i class="icon-eur"></i> in the period June 09, 2013 - July 23, 2013.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempor semper libero. In euismod laoreet lorem eget consectetur. Maecenas arcu diam, sollicitudin sed leo eu, tincidunt auctor nunc. Donec rutrum porttitor interdum. Duis tincidunt bibendum lacus, sed semper tortor facilisis vitae. Cras pellentesque diam et adipiscing ultrices. Fusce sollicitudin tincidunt massa, vel vulputate dolor.</p>
<p>Mauris id sodales ligula. Mauris lacinia vitae mauris ut dictum. Integer at dui tellus. Integer malesuada nibh ut purus commodo pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porttitor dolor ut erat consectetur, quis euismod tortor consequat. Proin lacinia, justo lacinia bibendum eleifend, dui velit euismod elit, sit amet dapibus mauris arcu ullamcorper magna. Aenean id ultricies lectus. Ut at erat in dui faucibus porta vitae ut ante.</p>
<button class="btn btn-primary">savepoddery.com <i class="icon-chevron-right"></i></button>
</div>
</div>
</section>
<hr>
<section id="supporters">
<h1 class="text-center">Supporters</h1>
<div class="row">
<div class="col-lg-5 text-center donor-logo">
<a href="">
<div class="supporter-logo centered"></div>
<h6>Praveen Arimbrathodiyil</h6>
</a>
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-lg-6 donor-img">
<div class="row">
<a href="">
<div class="col-lg-4">
<div class="supporter-img"></div>
</div>
<div class="col-lg-8 text-left">
<h6>Grischa Boßlar</h6>
</div>
</a>
</div>
</div>
<div class="col-lg-6 donor-img">
<div class="row">
<a href="">
<div class="col-lg-4">
<div class="supporter-img"></div>
</div>
<div class="col-lg-8 text-left">
<h6>thomas.liesenfeld</h6>
</div>
</a>
</div>
</div>
</div>
<p>We are thankful to all who have helped us to keep diaspora* running in poddery.com. See the full list of contributors.</p>
<button class="btn btn-primary">List of contributors <i class="icon-chevron-right"></i></button>
</div>
</div>
</section>
</div>
<hr>
<footer class="text-center">
<p>&copy; DIASPORA, INC. 2013</p><br/>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
This diff is collapsed.