Commit 18167c1f authored by santiaago's avatar santiaago
Browse files

add text to examples 

fixe css mobile problem.
Fixes #69
parent b58bcf30

app/assets/css/examples.css

+12 −2
Original line number Diff line number Diff line
@@ -21,7 +21,7 @@ 
    -webkit-transform: translateY(-50%);

}



@media (max-width: 950px){

@media (max-width: 992px){



    .examples-content--position{

	top: 0;
@@ -88,7 +88,13 @@ 
    padding-top: 50px;

}



@media (max-width: 950px){

.carouselExamples-itemText{

    float: left;

    text-align: center;

    width: 100%;

}



@media (max-width: 992px){



    .carouselExamples {

	width: auto;
@@ -106,5 +112,9 @@ 
	left:0%;

	margin-left:0;

    }

    .carouselExamples-itemText{

	float: none;

	width: 0;

    }

}

app/assets/css/features.css

+1 −1
Original line number Diff line number Diff line
@@ -36,7 +36,7 @@ 
    color: #FFF;

}



@media (max-width: 950px){

@media (max-width: 992px){



    .features--squareHeader{

	height: 50px;

app/partials/marketing/examples.html

+15 −15
Original line number Diff line number Diff line
@@ -8,25 +8,25 @@ 
    <div id="Carousel1" class="carousel carouselExamples slide center-block">

      <div class="carousel-inner carouselExamples-inner">

	<div class="item active">

	  <img src="/squares/tinygrap?theme=frogideas&numcolors=3" class="img-responsive">	  



	  <img src="/squares/tinygrap?theme=heatwave&numcolors=4" class="img-responsive">

	  <img src="/squares/tinygrap?theme=bythepool&numcolors=4" class="img-responsive">

	  <img src="/squares/tinygrap?theme=daisygarden&numcolors=4" class="img-responsive">

	  <img src="/squares/helloworld?theme=frogideas&numcolors=3" class="img-responsive">	  

	  <img src="/squares/helloworld?theme=heatwave&numcolors=4" class="img-responsive">

	  <img src="/squares/helloworld?theme=bythepool&numcolors=4" class="img-responsive">

	  <img src="/squares/helloworld?theme=daisygarden&numcolors=4" class="img-responsive">

	  <p class="lead carouselExamples-itemText">/squares/helloworld</p>

	</div>

	<div class="item">

	  <img src="/isogrids/tinygrap?theme=frogideas&numcolors=3" class="img-responsive">	  



	  <img src="/isogrids/tinygrap?theme=heatwave&numcolors=4" class="img-responsive">

	  <img src="/isogrids/tinygrap?theme=bythepool&numcolors=4" class="img-responsive">

	  <img src="/isogrids/tinygrap?theme=daisygarden&numcolors=4" class="img-responsive">

	  <img src="/isogrids/helloworld?theme=frogideas&numcolors=3" class="img-responsive">	  

	  <img src="/isogrids/helloworld?theme=heatwave&numcolors=4" class="img-responsive">

	  <img src="/isogrids/helloworld?theme=bythepool&numcolors=4" class="img-responsive">

	  <img src="/isogrids/helloworld?theme=daisygarden&numcolors=4" class="img-responsive">

	  <p class="lead carouselExamples-itemText">/isogrids/helloworld</p>

	</div>

	<div class="item">

	  <img src="/labs/isogrids/hexa/tinygrap?theme=frogideas&numcolors=3" class="img-responsive">	  



	  <img src="/labs/isogrids/hexa/tinygrap?theme=heatwave&numcolors=4" class="img-responsive">

	  <img src="/labs/isogrids/hexa/tinygrap?theme=bythepool&numcolors=4" class="img-responsive">

	  <img src="/labs/isogrids/hexa/tinygrap?theme=daisygarden&numcolors=4" class="img-responsive">

	  <img src="/labs/isogrids/hexa/helloworld?theme=frogideas&numcolors=3" class="img-responsive">	  

	  <img src="/labs/isogrids/hexa/helloworld?theme=heatwave&numcolors=4" class="img-responsive">

	  <img src="/labs/isogrids/hexa/helloworld?theme=bythepool&numcolors=4" class="img-responsive">

	  <img src="/labs/isogrids/hexa/helloworld?theme=daisygarden&numcolors=4" class="img-responsive">

	  <p class="lead carouselExamples-itemText">/labs/isogrids/hexa/helloworld</p>

	</div>

      </div>

      <span class="left carousel-control" data-target="#Carousel1" data-slide="prev">