www/adium.im 651:47cf055c345c: iPhone != iPad, also added 1.4.5 ...

commits at adium.im commits at adium.im
Wed Mar 28 10:57:41 UTC 2012


details:	http://hg.adium.im/www/adium.im/rev/47cf055c345c
revision:	651:47cf055c345c
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Wed Mar 28 00:14:12 2012 +0100

iPhone != iPad, also added 1.4.5 and 1.5 to the list of downloads..
Subject: www/adium.im 652:ebc176ac089a: Display scaled up sprites for the Retina iPad (Need to find a solution to not load 1x assets). Also scale down the dimension of background patterns to make them look less blurry.

details:	http://hg.adium.im/www/adium.im/rev/ebc176ac089a
revision:	652:ebc176ac089a
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Wed Mar 28 11:57:31 2012 +0100

Display scaled up sprites for the Retina iPad (Need to find a solution to not load 1x assets). Also scale down the dimension of background patterns to make them look less blurry.

diffs (211 lines):

diff -r 5358475b9337 -r ebc176ac089a assets/images/services_sprite_2x.png
Binary file assets/images/services_sprite_2x.png has changed
diff -r 5358475b9337 -r ebc176ac089a assets/images/sprite.png
Binary file assets/images/sprite.png has changed
diff -r 5358475b9337 -r ebc176ac089a assets/images/sprite_2x.png
Binary file assets/images/sprite_2x.png has changed
diff -r 5358475b9337 -r ebc176ac089a assets/styles/blog.css
--- a/assets/styles/blog.css	Tue Mar 27 19:21:19 2012 +0100
+++ b/assets/styles/blog.css	Wed Mar 28 11:57:31 2012 +0100
@@ -141,6 +141,18 @@
 
 /********** Media Queries **********/
 
+/* Notice: Retina iPad specific images and styles */
+ at media only screen and (-webkit-device-pixel-ratio: 2) {
+	.heading h1, .heading h2, nav.sub li {
+		text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
+	}
+	
+	article footer ul li, ol.comments header ul li {
+		background-image: url('../images/sprite_2x.png');
+		background-size: 191px 217px;
+	}
+}
+
 @media (max-width: 975px) { .content section.has-aside { width: 69%; } }
 @media (max-width: 950px) { .content section.has-aside { width: 68%; } }
 @media (max-width: 925px) { .content section.has-aside { width: 67%; } }
diff -r 5358475b9337 -r ebc176ac089a assets/styles/global.css
--- a/assets/styles/global.css	Tue Mar 27 19:21:19 2012 +0100
+++ b/assets/styles/global.css	Wed Mar 28 11:57:31 2012 +0100
@@ -683,7 +683,7 @@
 	display: block;
 	position: absolute;
 	width: 245px;
-	margin: -8px 0 0 -5px;
+	margin: 0 0 0 -5px;
 	-webkit-background-clip: padding;
 	-moz-background-clip: padding;
 	background-clip: padding-box;
@@ -829,7 +829,7 @@
 	margin: 11px 30px 0 0;
 }
 #hosting li.networkredux:hover { background-position: 0 -94px; }
-#hosting li.cachefly { 
+#hosting li.cachefly {
 	background-position: 0 -122px;
 	width: 98px;
 	height: 45px;
@@ -838,6 +838,27 @@
 
 /********** Media Queries **********/
 
+/* Notice: Retina iPad specific images and styles */
+ at media only screen and (-webkit-min-device-pixel-ratio: 2) {
+	.heading h1, .heading h2, nav.sub li {
+		text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
+	}
+	
+	.heading {
+		background-size: 1px 3px, 70px 70px;
+	}
+	
+	.content {
+		background-size: auto auto, 70px 70px;
+	}
+	
+	nav li span:before, #search-icon, #search-results:before, 
+	.social span:before, #hosting li {
+		background-image: url('../images/sprite_2x.png');
+		background-size: 191px 217px;
+	}
+}
+
 /* Notice: Prevent mobile devices from scaling the font-size in landscape mode */
 @media (max-device-width: 1000px) and (orientation: landscape) {
 	html { 
diff -r 5358475b9337 -r ebc176ac089a assets/styles/home.css
--- a/assets/styles/home.css	Tue Mar 27 19:21:19 2012 +0100
+++ b/assets/styles/home.css	Wed Mar 28 11:57:31 2012 +0100
@@ -54,7 +54,7 @@
 .banner h1, .banner h2 {
 	color: #fff;
 	font-weight: 600;
-	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
 	-webkit-font-smoothing: antialiased;
 }
 
@@ -72,7 +72,7 @@
 .version {
 	float: left;
 	margin: 7px 0 0 8px;
-	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
 	font-size: 1.8em;
 	color: #fff;
 	border-radius: 4px;
@@ -86,7 +86,7 @@
 	margin-left: 25px;
 	font-weight: 600;
 	color: #f1f8ea;
-	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
 	padding-left: 19px;
 }
 
@@ -203,7 +203,7 @@
 
 #services span {
 	display: block;
-	background: url('../images/services_sprite.png') 0 0 no-repeat;
+	background: url('../images/services_sprite.png');
 	height: 34px;
 	width: 34px;
 }
@@ -254,6 +254,27 @@
 
 /********** Media Queries **********/
 
+/* Notice: Retina iPad specific images and styles */
+ at media only screen and (-webkit-device-pixel-ratio: 2) {
+	.banner h1, .banner h2, .version, .banner a {
+		text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
+	}
+	
+	.banner {
+		background-size: 1px 3px, 70px 70px;
+	}
+	
+	a.button.download:before, #tooltip-pointer, .release-notes, .source {
+		background-image: url('../images/sprite_2x.png');
+		background-size: 191px 217px;
+	}
+	
+	#services span {
+		background-image: url('../images/services_sprite_2x.png');
+		background-size: 613px 68px;
+	}
+}
+
 @media (max-width: 990px) {	
 	/* Screenshots */
 	.screenshots figure { width: 45%; }
diff -r 5358475b9337 -r ebc176ac089a index.php
--- a/index.php	Tue Mar 27 19:21:19 2012 +0100
+++ b/index.php	Wed Mar 28 11:57:31 2012 +0100
@@ -1,14 +1,14 @@
 <?php
 	$releases = array(
-		'10.6' => array(
-			'ver' => '1.4.4',
-			'link' => 'http://download.adium.im/Adium_1.4.4.dmg',
-			'md5' => '7ef5dd8e764560856f99634f55a23887'
+		'10.6.8' => array(
+			'ver' => '1.5',
+			'link' => 'http://download.adium.im/Adium_1.5.dmg',
+			'md5' => '2ad1904e873ebe97eae22fcad00df429'
 		),
 		'10.5.8' => array(
-			'ver' => '1.4.4',
-			'link' => 'http://download.adium.im/Adium_1.4.4.dmg',
-			'md5' => '7ef5dd8e764560856f99634f55a23887'
+			'ver' => '1.4.5',
+			'link' => 'http://download.adium.im/Adium_1.4.5.dmg',
+			'md5' => '5d52ba6d961d8d9ba4672bc881b4ac60'
 		),
 		'10.4' => array(
 			'ver' => '1.3.10',
@@ -28,16 +28,18 @@
 	);
 
 	if ($_GET['download'] && !$releases[$_GET['download']])
-		$_GET['download'] = '10.6';
+		$_GET['download'] = '10.6.8';
 
 	// OS X check
 	$userAgent = $_SERVER['HTTP_USER_AGENT'];
+	
+	// Assuming we're working on 10.6 or above unless otherwise proven
+	$os = '10.6.8';
 
-	// Assuming we're working on 10.6 or above unless otherwise proven
-	$os = '10.6';
-
-	if (strstr($userAgent, 'iPhone') || strstr($userAgent, 'iPad') || strstr($userAgent, 'iPod')) {
+	if (strstr($userAgent, 'iPhone') || strstr($userAgent, 'iPod')) {
 		$os = 'iPhone';
+	} else if (strstr($userAgent, 'iPad')) {
+		$os = 'iPad';
 	} else if (strstr($userAgent, 'Mac OS X ')) {
 		// e.g. "Mac OS X 10_6_4;" or "Mac OS X 10.4;"
 
@@ -64,7 +66,7 @@
 
 		if ($major == 10) {
 			if ($minor >= 6) {
-				$os = '10.6';
+				$os = '10.6.8';
 				
 			} else if ($minor == 5) {
 				$os = $micro >= 8 ? '10.5.8' : '10.4';
@@ -136,7 +138,7 @@
 				
 				<div id="banner-content">
 					<h1><span></span>Adium</h1>
-					<div class="version"><?php echo $os == 'iPhone' ? 'iPhone' : $releases[$os]['ver']; ?></div>
+					<div class="version"><?php echo $os == 'iPhone' || $os == 'iPad' ? $os : $releases[$os]['ver']; ?></div>
 					<h2>Adium is a free instant messaging application for Mac OS X that can connect to <attr title="Microsoft Network">MSN</attr>, Google Talk, <attr title="AOL Instant Messenger">AIM</attr>, Yahoo, <attr title="I Seek You">ICQ</attr>, <attr title="Extensible Messaging and Presence Protocol">XMPP</attr>, Facebook, Twitter, MobileMe and more.</h2>
 					
 					<div class="button-container">




More information about the commits mailing list