88 lines
3.6 KiB
HTML
88 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="ja">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<!--
|
|
|
|
################################################################
|
|
|
|
「ハロー、ミライアカリだよっ！ﾋﾟﾛﾘﾝ」
|
|
「デベロッパーツール開くなんて、悪い子ちゃん❤️」
|
|
|
|
################################################################
|
|
|
|
Designed by yuki540.
|
|
|
|
-->
|
|
<title>DropOut</title>
|
|
<meta name="description" content="「今日も明日も、ぐーたら生活。」">
|
|
<meta name="keywords" content="yuki540,satella.io,yuki540.com,DropOut">
|
|
<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">
|
|
<section class="load-view">
|
|
<div class="load-view__frame">
|
|
<div class="load-view__frame__squares">
|
|
<div></div><div></div><div></div><div></div>
|
|
</div>
|
|
<div class="load-view__frame__lines">
|
|
<div></div><div></div><div></div><div></div>
|
|
</div>
|
|
</div>
|
|
<div class="load-view__body">
|
|
<div class="load-view__body__bg"></div>
|
|
<div class="load-view__body__panel">
|
|
<section class="load-view__body__panel__icon load-view__body__panel__icon_type_1">
|
|
<div class="box">
|
|
<div class="frame"></div>
|
|
<div class="frame"></div>
|
|
</div>
|
|
<div class="icon"></div>
|
|
</section>
|
|
<section class="load-view__body__panel__icon load-view__body__panel__icon_type_2">
|
|
<div class="box">
|
|
<div class="frame"></div>
|
|
<div class="frame"></div>
|
|
</div>
|
|
<div class="icon"></div>
|
|
</section>
|
|
<section class="load-view__body__panel__icon load-view__body__panel__icon_type_3">
|
|
<div class="box">
|
|
<div class="frame"></div>
|
|
<div class="frame"></div>
|
|
</div>
|
|
<div class="icon"></div>
|
|
</section>
|
|
<section class="load-view__body__panel__icon load-view__body__panel__icon_type_4">
|
|
<div class="box">
|
|
<div class="frame"></div>
|
|
<div class="frame"></div>
|
|
</div>
|
|
<div class="icon"></div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script type="text/javascript" src="./scripts/app.min.js"></script>
|
|
</body>
|
|
</html>
|