幸せok改造インスタンス
デプロイボタンは下右下に出てくる「Cookieを承認しますか？」を承認してください
拒否を押した場合ページをリロードすると再度表示されます。
承認を押すと↓が実行されます。
document.getElementById('accept-btn').addEventListener('click', function() {
document.cookie = "yuki=True; max-age=31536000; path=/";
location.href = "/";
return;
});ASGIで動く、
blog内に静的サイトを入れると認証されていない時にそのサイトが表示されます。
cookieにyuki=Trueを設定すると認証されます。
サーバーの起動時に掲示板の公式インスタンスに接続します。定期的にサーバーを再起動してください。
(slim-2-by-siawaseok.gitがデプロイされます)
このリポジトリをフォークしてください。
次に偽造ページに使いたいhtmlを作ってください
偽造ページを変更するには、以下のファイルを編集します:blog/index.html
作成した偽造ページのHTML内には、以下のコードが含まれている必要があります。これにより、サイトが正しく機能します。
<head>タグに追加する内容:
<link rel="stylesheet" href="styles.css"><body> タグに追加する内容:
<div id="cookie-notice" class="cookie-notice">
このサイトではクッキーを使用しています。<br>
<button id="accept-btn">承認する</button>
<button id="reject-btn">拒否する</button>
</div>
<script src="script.js"></script>fetch('https://raw.githubusercontent.com/siawaseok3/slim-2-by-siawaseok/refs/heads/main/version.txt')
.then(response => response.text())
.then(remoteVersion => {
remoteVersion = remoteVersion.trim();fetch()を使って、リモートに保存されているバージョン情報（version.txtファイル）を取得します。
-
現在のリポジトリのバージョンとリモートから取得したバージョンを比較します。
- バージョンが一致する場合は、背景色を緑色に設定します。
- バージョンが異なる場合は、背景色を赤色に設定します。
-
また、表示されるテキストを現在のバージョンとリモートバージョンの情報に更新します。
-
バージョンの取得に失敗した場合、エラーをキャッチして背景色を灰色に変更し、「バージョン取得失敗」と表示します。
https://docs.invidious.io/instances/
https://invidious.namazso.eu/
分からないことがあったり教えて欲しいことがあったら、オープンチャットなどでメンションして下さい！(YouTubeから来た人はコメ欄でも良いよ。)