Commit 5fb68a94 authored by Laura Kalbag's avatar Laura Kalbag

Add reviews from Better.fyi to Indie site

parent 01d61104
......@@ -138,6 +138,175 @@
@media only screen and (min-width: 480px)
margin-top 42px /* space between button and video */
margin-bottom 42px
/****************************************************************************
* Reviews *
****************************************************************************/
.home .reviews
list-style-type none
margin 0
overflow hidden
@media only screen and (min-width: 750px)
display -ms-flexbox
display -webkit-flex
display flex
-webkit-flex-direction row
-ms-flex-direction row
flex-direction row
-webkit-flex-wrap wrap
-ms-flex-wrap wrap
flex-wrap wrap
-webkit-justify-content center
-ms-flex-pack center
justify-content center
-webkit-align-content center
-ms-flex-line-pack center
align-content center
-webkit-align-items center
-ms-flex-align center
align-items center
@media only screen and (min-width: 800px)
margin-left -40px
margin-right -40px
@media only screen and (min-width: 1000px)
margin-left -70px
margin-right -70px
.home .review
font-size 21px
font-family "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif
font-weight normal
line-height 30px
margin-top 18px
margin-left auto
margin-bottom 24px
margin-right auto
max-width 320px
padding-left 12px
padding-right 12px
text-align center
@media only screen and (min-width: 750px)
font-size 24px
line-height 36px
margin-top 18px
margin-bottom 18px
width 190px
.review .rating
background url('/better/images/stars.svg') center center no-repeat
display block
height 30px
margin-top 3px
margin-right auto
margin-left auto
text-indent -3000px
width 100%
@media only screen and (min-width: 600px)
display inline-block
height 36px
margin-top 0
max-width 127px
.review .credit
text-align center
.home .reviews-link
display block
font-size 15px
line-height 24px
margin-top 12px
@media only screen and (min-width: 750px)
.home .last-review
font-size 17px
line-height 24px
-webkit-flex 0 1 100%
-ms-flex 0 1 100%
flex 0 1 100%
margin-top 24px
margin-bottom 0
max-width 240px
.home .reviews-link
font-size 17px
line-height 24px
margin-top 18px
margin-bottom 0
margin-left -60px
margin-right -60px
.home .last-review .rating
background-size 100px
height 24px
margin-top 3px
@media only screen and (min-width: 1000px)
.home .last-review
-webkit-flex 0 1 auto
-ms-flex 0 1 auto
flex 0 1 auto
/* Add nicer quotes */
.left-quote,
.right-quote
display inline-block
position relative
text-indent -3000px
width 0
.left-quote:before,
.right-quote:after,
.review .description .left-quote:before,
.review .description .right-quote:after
background top left no-repeat
background-size 11px 11px
content ""
display block
height 14px
position absolute
top 6px
width 14px
@media only screen and (min-width: 750px)
.left-quote:before,
.right-quote:after
top 8px
.last-review .left-quote:before,
.last-review .right-quote:after
background-size 9px 9px
top 5px
/* LEFT */
.left-quote:before,
.review .description .left-quote:before
background-image url('/better/images/left-quote.svg')
left -14px
@media only screen and (min-width: 750px)
.last-review .left-quote:before
left -12px
.left-quote:before,
.review .description .left-quote:before
left -16px
/* RIGHT */
.right-quote:after,
.review .description .right-quote:after
background-image url('/better/images/right-quote.svg')
left 1px
/* end Reviews */
.home-statistics p
font-size 12px
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
<title>left-quote</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icons-and-Clouds" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.899999976">
<g id="quotes" fill="#333333">
<path d="M14,1.92695308 C13.3939364,2.24336091 12.9299259,2.63886477 12.6079545,3.11347651 C12.2859832,3.58808826 12.0429301,4.08613016 11.8787879,4.60761714 C11.7146456,5.12910412 11.6325758,5.7121061 11.6325758,6.47500002 L14,6.47500002 L14,10.9972656 L9,10.9972656 L9,8.11445308 C9,6.38006941 9.17676591,5.05879356 9.53030303,4.15058589 C9.88384015,3.24237822 10.426764,2.40742564 11.1590909,1.64570308 C11.8914178,0.883980519 12.838378,0.268752296 14,-0.200000048 L14,1.92695308 Z M7,1.92695308 C6.39393636,2.24336091 5.92992585,2.63886477 5.60795455,3.11347651 C5.28598324,3.58808826 5.04293011,4.08613016 4.87878788,4.60761714 C4.71464564,5.12910412 4.63257576,5.7121061 4.63257576,6.47500002 L7,6.47500002 L7,10.9972656 L2,10.9972656 L2,8.11445308 C2,6.38006941 2.17676591,5.05879356 2.53030303,4.15058589 C2.88384015,3.24237822 3.42992055,2.40742564 4.16856061,1.64570308 C4.90720066,0.883980519 5.85100436,0.268752296 7,-0.200000048 L7,1.92695308 Z" id="left-quote"></path>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
<title>right-quote</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icons-and-Clouds" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.899999976">
<g id="quotes" transform="translate(-14.000000, 0.000000)" fill="#333333">
<path d="M16,12.1972656 L16,10.0703125 C16.6060636,9.74218586 17.0700741,9.34375234 17.3920455,8.875 C17.7140168,8.40624766 17.9570699,7.91113542 18.1212121,7.38964844 C18.2853544,6.86816146 18.3674242,6.28515947 18.3674242,5.5 L16,5.5 L16,1 L21,1 L21,3.8828125 C21,5.61719617 20.8200776,6.93847202 20.4602273,7.84667969 C20.100377,8.75488735 19.5542966,9.58983994 18.8219697,10.3515625 C18.0896428,11.1132851 17.1489956,11.7285133 16,12.1972656 L16,12.1972656 Z M23,10.0703125 C23.5934373,9.74218586 24.0542913,9.34375234 24.3825758,8.875 C24.7108602,8.40624766 24.9570699,7.91113542 25.1212121,7.38964844 C25.2853544,6.86816146 25.3674242,6.28515947 25.3674242,5.5 L23,5.5 L23,1 L28,1 L28,3.8828125 C28,5.61719617 27.8200776,6.93847202 27.4602273,7.84667969 C27.100377,8.75488735 26.5542966,9.58983994 25.8219697,10.3515625 C25.0896428,11.1132851 24.1489956,11.7285133 23,12.1972656 L23,10.0703125 Z" id="right-quote"></path>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="125px" height="21px" viewBox="0 0 125 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
<title>stars</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icons-and-Clouds" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="stars" fill="#333333">
<polygon id="star" points="10.5 0 13.355125 7.12026287 21 7.63986857 15.12 12.5590361 16.989 20 10.5 15.9202629 4.011 20 5.88 12.5590361 0 7.63986857 7.644875 7.12026287"></polygon>
<polygon id="star" points="36.5 0 39.355125 7.12026287 47 7.63986857 41.12 12.5590361 42.989 20 36.5 15.9202629 30.011 20 31.88 12.5590361 26 7.63986857 33.644875 7.12026287"></polygon>
<polygon id="star" points="62.5 0 65.355125 7.12026287 73 7.63986857 67.12 12.5590361 68.989 20 62.5 15.9202629 56.011 20 57.88 12.5590361 52 7.63986857 59.644875 7.12026287"></polygon>
<polygon id="star" points="88.5 0 91.355125 7.12026287 99 7.63986857 93.12 12.5590361 94.989 20 88.5 15.9202629 82.011 20 83.88 12.5590361 78 7.63986857 85.644875 7.12026287"></polygon>
<polygon id="star" points="114.5 0 117.355125 7.12026287 125 7.63986857 119.12 12.5590361 120.989 20 114.5 15.9202629 108.011 20 109.88 12.5590361 104 7.63986857 111.644875 7.12026287"></polygon>
</g>
</g>
</svg>
\ No newline at end of file
......@@ -21,6 +21,14 @@
<a href='https://itunes.apple.com/us/app/better-by-ind.ie/id1080964978?ls=1&mt=8' class='download-on-the-app-store'><img class='download-on-the-app-store-badge' alt='Download on the App Store' src='/better/images/download-on-app-store-badge.svg'></a>
<ul class='reviews'>
<li class='review'><span class='left-quote'></span>Honest privacy<span class='right-quote'></span> <span class='rating rating-5'>5 stars</span></li>
<li class='review'><span class='left-quote'></span>Just what the web needs<span class='right-quote'></span> <span class='rating rating-5'>5 stars</span></li>
<li class='review'><span class='left-quote'></span>It just works!<span class='right-quote'></span> <span class='rating rating-5'>5 stars</span></li>
<li class='review last-review'><span class='left-quote'></span>Fantastic … a rational, ethical approach to privacy<span class='right-quote'></span> <span class='rating rating-5'>5 stars</span>
<p class='reviews-link'>Read more <a href='https://better.fyi/reviews'>App Store reviews of Better</a>.</p>
</ul>
<h2>Protect yourself.</h2>
<p><a href='https://better.fyi'>Better</a> is a content blocker for iPhone and iPad that protects you from tracking and other malicious web content by enforcing the principles of <a href='https://ind.ie/ethical-design'>Ethical Design</a>.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment