index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>ゆひくるくる</title>
    <meta name="description" content="ゆひが回るだけ">
    <meta name="twitter:card" content="Summary Card">
    <meta name="twitter:site" content="@yuhi_dosei">
    <meta name="twitter:title" content="ゆひくるくる">
    <meta name="twitter:description" content="ゆひが回るだけ">
    <meta name="twitter:image" content="https://spinning-yuhi.netlify.app/yuhi.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="main.js"></script>
    <link rel="stylesheet" href="main.css">
</head>

<body>
    <div id="yuhi">
        <img class="yuhi" src="yuhi.png" alt="yuhi-img" title="this_is_yuhi">
    </div>
    <div class="menu">
        <ul>
            <li><a href="javascript:showProfile();">Profile</a></li>
            <!--<li><a href="javascript:showHowToPlay();">HowToPlay</a></li>-->
            <li><a href="https://twitter.com/yuhi_dosei">Twitter</a></li>
            <li><a href="https://github.com/yuhi-dosei">GitHub</a></li>
        </ul>
    </div>
    <div id="profile" class="profile" style="visibility:hidden;">
        <div class="contents">
            <div class="text">
            <p>佐藤有飛</p>
            <p>2001.03.31 爆誕</p>
            <p>20歳 独身</p>
            <br/>
            <p>借金〇〇万円</p>
            <p>登壇したイベントがあまりにもつまらないため顔を銀色に塗る。</p>
            <p>公立はこだて未来大学在学中</p>
            </div>
        </div>
    </div>
    
</body>
</html>