mirror of
https://github.com/reddit-archive/reddit.git
synced 2026-04-27 03:00:12 -04:00
Remove a few old static mini sites.
Also, update Socialite links to direct users to AMO.
This commit is contained in:
Max Goodman
@@ -263,6 +263,9 @@ def make_map():
|
||||
mc('/code', controller='redirect', action='redirect',
|
||||
dest='http://github.com/reddit/')
|
||||
|
||||
mc('/socialite', controller='redirect', action='redirect',
|
||||
dest='https://addons.mozilla.org/firefox/addon/socialite/')
|
||||
|
||||
mc('/mobile', controller='redirect', action='redirect',
|
||||
dest='http://m.reddit.com/')
|
||||
|
||||
|
||||
@@ -92,7 +92,6 @@ menu = MenuHandler(hot = _('hot'),
|
||||
|
||||
#reddit footer strings
|
||||
feedback = _("contact us"),
|
||||
socialite = _("firefox extension"),
|
||||
buttons = _("buttons"),
|
||||
widget = _("widget"),
|
||||
code = _("source code"),
|
||||
|
||||
@@ -485,7 +485,7 @@ class RedditFooter(CachedTemplate):
|
||||
|
||||
NavMenu([
|
||||
OffsiteButton("mobile", "http://i.reddit.com"),
|
||||
NamedButton("socialite", False),
|
||||
OffsiteButton(_("firefox extension"), "https://addons.mozilla.org/firefox/addon/socialite/"),
|
||||
OffsiteButton(_("chrome extension"), "https://chrome.google.com/webstore/detail/algjnflpgoopkdijmkalfcifomdhmcbe"),
|
||||
NamedButton("buttons", True),
|
||||
NamedButton("widget", True),
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
@@ -1,333 +0,0 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||||
|
||||
<style>
|
||||
body {
|
||||
background-color:#F5F6F7;
|
||||
font-family: Lucida Grande, Helvetica, Sans-serif;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #ff4500;
|
||||
}
|
||||
|
||||
a {color: black; text-decoration: none;}
|
||||
|
||||
p {
|
||||
font-size: .65em;
|
||||
color: #202020;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#big {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 13px;
|
||||
color:#c0c0c0;
|
||||
font-family:helvetica;
|
||||
font-weight:bold;
|
||||
font-size:1.6em;
|
||||
letter-spacing:-0.01em;
|
||||
line-height:1.3em;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
color:#D0D0D0;
|
||||
font-family:helvetica;
|
||||
font-size:2em;
|
||||
letter-spacing:-0.01em;
|
||||
line-height:0.15em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#111;
|
||||
font-weight:bold;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
|
||||
#nav {
|
||||
margin: 40px auto 0px;
|
||||
font-size: .8em;
|
||||
width:85%;
|
||||
padding: 8px;
|
||||
background-color: #EDEEEF;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-left-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
color: #666;
|
||||
|
||||
}
|
||||
|
||||
#main {
|
||||
margin: 0px auto;
|
||||
width: 85%;
|
||||
background-color: white;
|
||||
border-top: 1px solid #EDEEEF;
|
||||
border-right: 1px solid #E1E1E1;
|
||||
border-bottom: 1px solid #EDEEEF;
|
||||
border-left: 1px solid #E1E1E1;
|
||||
padding: 35px;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-left-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-webkit-border-bottom-right-radius: 5px;
|
||||
-moz-border-radius-bottomright: 5px;
|
||||
-webkit-border-bottom-left-radius: 5px;
|
||||
-moz-border-radius-bottomleft: 5px;
|
||||
}
|
||||
|
||||
#left {
|
||||
}
|
||||
|
||||
#right {
|
||||
float:right;
|
||||
width: 300px;
|
||||
margin-bottom: 15px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#bottom {
|
||||
clear: both;
|
||||
border-top: 1px dashed #e0e0e0;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
#footer {
|
||||
font-size: .6em;
|
||||
margin-top:13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#quotebubble {
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #f0f0f0;
|
||||
padding: 5px 10px 0px 0px;
|
||||
margin-bottom: 25px;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-left-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-webkit-border-bottom-right-radius: 5px;
|
||||
-moz-border-radius-bottomright: 5px;
|
||||
-webkit-border-bottom-left-radius: 5px;
|
||||
-moz-border-radius-bottomleft: 5px;
|
||||
|
||||
}
|
||||
|
||||
#quote {
|
||||
font-size: .9em;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#quoted {
|
||||
margin-top:-5px;
|
||||
margin-bottom:0px;
|
||||
font-family:helvetica;
|
||||
font-weight:bold;
|
||||
font-size:1.6em;
|
||||
letter-spacing:-0.01em;
|
||||
text-align:right;
|
||||
color:#c0c0c0;
|
||||
}
|
||||
|
||||
#quoted a{
|
||||
color:#c0c0c0;
|
||||
}
|
||||
|
||||
#highlight {
|
||||
background-color:#d7e8f8;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script src="random.js" language="javascript" type="text/javascript">
|
||||
</script>
|
||||
</head><body>
|
||||
<div id="nav"><span style="font-weight: bold; color: white;">»</span> <a href="http://reddit.com/">back to reddit.com</a> <span style="font-weight: bold; color: white;">|</span> <span style="font-weight: bold; color: white;">|</span> <a href="#buzz">bask in the buzz</a> <span style="font-weight: bold; color: white;">|</span> <a href="http://apple.reddit.com/">visit apple.reddit</a> <span style="font-weight: bold; color: white;">|</span> <span><a href="http://reddit.com/store">wear your reddit pride</a></span></div>
|
||||
<div id="main">
|
||||
<div id="right">
|
||||
|
||||
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tbody><tr>
|
||||
<td colspan="3" height="107px" width="304px">
|
||||
<img src="iPhone-top.png">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="360px" width="32px"><img src="iPhone-left.png"></td>
|
||||
<td><embed src="http://s3.amazonaws.com/iReddit/iPhoneSim.mov" autoplay="true" controller="false" height="360px" width="240px"></td>
|
||||
<td height="360px" width="32px"><img src="iPhone-right.png"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3" height="98px" width="304px">
|
||||
<img src="iPhone-bottom.png">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</div>
|
||||
<!--just ended right-->
|
||||
|
||||
<div id="left">
|
||||
|
||||
<img src="iredditlogo.png" style="margin-bottom: 13px;">
|
||||
|
||||
<p id="big">
|
||||
The best of the web is in your hand.<br>
|
||||
And you can even shake it
|
||||
<br>
|
||||
<span style="line-height: 1.8em; font-size: 0.5em;">
|
||||
<script lanugage="JavaScript">document.write(quote);</script>
|
||||
</span>
|
||||
<br>
|
||||
for a random, cool link.
|
||||
</p>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=302732279&mt=8"><img style="float:left; margin-right: 10px;margin-bottom: 10px; border: none" src="iReddit-thumb.png"></a>
|
||||
<p>
|
||||
Buy the iReddit app for just $.99 and you'll never see an ad on it. It comes with a ton of sound effects for your shaking pleasure and will let you aggregate up to 500 reddit subscriptions.
|
||||
</p>
|
||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=302732279&mt=8"><img src="getapp.png" border="0"></a>
|
||||
</div>
|
||||
|
||||
<div style="float: left; margin-top: 13px; margin-bottom: 33px;">
|
||||
<h2 style="font-size: 0.7em;">not convinced? watch the commercial</h2>
|
||||
<div style="border: 1px solid rgb(238, 238, 238); padding: 3px; width: 425px; height: 264px;">
|
||||
<object width="425" height="264"><param name="movie" value="http://www.youtube.com/v/jjxlEodOETU&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/jjxlEodOETU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="264"></embed></object>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!--just ended left-->
|
||||
|
||||
<div id="bottom">
|
||||
<div>
|
||||
<h2>the feature list</h2>
|
||||
<ul style="color: rgb(32, 32, 32);">
|
||||
<li>all the reddit sort options; view links by hotness, newness, top-score-ness, and controversy</li>
|
||||
<li>baked-in browser means you can vote without leaving the page and easily jump to comments or move up/down the listings</li>
|
||||
<li>commenting has never been easier, or sexier, on a mobile device</li>
|
||||
<li>save and share links with just a few touches</li>
|
||||
<li>browse the various reddit communities or set your favorites</li>
|
||||
<li>display thumbnails for most efficient exploration</li>
|
||||
<li>alien loading animation improves load time by 500% (that is, makes the waiting suck 5x less)</li>
|
||||
<li><b>pro-tip:</b> enable sounds in preferences and savor the awe of your peers</li>
|
||||
<li>7 different awesome sounds to choose from</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 23px;">
|
||||
<h2><a name="buzz">the buzz</a></h2>
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
<span id="highlight">I have been captivated by the updated iReddit</span>. It's so much better than prev versions.
|
||||
</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://twitter.com/simonpickles/statuses/2604281023">@simonpickles</a>, on Twitter
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
While in Serendipity mode, you will keep getting fed random stories to
|
||||
view/vote on every time you hit the "Hit me" button or shake the
|
||||
iPhone. Clicking "No More!!!" will take you back to regular mode. Much
|
||||
like UrbanSpoon, <span id="highlight">I could see this Serendipity mode becoming addicting</span>. It's a bit like a completely random StumbleUpon (a website discovery tool), but again, using the iPhone's accelerometer.
|
||||
</p>
|
||||
<p id="quote">
|
||||
<span id="highlight">Such a feature seems perfect for a social voting site</span>, where users are often looking for new and interesting stories.
|
||||
</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://venturebeat.com/2009/01/20/preview-reddit-strikes-back-with-its-official-iphone-app/">VentureBeat</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
Not only does iReddit <span id="highlight">has all your favorite Reddit functionality</span>:
|
||||
view stories, vote, comment, share, explore different subreddits, and
|
||||
save links for later, it also lets you 'shake' to get a new story; an
|
||||
idea, Ohanian says, that has been "floating around ever since I saw the
|
||||
Urbanspoon app."</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://www.readwriteweb.com/archives/the_official_reddit_iphone_app.php">ReadWriteWeb</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
$1.99? <span id="highlight">I've spent more on worse</span> on the iPhone. Sold.
|
||||
</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://news.ycombinator.com/user?id=bvttf">bvttf</a>, on <a href="http://news.ycombinator.com/item?id=481677">HackerNews</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
iphone reddit app. <span id="highlight">life = over.</span>
|
||||
</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://twitter.com/seeandyspin/status/1217347350">@seeandyspin</a>, on twitter</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
iphone reddit app. <span id="highlight">life = over.</span>
|
||||
</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://twitter.com/seeandyspin/status/1217347350">@seeandyspin</a>, on twitter</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="quotebubble">
|
||||
<p id="quote">
|
||||
<span id="highlight">A particularly interesting feature is the Serendipity mode</span>,
|
||||
which lets you you browse random Reddit stories without clicking;
|
||||
simply shake the iPhone and you'll be served a brand new link.</p>
|
||||
<p id="quoted">
|
||||
→ <a href="http://mashable.com/2009/02/17/reddit-iphone/">Mashable</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div style="text-align:center"><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=302732279&mt=8">iReddit on the AppStore</a></div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--just ended bottom-->
|
||||
|
||||
|
||||
<!--just ended main-->
|
||||
|
||||
|
||||
<div id="footer">reddit <3s you</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script><script src="ga.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
try {
|
||||
var pageTracker = _gat._getTracker("UA-1237041-22");
|
||||
pageTracker._trackPageview();
|
||||
} catch(err) {}</script>
|
||||
</body></html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
@@ -1,14 +0,0 @@
|
||||
quoteList = new Array();
|
||||
|
||||
quoteList[0] = "(like a Polaroid picture)";
|
||||
quoteList[1] = "(but don't break it -- it took Steve 9 months to make it)";
|
||||
quoteList[2] = "(like a salt shaker)";
|
||||
quoteList[3] = "(like a pom pom)";
|
||||
quoteList[4] = "(like a British nanny)";
|
||||
quoteList[5] = "(like a mystery present)";
|
||||
quoteList[6] = "(like a monkey with a puzzle)";
|
||||
quoteList[7] = "(like a tiny Etch-A-Sketch)";
|
||||
quoteList[8] = "(like a British nanny)";
|
||||
quoteList[9] = "(with gusto!)";
|
||||
quoteList[10] = "(like you're trying to get the last crumbs from the Doritos bag)";
|
||||
quoteList[11] = "(instead of going to the gym)";
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 150 KiB |
@@ -1,279 +0,0 @@
|
||||
<!DOCTYPE html> <!--Html 5 ftw-->
|
||||
<html><head>
|
||||
<title>Reddit for smartphones</title>
|
||||
<style>
|
||||
html {
|
||||
overflow: auto;
|
||||
}
|
||||
body {
|
||||
background: #E6E6E6 /*hsl(0,0%,90%)*/;
|
||||
font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
color: #333 /*hsl(0,0%,20%)*/;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0px; left: 0px; bottom: 0px;
|
||||
right: 10px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
#content {
|
||||
margin: 100px auto 0px;
|
||||
width: 900px;
|
||||
background: #FAFAFA /*hsl(0, 0%, 98%)*/;
|
||||
border: 1px solid #F3F3F3 /*hsl(0,0%,95%)*/; border-top: 1px solid white;
|
||||
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
|
||||
position: relative;
|
||||
-webkit-box-shadow: 2px 2px 5px hsla(0,0%,0%,.2), 0px -1px 0px hsl(0,0%,90%); -moz-box-shadow: 2px 2px 5px hsla(0,0%,0%,.2), 0px -1px 0px hsl(0,0%,90%);
|
||||
box-shadow: 2px 2px 5px hsla(0,0%,0%,.2), 0px -1px 0px hsl(0,0%,90%);
|
||||
}
|
||||
#header {
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
top: -120px;
|
||||
font-family: 'Nobile', arial, serif;
|
||||
color: #3D4C5C /*hsl(211, 20%, 30%)*/;
|
||||
text-shadow: 0px 2px 0px hsla(0,0%,100%,.8);
|
||||
}
|
||||
#blurb {
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
background-color: #F3F3F3 /*hsl(0, 0%, 95%)*/;
|
||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsl(0, 0%, 95%)), to(hsl(0, 0%, 85%)));
|
||||
background: -moz-linear-gradient(top, hsl(0, 0%, 95%), hsl(0, 0%, 85%));
|
||||
text-shadow: hsla(0, 100%, 100%, 0.4) 0px 1px 0px;
|
||||
border-bottom: 1px solid hsl(0,0%,80%);
|
||||
-webkit-border-top-left-radius: 8px;
|
||||
-webkit-border-top-right-radius: 8px;
|
||||
-moz-border-radius-topleft: 8px;
|
||||
-moz-border-radius-topright: 8px;
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
}
|
||||
#blurb p {
|
||||
margin: 0px;
|
||||
}
|
||||
.smaller_blurb {
|
||||
line-height: 1.3em;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.bigger_blurb {
|
||||
font-size: 1.7em;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.inner {
|
||||
padding: 10px;
|
||||
border-top: 1px solid white /*hsl(0, 0%, 100%)*/;
|
||||
border-bottom: 1px solid #CCC /*hsl(0,0%,80%)*/;
|
||||
}
|
||||
.left, .right {
|
||||
clear: both;
|
||||
}
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
.left img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
position: relative;
|
||||
top: -25px;
|
||||
}
|
||||
.left.first img {
|
||||
top: 0px;
|
||||
}
|
||||
.right img {
|
||||
float: right;
|
||||
margin-left: 20px;
|
||||
position: relative;
|
||||
top: -25px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
line-height: 1.3em;
|
||||
margin: 0px 0px 5px;
|
||||
text-shadow: hsla(0, 100%, 100%, 0.4) 0px 1px 0px;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.description li {
|
||||
line-height: 1em;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
img {
|
||||
-webkit-box-shadow: 0px 5px 10px hsla(0,0%,0%,.3); -moz-box-shadow: 0px 5px 10px hsla(0,0%,0%,.3); box-shadow: 0px 5px 10px hsla(0,0%,0%,.3);;
|
||||
}
|
||||
.text {
|
||||
padding-top: 35px;
|
||||
}
|
||||
.qrcode {
|
||||
float: right;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.sys_req {
|
||||
padding-left: 50px;
|
||||
list-style-type: disc;
|
||||
}
|
||||
.sys_req li {
|
||||
line-height: 1em;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
dt {
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
margin: 10px 0px 5px;
|
||||
text-shadow: hsla(0, 100%, 100%, 0.4) 0px 1px 0px;
|
||||
}
|
||||
.designedby {
|
||||
position: relative;
|
||||
bottom: -20px;
|
||||
right: 5px;
|
||||
text-align: right;
|
||||
color: #BFBFBF /*hsl(0,0%,75%)*/;
|
||||
text-shadow: 0px 1px 0px hsla(0,0%,100%,.3);
|
||||
}
|
||||
.designedby a, .designedby a:link,.designedby a:visited {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
.designedby a:hover {
|
||||
color: #7F7F7F/*hsl(0,0%,50%)*/;
|
||||
}
|
||||
/* Custom scrollbar. Go cry in a corner */
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:start:decrement,
|
||||
::-webkit-scrollbar-button:end:increment {
|
||||
display: block;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:vertical:increment {
|
||||
background-color: hsl(0,0%,90%);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
height: 50px;
|
||||
background-color: hsl(0,0%,85%);
|
||||
border: 1px solid hsl(0,0%,80%);
|
||||
-webkit-border-radius: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
width: 50px;
|
||||
background-color: #ccc;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content"><!-- needs closing-->
|
||||
<h1 id="header">reddit. for your smartphone</h1>
|
||||
<div id="blurb">
|
||||
<p class="smaller_blurb">It's your favorite site on the internet, and you're addicted to it.</p>
|
||||
<p class="bigger_blurb">reddit mobile lets you satisfy your addiction from anywhere</p>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="left first">
|
||||
<img src="img/screen1_small.png" width="420" height="345" alt="screenshot" />
|
||||
<div class="text">
|
||||
<h2>It's the same reddit, but mobile</h2>
|
||||
<ul class='description'>
|
||||
<li>Same backend as reddit.com</li>
|
||||
<li>Content and actions are shared across both sites.</li>
|
||||
<li>No time-delay in updating</li>
|
||||
<li>Feature parity. Core features get integrated faster.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="img/screen2_small.png" width="420" height="345" alt="popup bubble screenshot" />
|
||||
<div class="text">
|
||||
<h2>Clean, beautiful ui</h2>
|
||||
<ul class="description">
|
||||
<li>Custom ui designed for mobile devices</li>
|
||||
<li>Bubbles tuck everything out of sight, but a click away.</li>
|
||||
<li>Pure CSS, very few images</li>
|
||||
<li>Fully featured, yet not cluttered</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left">
|
||||
<img src="img/screen3_small.png" width="420" height="345" alt="placeholder" />
|
||||
<div class="text">
|
||||
<h2>Powerful</h2>
|
||||
<ul class="description">
|
||||
<li>A no-compromises approach to a mobile reddit</li>
|
||||
<li>Browser based for speed.</li>
|
||||
<li>Vote, comment, reply, edit, and more</li>
|
||||
<li>Share links using your device email app</li>
|
||||
<li>Live scroll eliminates <strong>next</strong> links</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="img/screen4_small.png" width="420" height="345" alt="placeholder" />
|
||||
<div class="text">
|
||||
<h2>Browser based</h2>
|
||||
<ul class="description">
|
||||
<li>Uses HTML 5 and CSS3 for a fast, attractive interface.</li>
|
||||
<li>Customize your link settings to your liking</li>
|
||||
<li>Use your browser's windows to open links in the background</li>
|
||||
<li>Floating toolbar allows voting without page reload</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div> <!-- end of .inner -->
|
||||
<div class="inner">
|
||||
<img src="http://chart.apis.google.com/chart?chs=128x128&cht=qr&chl=http://i.reddit.com&chld=L|0" class="qrcode" alt="qr code" />
|
||||
<h2>How to get it</h2>
|
||||
<p>reddit mobile is a web-app, meaning you dont have to download and install anything.</p><p>Simply point your phone to the following url, and you're good to go</p>
|
||||
<p><a href="http://i.reddit.com">http://i.reddit.com</a></p>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h2>System requirements</h2>
|
||||
<p>reddit mobile has only one system requirement.</p>
|
||||
<p>This requirement is a recent version of <strong>webkit</strong></p>
|
||||
<p>If you run any of the following, you can use reddit mobile</p>
|
||||
<ul class="sys_req">
|
||||
<li>iPhone/iPod Touch</li>
|
||||
<li>iPad</li>
|
||||
<li>Android</li>
|
||||
<li>webOS</li>
|
||||
<li>Google Chrome</li>
|
||||
<li>Safari</li>
|
||||
<li>All other webkit platforms</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="inner" style="border-bottom: none;">
|
||||
<h2>Faq</h2>
|
||||
<p>This thing is kind of new. So you probably have questions. Hopefully this will answer some of them</p>
|
||||
<dl>
|
||||
<dt>Is this free?</dt>
|
||||
<dd>Yes. Its completely free. Just like the main reddit.com. Eventually, you might see some ads, but they are going to be <strong>reddit</strong> ads, and not the annoying flashy ads you suffer through on other apps</dd>
|
||||
<dt>Why doesn't it work on Opera/Firefox?</dt>
|
||||
<dd>The beta is developed exclusively for webkit, due to the ease of cross-platform deployment. The final version should support multiple browsers</dd>
|
||||
<dt>Why did you choose to do a web app instead of a <em>real</em> app?</dt>
|
||||
<dd>There are many reasons for this. The quickest answer is: because its easier. Easier to maintain, update, test. CSS3 and HTML5 are <strong>very</strong> powerful development tools, and let us build this app without having to fight with too much code. Since its a webapp, it runs on reddit's own code, and is far easier to maintain.</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="designedby">designed by <a href="http://paradoxdgn.com">paradox designs</a><!--so im a self-promotionist--></div>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 157 B |
Binary file not shown.
|
Before Width: | Height: | Size: 188 B |
Binary file not shown.
|
Before Width: | Height: | Size: 191 B |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 214 B |
Binary file not shown.
|
Before Width: | Height: | Size: 118 B |
Binary file not shown.
|
Before Width: | Height: | Size: 290 B |
Binary file not shown.
|
Before Width: | Height: | Size: 124 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 602 B |
Binary file not shown.
|
Before Width: | Height: | Size: 585 B |
Binary file not shown.
|
Before Width: | Height: | Size: 434 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 193 B |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,533 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>RedditAddict Lite</title>
|
||||
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
|
||||
<script type="text/javascript" src="http://reddit.com/redditaddict/badge/swfobject.js"></script>
|
||||
<script type="text/javascript" src="http://www.reddit.com/static/jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
var overlay = $('#install-modal-overlay');
|
||||
var modal = $('#install-badge-window');
|
||||
var close = $('#install-modal-close');
|
||||
var install = $('#install');
|
||||
var support = $('#support');
|
||||
var donationSplit = $('#donationSplit');
|
||||
|
||||
function hideModal() {
|
||||
modal.hide();
|
||||
overlay.hide();
|
||||
}
|
||||
|
||||
function showModal() {
|
||||
modal.show();
|
||||
overlay.show();
|
||||
}
|
||||
|
||||
close.click(hideModal);
|
||||
overlay.click(hideModal);
|
||||
install.click(function(e){
|
||||
e.preventDefault();
|
||||
showModal();
|
||||
});
|
||||
|
||||
var hideSplit;
|
||||
|
||||
function hideDonation() {
|
||||
hideSplit = setTimeout(function(){
|
||||
donationSplit.fadeOut('fast');
|
||||
},1000);
|
||||
}
|
||||
|
||||
function showDonation() {
|
||||
clearTimeout(hideSplit);
|
||||
donationSplit.fadeIn('fast');
|
||||
}
|
||||
|
||||
support.hover(showDonation, hideDonation);
|
||||
donationSplit.hover(showDonation, hideDonation);
|
||||
})
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
background-color: #134760;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#addonHeader {
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#container {
|
||||
background: #134760 url('images/bg.png') repeat-x;
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
|
||||
#faux {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 34px 0;
|
||||
width: 890px;
|
||||
}
|
||||
|
||||
#fauxtop {
|
||||
position: relative;
|
||||
height: 89px;
|
||||
background: url('images/w-top.png');
|
||||
}
|
||||
|
||||
#support {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
width: 196px;
|
||||
height: 37px;
|
||||
top: 25px;
|
||||
right: 172px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#install {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
width: 137px;
|
||||
height: 37px;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
#fauxmid {
|
||||
background: url('images/w-mid.png') repeat-y;
|
||||
}
|
||||
|
||||
#fauxbottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
background: url('images/w-bot.png');
|
||||
}
|
||||
|
||||
#fauxleft {
|
||||
float: left;
|
||||
width: 402px;
|
||||
margin: 0 18px 0 34px;
|
||||
}
|
||||
|
||||
#fauxright {
|
||||
float: left;
|
||||
width: 402px;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.hasImg {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.content.lastc {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.c-top,
|
||||
.c-bot {
|
||||
height: 6px;
|
||||
background: url('images/c-caps.png') top;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.c-bot {
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
.c-mid {
|
||||
background: url('images/c-tile.png') repeat-y;
|
||||
padding: 0 11px 0 11px;
|
||||
}
|
||||
|
||||
.arrows {
|
||||
width: 30px;
|
||||
height: 62px;
|
||||
float: left;
|
||||
background: url('images/arrows.png') left no-repeat;
|
||||
}
|
||||
#fauxright .arrows {
|
||||
float: right;
|
||||
background-position: right;
|
||||
}
|
||||
|
||||
.c-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
padding-top: 3px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#fauxright .c-title {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.c-desc {
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
left: 3px;
|
||||
}
|
||||
#fauxright .c-desc {
|
||||
left: -3px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul.bulletpoints {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
ul.bulletpoints li {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
height: 27px;
|
||||
color: #d8d8d8;
|
||||
padding: 14px 0 0 35px;
|
||||
background: url('images/star-white.png') left no-repeat;
|
||||
}
|
||||
|
||||
ul.bulletpoints li.alt {
|
||||
background-image: url('images/star-orangered.png');
|
||||
}
|
||||
|
||||
#fauxright ul.bulletpoints li.alt {
|
||||
background-image: url('images/star-blue.png');
|
||||
}
|
||||
|
||||
#code-reddit {
|
||||
position: relative;
|
||||
background: url('images/black50.png');
|
||||
width: 770px;
|
||||
margin: 0 auto;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
height: 70px;
|
||||
padding: 20px 5px 5px 85px;
|
||||
border: 1px solid #51646d;
|
||||
font-size: 22px;
|
||||
color: #69b2d7;
|
||||
}
|
||||
|
||||
#code-reddit img {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
#code-reddit a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#code-reddit a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#install-modal-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 600;
|
||||
background: url('images/black50.png');
|
||||
}
|
||||
|
||||
#install-badge-window {
|
||||
position: relative;
|
||||
background: #000;
|
||||
border: 2px solid #222;
|
||||
width: 250px;
|
||||
height: 210px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -105px 0 0 -125px;
|
||||
z-index: 610;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#install-modal-close {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
width: 31px;
|
||||
height: 30px;
|
||||
background: url('images/close.png');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#flashcontent {
|
||||
position: relative;
|
||||
top: 15px;
|
||||
left: 17px;
|
||||
width: 215px;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
#appsHeader {
|
||||
padding: 3px;
|
||||
height: 33px;
|
||||
background: url('appsbar/barbg.png');
|
||||
}
|
||||
|
||||
#appsLogo {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: 4px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#appsSubLogo {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #ff4500;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
.appsButton,
|
||||
.appsButtonActive {
|
||||
position: relative;
|
||||
z-index: 500;
|
||||
float: right;
|
||||
height: 23px;
|
||||
background: url('appsbar/buttonbg.png');
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
color: #235268;
|
||||
padding: 8px 7px 0 7px;
|
||||
border: 1px solid #b9c1db;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.appsButtonActive {
|
||||
background-position: bottom;
|
||||
border-color: #a4aabe;
|
||||
color: #4f4f4f;
|
||||
}
|
||||
|
||||
.appsTip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 45px;
|
||||
width: 365px;
|
||||
padding: 6px;
|
||||
background: #f4f5fa;
|
||||
border: 1px solid #b9c1db;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
.appsTipNub {
|
||||
position: absolute;
|
||||
z-index: 501;
|
||||
right: 50%;
|
||||
top: 37px;
|
||||
margin-right: -7px;
|
||||
width: 15px;
|
||||
height: 9px;
|
||||
background: url('appsbar/nub.png');
|
||||
display: none;
|
||||
}
|
||||
|
||||
.appsButton:hover .appsTip,
|
||||
.appsButtonActive:hover .appsTip,
|
||||
.appsButton:hover .appsTipNub,
|
||||
.appsButtonActive:hover .appsTipNub {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#donationSplit {
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
right: 380px;
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#donationSplit a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="appsHeader">
|
||||
<a href="/redditaddict/" class="appsButtonActive">
|
||||
<span class="appsName">RedditAddict</span>
|
||||
<span class="appsTipNub"></span>
|
||||
<span class="appsTip">
|
||||
Monitor your karma and get mail notifications right on your desktop
|
||||
</span>
|
||||
</a>
|
||||
<a href="/socialite/" class="appsButton">
|
||||
<span class="appsName">Socialite</span>
|
||||
<span class="appsTipNub"></span>
|
||||
<span class="appsTip">
|
||||
A reddit Firefox extension that enhances your reddit experience
|
||||
</span>
|
||||
</a>
|
||||
<a href="/" id="appsLogo">
|
||||
<img alt="" src="images/reddit-head.png" />
|
||||
</a>
|
||||
<span id="appsSubLogo">Apps</span>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="faux">
|
||||
<div id="fauxtop">
|
||||
<div id="donationSplit" style="display:none;">
|
||||
75% goes to the developer, <a href="http://www.reddit.com/user/tritelife">tritelife</a><br />
|
||||
25% goes to the reddit beer fund
|
||||
</div>
|
||||
<div id="support">
|
||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
|
||||
<div>
|
||||
<input type="hidden" name="cmd" value="_s-xclick" />
|
||||
<input type="hidden" name="hosted_button_id" value="8096911" />
|
||||
<input type="image" src="images/support.png" name="submit" alt="PayPal - The safer, easier way to pay online!" />
|
||||
<img alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<a href="http://addons.reddit.com/redditaddict/RedditAddictLite.air" id="install"></a>
|
||||
</div>
|
||||
<div id="fauxmid">
|
||||
<div id="fauxleft">
|
||||
|
||||
<div class="content">
|
||||
<div class="c-top"></div>
|
||||
<div class="c-mid">
|
||||
<div class="arrows"></div>
|
||||
<div class="c-title">Track your karma in real-time</div>
|
||||
<div class="c-desc">You deserve better than just mashing reload to see how your reddit-worth fluctuates. Now it’s always on your desktop.</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="c-bot"></div>
|
||||
</div>
|
||||
|
||||
<div class="content hasImg">
|
||||
<img src="images/ss-main.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="content lastc">
|
||||
<div class="c-top"></div>
|
||||
<div class="c-mid">
|
||||
<ul class="bulletpoints">
|
||||
<li>Supports Windows, OSX, and Linux</li>
|
||||
<li class="alt">New message alerts for reddit mail</li>
|
||||
<li>Color it to your tastes, or leave it semi-transparent</li>
|
||||
<li class="alt">Sound notifications with multiple sound packs</li>
|
||||
<li>Minimizes to your tray or dock</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="c-bot"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="fauxright">
|
||||
|
||||
<div class="content">
|
||||
<div class="c-top"></div>
|
||||
<div class="c-mid">
|
||||
<div class="arrows"></div>
|
||||
<div class="c-title">Karma graphs the whole world can enjoy</div>
|
||||
<div class="c-desc">Track it like your stock portfolio (hopefully with better results)<br />Pretty charts are a great addition to any resume.</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="c-bot"></div>
|
||||
</div>
|
||||
|
||||
<div class="content hasImg">
|
||||
<img src="images/ss-graph.jpg" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="content lastc">
|
||||
<div class="c-top"></div>
|
||||
<div class="c-mid">
|
||||
<ul class="bulletpoints">
|
||||
<li>Shows up to 10 hours of your karma history</li>
|
||||
<li class="alt">Export the graph as a PNG to preserve the moment</li>
|
||||
<li>Customize the line colors to suit your style</li>
|
||||
<li class="alt">Created by a redditor, for redditors</li>
|
||||
<li>Be the envy of all your reddit friends</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="c-bot"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div id="fauxbottom"></div>
|
||||
</div>
|
||||
|
||||
<div id="code-reddit">
|
||||
<img src="images/thumbsup3.png" alt="" />
|
||||
Want to get in on the reddit development scene like tritelife?<br />
|
||||
<a href="http://code.reddit.com">Click here to dive in.</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="install-modal-overlay" style="display:none;"></div>
|
||||
<div id="install-badge-window" style="display:none;">
|
||||
<div id="install-modal-close"></div>
|
||||
<div id="flashcontent" style="width:215px; height:180px;">
|
||||
This installer requires Flash. You have 2 options. Enable flash, or download the <a href="http://addons.reddit.com/redditaddict/RedditAddictLite.air">air file</a> and install it manually.
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
// <![CDATA[
|
||||
var so = new SWFObject("badge/AIRInstallBadge.swf", "", "215", "180", "9.0.115", "#000000");
|
||||
so.useExpressInstall("badge/expressinstall.swf");
|
||||
so.addVariable("airversion", "1.0");
|
||||
so.addVariable("appname", "RedditAddict%20Lite");
|
||||
so.addVariable("appurl", "http://addons.reddit.com/redditaddict/RedditAddictLite.air");
|
||||
so.addVariable("image", "badge/badgeimage.jpg");
|
||||
so.addVariable("appid", "com.tritelife.redditaddictlite");
|
||||
so.addVariable("pubid", "DE765BC21D891F85724F79F7968E9DAFCA1028CF.1");
|
||||
so.addVariable("appversion", "1.0");
|
||||
so.addVariable("titlecolor", "#ff4500");
|
||||
so.write("flashcontent");
|
||||
// ]]>
|
||||
</script>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 157 B |
Binary file not shown.
|
Before Width: | Height: | Size: 188 B |
Binary file not shown.
|
Before Width: | Height: | Size: 191 B |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
@@ -1,295 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Socialite</title>
|
||||
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
font: 14px Arial, sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#container a {
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #fff;
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#container a:hover {
|
||||
color: #ff4500;
|
||||
border-color: #ff4500;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
a.nounder,
|
||||
a.nounder img {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
#appsHeader {
|
||||
padding: 3px;
|
||||
height: 33px;
|
||||
background: url('appsbar/barbg.png');
|
||||
}
|
||||
|
||||
#appsLogo {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: 4px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#appsSubLogo {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #ff4500;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
.appsButton,
|
||||
.appsButtonActive {
|
||||
position: relative;
|
||||
z-index: 500;
|
||||
float: right;
|
||||
height: 23px;
|
||||
background: url('appsbar/buttonbg.png');
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
color: #235268;
|
||||
padding: 8px 7px 0 7px;
|
||||
border: 1px solid #b9c1db;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.appsButtonActive {
|
||||
background-position: bottom;
|
||||
border-color: #a4aabe;
|
||||
color: #4f4f4f;
|
||||
}
|
||||
|
||||
.appsTip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 45px;
|
||||
width: 365px;
|
||||
padding: 6px;
|
||||
background: #f4f5fa;
|
||||
border: 1px solid #b9c1db;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
.appsTipNub {
|
||||
position: absolute;
|
||||
z-index: 501;
|
||||
right: 50%;
|
||||
top: 37px;
|
||||
margin-right: -7px;
|
||||
width: 15px;
|
||||
height: 9px;
|
||||
background: url('appsbar/nub.png');
|
||||
display: none;
|
||||
}
|
||||
|
||||
.appsButton:hover .appsTip,
|
||||
.appsButtonActive:hover .appsTip,
|
||||
.appsButton:hover .appsTipNub,
|
||||
.appsButtonActive:hover .appsTipNub {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#container {
|
||||
background: #cbe7f2 url('socialitebg.png') no-repeat fixed top;
|
||||
}
|
||||
|
||||
#logorow {
|
||||
height: 75px;
|
||||
padding-top: 20px;
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#logorow div {
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
#socialitelogo {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
#install {
|
||||
line-height: 75px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
font-size: 33px;
|
||||
line-height: 39px;
|
||||
color: #118DB3;
|
||||
letter-spacing: -1.3px;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
float: none;
|
||||
}
|
||||
|
||||
#showcase {
|
||||
width: 800px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
#bullets {
|
||||
border: 1px solid #118db3;
|
||||
background: #fff;
|
||||
opacity: .8;
|
||||
padding: 10px;
|
||||
-ms-filter: "alpha(opacity=80)";
|
||||
filter: alpha(opacity=80);
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
color: #118db3;
|
||||
font-size: 22px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
#bullets ul {
|
||||
line-height: 22px;
|
||||
padding-left: 22px;
|
||||
}
|
||||
|
||||
.screenshot {
|
||||
border: 1px solid #118db3;
|
||||
text-align:center;
|
||||
padding: 15px;
|
||||
margin: 15px 0;
|
||||
background: #fefefe;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #000;
|
||||
letter-spacing: normal;
|
||||
font-size: 24px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
#codereddit {
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
font-size:1.5em;
|
||||
letter-spacing:-.05em;
|
||||
color:#118db3;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#codereddit img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
#codereddit div {
|
||||
position: relative;
|
||||
top: 15px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="appsHeader">
|
||||
<a href="/redditaddict/" class="appsButton">
|
||||
<span class="appsName">RedditAddict</span>
|
||||
<span class="appsTipNub"></span>
|
||||
<span class="appsTip">
|
||||
Monitor your karma and get mail notifications right on your desktop
|
||||
</span>
|
||||
</a>
|
||||
<a href="/socialite/" class="appsButtonActive">
|
||||
<span class="appsName">Socialite</span>
|
||||
<span class="appsTipNub"></span>
|
||||
<span class="appsTip">
|
||||
A reddit Firefox extension that enhances your reddit experience
|
||||
</span>
|
||||
</a>
|
||||
<a href="/" id="appsLogo">
|
||||
<img alt="" src="reddit-head.png" />
|
||||
</a>
|
||||
<span id="appsSubLogo">Apps</span>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="logorow">
|
||||
<img src="socialitelogo.png" alt="" id="socialitelogo" />
|
||||
<a href="http://addons.reddit.com/socialite/socialite.xpi" id="install" class="nounder">
|
||||
<img src="socialite-add.png" alt="install Socialite" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="showcase">
|
||||
<div id="bullets">
|
||||
<h2>What does it do?</h2>
|
||||
<ul>
|
||||
<li>reddit functionally unobtrusively <b>integrated into Firefox!</b></li>
|
||||
<li>magically appears when you click a reddit link to let you <b>vote, save, and hide links right there!</b></li>
|
||||
<li>unlock the digital fairy dust that is the <b>serendipity button!</b></li>
|
||||
<li>achieve the <b>notoriety</b> you feel has long been wasted on your inferior peers!</li>
|
||||
<li><b>enhance your reddit experience</b> so much that you start using exclamation points!</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="screenshot"><img src="demopic.png" alt="Socialite screenshot" /></div>
|
||||
<h3>How to use it</h3>
|
||||
Although Socialite appears auto-magically, you can also open the bar manually by clicking on the reddit icon on the right side of your location bar:
|
||||
|
||||
<div class="screenshot"><img src="losbutton.png" alt="lookup-or-submit button" /></div>
|
||||
If the page is not submitted to reddit, or you click again, a submit bar will appear:
|
||||
|
||||
<div class="screenshot"><img src="submitpic.png" alt="submit bar screenshot" /></div>
|
||||
(<b>PRO-TIP:</b> if you want to skip straight to the submit bar, middle-click on the reddit icon.)
|
||||
|
||||
|
||||
<h3>Configuration</h3>
|
||||
Like a Mr. Potato Head, you can change its appearance -- choose what buttons are displayed in the toolbar in the extensions preferences:
|
||||
|
||||
<div class="screenshot"><img src="siteproperties.png" alt="site properties window screenshot" /></div>
|
||||
|
||||
<h3>Activate for other reddit sites</h3>
|
||||
Our toolbar gets around. Since reddit lets you
|
||||
<a style="font-weight:normal;" href="http://blog.reddit.com/2008/08/now-you-can-restyle-and-host-your.html">host reddits from other domains</a> - like
|
||||
<a style="font-weight:normal;" href="http://www.thecutelist.com/">the Cute List</a> - Socialite will also let you edit the list of domains that it works for.
|
||||
|
||||
<div class="screenshot"><img src="sitepreferences.png" alt="preferences window screenshot" /></div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div id="codereddit">
|
||||
<img alt="" src="thumbsup3.png" />
|
||||
<div>Want to get in on the reddit development scene?<br /><a href="http://github.com/reddit">Click here to dive in.</a></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Reference in New Issue
Block a user