Nekodigi/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<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">
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Document</title>
</head>
<body>
    <div class="page">
    <!-- <h1>Multi Platformer</h1> -->
    <iframe width="560" height="315" src="https://www.youtube.com/embed/OoXC-MigoHI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <!-- <image class ="thumbnail" src="https://i9.ytimg.com/vi/OoXC-MigoHI/maxresdefault.jpg?time=1643259600000&sqp=CNDNyI8G&rs=AOn4CLB9mdexSwkd5Q_QLXMFpnaccdXOoA"></image> -->
    <h2>無料で作れる横スクロールゲーム</h2>
    <p>Multi PlatformerはJavaFXで作られた。完全に無料の横スクロールゲームです。</p>
    <p>自分だけの横スクロールゲームのステージを、簡単に遊ぶことができます</p>
    <p>より分かりやすく、高機能なProcessing版では、オンライン対戦にも対応しています。<br>ぜひ自分で作ったステージをお友達と遊んでみてください。<br>
        詳しくはブログを確認ください。</p>
    <!-- <div class="center"> -->

        <button class="btn" onclick="location.href='https://nekodigi.hatenablog.com/entry/2022/01/19/%E3%80%90Processing%E3%80%91%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%AF%BE%E6%88%A6%E3%81%A7%E3%81%8D%E3%82%8B%E6%A8%AA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%B2%E3%83%BC%E3%83%A0'">
            <i class="fa fa-link"></i> ブログ
        </button>
    <h2>使い方</h2>
    <h3>ステージを作る</h3>
    <p>右上のパレットからブロックをクリックして、グリッドの上にステージを描いていきます。</p>
    <p>[キーで回転、shiftキーで当たり判定の設定、z/xキーで乗った時のダメージを設定できます。</p>
    <p>Sキーで保存、Lキーでロードできます。</p>
    <h3>遊び方</h3>
    <p>Bキーで"作る"モードと"遊ぶ"モードを切り替えてください。</p>
    <p>矢印キーで移動、スペースキーでジャンプできます</p>
    <!-- </div> -->
    <h2>ダウンロード</h2>
    <p>Githubからダウンロードできます。<br>
    実行にはUnity Asset Store上のSunnyLandが必要になります。各自ダウンロードしてご利用ください。</p>
        <button class="btn" onclick="location.href='https://github.com/Nekodigi/JavaFXGame_Platformer_BlockBreaker'"><i class="fa fa-download"></i> Download</button>
    </div>
</body>
</html>
<style>
.page{
    margin:10px 10px;
}

.center{
    text-align: center;
}

.btn{
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  margin:10px 10px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}


body{
    background:black;
    color:white;
    font-family: sans-serif;
}

.thumbnail{
    width:100vw;
}

a{
    color:white;
}
</style>
	<!DOCTYPE html>
	<html lang="en">
	<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">
	<link rel="stylesheet" href="styles.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<title>Document</title>
	</head>
	<body>
	<div class="page">
	<!-- <h1>Multi Platformer</h1> -->
	<iframe width="560" height="315" src="https://www.youtube.com/embed/OoXC-MigoHI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	<!-- <image class ="thumbnail" src="https://i9.ytimg.com/vi/OoXC-MigoHI/maxresdefault.jpg?time=1643259600000&sqp=CNDNyI8G&rs=AOn4CLB9mdexSwkd5Q_QLXMFpnaccdXOoA"></image> -->
	<h2>無料で作れる横スクロールゲーム</h2>
	<p>Multi PlatformerはJavaFXで作られた。完全に無料の横スクロールゲームです。</p>
	<p>自分だけの横スクロールゲームのステージを、簡単に遊ぶことができます</p>
	<p>より分かりやすく、高機能なProcessing版では、オンライン対戦にも対応しています。<br>ぜひ自分で作ったステージをお友達と遊んでみてください。<br>
	詳しくはブログを確認ください。</p>
	<!-- <div class="center"> -->

	<button class="btn" onclick="location.href='https://nekodigi.hatenablog.com/entry/2022/01/19/%E3%80%90Processing%E3%80%91%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%AF%BE%E6%88%A6%E3%81%A7%E3%81%8D%E3%82%8B%E6%A8%AA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%B2%E3%83%BC%E3%83%A0'">
	<i class="fa fa-link"></i> ブログ
	</button>
	<h2>使い方</h2>
	<h3>ステージを作る</h3>
	<p>右上のパレットからブロックをクリックして、グリッドの上にステージを描いていきます。</p>
	<p>[キーで回転、shiftキーで当たり判定の設定、z/xキーで乗った時のダメージを設定できます。</p>
	<p>Sキーで保存、Lキーでロードできます。</p>
	<h3>遊び方</h3>
	<p>Bキーで"作る"モードと"遊ぶ"モードを切り替えてください。</p>
	<p>矢印キーで移動、スペースキーでジャンプできます</p>
	<!-- </div> -->
	<h2>ダウンロード</h2>
	<p>Githubからダウンロードできます。<br>
	実行にはUnity Asset Store上のSunnyLandが必要になります。各自ダウンロードしてご利用ください。</p>
	<button class="btn" onclick="location.href='https://github.com/Nekodigi/JavaFXGame_Platformer_BlockBreaker'"><i class="fa fa-download"></i> Download</button>
	</div>
	</body>
	</html>
	<style>
	.page{
	margin:10px 10px;
	}

	.center{
	text-align: center;
	}

	.btn{
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 12px 30px;
	margin:10px 10px;
	cursor: pointer;
	font-size: 20px;
	}

	/* Darker background on mouse-over */
	.btn:hover {
	background-color: RoyalBlue;
	}


	body{
	background:black;
	color:white;
	font-family: sans-serif;
	}

	.thumbnail{
	width:100vw;
	}

	a{
	color:white;
	}
	</style>