whoaaaa
236
evilsoys/index.html
Normal file
@ -0,0 +1,236 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ja">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>悪い豆たちとの戦い</title>
|
||||||
|
<link rel="icon" href="../images/p.svg">
|
||||||
|
</head>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../evilsoys/style.css">
|
||||||
|
<body>
|
||||||
|
<div class="monitor">
|
||||||
|
<div class="monitor-label">HP</div>
|
||||||
|
<div class="monitor-value">100</div>
|
||||||
|
</div>
|
||||||
|
<h1>悪い豆たちとの戦い</h1>
|
||||||
|
<div class="intro">
|
||||||
|
<div class="selif">
|
||||||
|
<p>世界を大豆に変えてしまおうと企んでいる「悪い豆」たち。その構成員は大豆の加工食品たちであり、強大な力を有していた……。</p>
|
||||||
|
<p>プレイヤーよ。彼らを倒し、邪悪な「世界大豆化計画」を阻止せよ!</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="../images/p.svg" id="avatar">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boss">
|
||||||
|
<h2>第一幹部・悪い醤油</h2>
|
||||||
|
<div class="head">
|
||||||
|
<img src="../images/shoyu.png" id="bossimg">
|
||||||
|
<div class="box">
|
||||||
|
<h3>基礎情報</h3>
|
||||||
|
<p>悪い豆の一番目の幹部。醤油の姿をしており、醤油の自由自在な流動を使った奇抜な攻撃をしてくる。</p>
|
||||||
|
<div class="head">
|
||||||
|
<a href="../evilsoys/shoyu/index.html" class="button">GAME</a>
|
||||||
|
<a href="https://youtu.be/KF8muvFlE_0" class="button">VIDEO</a>
|
||||||
|
<a href="https://youtu.be/ERFvIlHrqPs" class="button">MUSIC</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<h3>攻略情報</h3>
|
||||||
|
<h4>「醤油水滴」ATK:1</h4>
|
||||||
|
<span>醤油滴を追尾しながら発射してくる。左右に動いて回避しよう。方向転換は発射と同時に行うとよい。</span>
|
||||||
|
<h4>「醤油水沫」ATK:3</h4>
|
||||||
|
<span>醤油滴を追尾しながら発射してくる。軌道が読みづらく、かつ自機に近づくと膨張してくるが、冷静に左右に動いて回避しよう。</span>
|
||||||
|
<h4>「容器殴打」ATK:3</h4>
|
||||||
|
<span>悪い醤油の本体が追尾しながら殴打してくる。戻りが若干遅いため、攻撃後の悪い醤油にも気を付けながら左右に動いて回避しよう。</span>
|
||||||
|
<h4>「醤油水流」ATK:5</h4>
|
||||||
|
<span>醤油流を追尾しながら発射してくる。赤い警告ラインの上に発射されるため、それに注意しながら、端に追い込まれないように大きく動いて回避しよう。</span>
|
||||||
|
<h4>「醤油急流」ATK:3</h4>
|
||||||
|
<span>細く速い醤油流を追尾しながら発射してくる。細かく動いていって回避しよう。</span>
|
||||||
|
<h4>「醤油渦巻」ATK:3</h4>
|
||||||
|
<span>細い醤油流を発射し、そのまま回転しながら攻撃してくる。醤油流が途切れる時を見計らって臨機応変に反対側に移動しながら回避しよう。</span>
|
||||||
|
<h4>「醤油拡散急流」ATK:3</h4>
|
||||||
|
<span>細く速い醤油流を三本同時に追尾しながら発射してくる。赤い警告ラインをよく見て、醤油流の隙間に入って回避しよう。</span>
|
||||||
|
<h4>「醤油激流」ATK:5 - 10</h4>
|
||||||
|
<span>極太の醤油流を画面端に発射した後、その内側で太い醤油流を追尾しながら発射してくる。極太醤油流に当たると大ダメージを受けるので、それに気をつけながら「醤油水流」と同じ動き方で慎重に回避しよう。</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boss">
|
||||||
|
<h2>第二幹部・悪い豆乳</h2>
|
||||||
|
<div class="head">
|
||||||
|
<img src="../images/tonyu.png" id="bossimg">
|
||||||
|
<div class="box">
|
||||||
|
<h3>基礎情報</h3>
|
||||||
|
<p>悪い豆の二番目の幹部。豆乳の姿をしており、豆乳の加工しやすい性質を使った多様な攻撃をしてくる。</p>
|
||||||
|
<div class="head">
|
||||||
|
<a href="../evilsoys/tonyu/index.html" class="button">GAME</a>
|
||||||
|
<a href="https://youtu.be/myyTSKF7vYE" class="button">VIDEO</a>
|
||||||
|
<a href="https://youtu.be/AJZmfHfQsPc" class="button">MUSIC</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<h3>攻略情報</h3>
|
||||||
|
<h4>「豆乳水流」ATK:3</h4>
|
||||||
|
<span>豆乳流を追尾しながら発射してくる。赤い警告ラインの上に発射されるため、それに注意しながら端に追い込まれないように動いて回避しよう。</span>
|
||||||
|
<h4>「豆乳落水」ATK:4</h4>
|
||||||
|
<span>画面上部に太い豆乳流を発射した後、さらにその豆乳流から太い豆乳流を発射してくる。赤い警告ラインをよく見ながら動いて回避しよう。</span>
|
||||||
|
<h4>「御殻弾」ATK:2</h4>
|
||||||
|
<span>御殻弾を追尾しながら発射してくる。小さく動いて回避しよう。</span>
|
||||||
|
<h4>「大御殻弾」ATK:2 - 4</h4>
|
||||||
|
<span>御殻弾を追尾しながら5回発射した後、大きい御殻弾を追尾しながら2回発射してくる。小さい御殻弾は小さく動いて、大きい御殻弾は大きく動いて回避しよう。</span>
|
||||||
|
<h4>「湯葉刃」ATK:1</h4>
|
||||||
|
<span>湯葉刃を追尾しながら発射してくる。左右に動いて回避しよう。方向転換は発射と同時に行うとよい。</span>
|
||||||
|
<h4>「湯葉斬撃」ATK:5</h4>
|
||||||
|
<span>湯葉刃を振り下ろし、斬撃を発生させて攻撃してくる。悪い豆乳の位置を確認しながら、臨機応変に安全な場所に移動して回避しよう。</span>
|
||||||
|
<h4>「滷汁噴射」ATK:3</h4>
|
||||||
|
<span>二又に分かれた滷汁流を発射し、左右に動いた後、再び滷汁流を発射して攻撃してくる。まずは滷汁流の隙間に入って悪い豆乳に合わせて動き、赤い警告ラインが見えたら動く、というように回避しよう。</span>
|
||||||
|
<h4>「豆乳濁流」ATK:1 - 5</h4>
|
||||||
|
<span>湯葉刃と大御殻弾を計3回発射した後、豆乳流を発射し、その隙間に湯葉刃の斬撃で攻撃してくる。大御殻弾の弾道が安全地帯になっているため、そこに位置する豆乳流の隙間に入って回避しよう。</span>
|
||||||
|
<h4>「豆腐弾(型崩れ)」ATK:0</h4>
|
||||||
|
<span>滷汁による豆腐への転化に失敗した状態で攻撃してくる。当たってもダメージは受けない。</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boss">
|
||||||
|
<h2>第三幹部・悪い味噌</h2>
|
||||||
|
<div class="head">
|
||||||
|
<img src="../images/miso.png" id="bossimg">
|
||||||
|
<div class="box">
|
||||||
|
<h3>基礎情報</h3>
|
||||||
|
<p>悪い豆の三番目の幹部。味噌の姿をしており、味噌を圧縮した「味噌爆弾」を使った豪快な攻撃をしてくる。</p>
|
||||||
|
<div class="head">
|
||||||
|
<a href="../evilsoys/miso/index.html" class="button">GAME</a>
|
||||||
|
<a href="https://youtu.be/oQmaUMPpkFM" class="button">VIDEO</a>
|
||||||
|
<a href="https://youtu.be/KnsLCgzXv90" class="button">MUSIC</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<h3>攻略情報</h3>
|
||||||
|
<h4>「味噌弾」ATK:2</h4>
|
||||||
|
<span>味噌弾を追尾しながら発射してくる。左右に動いて回避しよう。</span>
|
||||||
|
<h4>「味噌爆弾」ATK:3</h4>
|
||||||
|
<span>着地して1秒後、または自機に当たったときに爆発する味噌爆弾を、追尾しながら発射してくる。爆発のタイミングを見極めながら、左右に動いて回避しよう。</span>
|
||||||
|
<h4>「木桶落下」ATK:3</h4>
|
||||||
|
<span>悪い味噌の本体が追尾しながら落下してくる。左右に動いて回避しよう。</span>
|
||||||
|
<h4>「味噌誘導爆弾」ATK:2</h4>
|
||||||
|
<span>着地してすぐ、または自機に当たったときに爆発する味噌爆弾を、5つまとめて自機狙いで発射してくる。タイミングを見極めながら、左右に動いて回避しよう。</span>
|
||||||
|
<h4>「味噌破片爆弾」ATK:4 - 5</h4>
|
||||||
|
<span>着地して1秒後に爆発し、自機を貫通する爆弾を追尾しながら発射してくる。爆発の形が鋭いため、爆炎に当たらないようにしながら回避しよう。</span>
|
||||||
|
<h4>「味噌焼夷爆弾」ATK:3</h4>
|
||||||
|
<span>自機に当たると爆発し、着地すると炎上する爆弾を追尾しながら8つずつ発射してくる。小さく移動しながら回避しよう。</span>
|
||||||
|
<h4>「味噌衝撃爆弾」ATK:4 - 7</h4>
|
||||||
|
<span>着地して1秒後に爆発し、自機を貫通する爆弾を無作為に発射してくる。爆発がとても大きいため、大きく動いて回避しよう。</span>
|
||||||
|
<h4>「味噌火柱爆弾」ATK:4 - 6</h4>
|
||||||
|
<span>着地してすぐ爆発し、さらに火柱を起こす、自機を貫通する爆弾を追尾しながら発射してくる。悪い味噌の動きを注視しながら、左右に動いて回避しよう。</span>
|
||||||
|
<h4>「味噌破壊爆弾」ATK:4 - 8</h4>
|
||||||
|
<span>より速く、よりダメージが大きくなった「味噌火柱爆弾」を発射してくる。ただし、画面左端と中央と右端にしか発射されないため、これらの地点の中間に移動して回避しよう。</span>
|
||||||
|
<h4>「味噌自壊爆弾」ATK:20</h4>
|
||||||
|
<span>悪い味噌本体が爆弾になり、画面のほぼ全域を巻き込んだ超強力な爆発を起こす。両端のどちらかに移動して回避しよう。</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boss">
|
||||||
|
<h2>最終幹部・悪い納豆</h2>
|
||||||
|
<div class="head">
|
||||||
|
<img src="../images/natto.png" id="bossimg">
|
||||||
|
<div class="box">
|
||||||
|
<h3>基礎情報</h3>
|
||||||
|
<p>悪い豆の四番目の幹部。納豆の姿をしており、納豆の糸や電気属性を使った厄介な攻撃をしてくる。</p>
|
||||||
|
<div class="head">
|
||||||
|
<a href="../evilsoys/natto/index.html" class="button">GAME</a>
|
||||||
|
<a href="https://youtu.be/65Knr0lZqmc" class="button">VIDEO</a>
|
||||||
|
<a href="https://youtu.be/4DRZ4ZoMjqA" class="button">MUSIC</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<h3>攻略情報</h3>
|
||||||
|
<h4>「納豆弾」ATK:2</h4>
|
||||||
|
<span>納豆弾を追尾しながら発射してくる。左右に動いて回避しよう。</span>
|
||||||
|
<h4>「挽割納豆弾」ATK:1</h4>
|
||||||
|
<span>小さい納豆弾を追尾しながら発射してくる。左右に動いて回避しよう。</span>
|
||||||
|
<h4>「大粒納豆弾」ATK:4</h4>
|
||||||
|
<span>大きい納豆弾を追尾しながら発射してくる。間を縫うようにして動いて回避しよう。</span>
|
||||||
|
<h4>「稲藁刺突」ATK:3</h4>
|
||||||
|
<span>悪い納豆の本体が追尾しながら刺突してくる。左右に動いて回避しよう。</span>
|
||||||
|
<h4>「糸引納豆弾」ATK:4</h4>
|
||||||
|
<span>糸で自機の動きを遅くした後、納豆弾を追尾しながら発射してくる。糸が作用する納豆弾の動きにも注意しながら、左右に動いて回避しよう。</span>
|
||||||
|
<h4>「封殺糸陣」ATK:0</h4>
|
||||||
|
<span>自機の動きを遅くしようと糸を発射してくる。糸自体にダメージはないが、動きが遅い状態だと後の攻撃を避けられなくなる。糸が発射される場所を見極めながら動いて回避しよう。</span>
|
||||||
|
<h4>「稲藁稲妻」ATK:5</h4>
|
||||||
|
<span>稲妻を追尾しながら発射してくる。攻撃を中断するタイミングを見極め、左右に動いて回避しよう。</span>
|
||||||
|
<h4>「封殺糸陣・滅」ATK:0</h4>
|
||||||
|
<span>「封殺糸陣」と同じく、これを受けると後の攻撃を避けられなくなる。より速く、手数も多くなっているので、糸が発射される場所をしっかり見極めながら動いて回避しよう。</span>
|
||||||
|
<h4>「神速・稲藁稲妻」ATK:5</h4>
|
||||||
|
<span>稲妻を追尾しながら発射してくる。「稲藁稲妻」に比べて発射の間隔が短いため、左右に動き続けて回避しよう。</span>
|
||||||
|
<h4>「封殺糸陣・戮」ATK:0</h4>
|
||||||
|
<span>「封殺糸陣」「封殺糸陣・滅」と同じく、これを受けると後の攻撃を避けられなくなる。フェイントも織り交ぜてくるようになるため、より慎重に糸が発射される場所を見極めながら動いて回避しよう。</span>
|
||||||
|
<h4>「神勅・稲藁稲妻」ATK:5 - 7</h4>
|
||||||
|
<span>小さい稲妻を追尾しながら発射した後、端から中央にかけて大きい稲妻を3回発射する。小さい稲妻を左右に動いて回避した後、中央付近で大きい稲妻を回避しよう。</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="boss">
|
||||||
|
<h2>悪の首魁・悪い豆腐</h2>
|
||||||
|
<div class="head">
|
||||||
|
<img src="../images/tofu.png" id="bossimg">
|
||||||
|
<div class="box">
|
||||||
|
<h3>基礎情報</h3>
|
||||||
|
<p>悪い豆たちのボス。豆腐の姿をしており、豆腐のとても大きな質量を生かした猛烈な攻撃をしてくる。</p>
|
||||||
|
<div class="head">
|
||||||
|
<a href="../evilsoys/tofu/index.html" class="button">GAME</a>
|
||||||
|
<a href="https://youtu.be/ZAviC5mj54w" class="button">VIDEO</a>
|
||||||
|
<a href="https://youtu.be/BYRU6-as268" class="button">MUSIC1</a>
|
||||||
|
<a href="https://youtu.be/UDA94kcvvAY" class="button">MUSIC2</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<h3>攻略情報</h3>
|
||||||
|
<h4>「豆腐弾」ATK:3</h4>
|
||||||
|
<span>豆腐弾を追尾しながら発射してくる。左右に動いて回避しよう。方向転換は発射と同時に行うとよい。</span>
|
||||||
|
<h4>「圧縮豆腐砲」ATK:3</h4>
|
||||||
|
<span>豆腐弾を3つ同時に追尾しながら発射してくる。「豆腐弾」とほぼ同じ動きで回避できるので、発射のタイミングをよく見極めよう。</span>
|
||||||
|
<h4>「撹乱豆腐弾」ATK:2 - 4</h4>
|
||||||
|
<span>大きく遅い豆腐弾と小さく速い豆腐弾を追尾しながら発射してくる。小弾は少ない動きで回避し、大弾が来たら大きく回避しよう。</span>
|
||||||
|
<h4>「膨張豆腐弾」ATK:4</h4>
|
||||||
|
<span>時間差で膨張していく豆腐弾を追尾しながら発射してくる。両端に追い込まれないようにしつつ、大きく動いて回避しよう。</span>
|
||||||
|
<h4>「広域豆腐弾」ATK:2</h4>
|
||||||
|
<span>小さい豆腐弾を広範囲かつ無作為に発射してくる。あまり動きすぎずに、射線に入っている時だけ動いて回避しよう。</span>
|
||||||
|
<h4>「反射豆腐弾」ATK:1 - 2</h4>
|
||||||
|
<span>地面に反射するとても小さい豆腐弾を追尾しながら発射してくる。最初の発射は少しずつ動いて回避し、反射してきたときは「広域豆腐弾」の要領であまり動かず回避しよう。</span>
|
||||||
|
<h4>「封鎖豆腐弾」ATK:0</h4>
|
||||||
|
<span>画面全体を覆うように大きい豆腐弾を配置してくるが、不発に終わる。</span>
|
||||||
|
<h4>「融解豆腐弾」ATK:3</h4>
|
||||||
|
<span>画面を真っ白にして、豆腐弾の視認性を悪くした状態で「豆腐弾」を発射してくる。豆腐弾は透明になっても当たるので、「豆腐弾」と同じ動き方で回避しよう。
|
||||||
|
<h4>「連綿豆腐弾」ATK:2</h4>
|
||||||
|
<span>小さい豆腐弾を追尾しながらとても大量に発射してくる。攻撃が始まる前に画面端に移動し、少しづつ動きながら回避しよう。</span>
|
||||||
|
<h4>「極大豆腐弾」ATK:5</h4>
|
||||||
|
<span>とても大きい豆腐弾を追尾しながら発射してくる。「膨張豆腐弾」と同じ動きで回避できる。</span>
|
||||||
|
<h4>「圧縮豆腐砲・改」ATK:3</h4>
|
||||||
|
<span>豆腐弾を7つ連続で追尾しながら発射してくる。攻撃が始まる前に画面端に移動し、端から端へ大きく動いて回避しよう。</span>
|
||||||
|
<h4>「撹拌豆腐弾」ATK:2 - 3</h4>
|
||||||
|
<span>とても速い豆腐弾と小さく速い豆腐弾を追尾しながら発射してくる。小弾に気をつけながら速弾を大きく動いて回避しよう。</span>
|
||||||
|
<h4>「重圧突撃豆腐」ATK:15</h4>
|
||||||
|
<span>とてもとても大きい豆腐弾を無作為に突撃させてくる。画面上に次の突撃の位置が表示されるので、中央に移動し、確認してから安全な場所に動いて回避しよう。</span>
|
||||||
|
<h4>「過剰広域豆腐弾」ATK:2</h4>
|
||||||
|
<span>小さい豆腐弾を広範囲かつ無作為に、大量に発射してくる。「広域豆腐弾」と同じ方法で、より素早く動いて回避しよう。</span>
|
||||||
|
<h4>「膨張連続豆腐弾」ATK:4</h4>
|
||||||
|
<span>時間差で膨張していく豆腐弾を5つ連続で追尾しながら発射してくる。「圧縮豆腐砲・改」と同じ動き方で回避できる。</span>
|
||||||
|
<h4>「音速豆腐弾」ATK:3</h4>
|
||||||
|
<span>とても速い豆腐弾を追尾しながら大量に発射してくる。「豆腐弾」と同じ動き方で、より素早く動いて回避しよう。</span>
|
||||||
|
<h4>「追従封鎖豆腐弾」ATK:4</h4>
|
||||||
|
<span>自機の上を塞ぐように大きい豆腐弾を配置してくる。あまり動かずに回避し、発射が終わってから安全な場所へ動いて回避しよう。</span>
|
||||||
|
<h4>「昇華豆腐弾」ATK:2 - 3</h4>
|
||||||
|
<span>画面を真っ赤にして、豆腐弾と自機の視認性を悪くした状態で「撹拌豆腐弾」を発射してくる。「融解豆腐弾」と同じく、豆腐弾は透明になっても当たるので、悪い豆腐の動きで自機の動きを把握しつつ、「撹拌豆腐弾」と同じ動き方で回避しよう。</span>
|
||||||
|
<h4>「終焉殲滅豆腐弾」ATK:1</h4>
|
||||||
|
<span>今までに使われたあらゆる豆腐弾を追尾しながら発射してくる。絶望的な状況ではあるが、自機の気合いにより制限時間が来るまではゲームオーバーにならないので、それまでにスペースキーで攻撃して悪い豆腐を倒そう。</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<footer>
|
||||||
|
<p>Copyright (C) 2020 - 2023 qrhlhplhp</p>
|
||||||
|
<p>The games on this site are supported by TurboWarp-packager(Copyright (C) 2021-2022 Thomas Weber)</p>
|
||||||
|
</footer>
|
||||||
|
</html>
|
396
evilsoys/miso/index.html
Normal file
396
evilsoys/natto/index.html
Normal file
396
evilsoys/shoyu/index.html
Normal file
160
evilsoys/style.css
Normal file
@ -0,0 +1,160 @@
|
|||||||
|
body{
|
||||||
|
background-image: url(../images/stage.svg);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h1{
|
||||||
|
text-align: center;
|
||||||
|
background: linear-gradient(150deg, red 65%, black 65% 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
font-size: 7em;
|
||||||
|
font-weight: 400;
|
||||||
|
-webkit-text-stroke:2px firebrick;
|
||||||
|
margin: 0.5em auto 1em auto;
|
||||||
|
}
|
||||||
|
.intro{
|
||||||
|
display: block;
|
||||||
|
width: fit-content;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#avatar{
|
||||||
|
width:5vw;
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
.selif {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 1em calc(15px + 1em) 1em;
|
||||||
|
padding: 7px 10px;
|
||||||
|
max-width: 100%;
|
||||||
|
color: black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.selif:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left:4%;
|
||||||
|
margin-left: -15px;
|
||||||
|
border: 15px solid transparent;
|
||||||
|
border-top: 15px solid white;
|
||||||
|
}
|
||||||
|
.selif p {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.boss{
|
||||||
|
width:80%;
|
||||||
|
margin:20vmin auto 0 auto;
|
||||||
|
padding: 1em;
|
||||||
|
background-color: firebrick;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: fit-content;
|
||||||
|
}
|
||||||
|
.boss::after{
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.boss h2{
|
||||||
|
background: linear-gradient(175deg, firebrick 60%, black 60% 100%);/*
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;*/
|
||||||
|
color:white;
|
||||||
|
width: fit-content;
|
||||||
|
padding:0em 0.5em;
|
||||||
|
font-size: 3em;
|
||||||
|
margin: 0.5em auto;
|
||||||
|
}
|
||||||
|
.head{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
#bossimg{
|
||||||
|
width:30%;
|
||||||
|
/*float: left;*/
|
||||||
|
display: inline-block;
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
border: 5px solid black;
|
||||||
|
width: fit-content;
|
||||||
|
/*margin-left: calc(30% + 2em);*/
|
||||||
|
padding: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
.box p{
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.box h4{
|
||||||
|
color:white;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.box span{
|
||||||
|
color: lightgray;
|
||||||
|
}
|
||||||
|
.box h3{
|
||||||
|
background: linear-gradient(175deg, firebrick 60%, black 60% 100%);
|
||||||
|
color:white;
|
||||||
|
width: fit-content;
|
||||||
|
padding:0 0.5em;
|
||||||
|
margin: 0.5em 0 0.5em 0;
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.button{
|
||||||
|
background-color: black;
|
||||||
|
width:fit-content;
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
margin: 0 0.5em;
|
||||||
|
color:white;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
.button:hover{
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
footer{
|
||||||
|
background: hsla(215, 100%, 95%, 1);
|
||||||
|
border-top: 0.1em solid hsla(0, 0%, 0%, 0.15);
|
||||||
|
margin-top: 20vmin;
|
||||||
|
}
|
||||||
|
footer p{
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.3em 0;
|
||||||
|
color: #575e75;
|
||||||
|
}
|
||||||
|
.monitor{
|
||||||
|
background: hsla(215, 100%, 95%, 1);
|
||||||
|
border: 0.1em solid hsla(0, 0%, 0%, 0.15);
|
||||||
|
border-radius: 0.3em;
|
||||||
|
font-size: 1.5em;
|
||||||
|
display: flex;
|
||||||
|
pointer-events: all;
|
||||||
|
padding: 0.2em;
|
||||||
|
margin: 2em 2em 0 2em;
|
||||||
|
width:fit-content;
|
||||||
|
}
|
||||||
|
.monitor-label {
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 0.5em;
|
||||||
|
color: #575e75;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.monitor-value {
|
||||||
|
min-width: 4em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
margin: 0 0.5em;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
padding: 0 0.2em;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
background-color: #ff8c1a;
|
||||||
|
}
|
396
evilsoys/tofu/index.html
Normal file
396
evilsoys/tonyu/index.html
Normal file
BIN
images/every.png
Normal file
After Width: | Height: | Size: 288 KiB |
BIN
images/miso.png
Normal file
After Width: | Height: | Size: 94 KiB |
BIN
images/natto.png
Normal file
After Width: | Height: | Size: 96 KiB |
1
images/p.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0,0,20,20"><g transform="translate(-230,-170)"><g data-paper-data="{"isPaintingLayer":true}" fill="none" fill-rule="nonzero" stroke="none" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal"><image x="460" y="340" transform="scale(0.5,0.5)" width="40" height="40" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAjZJREFUWEfdmL8uREEUh78ViUQiEjwAHZVCIvGnUkiIlkqn03kACnodleg0XkKBhFCoJBpegBCJRCMrZzMjxzV37szs7C6228mcme/+zpxzZk6NxF8d6jGmNajFzLdzk4xi4dRm0fsFG6RClakWqmglYG6wInAVqBew1XACmwzYDjitZhmoU8F2w/mU/AHYCTifkn8LsNPqufLlNwXLAHeALWMdVT48pUOveQbMqLk6YL4AfeqdA7OZAfWaj8Bg4WMsZAOwyrUXwFRmQL3mC9DfDOATMJQZMGRNUTFIwQ+g2wFoz9E0IC57AxaAU6XGAbDmOItlaxZTThCgSaQNWx0kFrAPeAUmgSsHzDvQ4xi3AVAWeA0Fq86f7w6nI1HmCegesAjIGVsqGMdmgOyAD8CwghLXHqr/HQW8B0Yccj8DA2Z8F9jwucR1DHK5WAKk17GBqNZlxtfNEYhhzHYGfe7T5SrazbkU/BeA48BNjH/lxt1OBW1CD2XMmmY2gW3HzkfAqhm/BiZC6cx7JbiSuNbViXoMuHVMmgNOzLjrUuDjDa7FZYsUK4nM2wdWTMmTumx/thxGCNh48WVTUKJ4FLhzEMjFwObCUMCo+2CIggIoF4Z54FIZHAPLoVRq3jdAGU+J5lY8BSzjD8AUyFYBOt8kvwWw2GFo6l3cCgUrAWOUzA3o6s801ZvJCRjVPLKRlBLZCRnF24L7u/3BohK51axqXKp8GOeUZkFDwZIBY6K8+OmxcGL/CUyJrB/xr0MYAAAAAElFTkSuQmCC"/></g></g></svg>
|
After Width: | Height: | Size: 1.4 KiB |
BIN
images/shoyu.png
Normal file
After Width: | Height: | Size: 91 KiB |
1
images/stage.svg
Normal file
After Width: | Height: | Size: 162 KiB |
BIN
images/tofu.png
Normal file
After Width: | Height: | Size: 172 KiB |
BIN
images/tonyu.png
Normal file
After Width: | Height: | Size: 91 KiB |