118 lines
5.1 KiB
HTML
118 lines
5.1 KiB
HTML
<!--
|
|
|
|
################################################################
|
|
|
|
「ハロー、ミライアカリだよっ！ﾋﾟﾛﾘﾝ」
|
|
「デベロッパーツール開くなんて、悪い子ちゃん❤️」
|
|
|
|
################################################################
|
|
|
|
Designed by yuki540.
|
|
|
|
-->
|
|
<!doctype html>
|
|
<html lang="ja">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="「今日も明日も、ぐーたら生活。」">
|
|
<meta name="keywords" content="yuki540,satella.io,yuki540.com,DropOut">
|
|
<title>DropOut</title>
|
|
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1">
|
|
<meta property="og:url" content="https://yuki540.com">
|
|
<meta property="og:image" content="https://yuki540.com/images/ogp.png">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="DropOut">
|
|
<meta property="og:site_name" content="yuki540.com">
|
|
<meta property="og:description" content="「今日も明日も、ぐーたら生活。」">
|
|
<meta property="og:locale" content="ja_JP">
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:site" content="@eriri_jp" />
|
|
<meta name="twitter:title" content="DropOut" />
|
|
<meta name="twitter:description" content="「今日も明日も、ぐーたら生活。」" />
|
|
<meta name="twitter:image" content="https://yuki540.com/images/ogp.png" />
|
|
<link rel="shortcut icon" href="https://yuki540.com/images/profile/yuki540.png" />
|
|
<link rel="apple-touch-icon" href="https://yuki540.com/images/profile/yuki540.png" />
|
|
<link rel="stylesheet" href="./stylesheets/font-awesome-4.7.0/css/font-awesome.min.css" />
|
|
<link rel="stylesheet" href="./stylesheets/font.css" />
|
|
<link rel="stylesheet" href="./stylesheets/style.css" />
|
|
</head>
|
|
<body>
|
|
<main id="root">
|
|
<!-- ******************************** load view ************************************ -->
|
|
<section id="load-view">
|
|
<section class="frame">
|
|
<div class="direction">
|
|
<div class="left"><div></div><div></div><div></div></div>
|
|
<div class="bottom"><div></div><div></div><div></div></div>
|
|
<div class="right"><div></div><div></div><div></div></div>
|
|
<div class="top"><div></div><div></div><div></div></div>
|
|
</div>
|
|
<div class="square"><div></div><div></div><div></div><div></div></div>
|
|
<div class="line"><div></div><div></div><div></div><div></div></div>
|
|
<div class="rect">
|
|
<div class="bar"><div></div><div></div><div></div><div></div></div>
|
|
<div class="effect"><div></div><div></div><div></div><div></div></div>
|
|
</div>
|
|
</section>
|
|
<section class="display">
|
|
<div class="bg"><div></div><div></div></div>
|
|
<div class="blocks">
|
|
<div class="block"><div></div></div>
|
|
<div class="block"><div></div></div>
|
|
<div class="block"><div></div></div>
|
|
<div class="block"><div></div></div>
|
|
<div class="block"><div></div></div>
|
|
<div class="block"><div></div></div>
|
|
<div class="block"><div></div></div>
|
|
</div>
|
|
<div id="progress-bar"><div></div></div>
|
|
</section>
|
|
<section class="illust"></section>
|
|
<section class="paints"></section>
|
|
<section class="catchcopy">
|
|
<div class="text-box">
|
|
<section class="text-split">
|
|
<div class="text"></div>
|
|
<div class="figure"><div></div><div></div><div></div></div>
|
|
</section>
|
|
<section class="text-split">
|
|
<div class="text"></div>
|
|
<div class="figure"><div></div><div></div><div></div></div>
|
|
</section>
|
|
<section class="text-split">
|
|
<div class="text"></div>
|
|
<div class="figure">
|
|
<div></div><div></div><div></div>
|
|
<div></div><div></div><div></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<section class="arrows">
|
|
<div class="arrow"><div></div></div>
|
|
<div class="arrow"><div></div></div>
|
|
<div class="arrow"><div></div></div>
|
|
</section>
|
|
</section>
|
|
<section class="ribbons">
|
|
<div class="ribbon"><div></div><div></div><div></div><div></div></div>
|
|
<div class="ribbon"><div></div><div></div><div></div><div></div></div>
|
|
</section>
|
|
<section class="catchcopy-frame">
|
|
<div class="dotted-line"><div></div><div></div><div></div><div></div></div>
|
|
<div class="dive">
|
|
<div class="angel"></div>
|
|
<div class="collision-effect"></div>
|
|
</div>
|
|
</section>
|
|
<section class="battle-panel">
|
|
<div class="player"><div></div></div>
|
|
<div class="player"><div></div></div>
|
|
<div class="cross"></div>
|
|
</section>
|
|
<section class="end-load-view"><div></div><div></div></section>
|
|
</section>
|
|
</main>
|
|
<script type="text/javascript" src="./scripts/app.min.js"></script>
|
|
</body>
|
|
</html>
|