www/adium.im 522:fac0ff5456ea: Use base href to trick pages into...

commits at adium.im commits at adium.im
Fri Feb 10 19:15:37 UTC 2012


details:	http://hg.adium.im/www/adium.im/rev/fac0ff5456ea
revision:	522:fac0ff5456ea
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 01:53:51 2012 +0000

Use base href to trick pages into assuming the website isn't in a directory
Subject: www/adium.im 523:4b62e312d032: Move the footer into a separate file and include it, there's no reason to duplicate and individually edit the code several times for each page.

details:	http://hg.adium.im/www/adium.im/rev/4b62e312d032
revision:	523:4b62e312d032
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 02:05:49 2012 +0000

Move the footer into a separate file and include it, there's no reason to duplicate and individually edit the code several times for each page.
Subject: www/adium.im 524:d20d9df50c04: Merge logo_alt.png and logo.png and remove the banner's animation as it doesn't seem well received.

details:	http://hg.adium.im/www/adium.im/rev/d20d9df50c04
revision:	524:d20d9df50c04
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 04:09:00 2012 +0000

Merge logo_alt.png and logo.png and remove the banner's animation as it doesn't seem well received.
Subject: www/adium.im 525:865d8efdf7ac: About page - Still need to clean up and design a header for the page to go below the navigation.

details:	http://hg.adium.im/www/adium.im/rev/865d8efdf7ac
revision:	525:865d8efdf7ac
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 16:05:25 2012 +0000

About page - Still need to clean up and design a header for the page to go below the navigation.
Subject: www/adium.im 526:892c028e945b: Out with the old.

details:	http://hg.adium.im/www/adium.im/rev/892c028e945b
revision:	526:892c028e945b
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 16:08:59 2012 +0000

Out with the old.
Subject: www/adium.im 527:b23e159514f6: Most of these images will survive the redesign, so maybe as well crush them to save a lovely 300kb.

details:	http://hg.adium.im/www/adium.im/rev/b23e159514f6
revision:	527:b23e159514f6
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 16:25:51 2012 +0000

Most of these images will survive the redesign, so maybe as well crush them to save a lovely 300kb.
Subject: www/adium.im 528:949d8dc68a56: Although unused, move the slogan script into the assets folder for a more consistent structure

details:	http://hg.adium.im/www/adium.im/rev/949d8dc68a56
revision:	528:949d8dc68a56
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 16:30:49 2012 +0000

Although unused, move the slogan script into the assets folder for a more consistent structure
Subject: www/adium.im 529:2d8cb7b16e8a: Forgot to remove the old versions

details:	http://hg.adium.im/www/adium.im/rev/2d8cb7b16e8a
revision:	529:2d8cb7b16e8a
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 16:32:48 2012 +0000

Forgot to remove the old versions
Subject: www/adium.im 530:2f51de9c5c5c: Remove the screenshot directory as its no longer needed

details:	http://hg.adium.im/www/adium.im/rev/2f51de9c5c5c
revision:	530:2f51de9c5c5c
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 16:34:33 2012 +0000

Remove the screenshot directory as its no longer needed
Subject: www/adium.im 531:cedf1507f2cb: Split the features into 2 columns for browsers that support such feature, also cleaned up the thumbnail overlay so that it no longer overlaps into the figcaption, this approach feels a little bit hacky though.

details:	http://hg.adium.im/www/adium.im/rev/cedf1507f2cb
revision:	531:cedf1507f2cb
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Fri Feb 10 19:13:25 2012 +0000

Split the features into 2 columns for browsers that support such feature, also cleaned up the thumbnail overlay so that it no longer overlaps into the figcaption, this approach feels a little bit hacky though.

diffs (truncated from 5250 to 1000 lines):

diff -r a30f330a9f45 -r cedf1507f2cb about/css/common.css
--- a/about/css/common.css	Fri Feb 10 01:03:24 2012 +0000
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,159 +0,0 @@
-body {
-	font-family:"Lucida Grande", "Helvetica Neue", sans-serif;
-}
-
-#nav {
-	position: relative;
-	top: 0;
-	left: 0;
-	width: 100%;
-}
-
-h2 {
-	font-size:10pt;
-	margin-top:0;
-	margin-bottom:-10px;
-}
-
-h3 {
-	padding: 4px 0 0 0;
-	font-size:14px;
-	font-weight:700;
-	margin-top:0px;
-	margin-bottom:0px;
-}
-
-p, td, th {
-	font-size:9pt;
-	line-height:12pt;
-	text-decoration:none;
-}
-
-.taskboxline {
-	background-color: #FFF;
-	-webkit-border-radius: 10px;
-	-moz-border-radius: 10px;
-	border: 1px solid #CCC;
-	margin: 20px 0px;
-}
-
-.taskboxheader {
-	-webkit-border-radius: 10px 10px 0px 0px;
-	-moz-border-radius: 10px 10px 0px 0px;
-	border-bottom: 1px solid #CCC;
-	background-color:#e6edff;
-	height: 25px;
-	text-indent: 12px;
-}
-
-.taskboxtext {
-	margin: 10px;
-}
-
-.taskboxtable {
-}
-
-.taskboxcontent img {
-	padding: 5px;
-	float: left;
-}
-.task {
-	background-color:#e6edff;
-	list-style-type:decimal;
-	list-style-position:outside;
-	margin:10px 20px;
-	padding:10px 40px;
-	border:solid 1px #bfbfbf
-}
-
-ul {
-	font-size:9pt;
-	line-height:12pt;
-	list-style-type:square;
-	list-style-position:outside;
-	margin-top:12px;
-	margin-bottom:12px;
-	margin-left:-24px;
-	padding-left:60px;
-}
-
-ul li {
-	margin-top:6px;
-	margin-bottom:6px;
-}
-
-ul p {
-	margin-top:6px;
-	margin-bottom:6px;
-}
-
-p > a {
-	color:#00f;
-	font-size:9pt;
-	line-height:12pt;
-	text-decoration:none;
-}
-
-
-
-.navtabcurrent {
-	background: #E9EEF9 !important;
-	border-bottom-color: #E9EEF9 !important;
-}
-
-#nav, #banner {
-	background: rgb(233,238,249);
-	border: none;
-	border-bottom: 1px solid #d7d7d7;
-	margin-top: 0px;
-	text-align: right;
-	padding: .2em 0;
-}
-#nav :link, #nav :visited, #banner :link, #banner :visited {
-	background: none;
-	border: none;
-	padding: .2em 10px;
-	font-size: 12px;
-	color: black;
-}
-#nav :link:hover, #nav :visited:hover, #banner :link:hover, #banner :visited:hover {
-	background-color: inherit;
-	border: none;
-	text-decoration: underline;
-	color: black;
-}
-#nav .active, #banner .active {
-	border: none;
-	color: black !important;
-	font-weight: bold;
-	text-decoration: none;
-}
-
-#nav .active :link:hover, #nav .active :visited:hover, #banner .active :link:hover, #banner .active :visited:hover {
-	border: none;
-	text-decoration: underline;
-}
-
-#nav, #banner {
-	font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
-}
-
-.ext_link {
-	background:url(../gfx/ExternalLink.gif)left center no-repeat;
-	padding:2px 0 0 16px;
-}
-
-
-
-#frame, #mainbox {
-	text-align:left;
-	margin-top:12px;
-	margin-right:auto;
-	margin-left:auto;
-	margin-bottom: 100px;
-	width: 70%;
-}
-
-.ticket {
-	border-bottom: 1px dotted #BBB;
-}
\ No newline at end of file
diff -r a30f330a9f45 -r cedf1507f2cb about/css/mainpage.css
--- a/about/css/mainpage.css	Fri Feb 10 01:03:24 2012 +0000
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,76 +0,0 @@
-body {
-	color:#000;
-	background-color:#fff;
-	margin:0;
-}
-
-h1 {
-	font-size:24px;
-	margin-bottom:0;
-}
-
-a {
-	color:#00f;
-	text-decoration:none;
-}
-
-p {
-	font-size:9pt;
-}
-
-a:hover {
-	text-decoration:underline;
-}
-.space17 {
-	padding-top:17px;
-}
-.smlapp {
-	height:275px;
-}
-.utility {
-	margin-top:6px;
-	margin-bottom:24px;
-}
-.icon {
-	margin-bottom:-2px;
-}
-
-a.closed:link, a.closed:visited, span.closed {
-	text-decoration: line-through;
-}
-
-ul.iconed > li {
-	background-repeat: no-repeat;
-	background-position: 0 50%;
-	padding: 3px 0 3px 45px;
-}
-
-li.li_fb {
-	background-image: url(http://adium.im/images/services/icon-facebook.png);
-}
-
-li.li_msn {
-	background-image: url(http://adium.im/images/services/icon-msn.png);
-}
-
-li.li_icq {
-	background-image: url(http://adium.im/images/services/icon-icq.png);
-}
-
-li.li_irc {
-	background-image: url(http://adium.im/images/services/icon-irc.png);
-}
-
-li.li_cocoaforge {
-	background-image: url(../gfx/cocoaforge.png);
-}
-
-ul.iconed {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.ext_link_ul {
-	list-style-image: url(../gfx/ExternalLink.gif);
-}
\ No newline at end of file
diff -r a30f330a9f45 -r cedf1507f2cb about/gfx/AdiumIcon.png
Binary file about/gfx/AdiumIcon.png has changed
diff -r a30f330a9f45 -r cedf1507f2cb about/gfx/ExternalLink.gif
Binary file about/gfx/ExternalLink.gif has changed
diff -r a30f330a9f45 -r cedf1507f2cb about/index.html
--- a/about/index.html	Fri Feb 10 01:03:24 2012 +0000
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,124 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<title>Adium - About </title>
-	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-	<link rel="stylesheet" type="text/css" href="../styles/layoutstyle.css" />
-	<link rel="stylesheet" type="text/css" href="../styles/defaultstyle.css" />
-	<link rel="stylesheet" type="text/css" href="css/mainpage.css" />
-	<link rel="stylesheet" type="text/css" href="css/common.css" />
-</head>
-<body>
-	<div id="container">
-		<div id="titlecontainer">
-			<a href="/">Adium</a>
-        </div>
-		<div id="navcontainer">
-			<a class="navtab" href="http://adium.im/">Download</a> 
-			<a class="navtabcurrent" href="http://adium.im/about/">About</a> 
-			<a class="navtab" href="http://adium.im/blog/">Blog</a> 
-			<a class="navtab" href="http://adium.im/help/">Help</a>
-			<a class="navtab" href="http://trac.adium.im">Development</a> 
-			<a class="navtab" href="http://adium.spreadshirt.com">Merchandise</a>
-			<a class="navtab" href="http://www.adiumxtras.com/">Xtras</a>
-		</div>
-		
-		<div id="nav"> <a name="adiumdocumentation.html" id="adiumdocumentation.html"></a><a name="ax-discover" id="ax-discover"></a>
-			<div id="navleft"><a class="navleftsty active" href=".">About Adium</a> <a class="navleftsty" href="http://adium.im/screenshots/">Adium Screenshots</a></div>
-		</div>
-		
-		<div id="mainbox">
-		
-		<h1 style="text-align: center"> <img class="icon" src="/about/gfx/AdiumIcon.png" alt="Adium icon" width="32" height="32" border="0" />About Adium</h1>
-		
-		<div class="taskboxline">
-			<div class="taskboxheader">
-				<h3></h3>
-			</div>
-			<div class="taskboxtext">
-				<p>Adium is a free and open source instant messaging application for <a class="ext_link" href="http://www.apple.com/macosx/">Mac OS X</a>, written using Mac OS X's Cocoa API, released under the <a class="ext_link" href="http://www.gnu.org/licenses/licenses.html#GPL">GNU GPL</a> and developed by <a class="ext_link" href="http://trac.adium.im/wiki/AdiumTeam">the Adium team</a>.</p>
-				<p>Based on the <a class="ext_link" href="http://trac.adium.im/wiki/LibPurple">libpurple</a> protocol library, Adium can connect you to any number of messaging accounts on any combination of supported messaging services (see further down for the list) and then chat with other people using those services.</p>
-				<p>Note: We do not host any IM services ourselves. Adium is a third-party client for connecting to services run by other people (mostly companies).</p>
-			</div>
-		</div>
-		
-		<div class="taskboxline">
-			<div class="taskboxheader">
-				<h3>Notable Features</h3>
-			</div>
-			<div class="taskboxtext">
-				<ul>
-					<li>Open Source, so everyone can see how Adium works and <a class="ext_link" href="http://trac.adium.im/wiki/Development">help improve it</a></li>
-					<li>Support for a wide range of different Instant Messaging services (see the <a class="ext_link" href="http://adium.im/help/pgs/Accounts-ListOfServices.html">full list</a>)</li>
-					<li>A delightful UI</li>
-					<ul>
-						<li><a class="ext_link" href="http://adium.im/help/pgs/Messaging-TabbedMessaging.html">Tabbed chat windows</a></li>
-					</ul>
-					<li>Mac OS X integration</li>
-					<ul>
-						<li><a class="ext_link" href="http://adium.im/help/pgs/AdvancedFeatures-AddressBookIntegration.html">Address Book integration</a></li>
-						<li><a class="ext_link" href="http://adium.im/help/pgs/Messaging-MessageView.html">WebKit Message View</a>:  Theme your chat windows</li>
-					</ul>
-					<li><a class="ext_link" href="http://adium.im/help/pgs/ContactList-CombiningContacts.html">Combined Contacts</a>: Merge your contacts so that each one represents a person, not an account</li>
-					<li>A sophisticated events system (including <a class="ext_link" href="http://adium.im/help/pgs/AdvancedFeatures-GrowlSupport.html">Growl notifications</a>)</li>
-					<li><a class="ext_link" href="http://trac.adium.im/wiki/OTREncryption">OTR Encryption</a></li>
-					<li><a class="ext_link" href="http://adium.im/help/pgs/AdvancedFeatures-FileTransfer.html">File Transfer</a></li>
-					<li><a class="ext_link" href="http://adium.im/help/pgs/AdvancedFeatures-AdiumXtras.html">Xtras</a> and many, many other customization options</li>
-					<li>A beautiful icon, the "<a class="ext_link" href="http://trac.adium.im/wiki/Adiumy">Adiumy</a>" duck</li>
-					<li><a class="ext_link" href="http://trac.adium.im/wiki/Translations">Translations</a>: Adium speaks 27 different languages</li>
-				</ul>
-			</div>
-		</div>
-		
-		<div class="taskboxline">
-			<div class="taskboxheader">
-				<h3>System requirements</h3>
-			</div>
-			<div class="taskboxtext">
-				<table> 
-				<tr>
-					<td><strong>Adium 1.4 or later</strong></td>
-					<td>Mac OS X 10.5.8 or newer, an Apple-branded Macintosh computer</td>
-				</tr>
-				<tr>
-					<td><strong><a class="ext_link" href="http://adiumx.cachefly.net/Adium_1.3.10.dmg">Adium 1.3.10</a></strong></td>
-					<td>Mac OS X 10.4</td>
-				</tr>
-				<tr>
-					<td><strong><a class="ext_link" href="http://adiumx.cachefly.net/Adium_1.0.6.dmg">Adium 1.0.6</a></strong></td>
-					<td>Mac OS X 10.3.9</td>
-				</tr>
-				<tr>
-					<td><strong><a class="ext_link" href="http://adiumx.cachefly.net/AdiumX_0.89.1.dmg">Adium X 0.89.1</a></strong></td>
-					<td>Mac OS X 10.2.x and older</td>
-				</tr>
-				</table>
-				<p>Adium X 0.88 and later are Universal applications which run natively on both PowerPC- and Intel-based Macintosh computers.</p>
-				<p>See our <a class="ext_link" href="http://trac.adium.im/wiki/SupportedOSPolicy">Supported OS Policy</a> for more information.</p>
-			</div>
-		</div>
-		</div>
-		
-		<div id="footer">
-			<div class="donate"> 
-				<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&submit.x=57&submit.y=8&encrypted=-----BEGIN+PKCS7-----%0D%0AMIIHFgYJKoZIhvcNAQcEoIIHBzCCBwMCAQExggEwMIIBLAIBADCBlDCBjjELMAkG%0D%0AA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQw%0D%0AEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UE%0D%0AAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJ%0D%0AKoZIhvcNAQEBBQAEgYAFR5tF%2BRKUV3BS49vJraDG%2BIoWDoZMieUT%2FJJ1Fzjsr511%0D%0Au7hS1F2piJuHuqmm%2F0r8Kf8oaycOo74K3zLmUQ6T6hUS6%2Bh6lZAoIlhI3A1YmqIP%0D%0AdrdY%2FtfKRbWfolDumJ9Mdv%2FzJxPnpdQiTN5K1PMrPYE6GgPWE9WC4V9lqstSmTEL%0D%0AMAkGBSsOAwIaBQAwgZMGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIjtd%2BN9o4ZB6A%0D%0AcIbH8ZjOLmE35xBQ%2F93chtzIcRXHhIQJVpBRCkyJkdTD3libP3F7TgkrLij1DBxg%0D%0AfFlE0V%2FGTk29Ys%2FwsPO7hNs3YSNuSz0HT5F6sa8aXwFtMCE%2FgB1Ha4qdtYY%2BNETJ%0D%0AEETwNMLefjhaBfI%2BnRxl2K2gggOHMIIDgzCCAuygAwIBAgIBADANBgkqhkiG9w0B%0D%0AAQUFADCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDV!
 QQHEw1Nb3Vu%0D%0AdGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9j%0D%0AZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBh%0D%0AbC5jb20wHhcNMDQwMjEzMTAxMzE1WhcNMzUwMjEzMTAxMzE1WjCBjjELMAkGA1UE%0D%0ABhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYD%0D%0AVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQI%0D%0AbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20wgZ8wDQYJKoZI%0D%0AhvcNAQEBBQADgY0AMIGJAoGBAMFHTt38RMxLXJyO2SmS%2BNdl72T7oKJ4u4uw%2B6aw%0D%0AntALWh03PewmIJuzbALScsTS4sZoS1fKciBGoh11gIfHzylvkdNe%2FhJl66%2FRGqrj%0D%0A5rFb08sAABNTzDTiqqNpJeBsYs%2Fc2aiGozptX2RlnBktH%2BSUNpAajW724Nv2Wvhi%0D%0Af6sFAgMBAAGjge4wgeswHQYDVR0OBBYEFJaffLvGbxe9WT9S1wob7BDWZJRrMIG7%0D%0ABgNVHSMEgbMwgbCAFJaffLvGbxe9WT9S1wob7BDWZJRroYGUpIGRMIGOMQswCQYD%0D%0AVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDAS%0D%0ABgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQD%0D%0AFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsL!
 mNvbYIBADAMBgNV%0D%0AHRMEBTADAQH%2FMA0GCSqGSIb3DQEBBQUAA4GBAIF!
 fOlaagFr
l71%2Bjq6OKidbWFSE%2B%0D%0AQ4FqROvdgIONth%2B8kSK%2F%2FY%2F4ihuE4Ymvzn5ceE3S%2FiBSQQMjyvb%2Bs2TWbQYDwcp1%0D%0A29OPIbD9epdr4tJOUNiSojw7BHwYRiPh58S1xGlFgHFXwrEBb3dgNbMUa%2Bu4qect%0D%0AsMAXpVHnD9wIyfmHMYIBmjCCAZYCAQEwgZQwgY4xCzAJBgNVBAYTAlVTMQswCQYD%0D%0AVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFs%0D%0AIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRww%0D%0AGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tAgEAMAkGBSsOAwIaBQCgXTAYBgkq%0D%0AhkiG9w0BCQMxCwYJKoZIhvcNAQcBMBwGCSqGSIb3DQEJBTEPFw0wNDAzMjUwNDQ0%0D%0AMzRaMCMGCSqGSIb3DQEJBDEWBBRzTAS6zk5cmMeC49IorY8CM%2BkX0TANBgkqhkiG%0D%0A9w0BAQEFAASBgBsyRfMv9mSyoYq00wIB7BmUHFGq5x%2Ffnr8M24XbKjhkyeULk2NC%0D%0As4jbCgaWNg6grvccJtjbvmDskMKt%2BdS%2BEAkeWwm1Zf%2F%2B5u1fMyb5vo1NNcRIs5oq%0D%0A7SvXiLTPRzVqzQdhVs7PoZG0i0RRIb0tMeo1IssZeB2GE5Nsg0D8PwpB%0D%0A-----END+PKCS7-----">Donate to Adium</a> 
-			</div>
-			<div id="powered" style="opacity: 100%"> 
- 			<!-- <SCRIPT type='text/javascript' language='JavaScript' src='http://www.ohloh.net/projects/3245;badge_js'></SCRIPT> --> 
-			<a href="http://developer.apple.com/ada"><img class="libgaim" src="../images/ada.png" alt="Apple design awards 05 special mention" /></a> 
-			<a href="http://www.pidgin.im"><img class="libgaim" src="../images/powered_by_libpurple.png" alt="Adium is powered by libpurple" /></a> 
-			<a class="cachefly" href="http://www.cachefly.com"><img src="../images/cachefly.png" alt="CacheFly Logo" /></a> 
-			<a class="networkredux" href="http://www.networkredux.com"><img src="../images/network_redux.png" alt="Network Redux Logo" /></a> 
-			</div> 
-		</div> 
-	</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 type="text/javascript">
-		var pageTracker = _gat._getTracker("UA-347527-8");
-        	pageTracker._trackPageview();
-	</script>
-</body>
-</html>
diff -r a30f330a9f45 -r cedf1507f2cb about/index.php
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/about/index.php	Fri Feb 10 19:13:25 2012 +0000
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<title>Adium - About</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+	<link rel="stylesheet" href="../assets/styles/style.css">
+	<link rel="stylesheet" href="../assets/styles/about.css">
+	<link rel="stylesheet" href="../assets/scripts/fancybox/fancybox.css">
+	<link rel="shortcut icon" href="favicon.ico">
+	<link rel="apple-touch-icon" href="apple-touch-icon.png">
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+	<script src="../assets/scripts/fancybox/fancybox.min.js"></script>
+	<script src="../assets/scripts/about.js"></script>
+	<!-- Notice: Remove base href when live -->
+	<base href="http://adium.im/rewrite/">
+</head>
+
+<body>
+	<header>
+		<div class="menu">
+			<div class="container">
+				<div id="menu-logo"><span>Adium</span></div>
+				<nav>
+					<ul>
+						<li class="home"><a href=""><span>Home</span></a></li>
+						<li class="about active"><span>About</span></li>
+						<li class="help"><a href="help"><span>Help</span></a></li>
+						<li class="blog"><a href="blog"><span>Blog</span></a></li>
+						<li class="xtras"><a href="http://xtras.adium.im"><span>Xtras</span></a></li>
+						<li class="dev"><a href="http://trac.adium.im"><span>Development</span></a></li>
+						<li class="merch"><a href="http://adium.spreadshirt.com"><span>Merchandise</span></a></li>
+					</ul>
+				</nav>
+			</div>
+		</div>
+	</header>
+	
+	<div class="content">
+		<div class="container">
+			<section>
+				<article>
+					<h1>What is Adium?</h1>
+					<p>Adium is a free and open source instant messaging application for <a href="http://www.apple.com/macosx/">Mac OS X</a>, 
+					written using Mac OS X's Cocoa <attr title="Application Programming Interface">API</attr>, released under the 
+					<attr title="GNU General Public License"><a href="http://www.gnu.org/licenses/licenses.html#GPL">GNU GPL</a></attr>
+					and developed by <a href="http://trac.adium.im/wiki/AdiumTeam">the Adium team</a>.</p>
+					<p>Based on the <a href="http://trac.adium.im/wiki/LibPurple">libpurple</a> protocol library, Adium can connect 
+					you to any number of messaging accounts on any combination of supported messaging services (see further down for the list) 
+					and then chat with other people using those services.</p>
+					<p><strong>Note:</strong> We do not host any <attr title="Instant Messaging">IM</attr> services ourselves. 
+					Adium is a third-party client for connecting to services run by other people (mostly companies).</p>
+					
+					<hr>
+					
+					<h1>Notable Features</h1>
+					<div class="features">
+						<ul>
+							<li>Open Source, so everyone can see how Adium works and <a href="http://trac.adium.im/wiki/Development">help improve it</a></li>
+							<li>Support for a wide range of different Instant Messaging services (<a href="help/Accounts-ListOfServices.html">see the full list</a>)</li>
+							<li>A delightful <attr title="User Interface">UI</attr></li>
+							<ul>
+								<li><a href="help/Messaging-TabbedMessaging.html">Tabbed chat windows</a></li>
+							</ul>
+							<li>Mac OS X integration</li>
+							<ul>
+								<li><a href="help/AdvancedFeatures-AddressBookIntegration.html">Address Book integration</a></li>
+								<li><a href="help/Messaging-MessageView.html">WebKit Message View</a>:  Theme your chat windows</li>
+							</ul>
+							<li><a href="help/ContactList-CombiningContacts.html">Combined Contacts</a>: Merge your contacts so that each one represents a person, not an account</li>
+							<li>A sophisticated events system (including <a href="help/AdvancedFeatures-GrowlSupport.html">Growl notifications</a>)</li>
+							<li><a href="http://trac.adium.im/wiki/OTREncryption">OTR Encryption</a></li>
+							<li><a href="help/AdvancedFeatures-FileTransfer.html">File Transfer</a></li>
+							<li><a href="help/AdvancedFeatures-AdiumXtras.html">Xtras</a> and many, many other customization options</li>
+							<li>A beautiful icon, the "<a href="http://trac.adium.im/wiki/Adiumy">Adiumy</a>" duck</li>
+							<li><a href="http://trac.adium.im/wiki/Translations">Translations</a>: Adium speaks 27 different languages</li>
+						</ul>
+					</div>
+				</article>
+			</section>
+			<section>
+				<h1 class="padding-fix">Screenshots</h1>
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+				
+				<figure class="thumbnail">
+					<a href="assets/images/screenshots/thumbnail_large.png">
+						<div class="overlay">
+							<span></span>
+							<img src="assets/images/screenshots/thumbnail.png" alt="Thumbnail">
+						</div>
+						<figcaption>Just a brief description explaining how exciting this thumbnail is</figcaption>
+					</a>
+				</figure>
+			</section>
+		</div>
+	</div>
+	
+<?php include('../footer.php'); ?>
+</body>
+
+</html>
\ No newline at end of file
diff -r a30f330a9f45 -r cedf1507f2cb assets/images/logo.png
Binary file assets/images/logo.png has changed
diff -r a30f330a9f45 -r cedf1507f2cb assets/images/logo_alt.png
Binary file assets/images/logo_alt.png has changed
diff -r a30f330a9f45 -r cedf1507f2cb assets/scripts/about.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/assets/scripts/about.js	Fri Feb 10 19:13:25 2012 +0000
@@ -0,0 +1,18 @@
+$(function() {
+	// Load picture viewer
+	$('figure a').fancybox({
+		padding: 0,
+
+		openEffect: 'elastic',
+		openSpeed: 150,
+
+		closeEffect: 'elastic',
+		closeSpeed: 150,
+
+		helpers: {
+			overlay: {
+				opacity: 0.8
+			}
+		}
+	});
+});
\ No newline at end of file
diff -r a30f330a9f45 -r cedf1507f2cb assets/scripts/home.js
--- a/assets/scripts/home.js	Fri Feb 10 01:03:24 2012 +0000
+++ b/assets/scripts/home.js	Fri Feb 10 19:13:25 2012 +0000
@@ -1,26 +1,5 @@
 $(function() {
 	
-	// Only load if target browser is wider than 700px
-	if ($(document).width() >= 700) {
-		
-		// Hide the elements from any browser which support animations
-		($header = $('#banner-content, #burst, #logo')).addClass('animate-hide');
-
-		// Begin banner animation once logo is fully downloaded
-		$($('<img src="assets/images/logo.png">')).load(function() {
-			$header.removeClass('animate-hide').addClass('animate');
-		});
-
-		// Remove animation class after 3 seconds for visitors with slow internet
-		setTimeout(function() {
-			$header.removeClass('animate');
-
-			// Preload logo_alt.png
-			$img = new Image();
-			$img.src = 'assets/images/logo_alt.png';
-		}, 3000);
-	}	
-
 	// Show tooltips for services
 	$('#services a[title]').hover(function() {
 		var $tooltip = $('<div class="tooltip">');
diff -r a30f330a9f45 -r cedf1507f2cb assets/scripts/slogan.php
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/assets/scripts/slogan.php	Fri Feb 10 19:13:25 2012 +0000
@@ -0,0 +1,23 @@
+<?php
+
+// Grab a random slogan from our file
+//
+function RandomSlogan()
+{
+    $sloganArray = file("slogans.txt", true);
+    $slogan = "#";
+    $tries = 0;
+
+    while($slogan{0} == "#"){ //Ignore comments
+        //Pull a random slogan
+        $index = rand(0, count($sloganArray)-1);
+        $slogan = $sloganArray[$index];
+
+        //Just incase something goes very wrong (5 tries max)
+        $tries++;
+        if($tries > 5) return("");
+    }
+
+    return($slogan);
+}
+?>
diff -r a30f330a9f45 -r cedf1507f2cb assets/scripts/slogans.txt
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/assets/scripts/slogans.txt	Fri Feb 10 19:13:25 2012 +0000
@@ -0,0 +1,73 @@
+#### Features ####
+1337 Features
+Who cares what service you're on?
+Protocols++;
+Features++;
+################################################## Free
+Free software, and free beer
+Because instant messaging should be free
+It's free; imagine that!
+################################################## Poke the Competition
+Even better than the last version.
+All your IMservices are belong to us.
+Duck > dog
+Continuously Evolving Instant Messaging.
+We do it right so they don't have to.
+################################################## Ducks
+Duck, Duck, Duck, IM
+The duck calls to you.
+The duck lives.
+Quack. Quack. Quack. MOOOOoOOoO!
+Ducks can fly AND swim!
+QUAAAAAAAAAACK
+Feel the ducky love.
+Quack different.
+Join the march of the ducks.
+Bird, bird, bird, the bird is the word.
+Adiumy Ducky, you're the one...
+Too close for missiles; I'm switching to ducks!
+Quacktastic :)
+################################################ Quotes / References
+The quack is strong with this one.
+One client to rule them all.
+One client to find them.
+One client to bring them all.
+The duck compels you.
+We have the technology.
+We can rebuild him.
+What also floats in water?
+The Duck Still Burns
+Enter the Duck
+Why a duck? Because it's better than a no-chicken.
+Rise of the Ducks
+Our X(tras) bring all the girls to the yard.
+Truly shpadoinkle.
+################################################## Silly
+What more could you want?
+Cold War Superhero
+Women want the duck; men want to be the duck.
+Now with a kitchen sink plugin.
+Relative paths
+OCD at its finest.
+More fun than a bag of chips.
+Now with 30% more Zing!
+One time it got me a cookie...
+Makes loud noises.
+The only IM client with duck 'n' cover.
+Survived the oil spill
+Edible.
+That warm & fuzzy feeling
+<3
+IM for the rest of us.
+Everyone else is doing it.
+Nicotine patch for your Mac.
+So you don't have to IM like it's 1999.
+Flap it like a polaroid picture.
+Even better than comparable editions of Final Fantasy and Megaman.
+Eat ice cream; it's very good for you in the morning.
+That bird knows how to get down.
+Kid tested; mother approved.
+Nine out of ten doctors can't be wrong.
+Official clients are *so* 1996.
+Ducks eat for free at Subway!
+Duck starts *and* ends with a plosive!
\ No newline at end of file
diff -r a30f330a9f45 -r cedf1507f2cb assets/styles/about.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/assets/styles/about.css	Fri Feb 10 19:13:25 2012 +0000
@@ -0,0 +1,64 @@
+/********** Features **********/
+
+.features {
+	-webkit-columns: 2;
+	-moz-columns: 2;
+	columns: 2;
+	-moz-column-gap: 20px;
+	-webkit-column-gap: 20px; 
+	column-gap: 20px;
+}
+
+/********** Screenshots **********/
+
+figure.thumbnail { width: 22.8%; }
+
+
+/********** Media Queries **********/
+ at media (max-width: 980px) {
+	/* Screenshots */
+	figure.thumbnail { width: 22.5%; }
+}
+
+ at media (max-width: 870px) {
+	/* Screenshots */
+	figure.thumbnail { width: 22%; }
+}
+
+ at media (max-width: 760px) {
+	/* Screenshots */
+	figure.thumbnail { width: 30%; }
+	
+	/* Features */
+	.features {
+		-webkit-columns: 1;
+		-moz-columns: 1;
+		columns: 1;
+	}
+}
+
+ at media (max-width: 700px) {
+	/* Screenshots */
+	figure.thumbnail { width: 29.6%; }
+}
+
+ at media (max-width: 600px) {
+	/* Screenshots */
+	figure.thumbnail { width: 45.5%; }
+}
+
+ at media (max-width: 520px) {
+	/* Screenshots */
+	figure.thumbnail { width: 44%; }
+}
+
+
+ at media (max-width: 400px) {
+	/* Screenshots */
+	figure.thumbnail { width: 43%; }
+}
+
+ at media (max-width: 360px) {
+	/* Screenshots */
+	figure.thumbnail { width: 100%; }
+}
\ No newline at end of file
diff -r a30f330a9f45 -r cedf1507f2cb assets/styles/home.css
--- a/assets/styles/home.css	Fri Feb 10 01:03:24 2012 +0000
+++ b/assets/styles/home.css	Fri Feb 10 19:13:25 2012 +0000
@@ -7,105 +7,8 @@
 .banner a { font-size: 1.4em; line-height: 1.1em; }
 .tooltip { font-size: 1.3em; line-height: 1.4em; }
 
-/********** Animation **********/
-
-
- at -webkit-keyframes hide {
-	0% { opacity: 0; }
-	100% { opacity: 0; }
-}
-
- at -webkit-keyframes show-logo {
-	0% { left: 300px; top: -500px; zoom: 30%; }
-	20% { left: 300px; top: -500px; zoom: 30%; }
-	60% { top: 20px; }
-	100% { top: -31px; }
-}
-
- at -webkit-keyframes show-banner {
-	0% { opacity: 0; }
-	50% { opacity: 0; }
-	100% { opacity: 1; }
-}
-
- at -moz-keyframes hide {
-	0% { opacity: 0; }
-	100% { opacity: 0; }
-}
-
- at -moz-keyframes show-logo {
-	0% { top: -500px; }
-	100% { top: -31px; }
-}
-
- at -moz-keyframes show-banner {
-	0% { opacity: 0; }
-	50% { opacity: 0; }
-	100% { opacity: 1; }
-}
-
- at -ms-keyframes hide {
-	0% { opacity: 0; }
-	100% { opacity: 0; }
-}
-
- at -ms-keyframes show-logo {
-	0% { left: 300px; top: -500px; zoom: 30%; }
-	60% { top: 10px; }
-	100% { top: -31px; }
-}
-
- at -ms-keyframes show-banner {
-	0% { opacity: 0; }
-	50% { opacity: 0; }
-	100% { opacity: 1; }
-}
-
- at -o-keyframes hide {
-	0% { opacity: 0; }
-	100% { opacity: 0; }
-}
-
- at -o-keyframes show-logo {
-	0% { left: 300px; top: -500px; zoom: 30%; }
-	60% { top: 10px; }
-	100% { top: -31px; }
-}
-
- at -o-keyframes show-banner {
-	0% { opacity: 0; }
-	50% { opacity: 0; }
-	100% { opacity: 1; }
-}
-
-
- at keyframes hide {
-	0% { opacity: 0; }
-	100% { opacity: 0; }
-}
-
- at keyframes show-logo {
-	0% { left: 300px; top: -500px; zoom: 30%; }
-	60% { top: 10px; }
-	100% { top: -31px; }
-}
-
- at keyframes show-banner {
-	0% { opacity: 0; }
-	50% { opacity: 0; }
-	100% { opacity: 1; }
-}
-
 /********** Banner **********/
 
-.animate-hide {
-	-webkit-animation: hide 3s;
-	-moz-animation: hide 3s;
-	-ms-animation: hide 3s;
-	-o-animation: hide 3s;
-	animation: hide 3s;
-}
-
 #burst {
 	position: absolute;
 	margin-left: -145px;
@@ -115,14 +18,6 @@
 	background: url('../images/burst.png') no-repeat;
 }
 
-#burst.animate, #banner-content.animate {
-	-webkit-animation: show-banner 1s;
-	-moz-animation: show-banner 1s;
-	-ms-animation: show-banner 1s;
-	-o-animation: show-banner 1s;
-	animation: show-banner 1s;
-}
-
 #logo {
 	position: relative;
 	z-index: 99;
@@ -135,18 +30,10 @@
 	background: url('../images/logo.png') no-repeat;
 }
 
-#logo.animate {
-	-webkit-animation: show-logo .6s;
-	-moz-animation: show-logo .6s;
-	-ms-animation: show-logo .6s;
-	-o-animation: show-logo .6s;
-	animation: show-logo .6s;
-}
-
 #logo:active {
+	width: 240px;
 	left: 3px;
-	width: 240px;
-	background: url('../images/logo_alt.png') no-repeat;
+	background: url('../images/logo.png') -218px 0 no-repeat;
 }
 
 .banner {
@@ -313,7 +200,7 @@
 
 /********** Services **********/
 
-#services { text-align: center; }
+#services { text-align: center; padding: 0; }
 
 #services a { display: block; }
 
@@ -323,6 +210,7 @@
 	height: 34px;
 	width: 34px;
 }
+
 #services li {
 	display: inline-block;
 	text-indent: -999em;
diff -r a30f330a9f45 -r cedf1507f2cb assets/styles/style.css
--- a/assets/styles/style.css	Fri Feb 10 01:03:24 2012 +0000
+++ b/assets/styles/style.css	Fri Feb 10 19:13:25 2012 +0000
@@ -27,8 +27,8 @@
 body { line-height: 1; font-family: Helvetica Neue, sans-serif; font-size: 62.5%; text-rendering: optimizeLegibility; }
 
 ol, ul { list-style: none; }
-a { text-decoration: none; cursor: pointer;; }
-img { -ms-interpolation-mode: bicubic; }
+a { text-decoration: none; cursor: pointer; }
+img { -ms-interpolation-mode: bicubic; display: block; }
 
 .container {
 	margin: 0 auto;
@@ -53,25 +53,24 @@
 	font-size: 1.5em; 
 	line-height: 1.1em; 
 }
-.content p { 
+.content p, figcaption { 
 	font-size: 1.4em;
 	line-height: 1.4em;
 }
+
+.content ol, .content ul {
+	font-size: 1.4em;
+}
+
+.content ul ul, .content ol ol {
+	font-size: 1em;
+}
+
 nav, p, footer ul, footer span, a.button { 
 	font-size: 1.3em; 
 	line-height: 1.1em; 
 }
 
-/********** Title **********/
-
-.title {
-	display: block;
-	float: left;
-	padding: 12px 30px;
-	color: #444;
-	font-weight: 600;
-}
-
 /********** Menu Bar **********/
 
 .menu {
@@ -92,7 +91,13 @@
 	text-shadow: 0 1px #fff;
 }
 




More information about the commits mailing list