You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tasks/actionbarsherlock/website/resources/index.html

174 lines
9.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="ActionBarSherlock is an extension of the compatibility library designed to facilitate the use of the action bar design pattern across all versions of Android leveraging the best API available." />
<title>ActionBarSherlock - Home</title>
<!--[if lte IE 9]><link rel="stylesheet" href="static/ie.css" type="text/css" media="screen" /><![endif]-->
<link rel="stylesheet" href="static/1120.css" type="text/css" media="screen" />
<link rel="stylesheet" href="static/styles.css" type="text/css" media="screen" />
<script type="text/javascript" src="static/css3-mediaqueries.js"></script><!-- http://code.google.com/p/css3-mediaqueries-js/ -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="static/jquery.cross-slide.min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3637749-12']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
$(function() {
$.getJSON('https://api.github.com/repos/JakeWharton/ActionBarSherlock/tags?callback=?', function(response) {
var meta = response.meta
, data = response.data
;
data.sort(function(o1, o2) {
return (o1.name < o2.name) ? -1 : 1;
});
var last = data[data.length - 1];
$('#latest-version').html('v' + last.name);
$('#latest-zip').attr('href', last.zipball_url);
$('#latest-tarball').attr('href', last.tarball_url);
});
$('#feature-images').crossSlide({
sleep: 3,
fade: 1,
}, [
{ src: 'static/feature_01.png' },
{ src: 'static/feature_02.png' },
{ src: 'static/feature_03.png' },
]).css('height', '400px');
});
</script>
</head>
<body id="home">
<div class="container">
<div class="row">
<div class="half" id="feature">
<p id="header"><a class="img" href="index.html"><img src="static/logo.png" alt="Home"/></a></p>
<p class="lead">ActionBarSherlock is an extension of the <a href="http://developer.android.com/sdk/compatibility-library.html">compatibility library</a> designed to facilitate the use of the action bar design pattern across all versions of Android with a single API.</p>
<div id="sherlock"><a href="merch-and-donations.html"><img src="static/mascot.png" alt="Donations &amp; Merhandise" title="Buy me on a shirt!"/></a></div>
<p>The library will automatically use the native action bar when available or will automatically wrap a custom implementation around your layouts. This allows you to easily develop an application with an action bar for every version of Android back through 1.6.</p>
<div id="download">
<p><span>Download <span id="latest-version"></span>:</span> <a id="latest-zip" href="https://github.com/JakeWharton/ActionBarSherlock/downloads">Zip</a> <a id="latest-tarball" href="https://github.com/JakeWharton/ActionBarSherlock/downloads">Tarball</a> <a id="download_more" href="download.html">More...</a></p>
</div>
</div>
<div id="feature-images" class="half last">
<img src="static/feature_01.png"/>
</div>
</div>
<div class="row" id="features">
<div class="fourth feature">
<h1><a href="usage.html">Usage</a></h1>
<p>Interaction with the action bar is provided through a single API by calling <code>getSupportActionBar()</code>. The methods provided by this interface mirror those of the native action bar exactly.</p>
<p>Enabling support is as simple as extending your activities from <code>FragmentActivity</code> and declaring a theme in your manifest file.</p>
<p><a href="usage.html">Learn More &raquo;</a></p>
</div>
<div class="fourth feature">
<h1><a href="theming.html">Theming</a></h1>
<p>A single theme can be used to style the action bar to match the look and feel of your application.</p>
<p>If you need to customize the look for a phone or tablet, Android's powerful resource filtering can still be leveraged.</p>
<p><a href="theming.html">Learn More &raquo;</a></p>
</div>
<div class="fourth feature">
<h1><a href="samples.html">Samples</a></h1>
<p>View screenshots and descriptions of the three sample applications which are bundled with the project as well as open source applications who chose to implement the library.</p>
<p>Each project links to its source so you can investigate their code for reference.</p>
<p><a href="samples.html">Learn More &raquo;</a></p>
</div>
<div class="fourth last feature">
<h1>Resources</h1>
<dl>
<dt><a href="faq.html">Frequently Asked Questions</a></dt>
<dd>Common pitfals and their solutions.</dd>
<dt><a href="support.html">Help &amp; Support</a></dt>
<dd>Places to go when you need assitance with implementation.</dd>
<dt><a href="development.html">Development</a></dt>
<dd>Contribute to the libary.</dd>
<dt><a href="merch-and-donations.html">Merchandise &amp; Donations</a></dt>
<dd>Show support by purchasing a shirt with our mascot and/or donate directly!</dd>
</dl>
</div>
</div>
<div class="row" id="apps">
<div class="whole">
<h1>Featured Implementations</h1>
</div>
<div class="whole">
<div class="half app">
<img src="static/apps/uk.co.senab.blueNotifyFree.png"/>
<div class="info">
<h4>FriendCaster</h4>
<p class="desc">FriendCaster for Facebook gives you the best Facebook experience on Android devices!</p>
<p class="links">View on Android Market: <a href="https://market.android.com/details?id=uk.co.senab.blueNotifyFree">Free</a> &middot; <a href="https://market.android.com/details?id=uk.co.senab.blueNotify">Pro</a></p>
</div>
</div>
<div class="half app last">
<img src="static/apps/com.agilevent.crossfittravel.png"/>
<div class="info">
<h4>CrossFit Travel</h4>
<p class="desc">Stay in optimal CrossFit shape while on the road with this CrossFit Travel App. The first CrossFit Travel application!</p>
<p class="links"><a href="https://market.android.com/details?id=com.agilevent.crossfittravel">View on Android Market</a></p>
</div>
</div>
</div>
<div class="whole">
<div class="half app">
<img src="static/apps/com.battlelancer.seriesguide.png"/>
<div class="info">
<h4>SeriesGuide Show Manager</h4>
<p class="desc">Manage the progress of (re-)watching your favorite TV shows. Keep track of which episodes you still have to watch or which ones are upcoming.</p>
<p class="links"><a href="https://market.android.com/details?id=com.battlelancer.seriesguide">View on Android Market</a> &middot; <a href="https://github.com/UweTrottmann/SeriesGuide">View GitHub project</a></p>
</div>
</div>
<div class="half app last">
<img src="static/apps/com.ratebeer.android.png"/>
<div class="info">
<h4>RateBeer</h4>
<p class="desc">Mobile interface to the world's largest source for information on craft beer: RateBeer.</p>
<p class="links"><a href="https://market.android.com/details?id=com.ratebeer.android">View on Android Market</a> &middot; <a href="http://code.google.com/p/ratebeerforandroid/">View Google Code project</a></p>
</div>
</div>
</div>
</div>
<div class="row" id="footer">
<div class="half">
<p>&copy; 2011 Jake Wharton &mdash; <a href="http://twitter.com/JakeWharton">@JakeWharton</a> &middot; <a href="http://profiles.google.com/jakewharton">+JakeWharton</a></p>
</div>
<div class="half last social">
<g:plusone size="medium" href="http://actionbarsherlock.com"></g:plusone>
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://actionbarsherlock.com" data-text="ActionBarSherlock - Action bar design pattern for all versions of Android." data-count="horizontal" data-via="JakeWharton">Tweet</a>
<iframe src="http://www.facebook.com/plugins/like.php?app_id=186126341440594&amp;href=http%3A%2F%2Factionbarsherlock.com&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://actionbarsherlock.com"></a><noscript><a href="http://flattr.com/thing/320252/ActionBarSherlock" target="_blank"><img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
<a id="github" href="https://github.com/JakeWharton/ActionBarSherlock"><img style="position: absolute; top: 0; right: 0; border: 0;" src="static/ribbon.png" alt="Fork me on GitHub"></a>
</div>
</div>
</div>
</body>
</html>