FAQ
rasmus Sun, 15 Jan 2012 23:23:55 +0000

Revision: http://svn.php.net/viewvc?view=revision&revision=322342

Log:
Add a noindex meta tag and a nicer-looking template

Changed paths:
U web/php/trunk/index-sopa.php

Modified: web/php/trunk/index-sopa.php
===================================================================
--- web/php/trunk/index-sopa.php 2012-01-15 22:35:23 UTC (rev 322341)
+++ web/php/trunk/index-sopa.php 2012-01-15 23:23:55 UTC (rev 322342)
@@ -23,39 +23,166 @@
header("Last-Modified: " . $tsstring);
}
?>
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
-<title>Stop SOPA/PIPA</title>
-<style>
-body {
- background-color: #000000;
- color:#b5b5b5;
- font-family:'Lucida Grande', 'Lucida Sans', 'Verdana', 'sans-serif';
- font-size:12px;
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="robots" content="noindex, nofollow">
+<title>STOP SOPA/PIPA!</title>
+<style type="text/css" media="all">
+html,
+body {
+ margin: 0;
+ padding: 0;
}
-h1 {
- text-align: center;
- margin-top: 4em;
- font-size:48px;
- color:#ffffff;
+
+#text-shadow-box {
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: #444;
+ font-family: Helvetica, Arial, sans-serif;
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ -webkit-user-select: none;
}
-p {
- text-align: center;
- margin-top: 2em;
- font-size:24px;
- color:#ffffff;
+
+#text-shadow-box #tsb-text,
+#text-shadow-box #tsb-link {
+ position: absolute;
+ top: 40%;
+ left: 0;
+ width: 100%;
+ height: 1em;
+ margin: -0.77em 0 0 0;
+ font-size: 90px;
+ line-height: 1em;
+ font-weight: bold;
+ text-align: center;
}

-a:link {
- color: #ffffff;
- text-decoration: none;
+#text-shadow-box #tsb-text {
+ font-size: 100px;
+ color: transparent;
}
+
+#text-shadow-box #tsb-link a {
+ color: #999;
+ text-decoration: none;
+}
+
+#text-shadow-box #tsb-box,
+#text-shadow-box #tsb-wall {
+ position: absolute;
+ top: 40%;
+ left: 0;
+ width: 100%;
+ height: 60%;
+}
+
+#text-shadow-box #tsb-wall {
+ background: #999;
+}
+
+#text-shadow-box #tsb-wall p {
+ font-size: 18px;
+ line-height: 1.5em;
+ text-align: justify;
+ color: #222;
+ width: 550px;
+ margin: 1.5em auto;
+}
+
+#text-shadow-box #tsb-wall p a {
+ color: #fff;
+}
+
+#text-shadow-box #tsb-wall p a:hover {
+ text-decoration: none;
+ color: #000;
+ background: #fff;
+}
+
+#tsb-spot {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 200%;
+ height: 200%;
+ pointer-events: none;
+ background: -webkit-gradient(radial, center center, 0, center center, 350, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
+ background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 350px);
+}
</style>
+
</head>
<body>
-<h1>Stop <a href="http://www.opencongress.org/bill/112-h3261/show">SOPA</a>/<a href="http://www.opencongress.org/bill/112-s968/show">PIPA</a></h1>
-<p>
-<a href="http://americancensorship.org/">For more information (americancensorship.org)</a>
-</p>
+
+<div id="text-shadow-box">
+ <div id="tsb-box"></div>
+ <p id="tsb-text">STOP SOPA/PIPA!</p>
+ <p id="tsb-link"><a href="http://americancensorship.org/">STOP SOPA/PIPA!</a></p>
+ <div id="tsb-wall">
+ <p>This site has gone dark today in protest of the U.S. Stop Online Piracy Act (<a href="http://www.opencongress.org/bill/112-h3261/show">SOPA</a>) and PROTECT-IP Act (<a href="http://www.opencongress.org/bill/112-s968/show">PIPA</a>). The U.S. Congress is about to censor the Internet, even though the vast majority of Americans are opposed. We need to kill these bills to protect our rights to free speech, privacy, and prosperity. Learn more at <a href="http://americancensorship.org/">AmericanCensorship.org</a></p>
+ </div>
+ <div id="tsb-spot"></div>
+</div>
+
+<script type="text/javascript" language="javascript" charset="utf-8">
+/**
+ * Zachary Johnson
+ * http://www.zachstronaut.com
+ * I place the following code in the public domain.
+ */
+
+var text = null;
+var spot = null;
+var box = null;
+var boxProperty = '';
+
+init();
+
+function init() {
+ text = document.getElementById('tsb-text');
+ spot = document.getElementById('tsb-spot');
+ box = document.getElementById('tsb-box');
+
+ if (typeof box.style.webkitBoxShadow == 'string') {
+ boxProperty = 'webkitBoxShadow';
+ } else if (typeof box.style.MozBoxShadow == 'string') {
+ boxProperty = 'MozBoxShadow';
+ } else if (typeof box.style.boxShadow == 'string') {
+ boxProperty = 'boxShadow';
+ }
+
+ if (text && spot && box) {
+ document.getElementById('text-shadow-box').onmousemove = onMouseMove;
+ document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
+ }
+
+ onMouseMove({clientX: Math.floor(window.innerWidth / 2), clientY: Math.floor(window.innerHeight / 2.75)});
+}
+
+function onMouseMove(e) {
+ var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
+ var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
+ var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
+ text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
+
+ if (boxProperty) {
+ box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
+ }
+
+ xm = e.clientX - window.innerWidth;
+ ym = e.clientY - window.innerHeight;
+ spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
+}
+</script>
+
</body>
</html>

Search Discussions

  • Rasmus Lerdorf at Jan 16, 2012 at 4:10 pm
    rasmus Mon, 16 Jan 2012 16:10:50 +0000

    Revision: http://svn.php.net/viewvc?view=revision&revision=322373

    Log:
    Send a 503 header for this page

    Changed paths:
    U web/php/trunk/index-sopa.php

    Modified: web/php/trunk/index-sopa.php
    ===================================================================
    --- web/php/trunk/index-sopa.php 2012-01-16 15:47:52 UTC (rev 322372)
    +++ web/php/trunk/index-sopa.php 2012-01-16 16:10:50 UTC (rev 322373)
    @@ -20,6 +20,9 @@
    }
    // Inform the user agent what is our last modification date
    else {
    + header('HTTP/1.1 503 Stop SOPA/PIPA');
    + header('Status: 503 Stop SOPA/PIPA');
    + header('Retry-After: 7200');
    header("Last-Modified: " . $tsstring);
    }
    ?>
    @@ -29,7 +32,7 @@
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="noindex, nofollow">
    -<title>STOP SOPA/PIPA!</title>
    +<title>Stop SOPA/PIPA!</title>
    <style type="text/css" media="all">
    html,
    body {
  • Rasmus Lerdorf at Jan 19, 2012 at 3:09 am
    rasmus Wed, 18 Jan 2012 07:32:55 +0000

    Revision: http://svn.php.net/viewvc?view=revision&revision=322433

    Log:
    Oops, forgot to fill in links

    Changed paths:
    U web/php/trunk/index-sopa.php

    Modified: web/php/trunk/index-sopa.php
    ===================================================================
    --- web/php/trunk/index-sopa.php 2012-01-18 07:28:08 UTC (rev 322432)
    +++ web/php/trunk/index-sopa.php 2012-01-18 07:32:55 UTC (rev 322433)
    @@ -57,7 +57,7 @@
    <body>
    <h2>503: Stop SOPA/PIPA</h2>
    <p>
    - The <a href="">SOPA</a>/<a href="">PIPA</a> bills threaten the open nature of the Web and thus threaten Open Source
    + The <a href="http://www.opencongress.org/bill/112-h3261/show">SOPA</a>/<a href="http://www.opencongress.org/bill/112-s968/show">PIPA</a> bills threaten the open nature of the Web and thus threaten Open Source
    projects like ours. If you have the ability to vote in the United States, help us out and contact your representatives.
    If you are not able to vote in the United States, you can help by petitioning the U.S. state department. Bills like these
    have a habit of spreading to other countries if we don't stop them at their source.
  • Rasmus Lerdorf at Jan 19, 2012 at 3:09 am
    rasmus Wed, 18 Jan 2012 07:28:08 +0000

    Revision: http://svn.php.net/viewvc?view=revision&revision=322432

    Log:
    SOPA isn't supposed to be pretty - remove pretty SOPA page and replace it
    with a very simple 503 page.

    Changed paths:
    U web/php/trunk/index-sopa.php

    Modified: web/php/trunk/index-sopa.php
    ===================================================================
    --- web/php/trunk/index-sopa.php 2012-01-18 02:46:50 UTC (rev 322431)
    +++ web/php/trunk/index-sopa.php 2012-01-18 07:28:08 UTC (rev 322432)
    @@ -38,154 +38,30 @@
    body {
    margin: 0;
    padding: 0;
    + color: #d0d0d0;
    + background: #000000;
    + font-family:Helvetica;
    + font-size:18px;
    + margin:10% auto;
    + max-width:800px;
    + line-height:1.5em;
    }
    -
    -#text-shadow-box {
    - position: fixed;
    - left: 0;
    - right: 0;
    - top: 0;
    - bottom: 0;
    - width: 100%;
    - height: 100%;
    - overflow: hidden;
    - background: #444;
    - font-family: Helvetica, Arial, sans-serif;
    - -webkit-tap-highlight-color: rgba(0,0,0,0);
    - -webkit-user-select: none;
    +a {
    + color:#fff;
    }
    -
    -#text-shadow-box #tsb-text,
    -#text-shadow-box #tsb-link {
    - position: absolute;
    - top: 40%;
    - left: 0;
    - width: 100%;
    - height: 1em;
    - margin: -0.77em 0 0 0;
    - font-size: 90px;
    - line-height: 1em;
    - font-weight: bold;
    - text-align: center;
    +a:hover {
    + color:#a00;
    }
    -
    -#text-shadow-box #tsb-text {
    - font-size: 100px;
    - color: transparent;
    -}
    -
    -#text-shadow-box #tsb-link a {
    - color: #999;
    - text-decoration: none;
    -}
    -
    -#text-shadow-box #tsb-box,
    -#text-shadow-box #tsb-wall {
    - position: absolute;
    - top: 40%;
    - left: 0;
    - width: 100%;
    - height: 60%;
    -}
    -
    -#text-shadow-box #tsb-wall {
    - background: #999;
    -}
    -
    -#text-shadow-box #tsb-wall p {
    - font-size: 18px;
    - line-height: 1.5em;
    - text-align: justify;
    - color: #222;
    - width: 550px;
    - margin: 1.5em auto;
    -}
    -
    -#text-shadow-box #tsb-wall p a {
    - color: #fff;
    -}
    -
    -#text-shadow-box #tsb-wall p a:hover {
    - text-decoration: none;
    - color: #000;
    - background: #fff;
    -}
    -
    -#tsb-spot {
    - position: absolute;
    - top: 0;
    - left: 0;
    - width: 200%;
    - height: 200%;
    - pointer-events: none;
    - background: -webkit-gradient(radial, center center, 0, center center, 350, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
    - background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 350px);
    -}
    </style>
    -
    </head>
    <body>
    -
    -<div id="text-shadow-box">
    - <div id="tsb-box"></div>
    - <p id="tsb-text">STOP SOPA/PIPA!</p>
    - <p id="tsb-link"><a href="http://americancensorship.org/">STOP SOPA/PIPA!</a></p>
    - <div id="tsb-wall">
    - <p>This site has gone dark today in protest of the U.S. Stop Online Piracy Act (<a href="http://www.opencongress.org/bill/112-h3261/show">SOPA</a>) and PROTECT-IP Act (<a href="http://www.opencongress.org/bill/112-s968/show">PIPA</a>). The U.S. Congress is about to censor the Internet, even though the vast majority of Americans are opposed. We need to kill these bills to protect our rights to free speech, privacy, and prosperity. Learn more at <a href="http://americancensorship.org/">AmericanCensorship.org</a></p>
    - </div>
    - <div id="tsb-spot"></div>
    -</div>
    -
    -<script type="text/javascript" language="javascript" charset="utf-8">
    -/**
    - * Zachary Johnson
    - * http://www.zachstronaut.com
    - * I place the following code in the public domain.
    - */
    -
    -var text = null;
    -var spot = null;
    -var box = null;
    -var boxProperty = '';
    -
    -init();
    -
    -function init() {
    - text = document.getElementById('tsb-text');
    - spot = document.getElementById('tsb-spot');
    - box = document.getElementById('tsb-box');
    -
    - if (typeof box.style.webkitBoxShadow == 'string') {
    - boxProperty = 'webkitBoxShadow';
    - } else if (typeof box.style.MozBoxShadow == 'string') {
    - boxProperty = 'MozBoxShadow';
    - } else if (typeof box.style.boxShadow == 'string') {
    - boxProperty = 'boxShadow';
    - }
    -
    - if (text && spot && box) {
    - document.getElementById('text-shadow-box').onmousemove = onMouseMove;
    - document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});};
    - }
    -
    - onMouseMove({clientX: Math.floor(window.innerWidth / 2), clientY: Math.floor(window.innerHeight / 2.75)});
    -}
    -
    -function onMouseMove(e) {
    - var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4;
    - var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4;
    - var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5);
    - text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black';
    -
    - if (boxProperty) {
    - box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black';
    - }
    -
    - xm = e.clientX - window.innerWidth;
    - ym = e.clientY - window.innerHeight;
    - spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
    -}
    -</script>
    -
    + <h2>503: Stop SOPA/PIPA</h2>
    + <p>
    + The <a href="">SOPA</a>/<a href="">PIPA</a> bills threaten the open nature of the Web and thus threaten Open Source
    + projects like ours. If you have the ability to vote in the United States, help us out and contact your representatives.
    + If you are not able to vote in the United States, you can help by petitioning the U.S. state department. Bills like these
    + have a habit of spreading to other countries if we don't stop them at their source.
    + Visit <a href="http://americancensorship.org">AmericanCensorship.org</a> to learn how to do both.
    + </p>
    </body>
    </html>

Related Discussions

Discussion Navigation
viewthread | post
Discussion Overview
groupphp-webmaster @
categoriesphp
postedJan 15, '12 at 11:24p
activeJan 19, '12 at 3:09a
posts4
users1
websitephp.net

1 user in discussion

Rasmus Lerdorf: 4 posts

People

Translate

site design / logo © 2017 Grokbase