LeagueStats/index.html

100 lines
3.7 KiB
HTML
Raw Normal View History

2018-12-01 16:51:26 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Riot Api Node</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="public/style.css">
</head>
<body>
2018-12-10 20:03:04 +00:00
<button class="debug"></button>
2018-12-01 16:51:26 +00:00
<div class="search">
<div class="container">
2018-12-03 21:11:52 +00:00
<form class="form-inline" id="changeName" method="POST" action="api">
2018-12-01 16:51:26 +00:00
<input type="text" class="form-control mb-2 mr-sm-2" id="name" name="playerName" placeholder="Pseudo du Joueur">
<button type="submit" class="btn btn-primary mb-2">Chercher</button>
</form>
</div>
</div>
<div class="container">
<div class="player">
<div class="player__pp"></div>
<h1 class="player__name">Default name</h1>
<h3 class="player__level">Default level</h3>
<h3 class="player__rank">Default division</h3>
<div class="player__rank-img"></div>
<h3 class="player__ratio">Default ratio</h3>
2018-12-10 20:03:04 +00:00
<ul class="list-matches--debug">
<!--<li class="lose">
Vayne - BOTTOM
</li>-->
<li class="match">
<div class="content-container">
<div class="first">
<img src="/public/img/champions/Vayne.png" class="champion-img" alt="example design">
<span class="level">17</span>
<div class="summonerSpells">
<img class="spell-icon" src="https://cdn.valentinkaelin.ch/riot/spells/SummonerFlash.png" alt="Flash">
<img class="spell-icon" src="https://cdn.valentinkaelin.ch/riot/spells/SummonerDot.png" alt="Ignite">
</div>
<span class="champion-name">Vayne</span>
</div>
<div class="second">
<div class="map">Summoner's Rift</div>
<div class="gamemode">Normal (Draft Mode)</div>
</div>
<div class="third">
<img src="https://cdn.valentinkaelin.ch/riot/items/3140.png" class="item" alt="example design">
<img src="https://cdn.valentinkaelin.ch/riot/items/3153.png" class="item" alt="example design">
<img src="https://cdn.valentinkaelin.ch/riot/items/3031.png" class="item" alt="example design">
<img src="https://cdn.valentinkaelin.ch/riot/items/3124.png" class="item" alt="example design">
<img src="https://cdn.valentinkaelin.ch/riot/items/3094.png" class="item" alt="example design">
<img src="https://cdn.valentinkaelin.ch/riot/items/3006.png" class="item" alt="example design">
<img src="https://cdn.valentinkaelin.ch/riot/items/3363.png" class="item" alt="example design">
</div>
<div class="fourth">
<div class="score">8/6/9</div>
<div class="gold-farm">
<div class="gold">16.2k</div>
<div class="farm">227</div>
</div>
<div class="duration-date">
<div class="duration">40:31</div>
<div class="date">1/12/2018</div>
</div>
</div>
</div>
</li>
</ul>
2018-12-01 16:51:26 +00:00
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
2018-12-10 20:03:04 +00:00
<script src="public/functions.js"></script>
2018-12-01 16:51:26 +00:00
<script src="public/client.js"></script>
</body>
</html>