Commit f819deab authored by Laura Kalbag's avatar Laura Kalbag

Make Better homepage match better.fyi. Closes #24

parent 707dab7e
......@@ -9,7 +9,7 @@
.coming-soon
background url('../../../better/images/better.svg') top center no-repeat
color black-eighty
font-family "Avenir Next", Avenir, 'Helvetica Neue', Helvetica, sans-serif
font-family 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, sans-serif
font-size 30px
font-weight bold
line-height OneAndAHalfLineHeights
......@@ -93,4 +93,251 @@
.news
@media only screen and (min-width: 780px)
padding-left HalfLineHeight
width 28.4%
\ No newline at end of file
width 28.4%
/****************************************************************************
* Match homepage to Better.fyi *
****************************************************************************/
.home
h1
margin-top HalfLineHeight
margin-bottom HalfLineHeight
a
text-decoration none
h2
text-align center
.download-on-the-app-store
display block
height 42px
margin-top OneLineHeight /* space between button and video */
margin-right auto
margin-bottom OneLineHeight
margin-left auto
width 134px
@media only screen and (min-width: 480px)
margin-top 42px /* space between button and video */
margin-bottom 42px
.love
background center center no-repeat url('/better/images/love.svg')
background-size 22px
display inline-block
height 0
overflow hidden
padding-top 24px
padding-left 25px
position relative
top 3px
width 0
@media only screen and (min-width: 580px)
background-size 26px
padding-left 26px
top 1px
.thankyou
margin-top 24px
margin-bottom OneLineHeight
text-align center
@media only screen and (min-width: 750px)
margin-top 30px
/****************************************************************************
* Improvement statistics *
****************************************************************************/
.improvements
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 stretch
-ms-flex-line-pack stretch
align-content stretch
-webkit-align-items flex-start
-ms-flex-align start
align-items flex-start
list-style-type none
margin 18px 0 0 0
@media only screen and (min-width: 500px)
margin-top 24px
@media only screen and (min-width: 700px)
margin-bottom 24px
.improvements li
background top center no-repeat /* icon styles */
background-size 52.5px
margin-right 5px
margin-bottom 18px
margin-left 5px
padding-top 69px /* space for icon */
text-align center
width 80px
@media only screen and (min-width: 340px)
margin-right 10px
margin-left 10px
@media only screen and (min-width: 400px)
width 90px
@media only screen and (min-width: 500px)
width 110px
@media only screen and (min-width: 500px)
width 120px
@media only screen and (min-width: 760px)
background-size 70px
padding-top 90px /* space for icon */
width 125px
.improvements .requests
background-image url('/better/images/safer.svg')
.improvements .weight
background-image url('/better/images/lighter.svg')
.improvements .speed
background-image url('/better/images/faster.svg')
.improvements h3
margin-top 12px
margin-bottom 12px
@media only screen and (min-width: 420px)
margin-top 18px
.improvements h4
font-size 19px
line-height 36px
margin-top 12px
margin-bottom 6px
@media only screen and (min-width: 340px)
font-size 21px
@media only screen and (min-width: 460px)
margin-bottom 12px
.improvements .amount
font-size 22px
display block /* put amount on its own line */
@media only screen and (min-width: 340px)
font-size 24px
@media only screen and (min-width: 460px)
font-size 28px
.improvements .type
font-weight normal
.improvements .details
font-size 12px
line-height 18px
@media only screen and (min-width: 460px)
font-size 14px
line-height 21px
.improvements .details strong
font-weight normal
@media only screen and (min-width: 500px)
display block
.improvements .primary
@media only screen and (min-width: 560px)
display block /* put text on its own line */
.improvements .details strong
font-weight bold
/****************************************************************************
* Statistics table *
****************************************************************************/
.home table
margin-bottom 18px
th
font-size 12px
@media only screen and (min-width: 390px)
font-size 14px
@media only screen and (min-width: 340px)
&:nth-of-type(1)
width 12px
tbody th
background center left no-repeat
text-indent -9999px /* hide text */
padding 3px 9px /* 9px padding width accounts for 24px wide icons (and some padding) */
width 12px
@media only screen and (min-width: 400px)
text-indent 30px
&.weight
background-image url('/better/images/weight-small.svg')
&.speed
background-image url('/better/images/speed-small.svg')
&.requests
background-image url('/better/images/resources-small.svg')
@media only screen and (min-width: 460px)
background-image url('/better/images/resources-small-top-aligned.svg')
thead tr th:nth-of-type(1) /* select empty column heading */
max-width 12px
thead tr th:nth-of-type(4) /* select improvements column heading */ /* wrap the heading text and hide overflow */
max-width 52px
word-wrap normal
overflow hidden
padding-right 0
text-overflow ellipsis
@media only screen and (min-width: 330px)
max-width 100%
padding-right 3px
tbody tr:nth-of-type(1) td, tbody tr:nth-of-type(1) th /* first row */
padding-top 12px /* add space between table heading and data */
tbody td
line-height 18px
padding 6px
@media only screen and (min-width: 480px)
width: 30%;
&:nth-of-type(3) /* centre improvements data early */
text-align center
@media only screen and (min-width: 370px)
text-align: center;
table td .units
font-variant small-caps
\ No newline at end of file
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="90px" viewBox="0 0 70 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>faster</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="safer-lighter-faster" transform="translate(-178.000000, 0.000000)" fill="#787878">
<g id="faster" transform="translate(183.000000, 14.000000)">
<path d="M30,66 C46.5685425,66 60,52.5685425 60,36 C60,19.4314575 46.5685425,6 30,6 C13.4314575,6 0,19.4314575 0,36 C0,52.5685425 13.4314575,66 30,66 L30,66 Z M30,64 C14.536027,64 2,51.463973 2,36 C2,20.536027 14.536027,8 30,8 C45.463973,8 58,20.536027 58,36 C58,51.463973 45.463973,64 30,64 L30,64 Z" id="Oval"></path>
<ellipse id="Oval" cx="30" cy="36" rx="3" ry="3"></ellipse>
<path d="M34.6124401,39.1029885 L16.0593449,20.5498932 C15.6688206,20.1593689 15.0356556,20.1593689 14.6451313,20.5498932 C14.254607,20.9404175 14.254607,21.5735825 14.6451313,21.9641068 L33.1982266,40.517202 C33.5887508,40.9077263 34.2219158,40.9077263 34.6124401,40.517202 C35.0029644,40.1266777 35.0029644,39.4935127 34.6124401,39.1029885 L34.6124401,39.1029885 Z" id="Shape"></path>
<polygon id="Rectangle-path" points="29 1 31 1 31 7 29 7"></polygon>
<polygon id="Rectangle-path" points="24 0 36 0 36 2 24 2"></polygon>
<rect id="Rectangle-path" transform="translate(52.742641, 12.242641) rotate(-45.000000) translate(-52.742641, -12.242641) " x="51.7212798" y="7.77468203" width="2" height="9"></rect>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="90px" viewBox="0 0 70 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
<title>lighter</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="safer-lighter-faster" transform="translate(-88.000000, 0.000000)" fill="#787878">
<g id="lighter" transform="translate(126.349033, 45.877766) rotate(-15.000000) translate(-126.349033, -45.877766) translate(88.849033, 10.877766)">
<path d="M71.6448239,0.00251601361 C37.8899823,0.900015059 18.0892203,11.9399392 9.39228318,29.82719 C4.88924051,39.0887327 3.93937006,48.8416481 4.99860293,57.4533005 C5.07802114,58.0989773 5.16333614,58.6724146 5.24898461,59.1676594 C5.3011906,59.4695299 5.3425999,59.6811936 5.36766184,59.7966891 C5.48999297,60.3604403 6.06264297,60.7040492 6.61764569,60.5467208 C6.76151992,60.5059363 7.03202666,60.42525 7.42074451,60.3031651 C8.0633815,60.1013315 8.80734514,59.8551151 9.644216,59.5630141 C12.0296617,58.7303994 14.6853843,57.696293 17.5440473,56.4485975 C25.7088231,52.8849896 33.8732841,48.3222675 41.4981747,42.6612651 C56.2364925,31.7189898 67.1502068,18.0311969 72.6217962,1.3132146 C72.8368798,0.656044806 72.3360513,-0.0158628586 71.6448239,0.00251601361 Z M40.3059613,41.0554547 C32.8120991,46.6191767 24.7778962,51.1091038 16.7440082,54.6155843 C13.9331389,55.8424196 11.3242957,56.8582718 8.98513117,57.6747326 C8.16838842,57.9598081 7.7584536,58.0909814 7.13556998,58.2866109 C7.05537688,57.8229106 7.05901073,57.8218828 6.98364347,57.2091406 C5.9674803,48.9476485 6.88122515,39.5656572 11.1909499,30.7017174 C19.416347,13.7842969 38.0917746,3.19225163 70.2630688,2.04640464 C64.2195951,18.4142802 53.8627574,30.990385 40.3059613,41.0554547 Z" id="outline"></path>
<path d="M2.01639449,68.69051 C11.5854774,52.6417065 19.2213606,41.519691 28.2742499,31.3852688 C39.7443745,18.5448286 52.3274668,8.98671883 66.9070479,2.77861591 C67.4151847,2.56224717 67.6517094,1.97491937 67.4353407,1.46678257 C67.2189719,0.958645764 66.6316442,0.722121015 66.1235074,0.938489755 C51.2543062,7.26991527 38.4378904,17.0052574 26.7826889,30.0528854 C17.6270365,40.3023476 9.92755121,51.5170024 0.298572438,67.6662603 C0.015733702,68.1406238 0.170995169,68.7544575 0.645358632,69.0372962 C1.11972209,69.3201349 1.73355576,69.1648735 2.01639449,68.69051 L2.01639449,68.69051 Z" id="outline"></path>
<path d="M55.2580437,27.2623651 C50.5850589,28.4820323 45.5589949,28.3780687 40.7974614,27.4648206 C40.0143692,27.3146258 39.3083295,27.1539859 38.6919067,26.9938505 C38.327018,26.899059 38.0764776,26.8266389 37.9527878,26.7875849 C37.4261313,26.621298 36.8643896,26.9134353 36.6981027,27.4400918 C36.5318157,27.9667484 36.823953,28.52849 37.3506096,28.694777 C37.5063179,28.7439404 37.7898626,28.8259007 38.1890347,28.9295983 C38.8460467,29.100278 39.5939954,29.2704532 40.4207339,29.4290192 C45.4498897,30.3935966 50.7597769,30.503431 55.7631309,29.1975361 C56.2975136,29.0580602 56.6176488,28.5117897 56.4781728,27.977407 C56.3386968,27.4430243 55.7924264,27.1228891 55.2580437,27.2623651 L55.2580437,27.2623651 Z" id="outline"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>love</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="love" transform="translate(-18.000000, -18.000000)" fill="#303030">
<path d="M30.5,21.5784344 L32.4292775,19.988501 C33.4511616,19.3368661 34.6516909,19 35.898125,19 C39.81375,19 43,22.2984673 43,26.3534578 C43,32.9536505 37.181875,37.0926991 33.331875,39.8314304 C32.360625,40.5208375 30.5,41.5 30.5,41.5 C30.5,41.5 28.6375,40.5208375 27.668125,39.8314304 C23.818125,37.0926991 18,32.9536505 18,26.3534578 C18,22.2984673 21.18625,19 25.101875,19 C26.349604,19 27.5496689,19.3367612 28.5998748,19.9532936 C28.5901332,19.965003 30.5,21.5784344 30.5,21.5784344 Z M30.5,38.5 C30.5,38.5 31.3465027,38.1749019 31.8827305,37.7942804 C37.9967144,33.4450443 40.5,30.5973286 40.5,26.3534578 C40.5,23.6603396 38.4134435,21.5 35.898125,21.5 C34.5670211,21.5 33.3062548,22.1042147 32.4292775,23.1683679 L30.5,25.5094166 L28.5707225,23.1683679 C27.6930701,22.1033956 26.4344407,21.5 25.101875,21.5 C22.5865565,21.5 20.5,23.6603396 20.5,26.3534578 C20.5,30.5973286 23.0032856,33.4450443 29.1170373,37.7941153 C29.4879579,38.0579092 30.5,38.5 30.5,38.5 Z"></path>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="25px" height="31px" viewBox="0 0 25 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>resources-small-top-aligned</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="table" transform="translate(-28.000000, -93.000000)" fill="#787878">
<g id="note" transform="translate(32.000000, 103.000000)">
<path d="M16,20 L16,20 L16,6 L11.2,1 L1,1 L1,20 L16,20 Z M1,21 C0.44771525,21 0,20.5522847 0,20 L0,1 C0,0.44771525 0.44771525,0 1,0 L11.2,0 C11.4722946,0 11.7328146,0.111038278 11.9213873,0.307468172 L16.7213873,5.30746817 C16.9001663,5.49369626 17,5.7418473 17,6 L17,20 C17,20.5522847 16.5522847,21 16,21 L1,21 Z" id="Shape"></path>
<path d="M11,1 L12,1 L12,6 L11,6 L11,1 Z M12,5 L16,5 L16,6 L12,6 L12,5 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="25px" height="28px" viewBox="0 0 25 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>resources-small</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="table" transform="translate(0.000000, -93.000000)" fill="#787878">
<g id="note" transform="translate(4.000000, 99.000000)">
<path d="M16,20 L16,20 L16,6 L11.2,1 L1,1 L1,20 L16,20 Z M1,21 C0.44771525,21 0,20.5522847 0,20 L0,1 C0,0.44771525 0.44771525,0 1,0 L11.2,0 C11.4722946,0 11.7328146,0.111038278 11.9213873,0.307468172 L16.7213873,5.30746817 C16.9001663,5.49369626 17,5.7418473 17,6 L17,20 C17,20.5522847 16.5522847,21 16,21 L1,21 Z" id="Shape"></path>
<path d="M11,1 L12,1 L12,6 L11,6 L11,1 Z M12,5 L16,5 L16,6 L12,6 L12,5 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="70px" height="90px" viewBox="0 0 70 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
<title>safer</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="safer-lighter-faster" fill="#787878">
<g id="safer" transform="translate(5.000000, 11.000000)">
<path d="M30.9514924,68.46515 C31.019685,68.4306444 31.1419113,68.3660761 31.3145746,68.2707626 C31.5960269,68.1153954 31.9206925,67.9279304 32.284973,67.707682 C33.3185853,67.0827475 34.4672647,66.3185361 35.702183,65.4095212 C39.2211068,62.8192657 42.7368221,59.5842224 46.0172416,55.6599337 C55.3816844,44.457471 61,29.9800458 61,11.9196042 C61,11.4494525 60.672491,11.0427926 60.213143,10.9425831 C55.3073853,9.87236292 51.0588729,8.53755844 47.132427,6.92369208 C45.3492414,6.19075872 43.6786082,5.42117397 41.9018426,4.53309406 C41.2260363,4.19530615 40.5708703,3.85905822 39.7268521,3.41930834 C39.4961844,3.299126 38.7059835,2.88630047 38.7261038,2.89680272 C38.3367537,2.693573 38.0495914,2.54439859 37.7739947,2.40252508 C34.6574615,0.798175271 32.9309003,0.139538054 31.0354716,0.0173488707 C30.856392,0.00580447029 30.6779987,0 30.5,0 C30.3220013,0 30.143608,0.00580447029 29.9645284,0.0173488707 C28.0690997,0.139538054 26.3425385,0.798175271 23.2260053,2.40252508 C22.9504086,2.54439859 22.6632463,2.693573 22.2738962,2.89680272 C22.2940165,2.88630047 21.5038156,3.299126 21.2731479,3.41930834 C20.4291297,3.85905822 19.7739637,4.19530615 19.0981574,4.53309406 C17.3213918,5.42117397 15.6507586,6.19075872 13.867573,6.92369208 C9.94112714,8.53755844 5.69261467,9.87236292 0.786857049,10.9425831 C0.327509019,11.0427926 0,11.4494525 0,11.9196042 C0,30.5910205 5.61913085,45.203485 14.9891102,56.1908941 C18.2737437,60.0425155 21.7945462,63.1656257 25.3190018,65.6209828 C26.5562777,66.4829468 27.7073487,67.2005692 28.74337,67.781441 C29.3724575,68.1341549 29.8286219,68.3651021 30.0830811,68.4818187 C30.3599795,68.6088278 30.6796719,68.6026915 30.9514924,68.46515 Z M29.7214737,66.0369315 C28.7408934,65.4871442 27.6448942,64.8038557 26.4622482,63.9799502 C23.0726413,61.6185372 19.6793813,58.608563 16.5108898,54.8931319 C7.7720798,44.6458435 1.99685015,30.5654297 1.99685015,12.7416773 C6.69034388,11.6568908 10.8058751,10.3444774 14.6279021,8.77352983 C16.4598427,8.02055694 18.1742071,7.23082723 19.9923406,6.32207042 C20.679801,5.97845742 21.3441639,5.63748944 22.1972764,5.19300126 C22.4291095,5.0722117 23.2203499,4.65884314 23.1993522,4.66980332 C23.5856415,4.46817125 23.8698024,4.32055601 24.1414057,4.18073823 C27.0231384,2.69726063 28.5566728,2.11225801 30.0931918,2.01320602 C30.2296617,2.00440846 30.3651501,2 30.5,2 C30.6348499,2 30.7703383,2.00440846 30.9068082,2.01320602 C32.4433272,2.11225801 33.9768616,2.69726063 36.8585943,4.18073823 C37.1301976,4.32055601 37.4143585,4.46817125 37.8006478,4.66980332 C37.7796501,4.65884314 38.5708905,5.0722117 38.8027236,5.19300126 C39.6558361,5.63748944 40.320199,5.97845742 41.0076594,6.32207042 C42.8257929,7.23082723 44.5401573,8.02055694 46.3720979,8.77352983 C49.8032569,10.183821 54.8859602,11.7398223 58.9960104,12.7416773 C58.8288069,29.9326838 53.4139036,43.6930984 44.4827584,54.3772174 C41.3100529,58.1726503 37.9117057,61.2996954 34.516567,63.7988336 C33.3315635,64.6711065 32.2331725,65.4018613 31.2501832,65.9961885 C30.9086532,66.2026817 30.7587094,66.3029274 30.5000006,66.4457397 C30.2423702,66.3153065 30.0619211,66.227812 29.7214737,66.0369315 Z" id="outlined"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="25px" height="21px" viewBox="0 0 25 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>speed-small</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="table" fill="#787878">
<g id="speed" transform="translate(2.000000, 0.000000)">
<path d="M10.5,20 L10.5,20 C15.7467051,20 20,15.7467051 20,10.5 C20,5.25329488 15.7467051,1 10.5,1 C5.25329488,1 1,5.25329488 1,10.5 C1,15.7467051 5.25329488,20 10.5,20 L10.5,20 Z M10.5,21 L10.5,21 C4.70101013,21 0,16.2989899 0,10.5 C0,4.70101013 4.70101013,0 10.5,0 C16.2989899,0 21,4.70101013 21,10.5 C21,16.2989899 16.2989899,21 10.5,21 L10.5,21 Z" id="Shape"></path>
<circle id="Oval" cx="10.5" cy="10.5" r="1.26"></circle>
<path d="M13.2684257,14.7224145 L10.8691757,10.299727 L10.8078284,10.7857301 L16.4647034,4.69135512 C16.6225077,4.52134622 16.612614,4.25560104 16.4426051,4.09779665 C16.2725962,3.93999225 16.006851,3.94988597 15.8490466,4.11989488 L10.1921716,10.2142699 C10.0695846,10.3463377 10.044901,10.5418853 10.1308243,10.700273 L12.5300743,15.1229605 C12.640682,15.3268506 12.8956329,15.402471 13.099523,15.2918632 C13.3034131,15.1812555 13.3790335,14.9263046 13.2684257,14.7224145 L13.2684257,14.7224145 Z" id="Shape"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="25px" height="21px" viewBox="0 0 25 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>weight-small</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="table" transform="translate(0.000000, -27.000000)" fill="#787878">
<g id="weight" transform="translate(2.000000, 28.000000)">
<path d="M3.423,4 L17.577,4 L21,19 L0,19 L3.423,4 Z M1.0863501,17.9850211 L19.9464834,18 L16.9279175,5 L4.11135498,5 L1.0863501,17.9850211 Z" id="Shape"></path>
<path d="M9.6487207,3.80686523 C9.36350683,3.51739251 8.82,2.81838276 8.82,2.41702823 C8.82,1.55117264 9.56797162,0.84 10.5,0.84 C11.4323568,0.84 12.18,1.55098315 12.18,2.41702823 C12.18,2.79992057 11.7202657,3.52274185 11.4589453,3.80686523 L12.3914807,4.01439496 C12.793317,3.57749415 13.02,3.01381133 13.02,2.41702823 C13.02,1.07735563 11.8870932,0 10.5,0 C9.11326575,0 7.98,1.07751093 7.98,2.41702823 C7.98,3.04267737 8.22914278,3.63061142 8.66677249,4.07477588 L9.6487207,3.80686523 Z" id="Shape"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<html lang='en'>
<head>
<!-- $title:Ind.ie -->
<!-- @import '/assets/includes/_head.kit' -->
......@@ -11,7 +11,7 @@
<div class='main'>
<h1 class='coming-soon'>The Better web is coming on the 1st May</h1>
<h1><a href='https://better.fyi'>Better</a></h1>
<div class='px-video-container' id='better-announcement'>
<div class='px-video-img-captions-container'>
......@@ -30,34 +30,91 @@
</div>
</div>
<!-- end container for captions and video -->
<div class="px-video-controls"></div>
<<<<<<< HEAD
</div>
=======
<div class='px-video-controls'></div>
</div><!-- end video container -->
<h1 class='respect'>Respect</h1>
<a href='https://ind.ie' 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='callouts ethical-design-principles'>
<li class='callout human-rights'>
<h2>Human Rights</h2>
<p>Technology that respects human rights is decentralised, peer-to-peer, zero-knowledge, end-to-end encrypted, free and open source, interoperable, accessible, and sustainable.</p>
<p>It respects and protects your civil liberties, reduces inequality, and benefits democracy.</p>
</li>
<li class='callout human-effort'>
<h2>Human Effort</h2>
<p>Technology that respects human effort is functional, convenient, and reliable.</p>
<p>It is thoughtful and accommodating; not arrogant or demanding. It understands that you might be distracted or differently-abled. It respects the limited time you have on this planet.</p>
</li>
<li class='callout human-experience'>
<h2>Human Experience</h2>
<p>Technology that respects human experience is beautiful, magical, and delightful.</p>
<p>It just works. It’s intuitive. It’s invisible. It recedes into the background of your life. It gives you joy. It empowers you with superpowers. It puts a smile on your face and makes your life better.</p>
</li>
</ul>
<h2>Protect yourself.</h2>
<p>Better 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>.
<p class='ethical-design-manifesto-description'><a href='/ethical-design' class='ethical-design-manifesto-icon'>Ethical Design Manifesto</a> <a href='/ethical-design'>Read it now.</a></p>
>>>>>>> master
</p>
<section class='statistics home-statistics'>
<h2>Save your battery, data, and time.</h2>
<div data-set-text='html statistics'>
<ul class='improvements'>
<li data-set-repeat='statistic statistics' data-set-attribute='class statistic.type' class='requests'>
<h3 class='improvement'>
<strong class='amount' data-set-text='statistic.improvement.amount'>28%</strong>
<span class='type' data-set-text='statistic.improvement.type'>Safer</span>
</h3>
<p class='details'>
<strong class='primary' data-set-text='statistic.improvement.details.primary'>102061 requests</strong>
<span class='secondary' data-set-text='statistic.improvement.details.secondary'>blocked</span>
</p>
</li>
<li data-set-attribute='class statistic.type' data-set-alias='statistic statistics 1' data-set-dummy='1' class='weight'>
<h3 class='improvement'>
<strong class='amount' data-set-text='statistic.improvement.amount'>13%</strong>
<span class='type' data-set-text='statistic.improvement.type'>Lighter</span>
</h3>
<p class='details'>
<strong class='primary' data-set-text='statistic.improvement.details.primary'>854.18 MB</strong>
<span class='secondary' data-set-text='statistic.improvement.details.secondary'>saved</span>
</p>
</li>
<li data-set-attribute='class statistic.type' data-set-alias='statistic statistics 2' data-set-dummy='1' class='speed'>
<h3 class='improvement'>
<strong class='amount' data-set-text='statistic.improvement.amount'>15%</strong>
<span class='type' data-set-text='statistic.improvement.type'>Faster</span>
</h3>
<p class='details'>
<strong class='primary' data-set-text='statistic.improvement.details.primary'>4.06 hours</strong>
<span class='secondary' data-set-text='statistic.improvement.details.secondary'>saved</span>
</p>
</li>
</ul>
<table>
<caption>
<h3>Summary of site performance statistics (before &amp; after Better)</h3>
</caption>
<thead>
<tr>
<th></th>
<th scope='col'>Before</th>
<th scope='col'>After</th>
<th scope='col'>Improvement</th>
</tr>
</thead>
<tbody>
<tr data-set-repeat='statistic statistics'>
<th scope='row' data-set-attribute='class statistic.type' data-set-text='statistic.label' class='requests'>Requests:</th>
<td><span data-set-text='statistic.values.before'>358234 requests</span></td>
<td><span data-set-text='statistic.values.after'>256173 requests</span></td>
<td><span data-set-text='statistic.improvement.amount'>28%</span></td>
</tr>
<tr data-set-alias='statistic statistics 1' data-set-dummy='1'>
<th scope='row' data-set-attribute='class statistic.type' data-set-text='statistic.label' class='weight'>Weight:</th>
<td><span data-set-text='statistic.values.before'>6.22 GB</span></td>
<td><span data-set-text='statistic.values.after'>5.39 GB</span></td>
<td><span data-set-text='statistic.improvement.amount'>13%</span></td>
</tr>
<tr data-set-alias='statistic statistics 2' data-set-dummy='1'>
<th scope='row' data-set-attribute='class statistic.type' data-set-text='statistic.label' class='speed'>Speed:</th>
<td><span data-set-text='statistic.values.before'>1.10 days</span></td>
<td><span data-set-text='statistic.values.after'>22.40 hours</span></td>
<td><span data-set-text='statistic.improvement.amount'>15%</span></td>
</tr>
</tbody>
</table>
</div>
</section>
<h2><span class='love'>Love,</span> Ind.ie</h2>
<p>Better is curated by <a href='https://ind.ie'>Ind.ie</a>, a tiny <a href='https://ind.ie/team'>two-person-and-one-husky</a> social enterprise striving for social justice in the digital age.</p>
<p>Better is <a href='https://source.ind.ie/better'>free as in freedom</a>, <a href='https://source.ind.ie/better/content'>transparent</a>, and <a href='https://forum.ind.ie/c/better'>open</a>.</p>
<p>To support us, please consider purchasing Better on the App Store for iPhone and iPad. You can also <a href='https://ind.ie/fund/'>become a patron</a> or <a href='https://ind.ie/fund/'>make a one-time donation</a> to <a href='https://ind.ie/about'>our cause</a>.</p>
<p class='thankyou'><strong>Thank you for helping us make the web better.</strong></p>
<ul class='callouts footer-callouts'>
<li class='callout support'>
......@@ -83,15 +140,15 @@
</ul>
</div>
<!-- @import '/assets/includes/_footer.kit' -->
<script src="/assets/js/px-video.js"></script>
<script src='/assets/js/px-video.js'></script>
<script>
// Initialize
new InitPxVideo({
"videoId": "better-announcement",
"captionsOnDefault": false,
"seekInterval": 20,
"videoTitle": "Introducing Better",
"debug": true
'videoId': 'better-announcement',
'captionsOnDefault': false,
'seekInterval': 20,
'videoTitle': 'Introducing Better',
'debug': true
});
</script>
</body>
......
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