index.ejs 3.55 KB
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title><%= title %></title>
    <link rel="icon" href = "/lolinfologo.png">
    <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">
    <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>
    <script>
    $(document).ready(function(){


      $("button#searchButton").click(function(){
        var name = $("input").val();
        location.href = "/search/" + name;
      })
    });
    </script>
  </head>
  <body>


        <div class="imgOpacity">
        <div class="center">
          <img src= "/lolinfologo.png" width = 150, height = 150/>
        </div>
        <div class="center2">
        <input type="text" class="input_text" placeholder="소환사 이름">
        <span class="input-group-btn">
          <button id="searchButton" class="btn btn-primary" type="button" onclick="search(name)">click!</button>
        </span>
        </div>
        </div>




      <br></br>
      <font size=10em>
        <strong>
          <%= c_summoner + "\n"%>
        </strong>
      </font>

      <table class="basic">
            <tbody>
              <tr><td> <img src= <%=c_imgtier%> width=120, height=120></td></tr>
              <tr><td><%= "Tier : " + c_tier + " " + c_rank + " / " + c_leaguePoint + "점"%></td></tr>
              <tr><td><%= "Win : " + c_wins + "   /   Lose : " + c_losses%></td></tr>
              <tr><td><%= "승률 : " + ((c_wins/(c_wins+c_losses))*100).toFixed(2) + "%" %></td></tr>
              <tr><td><%= "캐리력 : " + (c_wins/c_losses*2).toFixed(2) %></td></tr>
            </tbody>
        </table>


        <br></br>

        <div class="center">
            <strong>
          <%= "로테이션 챔피언: "  %>
        </strong>
          <% for (var i=0; i<c_rotation.length; i++){ %>
              <img src= <%=c_rotation[i]%> width=50, height=50>
              <% } %>
      </div>

      <br></br>

        <div class="center">
            <strong>
          <%= "초보자용 로테이션 챔피언: "  %>
        </strong>
          <% for (var i=0; i<c_rotation_newbie.length; i++){ %>
              <img src= <%=c_rotation_newbie[i]%> width=50, height=50>
              <% } %>
      </div>


      <br></br>

        </div>
        <div class="center">
          <strong>
        <%= "추측 MMR:"  %>
        <%if (c_tier=="SILVER") {%>
          <%="1200~1500"%>
          <%}%>
        <%if (c_tier=="GOLD") {%>
          <%="1500~1800"%>
          <%}%>
        <%if (c_tier=="PLATINUM") {%>
          <%="1800~2100"%>
          <%}%>
        <%if (c_tier=="DIAMOND") {%>
          <%="2100~2400"%>
          <%}%>
        <%if (c_tier=="MASTER") {%>
            <%="2400~2600"%>
            <%}%>
        <%if (c_tier=="GRANDMASTER") {%>
            <%="2600~2800"%>
            <%}%>
        <%if (c_tier=="CHALLENGER") {%>
            <%=">3000"%>
            <%}%>
      </strong>
      </div>
      <% for (var i=0; i<c_id.length-1; i++){ %>
        <div class="champImage">
          <div class="center">
          <img src= <%=c_pic[i]%> width=50, height=50>
          <%= c_name[i] %>
          <%= "point: " + (1000000/c_point[i]).toFixed(2) %>
          <% } %>
        </div>


</div>
</body>
</html>