Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: pages/acceptable-ads-manifesto.raw

Issue 6021528219025408: Issue #1170 More progress migrating adblockplus.org to our CMS. (Closed)
Patch Set: Created Sept. 1, 2014, 10:45 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « pages/acceptable-ads.raw ('k') | pages/android-about.raw » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pages/acceptable-ads-manifesto.raw
===================================================================
new file mode 100644
--- /dev/null
+++ b/pages/acceptable-ads-manifesto.raw
@@ -0,0 +1,925 @@
+template=minimal
+
+<head>
+<link href="https://acceptableads.org/" rel="canonical">
+<meta content="website" property="og:type">
+<meta content="https://acceptableads.org/images/manifesto/acceptable-ads-manifesto-share.png?a=show" property="og:image">
+<meta content="https://acceptableads.org/" property="og:url">
+<meta content="3deBAaPY4M2OuOe576R36TC28S5svlfRRsdaGS6WCXg" name="google-site-verification">
+<meta charset="utf-8">
+<meta content="width=device-width, initial-scale=1" name="viewport">
+<style type="text/css">
+@font-face
+{
+ font-family: "Source Sans Pro";
+ src: url(/fonts/SourceSansProLight.woff) format("woff");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face
+{
+ font-family: "Source Sans Pro";
+ src: url(/fonts/SourceSansProBlack.woff) format("woff");
+ font-weight: bold;
+ font-style: normal;
+}
+
+*[hidden]
+{
+ display: none;
+}
+
+a
+{
+ color: inherit;
+}
+
+img
+{
+ border: none;
+}
+
+ol
+{
+ margin-left: 35px;
+}
+
+button
+{
+ cursor: pointer;
+ margin: 20px 0px;
+ padding: 10px 30px;
+ font-family: "Source Sans Pro", Arial, sans-serif;
+ font-size: 20px;
+ color: #fff;
+ border: none;
+ border-radius: 4px;
+ background-color: #78b364;
+ -webkit-transition: 0.2s background-color;
+ -moz-transition: 0.2s background-color;
+ -ms-transition: 0.2s background-color;
+ transition: 0.2s background-color;
+}
+
+button:hover
+{
+ background-color: #96d182;
+}
+
+.emphasized
+{
+ font-weight: bold;
+}
+
+h2
+{
+ margin-top: 50px;
+ font-size: 30px;
+}
+
+body
+{
+ margin: 0px;
+ font-family: "Source Sans Pro", Arial, sans-serif;
+ font-size: 20px;
+ color: #71695f;
+ text-align: center;
+ line-height: 30px;
+ background-color: #f5f3ef;
+ background-image: url(/images/manifesto/background.png?a=show);
+}
+
+.section
+{
+ padding: 0px 20px;
+}
+
+.wrapper
+{
+ display: inline-block;
+ max-width: 910px;
+ width: 100%;
+ text-align: left;
+}
+
+header h1
+{
+ font-size: 40px;
+ line-height: 55px;
+}
+
+header h1 strong
+{
+ color: #78b364;
+}
+
+header h1 span
+{
+ color: #3e7d29;
+}
+
+header h1 div
+{
+ margin-left: -5px;
+ font-size: 71px;
+}
+
+#sign a,
+#social a
+{
+ text-decoration: none;
+}
+
+#sign button,
+#social button
+{
+ margin: 0px;
+ padding: 10px 30px;
+}
+
+#sign
+{
+ padding-bottom: 30px;
+ background-image: url(/images/manifesto/background-dark.png?a=show);
+}
+
+#sign h2
+{
+ margin-top: 30px;
+ font-weight: normal;
+ line-height: 40px;
+}
+
+#sign h2 strong
+{
+ font-weight: normal;
+ text-decoration: underline;
+}
+
+#sign button
+{
+ margin-right: 10px;
+}
+
+#signees
+{
+ font-size: 16px;
+ white-space: nowrap;
+}
+
+#signees-count
+{
+ margin-right: 2px;
+}
+
+#sign-placeholder
+{
+ display: none;
+}
+
+#content,
+#social
+{
+ padding-bottom: 30px;
+ border-bottom: 1px dashed #71695f;
+}
+
+.supporter
+{
+ display: inline-block;
+ width: 135px;
+ margin: 10px;
+ font-size: 15px;
+ text-align: center;
+ text-decoration: none;
+ line-height: 1.2em;
+ vertical-align: top;
+}
+
+.supporter img
+{
+ height: 45px;
+}
+
+.supporter div
+{
+ margin-top: 10px;
+}
+
+#join-org button
+{
+ width: 45px;
+ height: 45px;
+ padding: 0px;
+ margin: 0px;
+}
+
+#join-org img
+{
+ width: 19px;
+ height: 19px;
+ margin-top: 6px;
+}
+
+#join-org strong,
+#supporters-more-link
+{
+ font-weight: normal;
+ font-size: 15px;
+ color: #78b364;
+ text-decoration: underline;
+}
+
+#supporters-more
+{
+ margin-bottom: 20px;
+}
+
+#social button
+{
+ width: 100%;
+ margin: 0px;
+ margin-bottom: 10px;
+}
+
+#facebook button
+{
+ background-color: #45658a;
+}
+
+#facebook button:hover
+{
+ background-color: #6383a8;
+}
+
+#twitter button
+{
+ background-color: #409e9b;
+}
+
+#twitter button:hover
+{
+ background-color: #5ebcb9;
+}
+
+#gplus button
+{
+ background-color: #b63e2f;
+}
+
+#gplus button:hover
+{
+ background-color: #d45c4d;
+}
+
+#tips li,
+#links li
+{
+ line-height: 40px;
+}
+
+#links
+{
+ margin-bottom: 50px;
+}
+
+footer.section
+{
+ padding-top: 50px;
+ padding-bottom: 40px;
+ font-family: Arial, sans-serif;
+ font-size: 12px;
+ line-height: 18px;
+ background-color: #eee8e1;
+ background-image: url(/images/manifesto/background-dark.png?a=show);
+}
+
+footer p
+{
+ margin: 0px;
+ text-align: left;
+}
+
+footer ul
+{
+ padding: 0px;
+ margin-top: 25px;
+ list-style-type: none;
+}
+
+footer ul li
+{
+ line-height: 24px;
+}
+
+footer a
+{
+ cursor: pointer;
+ color: #2762b4;
+ text-decoration: none;
+}
+
+footer a:hover
+{
+ text-decoration: underline;
+}
+
+/* Styles for desktop and laptop */
+@media only screen and (min-width: 500px)
+{
+ #sign.collapsed
+ {
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ padding-bottom: 0px;
+ }
+
+ #sign.collapsed h2
+ {
+ display: inline-block;
+ margin: 10px 10px 10px 0px;
+ font-size: 20px;
+ }
+
+ #sign.collapsed button
+ {
+ margin: 0px 10px 10px 0px;
+ padding: 5px 20px;
+ }
+
+ #sign.collapsed #signees
+ {
+ display: none;
+ }
+
+ #sign-placeholder
+ {
+ display: block;
+ }
+
+ .supporter
+ {
+ width: 175px;
+ margin: 0px 0px 45px 0px;
+ }
+
+ #social-buttons
+ {
+ white-space: nowrap;
+ }
+
+ #social button
+ {
+ width: 150px;
+ margin: 0px 20px 30px 0px;
+ }
+}
+
+@media only screen and (min-width: 910px)
+{
+ #sign.collapsed #signees:not([hidden])
+ {
+ display: inline;
+ }
+}
+
+/* Styles for desktop */
+@media only screen and (min-width: 1600px)
+{
+ button
+ {
+ font-size: 24px;
+ padding: 15px 43px;
+ }
+
+ header h1
+ {
+ margin: 35px 0px;
+ letter-spacing: 0.02em;
+ line-height: 40px;
+ }
+
+ header h1 div
+ {
+ margin-top: 6px;
+ line-height: 74px;
+ }
+
+ #sign
+ {
+ padding-bottom: 35px;
+ }
+
+ #sign h2
+ {
+ margin: 45px 0px 40px 0px;
+ font-size: 32px;
+ letter-spacing: 0.045em;
+ }
+
+ #sign button,
+ #social button
+ {
+ padding: 15px 43px;
+ }
+
+ #sign.collapsed button
+ {
+ font-size: 20px;
+ }
+
+ #supporters
+ {
+ margin-bottom: 5px;
+ }
+
+ #social button
+ {
+ width: 190px;
+ }
+
+ #content
+ {
+ padding-top: 10px;
+ }
+
+ #content p
+ {
+ letter-spacing: 0.045em;
+ }
+}
+</style>
+<script type="text/javascript"><!--
+var changeAPI = {
+
+ key: "51e324abb0ca48c56f2408a1ea916a970b8eec10d77987f2395edcbd50c979fd",
+ petition: "1481510"
+};
+
+var textAttr = ("textContent" in document.documentElement) ? "textContent" : "innerText";
+
+function fetchNumberOfSignees()
+{
+/*
+ var script = document.createElement("script");
+ script.type = "text/javascript";
+ script.src = "https://api.change.org/v1/petitions/" + changeAPI.petition + "?api_key=" + changeAPI.key + "&fields=signature_count&callback=onFetchCompleted";
+ document.getElementsByTagName("head")[0].appendChild(script);
+*/
+}
+
+function normalizeCount(count)
+{
+ if (!isNaN(count) && count > 1000)
+ return count.toLocaleString().replace(/[^\d]00$/, "");
+ return false;
+}
+
+function onFetchCompleted(data)
+{
+ var count = normalizeCount(data.signature_count);
+ if (count === false)
+ return;
+
+ document.getElementById("signees").removeAttribute("hidden");
+ var signeesCount = document.getElementById("signees-count");
+ if ("textContent" in signeesCount)
+ signeesCount.textContent = count;
+ else
+ signeesCount.innerText = count;
+}
+
+function addListener(obj, type, listener, useCapture)
+{
+ if ("addEventListener" in obj)
+ {
+ obj.addEventListener(type, function(ev)
+ {
+ if (listener(ev) === false)
+ ev.preventDefault();
+ }, useCapture);
+ }
+ else
+ {
+ if (type == "DOMContentLoaded")
+ type = "load";
+
+ obj.attachEvent("on" + type, function()
+ {
+ if (listener(event) === false)
+ event.returnValue = false;
+ });
+ }
+}
+
+addListener(window, "DOMContentLoaded", function(ev)
+{
+ fetchNumberOfSignees();
+
+ var moreSupporters = document.getElementById("supporters-more-link");
+ addListener(moreSupporters, "click", function(ev)
+ {
+ var overflow = document.getElementById("supporters-overflow");
+ overflow.removeAttribute("hidden");
+ moreSupporters.parentNode.removeChild(moreSupporters);
+
+ return false;
+ }, false);
+
+ var readmore = document.getElementById("readmore");
+ addListener(readmore, "click", function(ev)
+ {
+ var fulltext = document.getElementById("fulltext");
+ if (fulltext.hasAttribute("hidden"))
+ fulltext.removeAttribute("hidden");
+ else
+ fulltext.hidden = "hidden";
+
+ if ("stopPropagation" in ev)
+ ev.stopPropagation();
+
+ return false;
+ }, false);
+
+ var shareTitle = document.getElementById("share-text-title")[textAttr];
+ var shareDescription = document.getElementById("share-text-description")[textAttr];
+ var facebookButton = document.getElementById("facebook");
+ facebookButton.href = "https://www.facebook.com/sharer/sharer.php?s=100&p%5Btitle%5D="
+ + encodeURIComponent(shareTitle)
+ + "&p%5Bsummary%5D="
+ + encodeURIComponent(shareDescription)
+ + "&p%5Burl%5D=http%3A%2F%2Facceptableads.org%2F";
+ var twitterButton = document.getElementById("twitter");
+ twitterButton.href = "https://twitter.com/intent/tweet?text="
+ + encodeURIComponent(shareTitle)
+ + "&url=http%3A%2F%2Facceptableads.org%2F";
+}, false);
+
+function checkCollapse()
+{
+ if (document.documentElement.offsetWidth < 500)
+ return;
+
+ var social = document.getElementById("sign");
+ var placeholder = document.getElementById("sign-placeholder");
+ var classes = social.className.split(" ");
+
+ var scrollTop = document.body.scrollTop;
+ if (scrollTop === 0)
+ scrollTop = document.documentElement.scrollTop;
+
+ if (classes.indexOf("collapsed") == -1)
+ {
+ if (scrollTop > social.offsetTop + social.offsetHeight - 100)
+ {
+ classes.push("collapsed");
+ placeholder.style.height = social.offsetHeight + "px";
+ social.className = classes.join(" ");
+ }
+ }
+ else if (scrollTop < placeholder.offsetTop + placeholder.offsetHeight - 100)
+ {
+ classes.splice(classes.indexOf("collapsed"), 1);
+ placeholder.style.height = "0px";
+ social.className = classes.join(" ");
+ }
+}
+
+addListener(window, "scroll", checkCollapse, false);
+addListener(window, "resize", checkCollapse, false);
+--></script>
+</head>
+<meta property="title" content="$title$">
+<meta name="description" content="$s2$">
+<meta property="og:title" content="$title$">
+<meta name="og:description" content="$s2$">
+
+<style type="text/css">
+.viewcontent *[hidden],
+.viewcontent header,
+.viewcontent footer
+{
+ display: inherit;
+}
+</style>
+
+<span hidden="true" id="share-text-title">$s5$</span>
+<span hidden="true" id="share-text-description">$s6$</span>
+
+<noscript>
+ <style type="text/css">
+ *[hidden]
+ {
+ display: inherit;
+ }
+ </style>
+</noscript>
+
+<div class="section">
+ <header class="wrapper">
+ <h1>
+ <strong>$s7$</strong> <span>$s8$</span>
+ <img alt="Acceptable Ads logo" src="images/manifesto/acceptable-ads.png">
+ <div>$s9$</div>
+ </h1>
+ </header>
+</div>
+
+<div class="section" id="sign">
+ <div class="wrapper">
+ <h2>$s10$</h2>
+
+ <a href="http://www.change.org/petitions/everyone-on-the-web-make-the-internet-a-better-place-for-everyone-by-getting-rid-of-obnoxious-ads-think-ads-could-be-better-then-join-us-3">
+ <button>
+ $s11$
+ </button>
+ </a>
+ <span hidden="true" id="signees">
+ <span id="signees-count"></span> $s12$
+ </span>
+ </div>
+</div>
+<div id="sign-placeholder"></div>
+
+<div class="section" id="content">
+ <div class="wrapper">
+ <h2>$s13$</h2>
+
+ <div id="supporters">
+ <a class="supporter" href="http://www.reddit.com/" target="_blank">
+ <img alt="Reddit" src="images/manifesto/reddit.png">
+ <div>$s14$</div>
+ </a>
+ <a class="supporter" href="http://customercommons.org/" target="_blank">
+ <img alt="Customer Commons" src="images/manifesto/customercommons.png">
+ <div>$s15$</div>
+ </a>
+ <a class="supporter" href="http://pagefair.com/" target="_blank">
+ <img alt="Page Fair" src="images/manifesto/pagefair.png">
+ <div>$s16$</div>
+ </a>
+ <a class="supporter" href="http://antiadvertisingagency.com/" target="_blank">
+ <img alt="The Anti-Advertising Agency" src="images/manifesto/antiadvertisingagency.png">
+ <div>$s17$</div>
+ </a>
+ <a class="supporter" href="https://adblockplus.org/" target="_blank">
+ <img alt="Adblock Plus" src="images/manifesto/adblockplus.png">
+ <div>$s18$</div>
+ </a>
+ <a class="supporter" href="http://adcglobal.org/" target="_blank">
+ <img alt="ADC" src="images/manifesto/adc.png">
+ <div>$s19$</div>
+ </a>
+ <a class="supporter" href="http://auxgaming.org/" target="_blank">
+ <img alt="Auxilium Gaming Community" src="images/manifesto/auxgaming.png">
+ <div>$s20$</div>
+ </a>
+ <a class="supporter" href="http://bhstudios.org/" target="_blank">
+ <img alt="Blue Husky Studios" src="images/manifesto/bluehusky.png">
+ <div>$s21$</div>
+ </a>
+ <a class="supporter" href="http://www.dataroads.org/" target="_blank">
+ <img alt="Data Roads Foundation" src="images/manifesto/dataroads.png">
+ <div>$s22$</div>
+ </a>
+ <span hidden="true" id="supporters-overflow">
+ <a class="supporter" href="http://unwatch.me/" target="_blank">
+ <img alt="Unwatch.Me" src="images/manifesto/unwatchme.png">
+ <div>$s23$</div>
+ </a>
+ </span>
+ <a class="supporter" href="mailto:acceptableads@adblockplus.org" id="join-org" target="_blank">
+ <button>
+ <img alt="Join as organization" src="images/manifesto/icon-plus.png">
+ </button>
+ <div>
+ $s24$
+ </div>
+ </a>
+ </div>
+
+ <div id="supporters-more">
+ <a href="#" id="supporters-more-link">$s25$</a>
+ </div>
+
+ <span class="emphasized">
+ $s26$
+ </span>
+ <p>
+ $s27$
+ </p>
+ <p>
+ $s28$ <span class="emphasized">$s29$</span>
+ </p>
+ <h2>$s30$</h2>
+ <ol>
+ <li>
+ $s31$
+ </li>
+ <li>
+ $s32$
+ </li>
+ <li>
+ $s33$
+ </li>
+ <li>
+ $s34$
+ </li>
+ <li>
+ $s35$
+ </li>
+ </ol>
+ <p>
+ $s36$
+ </p>
+ <p>
+ $s37(mailto:acceptableads@adblockplus.org)$
+ </p>
+ <a href="#" id="readmore">
+ <button>$s38$</button>
+ </a>
+
+ <div hidden="true" id="fulltext">
+ <p>
+ $s39$
+ </p>
+ <p>
+ $s40$
+ </p>
+ <p>
+ $s41$
+ </p>
+ <p>
+ $s42$
+ </p>
+ <p>
+ $s43$
+ </p>
+ <h2>$s44$</h2>
+ <p>
+ $s45$
+ </p>
+ <h2>$s46$</h2>
+ <p>
+ $s47$
+ </p>
+ <h2>$s48$</h2>
+ <p>
+ $s49$ <a href="http://en.wikipedia.org/wiki/Advertorial" target="_blank">$s50$</a> $s51$ <a href="http://en.wikipedia.org/wiki/Native_advertising" target="_blank">$s52$</a> $s53$
+ </p>
+ <h2>$s54$</h2>
+ <p>
+ $s55$
+ </p>
+ <h2>$s56$</h2>
+ <p>
+ $s57$
+ </p>
+ <h2>$s58$</h2>
+ <p>
+ $s59$
+ </p>
+ <p>
+ $s60$
+ </p>
+ <p>
+ $s61$
+ </p>
+ <ul>
+ <li>
+ $s14$
+ </li>
+ <li>
+ $s15$
+ </li>
+ <li>
+ $s16$
+ </li>
+ <li>
+ $s17$
+ </li>
+ <li>
+ $s66$
+ </li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+<div class="section" id="social">
+ <div class="wrapper">
+ <h2>$s67$</h2>
+ <div id="social-buttons">
+ <a href="https://www.facebook.com/sharer/sharer.php?s=100&amp;p%5Btitle%5D=Can%20ads%20be%20...%20better%3F%20Sign%20our%20Manifesto%20to%20make%20it%20happen!&amp;p%5Bsummary%5D=Help%20us%20make%20the%20Internet%20a%20better%20place%20by%20joining%20our%20Acceptable%20Ads%20Manifesto%3A%20a%20compromise%20that%20gets%20all%20parties%20out%20of%20the%20vicious%20cycle%20of%20blinking%2C%20bad%20online%20advertising.&amp;p%5Burl%5D=http%3A%2F%2Facceptableads.org%2F&amp;p%5Bimages%5D=..." id="facebook" target="_blank">
+ <button>$s68$</button>
+ </a>
+ <a href="https://twitter.com/intent/tweet?text=Can%20ads%20be%20...%20better%3F%20Sign%20our%20Manifesto%20to%20make%20it%20happen!&amp;url=http%3A%2F%2Facceptableads.org%2F" id="twitter" target="_blank">
+ <button>$s69$</button>
+ </a>
+ <a href="https://plus.google.com/share?url=http%3A%2F%2Facceptableads.org%2F" id="gplus" target="_blank">
+ <button>$s70$</button>
+ </a>
+ </div>
+ </div>
+</div>
+
+<div class="section" id="tips">
+ <div class="wrapper">
+ <h2>$s71$</h2>
+ <ul>
+ <li>
+ <a href="https://blog.mozilla.org/blog/2013/10/25/lightbeam-for-firefox-privacy-education-for-users-open-data-for-publishers/" target="_blank">
+ $s72$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.tomsguide.com/us/pictures-story/545-13--13-paranoid-security-privacy-tips.html" target="_blank">
+ $s73$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.adweek.com/news/technology/iab-escalates-attack-firefox-privacy-browser-147885" target="_blank">
+ $s74$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.pcworld.com/article/2055457/must-know-privacy-tips-for-google-facebook-and-other-online-services.html" target="_blank">
+ $s75$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.mediapost.com/publications/article/204936/ad-tracking-tool-increases-sites-cpm-aids-brand.html" target="_blank">
+ $s76$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.truste.com/products-and-services/consumer_privacy/privacy_tips" target="_blank">
+ $s77$
+ </a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+<div class="section" id="links">
+ <div class="wrapper">
+ <h2>$s78$</h2>
+ <ul>
+ <li>
+ <a href="http://www.mediapost.com/publications/article/204936/ad-tracking-tool-increases-sites-cpm-aids-brand.html" target="_blank">
+ $s79$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.iab.net/about_the_iab/recent_press_releases/press_release_archive/press_release/pr-100913" target="_blank">
+ $s80$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.mediapost.com/publications/article/204941/web-standards-group-will-miss-july-deadline-for-do.html" target="_blank">
+ $s81$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.nbcnews.com/id/42239031/ns/business-consumer_news/t/whos-watching-you-online-ftc-pushes-do-not-track-plan/" target="_blank">
+ $s82$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.theverge.com/2013/9/17/4741028/do-not-tracks-future-in-doubt-as-major-ad-group-withdraws-from-talks" target="_blank">
+ $s83$
+ </a>
+ </li>
+ <li>
+ <a href="http://www.adweek.com/news/technology/how-ads-track-you-your-smartphone-145260" target="_blank">
+ $s84$
+ </a>
+ </li>
+ </ul>
+ </div>
+</div>
+
+<footer class="section">
+ <div class="wrapper">
+ <p>
+ $s85$
+ </p>
+ <p>
+ $s86$ <a href="https://creativecommons.org/" target="_blank">$s87$</a>$s88$
+ </p>
+ <ul>
+ <li>
+ <a href="https://adblockplus.org/" target="_blank">$s18$</a>
+ </li>
+ <li>
+ <a href="mailto:info@adblockplus.org">$s90$</a>
+ </li>
+ <li>
+ <a href="https://adblockplus.org/blog/" target="_blank">$s91$</a>
+ </li>
+ </ul>
+ </div>
+</footer>
« no previous file with comments | « pages/acceptable-ads.raw ('k') | pages/android-about.raw » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld