-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (82 loc) · 3.77 KB
/
index.html
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="RayCe's Profile Site. 簡単なプロフィールと各種リンク, 経歴。" />
<title>ウイルスを検出しました。</title>
<meta itemprop="name" content="RayC'e" />
<meta itemprop="description" content="RayCe's Profile Site. 簡単なプロフィールと各種リンク, 経歴。" />
<meta itemprop="image" content="https://rayce.ml/static/icons/icon.png" />
<meta property="og:url" content="https://rayce.ml/about" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="RayC'e" />
<meta property="og:title" content="About - RayC'e" />
<meta property="og:description" content="RayCe's Profile Site. 簡単なプロフィールと各種リンク, 経歴。" />
<meta property="og:image" content="https://rayce.ml/static/icons/icon.png" />
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body class="red darken-3 white-text">
<div class="container">
<h1><img style="width: 20%; margin-right: 20px; vertical-align: middle;" src="icon.png" alt="">警告</h1>
<h4>あなたの<span id="device"></span>からウイルスが発見されました</h4>
<p class="flow-text">このままではお使いのデバイスが発火もしくは破裂する可能性があります。</p>
<p class="flow-text"><span id="timer" style="font-size: 2em;"></span>秒以内に以下のリンクから対処してください。</p>
<a href="http://amzn.asia/5mDSMdf" class="btn btn-laege">ウイルスを除去する</a>
</div>
<div id="alert" class="modal">
<div class="modal-content black-text">
<h4>警告</h4>
<p>お使いの端末はウイスルからウイルスが発見されました。次のページからウイルスを除去してください。</p>
</div>
<div class="modal-footer">
<button id="close" class="btn btn-laege">OK</button>
</div>
</div>
<!--JavaScript at end of body for optimized loading-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<script>
function play_se(){
// SEとバイブレーションの制御
var voice = new Audio('voice.mp3');
var warning = new Audio('warning.mp3');
warning.play();
voice.play();
navigator.vibrate([200, 100, 200, 100, 200, 100, 200]);
}
$(function(){
// ブラウザバック禁止
history.pushState(null, null, null);
$(window).on("popstate", function(e){
if (!e.originalEvent.state){
play_se();
history.pushState(null, null, null);
return;
}
});
// モーダル初期化
$('.modal').modal({dismissible: false});
$('#alert').modal('open');
$('#close').click(function(){
$('#alert').modal('close');
play_se();
});
var device = navigator.userAgent.match(/Android|iPhone|iPad/);
if (device == null){
device = '端末';
}
$('#device').text(device);
var time = 300;
setInterval(function(){
time--;
$('#timer').text(time);
}, 1000);
});
</script>
</body>
</html>