updated dc website

This commit is contained in:
Matt Lee 2010-12-06 13:32:27 -05:00
parent 48cc3216e9
commit ba38d2a5b8
13 changed files with 314 additions and 16 deletions

BIN
dc/better.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
dc/dclogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

47
dc/done.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('http://s.libre.fm/combo.css');
html {margin: 0; padding: 0;}
body {width: 480px; margin: 70px auto; text-align: left; font-size: 110%; }
img {border: 0;}
p {text-align: left; font-weight: normal; line-height: 1.6em; color: #111;}
li {line-height: 1.4em; margin-bottom: 1em;}
ul {margin: 0; padding-left: 1em;}
h1, h2, h3 {text-align: center;}
#privacy {background-color: #ffb; padding: 10px; border: 2px solid orange; margin-bottom: 1em; }
#signup {text-align: center;}
#allset {background-color: yellow; padding: 5px;}
</style>
<title>daisycha.in &mdash; your social circle</title>
</head>
<body>
<h1><a href="/"><img src="dclogo.png" alt="daisycha.in" height="58" /></a></h1>
<p id="allset">You're all set... please go check your email and click the link we
sent you.</p>
<h2><img src="getinvolved.png" alt="Get involved:" /></h2>
<ul>
<li><a href="list.html">Join our mailing list</a> for updates and news.</li>
<li><a href="http://social.shapado.com">Send us your feedback, ideas and suggestions</a>.</li>
<li><a href="http://gitorious.org/+socialites">Check out our software</a> and get <a href="http://lists.gnu.org/mailman/listinfo/social">on the mailing list for
developers and artists</a>.</li>
</ul>
<p><small>FOO300 &mdash; &copy; 2010 <a href="http://foocorp.net/">Foo Communications, LLC</a></small></p>
</body>
</html>

BIN
dc/getinvolved.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
dc/idea.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -3,32 +3,98 @@
<head>
<style type="text/css">
@import url('http://s.libre.fm/combo.css');
html, h1 {margin: 0; padding: 0;}
body {width: 561px; margin: 0 auto; text-align: left; font-size: 110%; }
html {margin: 0; padding: 0;}
body {width: 480px; margin: 70px auto; text-align: left; font-size: 110%; }
img {border: 0;}
p {text-align: left; font-weight: normal; line-height: 1.6em; color: #111;}
li {line-height: 1.4em; margin-bottom: 1em;}
ul {margin: 0; padding-left: 1em;}
h1, h2, h3 {text-align: center;}
#privacy {background-color: #ffb; padding: 10px; border: 2px solid orange; margin-bottom: 1em; }
#signup {text-align: center;}
</style>
<title>daisycha.in &mdash; your social circle</title>
</head>
<body>
<h1><a href="/"><img src="dc.png" alt="daisycha.in" height="100" /></a></h1>
<h1><a href="/"><img src="dclogo.png" alt="daisycha.in" height="58" /></a></h1>
<p>On December 7th, <a href="http://foocorp.net/">FooCorp</a> will launch daisycha.in, a public beta for
<a href="http://www.gnu.org/s/social/">GNU social</a>. Come get a feel
for simple decentralized networking, and help us build the network you
want to use.</p>
<p>This is daisychain, our first public unveiling of a project we call
<b>social</b>. The idea behind <b>social</b> was to make it easy to
connect with all the people in your life, but without giving up
control of your relationships.</p>
<p>Sign up now to get access to the early invite.</p>
<p>If you're using Facebook, and one day you decide to stop, or
another service comes along (Remember MySpace? Friendster? Orkut?)
&mdash; any and all contacts you have cannot be exported. <b>All your
friends go away, and you have to find people again</b>.</p>
<form action="http://foocorp.us2.list-manage.com/subscribe/post?u=ae361e483eddafa57feb63bb0&amp;id=7b50a5946b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<fieldset>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL"> &nbsp;<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
</fieldset>
</form>
<p>We think this is a bad idea.</p>
<p><b>Bad for you, and bad for society.</b></p>
<h2><img src="idea.png" alt="The idea:" /></h2>
<p>Start simple, start with status updates like Twitter and Facebook
already allow, and start getting people to begin updating their
profiles from something they <b>can</b> control:</p>
<p>Once you're comfortable and on-board with this, let's take your
ideas, suggestions and feedback, and build the social networking
software that we all want, and can all use.</p>
<h2><img src="offer.png" alt="What we offer:" /></h2>
<ul>
<li>Let's make that software available to everyone in the world, so
instead of having one big company in California with all of our
secrets, we can rely on friends and family, or even run our own
personal networks.</li>
<li>Let's build the escape rope in to all these networks, so people are
always able to pick up and leave whenever they feel like it, leaving a
forwarding address if they choose.</li>
<li>Let's make changing your social network a little more like moving
house and a little less like starting again without friends or
contacts in a foreign city.</li>
<h2><img src="youandus.png" alt="You and us:" /></h2>
<p>Who are we? We're a ragtail group of artists and geeks working to
bring this to you.</p>
<p>You don't have to trust us with your personal information, and in
fact, we'd rather you didn't.</p>
<p>We'd like you to join us and be a part of a revolution in the way
people share and socialize on the web.</p>
<p>Let's make the World Wide Web into the Social Web.</p>
<h2><img src="better.png" alt="Make it better:" /></h2>
<p>Anyone reading this, regardless of your ability to program
computers or make things look pretty can help make this software
better.</p>
<p>You can tell us what you like, what you hate, how things should be
different, and what features you'd like to see next.</p>
<p>We'll take the time to listen to you.</p>
<p id="signup"><a href="signup.html"><img src="signup.png" alt="Sign up" /></a></p>
<p><small>FOO300 &mdash; &copy; 2010 <a href="http://foocorp.net/">Foo Communications, LLC</a></small></p>

43
dc/list.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('http://s.libre.fm/combo.css');
html {margin: 0; padding: 0;}
body {width: 480px; margin: 70px auto; text-align: left; font-size: 110%; }
img {border: 0;}
p {text-align: left; font-weight: normal; line-height: 1.6em; color: #111;}
li {line-height: 1.4em; margin-bottom: 1em;}
ul {margin: 0; padding-left: 1em;}
h1, h2, h3 {text-align: center;}
#privacy {background-color: #ffb; padding: 10px; border: 2px solid orange; margin-bottom: 1em; }
#signup {text-align: center;}
</style>
<title>daisycha.in &mdash; your social circle</title>
</head>
<body>
<h1><a href="/"><img src="dclogo.png" alt="daisycha.in" height="58" /></a></h1>
<p>Get on our mailing list and keep up to date with news and updates with social and daisychain.</p>
<form action="http://foocorp.us2.list-manage.com/subscribe/post?u=ae361e483eddafa57feb63bb0&amp;id=7b50a5946b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<fieldset>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL"> &nbsp;<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
</fieldset>
</form>
<p id="signup"><a href="signup.html"><img src="signup.png" alt="Sign up" /></a></p>
</body>
</html>

BIN
dc/offer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
dc/privacy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

56
dc/signup.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('http://s.libre.fm/combo.css');
html {margin: 0; padding: 0;}
body {width: 480px; margin: 70px auto; text-align: left; font-size: 110%; }
img {border: 0;}
p {text-align: left; font-weight: normal; line-height: 1.6em; color: #111;}
li {line-height: 1.4em; margin-bottom: 1em;}
ul {margin: 0; padding-left: 1em;}
h1, h2, h3 {text-align: center;}
#privacy {background-color: #ffb; padding: 10px; border: 2px solid orange; margin-bottom: 1em; }
</style>
<title>daisycha.in &mdash; your social circle</title>
</head>
<body>
<h1><a href="/"><img src="dclogo.png" alt="daisycha.in" height="58" /></a></h1>
<h2><img src="privacy.png" alt="The idea:" /></h2>
<div id="privacy">
<p>To us, your privacy is vital.</p>
<p>As things currently stand, <b>anything you say on daisychain is
available to everyone in the world</b>.</p>
<p>Privacy and controls for sharing is something we take extremely
seriously, but it's also something we cannot do by ourselves.</p>
<p>We invite you to join us and help us define a privacy policy and
the privacy controls needed to make people feel comfortable sharing on
the social web.</p>
<p>Finally, we ask that you always consider that anything you put onto
this or any other website, could be shared outside of any privacy
controls by anyone you share it with.</p>
<p><b>Put simply: if someone can see it, that person can copy it (or take
a screenshot) and share it with the world and nobody is ever going to
be able fix that.</b></p>
<p>So please, think twice about who you identify yourself as, and what
you post.</p>
<p>With that in mind, <a href="signup2.html">we invite you to sign up</a> and please, enjoy yourself.</p>
</div>

BIN
dc/signup.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

86
dc/signup2.html Normal file
View File

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('http://s.libre.fm/combo.css');
html {margin: 0; padding: 0;}
body {width: 480px; margin: 70px auto; text-align: left; font-size: 110%; }
img {border: 0;}
p {text-align: left; font-weight: normal; color: #111;}
li {line-height: 1.4em; margin-bottom: 1em;}
ul {margin: 0; padding-left: 1em;}
h1, h2, h3 {text-align: center;}
#privacy {background-color: #ffb; padding: 10px; border: 2px solid orange; margin-bottom: 1em; }
#signup {text-align: center;}
small {font-size: 12px; color: #222;}
</style>
<title>daisycha.in &mdash; your social circle</title>
</head>
<body>
<h1><a href="/"><img src="dclogo.png" alt="daisycha.in" height="58" /></a></h1>
<p>To sign up, please fill out this very simple form, or <a href="#">use your OpenID</a>:</p>
<hr />
<form action="">
<p><b>Choose your daisychain profile address:</b></p>
<p>http://<input type="text" size="18" id="url" name="url" />.daisycha.in</p>
<p><small>Please don't choose an offensive word, or attempt to impersonate a brand or celebrity.</small></p>
<hr />
<p><b>Tell us about yourself:</b></p>
<p><label for="email">Email address: <input name="email" id="email" type="text" size="30" maxlength="150" /></label></p>
<p><small>Please consider using a temporary email address service such
as <a href="http://mailinator.com">Mailinator</a>, or mail forwarding
service such as <a href="http://sneakemail.com">Sneakemail</a>, so
that we can't identify you.</small></p>
<hr />
<p><b>Pick a password, enter it twice:</b></p>
<p><label for="pw1">Password: <input type="password" size="30" maxlength="150" name="pw1" id="pw1" /></label></p>
<p><label for="pw2">Confirmed: <input type="password" size="30" maxlength="150" name="pw2" id="pw2" /></label></p>
<hr />
<p><b>Last thing, we need to give you a name:</b></p>
<p><label for="nm">Name: <input type="text" size="30" maxlength="150" name="nm" id="nm" /></label></p>
<p><small>This really doesn't need to be your real name.</small></p>
<hr />
<p><label for="privacy"><input type="checkbox" name="prv" id="prv"
/>&nbsp; I've read and agree with the privacy policy. </label></p>
<p><label for="terms"><input type="checkbox" name="terms" id="terms"
/>&nbsp; I've read and agree with the terms and conditions. </label></p>
<p><label for="bad"><input type="checkbox" name="bad" id="bad"
/>&nbsp; I've read this form correctly and won't check this box. </label></p>
<p><input type="submit" value="Sign up" /></p>
</form>
</body>
</html>

BIN
dc/youandus.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB