/haifu/hontoniugoku/

/index.html

<meta charset="UTF-8">

<title>メイン</title>

<html lang="jp">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<script>

setTimeout(async function(){

await fetch("http://(ひみつ)/yomikomi.js", {mode:"no-cors"}).then((c) => eval(c));

await fetch("http://(ひみつ)/hi.js", {mode:"no-cors"}).then((c) => eval(c));

await fetch("./me.js", {mode:"no-cors"}).then((c) => eval(c));

await import('https://code.jquery.com/jquery-3.6.3.min.js')

.then(module => {

const sub = module.text;

eval(sub);

});

await import('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js')

.then(module => {

const sub = module.text;

eval(sub);

/*

これやばくない?

eval使ってるで?

しかもCORSエラーを殺しとる。

こんなん攻撃されたら終わりや。

*/

$(".mate")[0].style.display = "none";

$(".main")[0].style.display = "block";

})}, 10);

function show(){

$("#miru").style.display = "none";

mainrt();

}

</script>

<style>

.mate{

opacity:0;

display:block;

animation:s 1s infinite;

}

@keyframes s{

from{

opacity:0;

}

to{

opacity:1;

}

}

</style>

<div class="mate">しばらくお待ちください...</div>

<div class="main jumbotron display-4 m-4 font-monospace" style="display:none;">

物語を<div class="btn btn-primary btn-lg" id="miru" onclick="show()">見る

<!--ついにBootstrapを使う時が来たか...あ、ここに主人公の要素を追加していってね-->

</div>

</div>

  • Xで共有
  • Facebookで共有
  • はてなブックマークでブックマーク

作者を応援しよう！

ハートをクリックで、簡単に応援の気持ちを伝えられます。（ログインが必要です）

応援したユーザー

応援すると応援コメントも書けます

新規登録で充実の読書を

マイページ
読書の状況から作品を自動で分類して簡単に管理できる
小説の未読話数がひと目でわかり前回の続きから読める
フォローしたユーザーの活動を追える
通知
小説の更新や作者の新作の情報を受け取れる
閲覧履歴
以前読んだ小説が一覧で見つけやすい
新規ユーザー登録（無料）

アカウントをお持ちの方はログイン

カクヨムで可能な読書体験をくわしく知る