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 2015/03/11 07:56:28 UTC
svn commit: r1665765 - in /isis/site/trunk/templates: index-new.html
isis-in-pictures.html isis-template.html
Author: danhaywood
Date: Wed Mar 11 06:56:28 2015
New Revision: 1665765
URL: http://svn.apache.org/r1665765
Log:
starting on new home page
Added:
isis/site/trunk/templates/index-new.html
- copied, changed from r1660819, isis/site/trunk/templates/index.html
Modified:
isis/site/trunk/templates/isis-in-pictures.html
isis/site/trunk/templates/isis-template.html
Copied: isis/site/trunk/templates/index-new.html (from r1660819, isis/site/trunk/templates/index.html)
URL: http://svn.apache.org/viewvc/isis/site/trunk/templates/index-new.html?p2=isis/site/trunk/templates/index-new.html&p1=isis/site/trunk/templates/index.html&r1=1660819&r2=1665765&rev=1665765&view=diff
==============================================================================
--- isis/site/trunk/templates/index.html (original)
+++ isis/site/trunk/templates/index-new.html Wed Mar 11 06:56:28 2015
@@ -20,87 +20,65 @@
</div>
</div>
- <!-- Carousel -->
- <!-- consult Bootstrap docs at
- http://getbootstrap.com/javascript/#carousel -->
- <div id="this-carousel-id" class="carousel slide">
-
+<div class="carousel slide" data-ride="carousel" id="quote-carousel">
+ <!-- Bottom Carousel Indicators -->
<ol class="carousel-indicators">
- <li data-target="#this-carousel-id" data-slide-to="0" class="active"></li>
- <li data-target="#this-carousel-id" data-slide-to="1"></li>
- <li data-target="#this-carousel-id" data-slide-to="2"></li>
- <li data-target="#this-carousel-id" data-slide-to="3"></li>
- <li data-target="#this-carousel-id" data-slide-to="4"></li>
- <li data-target="#this-carousel-id" data-slide-to="5"></li>
- <li data-target="#this-carousel-id" data-slide-to="6"></li>
- <li data-target="#this-carousel-id" data-slide-to="7"></li>
- <li data-target="#this-carousel-id" data-slide-to="8"></li>
- <li data-target="#this-carousel-id" data-slide-to="9"></li>
+ <li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
+ <li data-target="#quote-carousel" data-slide-to="1"></li>
+ <li data-target="#quote-carousel" data-slide-to="2"></li>
</ol>
+ <!-- Carousel Slides / Quotes -->
<div class="carousel-inner">
- <div class="item active">
- <img src="images/isis-logo-940x560.png"></img>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/010-sign-in.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/020-object-layout.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/030-declarative-business-rules.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/040-imperative-business-rules.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/050-action-with-args.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/060-action-with-args-autocomplete.png"></img>
- </a>
- </div>
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/070-jdo.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/080-rest-api.png"></img>
- </a>
- </div>
-
- <div class="item">
- <a href="#">
- <img src="images/index-screenshots/090-integtesting.png"></img>
- </a>
- </div>
+ <!-- Quote 1 -->
+ <div class="item active">
+ <blockquote>
+ <div class="row">
+ <div class="col-sm-3 text-center">
+ <img class="img-circle" src="http://wp-desk.com/lovinflat/images/persons/person_1.png" style="width: 100px;height:100px;">
+ </div>
+ <div class="col-sm-9">
+ <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit!</p>
+ <small>Someone famous</small>
+ </div>
+ </div>
+ </blockquote>
+ </div>
+ <!-- Quote 2 -->
+ <div class="item">
+ <blockquote>
+ <div class="row">
+ <div class="col-sm-3 text-center">
+ <img class="img-circle" src="http://wp-desk.com/lovinflat/images/persons/person_2.png" style="width: 100px;height:100px;">
+ </div>
+ <div class="col-sm-9">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam auctor nec lacus ut tempor. Mauris.</p>
+ <small>Someone famous</small>
+ </div>
+ </div>
+ </blockquote>
+ </div>
+ <!-- Quote 3 -->
+ <div class="item">
+ <blockquote>
+ <div class="row">
+ <div class="col-sm-3 text-center">
+ <img class="img-circle" src="http://wp-desk.com/lovinflat/images/persons/person_3.png" style="width: 100px;height:100px;">
+ </div>
+ <div class="col-sm-9">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris.</p>
+ <small>Someone famous</small>
+ </div>
+ </div>
+ </blockquote>
+ </div>
</div>
-
- <a class="carousel-control left" href="#this-carousel-id" data-slide="prev"><span class="icon-prev"></span></a>
- <a class="carousel-control right" href="#this-carousel-id" data-slide="next"><span class="icon-next"></span></a>
- </div><!-- .carousel -->
+
+ <!-- Carousel Buttons Next/Prev -->
+ <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
+ <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
+</div>
<script>
Modified: isis/site/trunk/templates/isis-in-pictures.html
URL: http://svn.apache.org/viewvc/isis/site/trunk/templates/isis-in-pictures.html?rev=1665765&r1=1665764&r2=1665765&view=diff
==============================================================================
--- isis/site/trunk/templates/isis-in-pictures.html (original)
+++ isis/site/trunk/templates/isis-in-pictures.html Wed Mar 11 06:56:28 2015
@@ -8,7 +8,7 @@
<div class="row">
<div class="col-md-12">
<div align="center">
- <h4>The carousel below provides a tutorial by screenshot of many of the core features of Apache Isis™, v1.3.0. Note that there have been many improvements in more recent releases, in particular the v1.8.0.</h4>
+ <h4>The carousel below provides a tutorial by screenshot of many of the core features of Apache Isis™, v1.3.0. Note that there have been many improvements in more recent releases, in particular as of v1.8.0.</h4>
<h4>When you are done here, either get started with our <a href="../getting-started/simple-archetype.html">simple archetype</a>, or read more at our <a href="../../documentation.html">documentation</a> page.</h4>
</div>
</div>
Modified: isis/site/trunk/templates/isis-template.html
URL: http://svn.apache.org/viewvc/isis/site/trunk/templates/isis-template.html?rev=1665765&r1=1665764&r2=1665765&view=diff
==============================================================================
--- isis/site/trunk/templates/isis-template.html (original)
+++ isis/site/trunk/templates/isis-template.html Wed Mar 11 06:56:28 2015
@@ -275,7 +275,117 @@
-ms-transform:rotate(45deg);
box-shadow:4px 4px 10px rgba(0,0,0,0.8);
}
- }
+ }
+
+
+
+ /* carousel */
+ #quote-carousel
+ {
+ padding: 0 10px 30px 10px;
+ margin-top: 30px 0px 0px;
+ }
+
+ /* Control buttons */
+ #quote-carousel .carousel-control
+ {
+ background: none;
+ color: #222;
+ font-size: 2.3em;
+ text-shadow: none;
+ margin-top: 30px;
+ }
+ /* Previous button */
+ #quote-carousel .carousel-control.left
+ {
+ left: -12px;
+ }
+ /* Next button */
+ #quote-carousel .carousel-control.right
+ {
+ right: -12px !important;
+ }
+ /* Changes the position of the indicators */
+ #quote-carousel .carousel-indicators
+ {
+ right: 50%;
+ top: auto;
+ bottom: 0px;
+ margin-right: -19px;
+ }
+ /* Changes the color of the indicators */
+ #quote-carousel .carousel-indicators li
+ {
+ background: #c0c0c0;
+ }
+ #quote-carousel .carousel-indicators .active
+ {
+ background: #333333;
+ }
+ #quote-carousel img
+ {
+ width: 250px;
+ height: 100px
+ }
+ /* End carousel */
+
+ .item blockquote {
+ border-left: none;
+ margin: 0;
+ }
+
+ .item blockquote img {
+ margin-bottom: 10px;
+ }
+
+ .item blockquote p:before {
+ content: "\f10d";
+ font-family: 'Fontawesome';
+ float: left;
+ margin-right: 10px;
+ }
+
+
+
+ /**
+ MEDIA QUERIES
+ */
+
+ /* Small devices (tablets, 768px and up) */
+ @media (min-width: 768px) {
+ #quote-carousel
+ {
+ margin-bottom: 0;
+ padding: 0 40px 30px 40px;
+ margin-top: 30px;
+ }
+
+ }
+
+ /* Small devices (tablets, up to 768px) */
+ @media (max-width: 768px) {
+
+ /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+ #quote-carousel .carousel-indicators {
+ bottom: -20px !important;
+ }
+ #quote-carousel .carousel-indicators li {
+ display: inline-block;
+ margin: 0px 5px;
+ width: 15px;
+ height: 15px;
+ }
+ #quote-carousel .carousel-indicators li.active {
+ margin: 0px 5px;
+ width: 20px;
+ height: 20px;
+ }
+ }
+
+
+
+
</style>
<!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
'Share on Twitter',
'width=800,height=526');
};
+
+
+
+
+ // When the DOM is ready, run this function
+ $(document).ready(function() {
+ //Set the carousel options
+ $('#quote-carousel').carousel({
+ pauseOnHover: true,
+ interval: 1000,
+ });
+ });
</script>
<!-- Le fav and touch icons -->
@@ -445,7 +567,7 @@
<footer>
<hr/>
<p>
- Copyright © 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+ Copyright © 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
<br/>
Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
</p>