You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@isis.apache.org by da...@apache.org on 2013/10/04 18:59:22 UTC
svn commit: r1529216 - in /isis/site/trunk/content:
getting-started/screenshots2.md screenshots2/index.html
Author: danhaywood
Date: Fri Oct 4 16:59:22 2013
New Revision: 1529216
URL: http://svn.apache.org/r1529216
Log:
working towards carousel of screenshots
Modified:
isis/site/trunk/content/getting-started/screenshots2.md
isis/site/trunk/content/screenshots2/index.html
Modified: isis/site/trunk/content/getting-started/screenshots2.md
URL: http://svn.apache.org/viewvc/isis/site/trunk/content/getting-started/screenshots2.md?rev=1529216&r1=1529215&r2=1529216&view=diff
==============================================================================
--- isis/site/trunk/content/getting-started/screenshots2.md (original)
+++ isis/site/trunk/content/getting-started/screenshots2.md Fri Oct 4 16:59:22 2013
@@ -2,38 +2,53 @@ Title: Screenshots
The following screenshots show the Wicket and Restful Objects viewers running a simple 'todo app', as generated by the [quickstart archetype](quickstart-archetype.html).
-<div id="this-carousel-id" class="carousel slide"><!-- class of slide for animation -->
- <div class="carousel-inner">
- <div class="item active"><!-- class of active since it's the first item -->
- <img src="http://placehold.it/1200x480" alt="" />
- <div class="carousel-caption">
- <p>Caption text here</p>
+ <!-- Carousel -->
+ <!-- consult Bootstrap docs at
+ http://twitter.github.com/bootstrap/javascript.html#carousel -->
+ <div id="this-carousel-id" class="carousel slide">
+ <div class="carousel-inner">
+ <div class="item active">
+ <a href="http://hubblesite.org/gallery/album/entire/pr2006046a/xlarge_web/npp/128/"> <img src="img/antennae.jpg" alt="Antennae Galaxies" />
+ </a>
+ <div class="carousel-caption">
+ <p>The Antennae Galaxies</p>
+ <p><a href="http://hubblesite.org/gallery/album/entire/pr2006046a/xlarge_web/npp/128/">Hubblesite.org »</a></p>
+ </div>
</div>
- </div>
- <div class="item">
- <img src="http://placehold.it/1200x480" alt="" />
- <div class="carousel-caption">
- <p>Caption text here</p>
+ <div class="item">
+ <a href="http://hubblesite.org/gallery/album/entire/pr2007016e/xlarge_web/npp/128/">
+ <img src="img/carina.jpg" alt="Carina Caterpillar" />
+ </a>
+ <div class="carousel-caption">
+ <p>Carina Nebula: The Caterpillar</p>
+ <p><a href="http://hubblesite.org/gallery/album/entire/pr2007016e/xlarge_web/npp/128/">Hubblesite.org »</a></p>
+ </div>
</div>
- </div>
- <div class="item">
- <img src="http://placehold.it/1200x480" alt="" />
- <div class="carousel-caption">
- <p>Caption text here</p>
+ <div class="item">
+ <a href="http://hubblesite.org/gallery/album/entire/pr2003010i/npp/128/">
+ <img src="img/echo.jpg" alt="Light Echo" />
+ </a>
+ <div class="carousel-caption">
+ <p>Light Echo From Star V838 Monocerotis</p>
+ <p><a href="http://hubblesite.org/gallery/album/entire/pr2003010i/npp/128/">Hubblesite.org »</a></p>
+ </div>
</div>
- </div>
- <div class="item">
- <img src="http://placehold.it/1200x480" alt="" />
- <div class="carousel-caption">
- <p>Caption text here</p>
+ <div class="item">
+ <a href="http://hubblesite.org/gallery/album/entire/pr2006024a/xlarge_web/npp/128/">
+ <img src="img/ngc5866.jpg" alt="Galaxy NGC5866" />
+ </a>
+ <div class="carousel-caption">
+ <p>Galaxy NGC 5866</p>
+ <p><a href="http://hubblesite.org/gallery/album/entire/pr2006024a/xlarge_web/npp/128/">Hubblesite.org »</a></p>
+ </div>
</div>
- </div>
- </div><!-- /.carousel-inner -->
- <!-- Next and Previous controls below
- href values must reference the id for this carousel -->
- <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">‹</a>
- <a class="carousel-control right" href="#this-carousel-id" data-slide="next">›</a>
-</div><!-- /.carousel -->
+ </div><!-- .carousel-inner -->
+ <!-- next and previous controls here
+ href values must reference the id for this carousel -->
+ <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">‹</a>
+ <a class="carousel-control right" href="#this-carousel-id" data-slide="next">›</a>
+ </div><!-- .carousel -->
+ <!-- end carousel -->
<table>
Modified: isis/site/trunk/content/screenshots2/index.html
URL: http://svn.apache.org/viewvc/isis/site/trunk/content/screenshots2/index.html?rev=1529216&r1=1529215&r2=1529216&view=diff
==============================================================================
--- isis/site/trunk/content/screenshots2/index.html (original)
+++ isis/site/trunk/content/screenshots2/index.html Fri Oct 4 16:59:22 2013
@@ -7,7 +7,6 @@
<meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
<meta name="author" content="David Cochran for webdesign.tutsplus.com">
- <!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
@@ -17,20 +16,6 @@
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
- <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
-
- <!-- Le fav and touch icons -->
- <!-- Commented out - update these with your own files -->
- <!--
- <link rel="shortcut icon" href="ico/favicon.ico">
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
- <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
- -->
</head>
<body>
@@ -115,7 +100,6 @@
</div><!-- .carousel -->
<!-- end carousel -->
- <!-- Example row of columns -->
<div class="row">
<div class="span4">
<h2>Heading</h2>
@@ -136,10 +120,6 @@
<hr>
- <footer>
- <p>By <a href="http://twitter.com/davidcochran">David Cochran</a> of <a href="http://alittlecode.com/">aLittleCode.com</a> for <a href="http://webdesign.tutsplus.com/">webdesign.tutsplus.com</a></p>
- </footer>
-
</div> <!-- /container -->
<!-- Le javascript