허연우 / FindMe.GG

Go to a project
Toggle navigation Toggle navigation pinning
gyu_hyeok
c2ceb490 1 parent 2e5ffb14

add champ, trait demo version ejs

Inline Side-by-side
Showing 2 changed files with 156 additions and 0 deletions
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <meta charset="utf-8">
5 + <title><%= title %></title>
6 + <link rel="icon" href = "https://teamfighttactics.leagueoflegends.com/static/24eaaf3a8fb2a932281f8990cd93f475/c74cc/pengu.png">
7 + <link rel="stylesheet" href="css/style.css">
8 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
9 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
10 + <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
11 + <style> @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");</style>
12 + <script>
13 + $(document).ready(function(){
14 +
15 +
16 + $("button#searchButton").click(function(){
17 + var name = $("input").val();
18 + location.href = "http://localhost:3000/search/" + name;
19 + })
20 + });
21 + </script>
22 + </head>
23 + <body>
24 +
25 +
26 + <div class="imgOpacity">
27 + <div class="center">
28 + <img src= "https://teamfighttactics.leagueoflegends.com/static/24eaaf3a8fb2a932281f8990cd93f475/c74cc/pengu.png" width = 150, height = 150/>
29 + </div>
30 + <div class="center2">
31 + <input type="text" class="input_text" placeholder="소환사 이름">
32 + <span class="input-group-btn">
33 + <button id="searchButton" class="btn btn-primary" type="button" onclick="search(name)">click!</button>
34 + </span>
35 + </div>
36 + </div>
37 +
38 +
39 +
40 +
41 + <br></br>
42 + <font size=10em>
43 + <strong>
44 + <%= c_summoner + "\n"%>
45 + </strong>
46 + </font>
47 +
48 + <table class="basic">
49 + <tbody>
50 + <tr><td> <img src= <%=c_imgtier%> width=120, height=120></td></tr>
51 + <tr><td><%= "Tier : " + c_tier + " " + c_rank + " / " + c_leaguePoint + "점"%></td></tr>
52 + <tr><td><%= "Win : " + c_wins + " / Lose : " + c_losses%></td></tr>
53 + <tr><td><%= "승률 : " + ((c_wins/(c_wins+c_losses))*100).toFixed(2) + "%" %></td></tr>
54 +
55 +
56 + </tbody>
57 + </table>
58 + <div class="center">
59 + <strong>
60 + <%= "Traits : " %>
61 + </strong>
62 + <% for (var i=0; i<c_imgtrait.length; i++){ %>
63 + <img src= <%=c_imgtrait[i]%> width=30, height=30>
64 + <% } %>
65 + </div>
66 +
67 + <div class="center">
68 + <strong>
69 + <%= "Champions : " %>
70 + </strong>
71 + <% for (var i=0; i<c_imgchar.length; i++){ %>
72 + <img src= <%=c_imgchar[i]%> width=50, height=50>
73 + <% } %>
74 + </div>
75 +
76 +
77 + <br></br>
78 +
79 + <br></br>
80 +
81 + </div>
82 + <div class="center">
83 + <strong>
84 + <%= "추측 MMR:" %>
85 + <%if (c_tier=="SILVER") {%>
86 + <%="1200~1500"%>
87 + <%}%>
88 + <%if (c_tier=="GOLD") {%>
89 + <%="1500~1800"%>
90 + <%}%>
91 + <%if (c_tier=="PLATINUM") {%>
92 + <%="1800~2100"%>
93 + <%}%>
94 + <%if (c_tier=="DIAMOND") {%>
95 + <%="2100~2400"%>
96 + <%}%>
97 + <%if (c_tier=="MASTER") {%>
98 + <%="2400~2600"%>
99 + <%}%>
100 + <%if (c_tier=="GRANDMASTER") {%>
101 + <%="2600~2800"%>
102 + <%}%>
103 + <%if (c_tier=="CHALLENGER") {%>
104 + <%=">3000"%>
105 + <%}%>
106 + </strong>
107 + </div>
108 + <% for (var i=0; i<c_id.length-1; i++){ %>
109 + <div class="champImage">
110 + <div class="center">
111 + <img src= <%=c_pic[i]%> width=50, height=50>
112 + <%= c_name[i] %>
113 + <%= "point: " + (1000000/c_point[i]).toFixed(2) %>
114 + <% } %>
115 + </div>
116 +
117 +
118 +</div>
119 +</body>
120 +</html>
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <meta charset="utf-8">
5 + <title><%= title %></title>
6 + <link rel="icon" href = "https://teamfighttactics.leagueoflegends.com/static/24eaaf3a8fb2a932281f8990cd93f475/c74cc/pengu.png">
7 + <link rel="stylesheet" href="css/style.css">
8 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
9 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
10 + <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
11 + <style> @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");</style>
12 + <script>
13 + $(document).ready(function(){
14 +
15 +
16 + $("button#searchButton").click(function(){
17 + var name = $("input").val();
18 + location.href = "http://localhost:3000/search/" + name;
19 + })
20 + });
21 + </script>
22 + </head>
23 + <body>
24 + <div class="imgOpacity">
25 + <div class="center">
26 + <img src= "https://teamfighttactics.leagueoflegends.com/static/24eaaf3a8fb2a932281f8990cd93f475/c74cc/pengu.png" width = 300, height = 300/>
27 + </div>
28 + <div class="center2">
29 + <input type="text" class="input_text" placeholder="소환사 이름">
30 + <span class="input-group-btn">
31 + <button id="searchButton" class="btn btn-primary" type="button" onclick="search(name)">click!</button>
32 + </span>
33 + </div>
34 + </div>
35 +</body>
36 +</html>