Commit 196114a1 authored by Laura Kalbag's avatar Laura Kalbag

Make Ind.ie homepage look like Better homepage at the top. Closes #31

parent 4abeeaca
......@@ -5,38 +5,6 @@
.site-footer
@media only screen and (min-width: 500px)
margin-top TwoLineHeights
.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-size 30px
font-weight bold
line-height OneAndAHalfLineHeights
margin-top OneAndAHalfLineHeights
margin-bottom HalfLineHeight
padding-top 212px
@media only screen and (min-width: 820px)
font-size 36px
line-height TwoLineHeights
margin-bottom ThreeQuartersLineHeight
.better-web
font-size 24px
font-weight bold
line-height OneLineHeight
margin-top OneLineHeight
margin-bottom OneLineHeight
text-align center
@media only screen and (min-width: 480px)
font-size 60px /* bump up to bigger size early (compared to other h1s) */
line-height ThreeLineHeights
@media only screen and (min-width: 820px)
font-size 90px
line-height FiveLineHeights
.callouts
clear both
......@@ -98,17 +66,65 @@
/****************************************************************************
* Match homepage to Better.fyi *
****************************************************************************/
/* Leader image */
.device-wrap
background-color #1a9bfc
background-image url('/better/images/starburst.svg')
background-position bottom center
background-repeat no-repeat
background-size auto 1000%
.device-wrap-inner
background-image url('/better/images/clouds-white.svg')
background-position bottom center
background-repeat repeat-x, no-repeat
background-size 644px 61px
padding 12px 6px 0 6px
@media only screen and (min-width: 600px)
background-size 1237px 120px
padding 18px 12px 0 12px
@media only screen and (min-width: 650px)
padding-top 36px
@media only screen and (min-width: 815px)
padding 48px 0 0 0
.home
h1
margin-top HalfLineHeight
margin-bottom HalfLineHeight
.device-wrap img
margin 0 auto
max-width 625px
width 100%
.home h1
color #191919
font-family "Avenir Next", Avenir, 'Helvetica Neue', Helvetica, sans-serif
font-size 36px
line-height OneAndAHalfLineHeights
margin-top HalfLineHeight
margin-bottom OneAndAHalfLineHeights
text-align center
@media only screen and (min-width: 480px)
font-size 42px
line-height TwoLineHeights
@media only screen and (min-width: 820px)
font-size 50px
line-height ThreeLineHeights
a
text-decoration none
a
text-decoration none
strong
font-family "Avenir Next Medium", "Avenir" Avenir, 'Helvetica Neue', Helvetica, sans-serif
font-weight normal
h2
text-align center
.home h2
text-align center
.download-on-the-app-store
display block
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1287px" height="120px" viewBox="0 0 1287 120" 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>clouds-tile</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="Clouds-tile" fill="#FFFFFF">
<g id="Clouds" transform="translate(0.000000, 4.000000)">
<path d="M887.742947,79.2132083 C886.32879,60.0700586 870.272011,44.9259259 850.738404,44.9259259 C846.367347,44.9259259 842.122449,45.6777778 838.06679,47.1592593 C833.365492,30.5925926 818.307978,19 800.64564,19 C779.16141,19 761.684601,36.4444444 761.684601,57.8888889 C761.684601,58.5 761.699443,59.1148148 761.684601,59.7407407 C750.238908,59.7407407 740.284775,66.2410991 735.33329,75.7372292 C731.758548,71.6132037 726.479062,69 720.599258,69 C711.768089,69 704.239332,74.7962963 701.888683,83.0796296 C699.860853,82.3388889 697.738404,81.962963 695.552876,81.962963 C692.530684,81.962963 689.674946,82.6879887 687.151074,83.9729341 C681.993864,78.2796107 675.332112,74.5555556 667.81409,74.5555556 C667.802935,74.0861111 667.81409,73.625 667.81409,73.1666667 C667.81409,57.0833333 654.67955,44 638.533268,44 C625.259295,44 613.942955,52.6944444 610.409736,65.1194444 C607.361742,64.0083333 604.171526,63.4444444 600.886497,63.4444444 C587.402914,63.4444444 576.123659,73.0262191 573.550819,85.7130313 C570.439429,83.360227 566.564709,81.962963 562.369202,81.962963 C560.183673,81.962963 558.061224,82.3388889 556.033395,83.0796296 C553.682746,74.7962963 546.153989,69 537.32282,69 C528.624258,69 521.23956,74.7192947 518.74467,82.5885611 C515.091077,71.4855578 504.58888,63.4444444 492.236791,63.4444444 C488.951761,63.4444444 485.761546,64.0083333 482.713552,65.1194444 C479.180333,52.6944444 467.863992,44 454.59002,44 C438.712164,44 425.746745,56.6519369 425.320042,72.3670598 C422.183366,70.2302115 418.391306,69 414.32282,69 C408.505096,69 403.27508,71.5583136 399.702585,75.6071091 C398.101159,51.5174532 377.955749,32.4074074 353.423006,32.4074074 C347.959184,32.4074074 342.653061,33.3472222 337.583488,35.1990741 C331.706865,14.4907407 312.884972,0 290.80705,0 C271.351742,0 254.525441,11.4441555 246.72966,27.9428063 C241.387069,22.3824318 233.869337,19 225.59002,19 C209.443738,19 196.309198,32.0833333 196.309198,48.1666667 C196.309198,48.625 196.320352,49.0861111 196.348239,49.5555556 L196.309198,49.5555556 C189.422322,49.5555556 183.253982,52.6805796 179.158359,57.5817261 C178.992426,36.2781146 161.580076,19 140.198516,19 C122.536178,19 107.478664,30.5925926 102.777365,47.1592593 C98.7217069,45.6777778 94.4768089,44.9259259 90.1057514,44.9259259 C70.7372943,44.9259259 54.7871233,59.8150645 53.1402106,78.728527 C48.5412516,69.6697276 39.1050976,63.4444444 28.2367906,63.4444444 C24.9517613,63.4444444 21.761546,64.0083333 18.7135519,65.1194444 C16.3419488,56.7794106 10.4636619,50.120178 3,46.6429387 C2.84045029,46.6429386 3,119 3,119 L27.9455407,119 L179.159555,119 C179.225795,119 179.291985,118.999782 179.358124,118.999348 C179.357653,118.999785 179.357422,119 179.357422,119 L221.891244,119 L370.160004,119 C370.160004,119 370.317118,118.924222 370.60733,118.780305 C370.486676,118.923216 370.420898,119 370.420898,119 L395,119 L432.3392,119 L492.236791,119 C492.494973,119 492.752348,118.996487 493.008868,118.989506 C493.003008,118.996467 493,119 493,119 L517.842301,119 L561.684601,119 L600.886497,119 L667.81409,119 L695,119 C695,119 694.99928,118.997257 694.997865,118.991831 C695.182215,118.997264 695.367231,119 695.552876,119 L736.039889,119 L761.684601,119 L850.738404,119 C850.892983,119 851.047345,118.999052 851.201483,118.99716 C851.198677,118.999049 851.197266,118.999999 851.197266,118.999999 L952,119 C952,119 951,44.2466603 951,44.0052025 C936.94078,44.2466603 925.892988,52.8701592 922.409736,65.1194444 C919.361742,64.0083333 916.171526,63.4444444 912.886497,63.4444444 C901.82542,63.4444444 892.24775,69.892521 887.742947,79.2132083 Z" id="clouds"></path>
<path d="M1155.65097,88.2308362 C1155.85541,86.7955554 1155.96744,85.3680328 1155.96744,83.962963 C1155.96744,63.5407407 1139.3218,46.9259259 1118.86169,46.9259259 C1114.49063,46.9259259 1110.24574,47.6777778 1106.19008,49.1592593 C1101.48878,32.5925926 1086.43127,21 1068.76893,21 C1047.2847,21 1029.80789,38.4444444 1029.80789,59.8888889 C1029.80789,60.5 1029.82273,61.1148148 1029.80789,61.7407407 C1015.13522,61.7407407 1002.91373,72.4231967 1000.5402,86.4050295 C996.793095,79.3634196 989.356327,74.5555556 980.81409,74.5555556 C980.802935,74.0861111 980.81409,73.625 980.81409,73.1666667 C980.81409,57.0833333 967.67955,44 951,44 C951,44 950,44 950,44 L950,119 L978.777162,119 L1018.96789,119 L1140.7418,119 L1169.55288,119 L1209.53989,119 L1248.3092,119 L1287,119 C1287,119 1287,45.6533759 1287,45.6533759 C1284.31402,44.5796051 1281.01727,44 1277.59002,44 C1261.44374,44 1248.3092,57.0833333 1248.3092,73.1666667 C1248.3092,73.625 1248.32035,74.0861111 1248.3092,74.5555556 C1236.46504,74.5555556 1226.74615,83.7986432 1226.04097,95.4232117 C1223.33665,91.7550782 1218.98181,89.3703704 1214.07978,89.3703704 C1214.07236,89.0574074 1214.07978,88.75 1214.07978,88.4444444 C1214.07978,77.7222222 1205.34137,69 1194.59926,69 C1185.76809,69 1178.23933,74.7962963 1175.88868,83.0796296 C1173.86085,82.3388889 1171.7384,81.962963 1169.55288,81.962963 C1164.02437,81.962963 1159.05288,84.3891514 1155.65097,88.2308341 Z M3.04443731,78.2534295 C3.03240101,97.7148514 3,119 3,119 L0,119 L0,45.570214 C1.09419294,45.9162237 2.06486397,46.316356 3,46.767535 C3.05026691,46.767535 3.05457382,61.8637548 3.04443731,78.2534295 Z" id="clouds"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1400px" height="440px" viewBox="0 0 1400 440" 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>starburst</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.100000001">
<g id="aral-starburst" fill="#FFFFFF">
<g id="starburst">
<polyline id="Fill-4" points="698.454 439.948 0 5.934 0 84.851 697.696 439.948 698.454 439.948"></polyline>
<polyline id="Fill-5" points="694.66 439.948 0 234.939 0 287.712 692.189 439.948 694.66 439.948"></polyline>
<polyline id="Fill-6" points="664.391 439.948 0 402.157 0 439.948 664.391 439.948"></polyline>
<polyline id="Fill-8" points="700.186 439.948 349.324 0.018 260.748 0.018 699.759 439.948 700.186 439.948"></polyline>
<polyline id="Fill-9" points="701.373 439.948 595.378 0.018 527.108 0.018 701.044 439.948 701.373 439.948"></polyline>
<polyline id="Fill-10" points="702.427 439.948 813.728 0.018 747.466 0.018 702.107 439.948 702.427 439.948"></polyline>
<polyline id="Fill-11" points="703.71 439.948 1079.76 0.018 997.672 0.018 703.314 439.948 703.71 439.948"></polyline>
<polyline id="Fill-12" points="705.717 439.948 1399.98 53.254 1399.98 0.577 1399.98 0.018 1353.35 0.018 705.03 439.948 705.717 439.948"></polyline>
<polyline id="Fill-13" points="710.814 439.948 1399.98 275.292 1399.98 221.715 708.642 439.948 710.814 439.948"></polyline>
<path d="M1399.56,439.948 C1400.05,439.901 1400.02,439.506 1399.98,439.11 L1399.98,401.216 L738.321,439.948 L1399.56,439.948" id="Fill-15"></path>
<polyline id="Fill-16" points="697.061 439.948 0.009 132.529 0.009 194.719 695.844 439.948 697.061 439.948"></polyline>
<polyline id="Fill-17" points="689.369 439.948 0.009 322.576 0.009 370.408 681.011 439.948 689.369 439.948"></polyline>
<polyline id="Fill-19" points="699.448 439.948 194.366 0.018 82.208 0.018 698.906 439.948 699.448 439.948"></polyline>
<polyline id="Fill-20" points="700.826 439.948 480.134 0.018 404.855 0.018 700.462 439.948 700.826 439.948"></polyline>
<polyline id="Fill-21" points="701.927 439.948 708.185 0.018 642.733 0.018 701.611 439.948 701.927 439.948"></polyline>
<polyline id="Fill-22" points="703.043 439.948 939.4 0.018 868.038 0.018 702.697 439.948 703.043 439.948"></polyline>
<polyline id="Fill-23" points="704.564 439.948 1254.62 0.018 1152.2 0.018 704.068 439.948 704.564 439.948"></polyline>
<path d="M1399.99,175.884 L1399.99,111.426 L706.399,439.948 C706.763,439.948 1399.99,175.884 1399.99,175.884 L1399.99,175.884 Z" id="Fill-24"></path>
<polyline id="Fill-25" points="720.824 439.948 1399.99 363.424 1399.99 315.536 713.662 439.948 720.824 439.948"></polyline>
</g>
</g>
</g>
</svg>
\ No newline at end of file
......@@ -9,15 +9,21 @@
<body class='home'>
<!-- @import 'assets/includes/_nav.kit' -->
<div class='device-wrap'>
<div class='device-wrap-inner'>
<img class='no-frame' alt='Better running on iPad and iPhone' src='/assets/images/better/leader.png'>
</div>
</div>
<div class='main'>
<h1>Let’s make the web <a href='https://better.fyi'>Better</a></h1>
<h1 class='long-title'><a href='https://better.fyi'>Let’s make the web <strong>Better</strong>.</a></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>
<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><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>.
</p>
<section class='statistics home-statistics'>
......
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