Commit 60a6884c authored by Laura Kalbag's avatar Laura Kalbag

Add basic teaser content

parent 15cd3923
......@@ -6,9 +6,38 @@
@media only screen and (min-width: 500px)
margin-top TwoLineHeights
.respect
.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 0
margin-bottom HalfLineHeight
text-align center
em
font-style italic
font-weight bold
@media only screen and (min-width: 820px)
font-size 30px
line-height OneAndAHalfLineHeights
margin-bottom ThreeQuartersLineHeight
.callouts
clear both
......@@ -42,40 +71,6 @@
a
font-weight bold
.ethical-design-principles
margin-top OneLineHeight
padding-bottom 0
@media only screen and (min-width: 780px)
margin-top HalfLineHeight
h2
text-align center
@media only screen and (min-width: 780px)
border-top 7px solid black-twenty
padding-top HalfLineHeight
.callout
margin-top OneLineHeight
position relative
p
hyphens auto
&:before
content ""
display block
height 100px
margin-right auto
margin-bottom OneLineHeight
margin-left auto
position relative
width 100px
@media only screen and (min-width: 780px)
margin-top 0
.callout
border-bottom 1px solid black-thirty
......@@ -86,46 +81,6 @@
float left
width 29.3%
// ETHICAL DESIGN callouts
.human-rights
&:before
background url('/ethical-design/images/human-rights.svg') top center no-repeat
@media only screen and (min-width: 780px)
padding-right OneLineHeight
.human-effort
&:before
background url('/ethical-design/images/human-effort.svg') top center no-repeat
@media only screen and (min-width: 780px)
padding-right HalfLineHeight
padding-left HalfLineHeight
.human-experience
&:before
background url('/ethical-design/images/human-experience.svg') top center no-repeat
@media only screen and (min-width: 780px)
padding-left OneLineHeight
.ethical-design-manifesto-description
border-bottom 1px solid black-thirty
padding-bottom OneLineHeight
text-align center
@media only screen and (min-width: 780px)
padding-bottom TwoLineHeights
.ethical-design-manifesto-icon
background url('/ethical-design/images/manifesto-document-icon.svg') top center no-repeat
display block
font-size 24px
font-weight bold
line-height OneAndAHalfLineHeights
padding-top 144px /* height of icon + padding */
text-decoration none
// HOMEPAGE FOOTER callouts
.support
@media only screen and (min-width: 780px)
......
......@@ -15,6 +15,4 @@ $image-path = '/assets/stylus/indie-style-core/images/'
@import _layout
@import _funding
@import _navigation
@import _newsletter-signup
@import _video
@import _videos
\ No newline at end of file
@import _newsletter-signup
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="160px" height="185px" viewBox="0 0 160 185" 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>better</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-1">
<stop stop-color="#002244" offset="0%"></stop>
<stop stop-color="#003056" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo" transform="translate(0.000000, -1.000000)">
<g id="primary-logo" transform="translate(0.000000, 1.000000)">
<g id="shield" fill="url(#linearGradient-1)">
<path d="M78.4126752,180.19866 C77.6278581,179.83537 0,142.725389 0,32.0529973 L0,29.132153 L2.85586223,28.5072957 C29.7503816,22.6038478 45.6320276,14.2518314 57.2298803,8.15220741 C66.2334765,3.41855043 72.7372849,0 79.9350751,0 C87.1328652,0 93.6366736,3.41855043 102.64027,8.15220741 C114.234489,14.2481985 130.119769,22.6002149 157.017921,28.5072957 L159.87015,29.132153 L159.87015,32.0529973 C159.87015,139.038004 82.365828,179.73365 81.5846443,180.1369 L80.0113767,180.936136 L78.4126752,180.19866 Z"></path>
</g>
<g id="ethical-design-triangle" transform="translate(36.954315, 50.355330)" fill="#FFFFFF">
<polygon id="triangle-copy" points="14.9215528 45.4822335 71.4159908 45.4822335 86.3480566 69.4416244 0 69.4416244 "></polygon>
<polygon id="triangle-copy" fill-opacity="0.6" points="28.3140661 23.9593909 57.9971542 23.9593909 71.4214681 45.4825061 14.916893 45.4825061 "></polygon>
<polygon id="triangle-copy" fill-opacity="0.3" points="43.1593192 0.135157443 57.9919246 23.9593909 28.3133477 23.9593911 "></polygon>
</g>
<g id="XXL-balloon" transform="translate(110.862944, 42.639594)" fill="#FFFFFF">
<g id="strings" transform="translate(0.000000, 20.520196)">
<path d="M13.8848804,3.65987531 C13.1837828,4.55656945 12.3512228,5.34637364 10.2113204,7.21089455 C8.99301697,8.27241595 8.32643171,9.46071959 7.8717844,11.0832629 C7.76183497,11.4756499 7.6992016,11.7387948 7.52628958,12.5041056 C7.03886,14.6614749 6.65947177,15.5795737 5.63262298,16.5139961 C4.3848342,17.6494716 3.64685646,17.9378081 2.17229613,18.1483855 C1.50663095,18.243447 1.18536868,18.3219787 0.800852534,18.5266098 C0.552909876,18.6585595 0.318872927,18.8336117 0.0892026209,19.0629798 C0.00331852374,19.1487509 0.00283142521,19.2883032 0.0881146559,19.3746786 C0.173397887,19.461054 0.587784738,19.430944 0.673668835,19.3451729 C0.873203248,19.145901 1.07242407,18.9968901 1.28147911,18.8856356 C1.60835576,18.7116789 1.89135504,18.6425006 2.50954315,18.5542191 C4.06338897,18.3323192 4.88059264,18.0130282 6.20232468,16.810265 C7.31609065,15.7967489 7.72306892,14.8118837 8.22932658,12.5711811 C8.23447896,12.5483766 8.23953209,12.5260239 8.24449022,12.504106 C8.40423033,11.7979595 8.46535013,11.5431528 8.56928496,11.1722306 C9.00239759,9.6265402 9.62729286,8.51255618 10.7739485,7.5134623 C12.9363466,5.62934059 13.7802088,4.82881471 14.5050501,3.90175257 C15.3524839,2.81789638 15.8169506,1.74015148 16.0727449,0.252524086 C16.0933694,0.132577687 15.7377779,0.0491267568 15.6185138,0.0283842522 C15.4992496,0.00764174761 15.3858474,0.0880623936 15.3652229,0.208008792 C15.1215768,1.62498575 14.6864229,2.63471333 13.8848804,3.65987531 Z" id="string"></path>
<path d="M14.5841944,4.20504743 C14.4718836,4.42679461 14.3539092,4.64382924 14.2168802,4.88425747 C14.1441817,5.0118126 13.9262048,5.38622094 13.9027976,5.42700931 C13.0276011,6.95209144 12.8663599,7.76142419 13.0812958,9.02958756 C13.218299,9.8379333 13.218299,10.3282008 13.1446928,10.5697871 C13.1369014,10.5953596 13.1299694,10.611746 13.1250556,10.6203538 C13.1268536,10.6172043 13.1328461,10.6093271 13.1438654,10.5984559 C13.0574621,10.6836979 13.0561276,10.8232446 13.1408847,10.9101422 C13.2256419,10.9970398 13.3643948,10.9983819 13.4507982,10.9131399 C13.492576,10.8719237 13.7097597,10.8516153 13.7413108,10.7480599 C13.8383942,10.4294185 13.8383942,9.87479976 13.6909147,9.00464273 C13.4937071,7.84107958 13.634344,7.13516815 14.4599597,5.69648357 C14.4823189,5.65752129 14.7007428,5.28234516 14.7746914,5.15259658 C14.9150528,4.90632151 15.0363684,4.68314016 15.1522963,4.45425138 C15.8661634,3.04478759 16.2182183,1.71476412 16.0672583,0.360912966 C16.0537698,0.239944527 15.7677818,0.103751817 15.6475014,0.117317464 C15.527221,0.130883111 15.4406491,0.239944536 15.4541376,0.360912976 C15.5938817,1.61417684 15.2626679,2.86546498 14.5841944,4.20504743 Z" id="string"></path>
</g>
<path d="M15.7688854,20.7479194 C14.9805385,20.969236 10.1233051,15.4713562 8.26125383,11.6115438 C6.39920261,7.75173154 6.31987035,1.49441161 11.0565512,0.430460013 C15.7932321,-0.633491585 17.3657696,3.77103617 18.2426712,3.76985897 C19.1195729,3.76868177 22.6324759,-0.202008477 26.4945117,2.39644666 C30.3565475,4.99490179 28.6192317,10.8205774 25.7351646,14.4651571 C22.8510975,18.1097368 16.7160715,20.4820111 15.7688854,20.7479194 L15.7688854,20.7479194 Z" id="balloon"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
......@@ -11,28 +11,9 @@
<div class='main'>
<h1 class='coming-soon'>The Better web is coming on the 1st May</h1>
<h1 class='respect'>Respect</h1>
<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 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>
<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>
<h2 class='better-web'>What does <em>your</em> better web look like?</h2>
<ul class='callouts footer-callouts'>
<li class='callout support'>
......
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