blob: a6496a4d18c70853d5c37620648eeef06d0d0179 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
//套上CSS樣式
(function() {
var blackout_css = document.createElement("style");
var blackout_css_content = document.createTextNode(
"#blackout * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}" +
"#blackout { background-color: #3C261C; background-image: url(https://dn-jinwei.qbox.me/v.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; font-size: 16px; height: 100%; left: 0; margin: 0; overflow: hidden; position: fixed; text-align: left; top: 0; -webkit-transition: top 0.8s; transition: top 0.8s; width: 100%; z-index: 99999; }" +
"#blackout.out { top: -150%; }" +
"#blackout section { background: rgba(0, 0, 0, 0.2); border-radius: 1em; color: white; line-height: 1.5em; margin: 5% auto 3%; max-height: 70%; max-width: 750px; overflow-y: auto; padding: 3%; text-shadow: 1px 3px 3px black; width: 75%; }" +
"#blackout p { color: white; line-height: 1.5em; text-shadow: 1px 3px 3px black; }" +
"#blackout h1 { border-bottom: 1px solid #CCC; color: white; font-family: sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1.5em; margin: 0 0 1em 0.25em; padding: 0 0 0.25em; }" +
"#blackout a { color: #CCC; text-decoration: underline; } #blackout a:hover { background: transparent; color: #EEEEEE; text-decoration: underline; }" +
"#blackout .anno { color: #BBB; font-size: 0.9em; margin-bottom: 1.5em; padding: 0 2em; text-shadow: 1px 1px 1px black;}" +
"#blackout footer { display: block; height: 20%; text-align: center; } " +
"#blackout .blackout-btn { background-color: black; border-radius: 8px; box-shadow: 0 0 15px white; color: white; display: inline-block; line-height: 1.5em; padding: 0.5em 1em; text-decoration: none; }" +
"#blackout .blackout-btn:hover { background-color: #333; color: white; text-decoration: none; }"
);
blackout_css.appendChild(blackout_css_content);
//騰寫抗議內容
var header = document.createElement("header");
var title = document.createElement("h1");
title.appendChild(document.createTextNode("本網頁基於國家法律而封鎖"));
header.appendChild(title);
var section = document.createElement("section");
section.appendChild(header);
var br = document.createElement("br");
var content1 = document.createElement("p");
content1.appendChild(document.createTextNode("為何看到這個畫面？"));
var content3 = document.createElement("p");
content3.appendChild(document.createTextNode("你知道嗎，政府正打算立法，取得逕自封鎖境外侵權網站的權利。未來本站如果出現利益團體認定的侵權內容，經由政府機關對 ISP 下令，就可以封鎖本站，讓你再也連不上。"));
var content31 = document.createElement("p");
content31.appendChild(document.createTextNode("如果我們同意提供政府這種權力，以後他們還能以各種理由，任意阻擋他們覺得「不適當」的網站。未來許多網站可能被迫自我審查，在你發言的同時，先看看有沒有「敏感詞」。"));
var error451a = document.createElement("a");
error451a.setAttribute("href", "https://github.com/clarkzjw/Error451-Blackout/raw/gh-pages/451.PNG");
error451a.setAttribute("target", "_blank");
error451a.appendChild(document.createTextNode("ERROR 451 錯誤頁面"));
var content4 = document.createElement("p");
content4.appendChild(document.createTextNode("我們不希望這種事情在任何地方發生，請您與我們一同反對政府將手伸進網路！如果你我不積極爭取，有一天，你將會看到如此 "));
content4.appendChild(error451a);
content4.appendChild(document.createTextNode("，真正阻擋了你的瀏覽。"));
section.appendChild(content1);
section.appendChild(content3);
section.appendChild(content31);
section.appendChild(content4);
var footer = document.createElement("footer");
var footer_content_close = document.createElement("a");
footer_content_close.setAttribute("href", "javascript:void(0)");
footer_content_close.setAttribute("class", "blackout-btn");
footer_content_close.setAttribute("onclick", "document.getElementById('blackout').className = document.getElementById('blackout').className+' out';");
footer_content_close.appendChild(document.createTextNode("繼續瀏覽網頁"));
footer.appendChild(footer_content_close);
//建立抗議內容到#blackout區塊
function showBlackout()
{
var element = document.createElement("div");
element.id = 'blackout';
element.appendChild(blackout_css);
element.appendChild(section);
element.appendChild(footer);
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener('load', function(){ showBlackout() }, false);
else if (window.attachEvent)
window.attachEvent('on' + 'load', function(){ showBlackout() });
})();
|
