index.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>SNUPS : Seoul National University Problem Solvers</title>
    <meta name="description" content="SNUPS(스눕스)는 서울대학교 컴퓨터공학부 소속의 동아리이며, ACM-ICPC를 비롯한 각종 프로그래밍 대회를 준비하며 알고리즘을 공부하고 실제 문제를 해결하는 것을 연구하는 학회 성격의 동아리입니다." />

    <link rel="stylesheet" type="text/css" href="/style.css" />
    <style type="text/css">
    </style>

    <script src="/resource/front-picture-list.js"></script>
    <script>
        window.onload = function () {
            var album_picked = Math.floor(Math.random() * albums.length);
            var picture_picked = Math.floor(Math.random() * albums[album_picked].pictures.length);
            document.getElementById('front-picture').src = albums[album_picked].pictures[picture_picked];
            document.getElementById('front-picture-tag').innerText = albums[album_picked].title;
        };
    </script>
</head>

<body>

<header>
    <p class="logo-wrapper"><a href="/"><img src="/resource/snups.logo.modified.png" width="160" alt="logo" /></a></p>
    <p>서울대학교 Problem Solving 동아리 SNUPS</p>
</header>
<nav>
    <ul>
        <li><a href="/">홈</a></li>
        <li><a href="/intro.html">소개</a></li>
        <li><a href="/records.html">기록</a></li>
        <li><a href="/etc.html">기타</a></li>
        <li><a href="/apply.html"><strong>★☆★가입하기★☆★</strong></a></li>
    </ul>
</nav>
<hr />

<div id="content">

<div style="text-align: center; margin: 20px 0;">
    <img id="front-picture" style="width: 95%;" alt="front-picture" />
    <p id="front-picture-tag" style="margin: 0; font-size: 0.8em;"></p>
</div>

</div> <!-- #content -->

</body>
</html>