index.ejs 3.63 KB
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title><%= title %></title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Piedra">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <style>
        @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
    </style>

</head>

<body>
    <div class="Chess">
        <div class="Banner">
            <div class="Icon">
                <img src="giphy.gif" width=100 height=100 float="left" />
                <h1
                    style="float: left; color:white; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-style: italic;">
                    Chess.gg</h1>
            </div>
            <div class="Button_e">
                <form action='/search' method="get">
                    <textarea name='summoner' placeholder="소환사 이름"></textarea>
                    <input type="submit" value='Click'>
                </form>
            </div>
            <div class="Bannerpng">
                <img src="Banner.png" width="615" height="215">
            </div>
        </div>
        <div class="Button2">
            <div style="position:absolute; top:30px; right:60%">
                <img src=<%=c_profileIconId%> width=150 height=150 />
            </div>
            <div style="position:absolute; top:50px; right:45%">
                <strong style="font-family: Nanum Gothic;color:black;font-size: xx-large;"><%=c_name%></strong>
            </div>
            <div style="position:absolute; top:110px; right:42%">
                <strong style="font-family: Nanum Gothic;color:black;font-size: x-large;">승률: <%=c_winning_rate%>% (승리
                    <%=c_wins%>회)</strong>
            </div>
        </div>
        <div class="Button2">
            <div class='tier'>
                <img src=<%=c_imgtier%> width=200 height=200 />
            </div>
            <div class="tier__summary">
                <div class="block" style="margin: 10px;">
                    <p style="font-family: Nanum Gothic;color:rgb(97, 94, 94);font-size: medium;">티어</p>
                </div>
                <span class="profile__tier__summary__tier text-platinum" style="margin-right: 10px;"><strong
                        style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: large"><%=c_tier%>
                        <%=c_rank%></strong></span>
                <span class="profile__tier__summary__lp"><%=c_leaguePoints%> LP</span>
            </div>

        </div>
        <div class="Button2">
            <div style="position:absolute; top:110px; right:82%">
                <strong style="font-family: Nanum Gothic;font-size: x-large;"><%=c_temp_all%>등</strong>
            </div>
            <div class="game" style="position:absolute; top:100px; right:60%">
                <% for(var i=0;i<c_temp_all_traits.length;i++) { %>
                    <img src = <%=c_temp_all_traits[i]%> width=50px; height:50px/>
                <% } %>
            </div>
            <div style="position:absolute; top:100px; right:20%"> 
                <% for(var i=0;i<c_temp_all_units.length;i++) { %>
                    <img src = <%=c_temp_all_units[i]%> width=60px; height:60px/>
                <% } %>
            </div>
        </div>
</body>

</html>