Commit e2655da0 authored by Laura Kalbag's avatar Laura Kalbag

Add blog post and image for emails

parent 418c2592
......@@ -15,74 +15,17 @@
<img class='better' src='images/better.jpg' alt='Better running on iPad and iPhone'/>
<h1 class='p-name'>Introducing Better for Mac</h1>
<h1 class='p-name'>Your Mac, now <strong>Better</strong>.</h1>
<p class='post-date dt-published' datetime='2016-9-13 15:00:00'>13th September, 2016 — <span class='p-author'>Aral Balkan</span></p>
<div class='e-content'>
<p>Hi everyone,</p>
<p><a href='https://better.fyi'>Better</a> is now available on macOS Sierra and OS X El Capitan. And we’re just getting started…
<p>Laura and I have spent the last eight months working on a new app that we’re excited to release today. It’s called <a href='https://better.fyi'>Better</a> and it’s a content blocker for iPhone and iPad.</p>
<p>Better is <em>not</em> an ad blocker.</p>
<p>The problem isn’t advertising; it’s <em>behavioural</em> advertising.</p>
<h3>The problem is tracking.</h3>
<figure>
<img src='images/violations.jpg' alt='Screenshot from Better showing 172 trackers, clickbait and web bugs'>
<figcaption><p>Better protects you from trackers, clickbait, and other similar web malware. The statistics here are from just one site, LifeBuzz.com, which is possibly <a href='https://better.fyi/spotlight/lifebuzz.com'>the worst site on the web</a>).</p></figcaption>
</figure>
<p>Better is a tracker blocker. It is a web malware blocker. Our goal is to make the web safer, lighter, and faster in line with the principles of <a href='/ethical-design'>ethical design</a>.</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>Better isn’t yet another indecipherable list of blocking rules cobbled together from various sources. It’s <a href='https://better.fyi/trackers/outbrain.com'>encyclopaedia-style entries</a> on <a href='https://better.fyi/trackers'>trackers</a> and <a href='https://better.fyi/spotlight'>editorial spotlights</a>. We research and document trackers to create an educational resource and raise public awareness. That resource, <a href='https://itunes.apple.com/us/app/better-by-ind.ie/id1080964978?mt=8'>via the iPhone and iPad app</a>, becomes a tool to protect ourselves from tracking.</p>
<figure>
<img src='images/improvements.jpg' alt='Screenshot from Better showing the site is 16.9x safer, 4.0x lighter, and 15.8x faster'>
<figcaption><p>Better makes LifeBuzz – possibly the worst site on the web – safer, lighter and faster.</p></figcaption>
</figure>
<h3>Does the world need yet another content blocker?</h3>
<p>We feel that it does: <em>a principled one.</em></p>
<p>One that works for <em>you</em>, <a href='http://venturebeat.com/2012/07/31/ghostery-a-web-tracking-blocker-that-actually-helps-the-ad-industry/'>not for the advertising industry</a>.</p>
<p>One that cannot <a href='https://nakedsecurity.sophos.com/2015/02/04/google-amazon-microsoft-pay-to-get-ads-past-adblock-plus/'>be bought</a>.</p>
<p>One that exposes <a href='https://better.fyi/spotlight/lifebuzz.com'>the ridiculous human costs of surveillance capitalism</a>.</p>
<p>One that <a href='https://better.fyi/spotlight/iab.com'>doesn’t make toxic deals</a> with the <a href='https://better.fyi/spotlight/iab.com'>behavioural advertising industry</a>.</p>
<p>One that <a href='https://better.fyi/spotlight/wired.com'>fights back</a> when our ability to defend ourselves is threatened.</p>
<p>One that acknowledges and supports <a href='https://better.fyi/spotlight/decknetwork.net'>those who are trying to do the right thing.</a></p>
<h3>Let’s make the web better.</h3>
<p>Better is different, because <em>we</em> are different.</p>
<p>We do not work for the advertising industry. We work for <em>you</em>.</p>
<p>We are <a href='/team'>a two-person-and-one-husky social enterprise</a> working for social justice in the digital age.</p>
<p>Our business model is simple: <a href='https://itunes.apple.com/us/app/better-by-ind.ie/id1080964978?mt=8'>we sell Better on the App Store</a>. If enough people buy it, we subsist and continue to work on Better and <a href='/heartbeat/'>Heartbeat</a>.</p>
<p>The launch of Better marks a new chapter in the history of <a href='/'>Ind.ie</a>. After two years, it is our first product available to the general public. It is also our hope for reaching sustainability.</p>
<p>We appreciate your support and continued friendship.</p>
<p>Thank you for helping us make the web better.</p>
<p class='with-love'>With love,</p>
<p>Aral and Laura</p>
<p class='ps'>PS. Please tell your friends about Better – we need all the help we can get to spread the word! :)</p>
<div class='downloads'>
<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>
<a href='https://safari-extensions.apple.com/details/?id=better.fyi.safari.extension-5Q42VF5GXA' class='download-on-mac-app-store' class='download-extension'><img src='/better/images/download-on-the-mac-app-store.svg' alt='Download for Mac OS X'/></a>
</div>
<div id="discourse-comments"></div>
......
......@@ -4,42 +4,51 @@
.summary, .summary a
font-weight bold
.e-content
img
border 1px solid black-ten
display block
margin-top 0
margin-right auto
.downloads
margin-top 24px
overflow hidden
@media only screen and (min-width: 360px)
margin-top 18px
margin-left auto
margin-bottom OneLineHeight
margin-right auto
width 314px
figure
margin-bottom OneAndAHalfLineHeights
@media only screen and (min-width: 560px)
margin-top OneAndAHalfLineHeights
margin-bottom OneAndAHalfLineHeights
@media only screen and (min-width: 770px)
margin-bottom OneAndThreeQuartersLineHeights
figcaption
@media only screen and (min-width: 770px)
margin-left TwoLineHeights
margin-right TwoLineHeights
.download-on-the-app-store, .download-on-mac-app-store
display block
margin-top 12px
margin-right auto
margin-left auto
margin-bottom 24px
@media only screen and (min-width: 360px)
float left
margin-right 0
margin-left 0
ul
margin-bottom HalfLineHeight
@media only screen and (min-width: 520px)
margin-top 18px
margin-bottom 18px
li
margin-bottom HalfLineHeight
.with-love
margin-bottom 0
.ps
font-size 15px
font-style italic
line-height ThreeQuartersLineHeight
margin-top HalfLineHeight
margin-bottom OneLineHeight
\ No newline at end of file
.download-on-the-app-store, .download-on-mac-app-store
margin-top 30px
margin-bottom 24px
.download-on-the-app-store, .download-on-the-app-store img
height 40px
width 134px
.download-on-mac-app-store, .download-on-mac-app-store img
height 40px
width 165px
.download-on-the-app-store
@media only screen and (min-width: 360px)
margin-right 12px
@media only screen and (max-width: 480px)
.downloads .download-on-mac-app-store
margin-bottom 12px
.download-on-the-app-store img, .download-on-mac-app-store img
margin-top 0
\ No newline at end of file
......@@ -17,7 +17,7 @@
<ul class='posts-list'>
<li class='h-entry'>
<time datetime='2016-9-13 15:00:00' class='dt-published'>13th Sep, 2016</time>
<h2 class='p-name'> <a class='post-link u-url' href='better'>Introducing Better for Mac</a></h2>
<h2 class='p-name'> <a class='post-link u-url' href='better-for-mac'>Your Mac, now Better.</a></h2>
<p class='p-summary'>Today we’re releasing <a href='https://better.fyi'>Better for Mac</a>, alongside Better for iPhone and iPad.
</p>
</li>
......
......@@ -42,8 +42,8 @@
<li class='callout news'>
<h2>Latest News</h2>
<div class='h-entry'>
<h3 class='p-name'><a class='post-link u-url' href='blog/better'>Introducing Better</a></h3>
<p class='p-summary'>Today we’re releasing a new app. It’s called <a href='https://better.fyi'>Better</a> and it’s a content blocker for iPhone and iPad.</p>
<h3 class='p-name'><a class='post-link u-url' href='blog/better-for-mac'>Your Mac, now Better.</a></h3>
<p class='p-summary'>Today we’re releasing <a href='https://better.fyi'>Better for Mac</a>, alongside Better for iPhone and iPad.</p>
</p>
</div>
<p class='newsletter'>For (infrequent) updates, <a href='/about/contact/#newsletter'>sign up for our email newsletter</a>.</p>
......
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