2018-12-01 16:51:26 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2019-03-18 19:55:33 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2018-12-01 16:51:26 +00:00
|
|
|
<title>Riot Api Node</title>
|
2018-12-11 22:17:33 +00:00
|
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
|
2019-03-18 19:55:33 +00:00
|
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
|
2018-12-01 16:51:26 +00:00
|
|
|
<!-- Custom CSS -->
|
|
|
|
|
<link rel="stylesheet" href="public/style.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
2018-12-11 22:17:33 +00:00
|
|
|
<body class="font-sans bg-grey-lighter">
|
|
|
|
|
|
|
|
|
|
<div class="loader--overlay">
|
|
|
|
|
<div class="loader-container">
|
|
|
|
|
<div class="LoaderBalls">
|
|
|
|
|
<div class="LoaderBalls__item"></div>
|
|
|
|
|
<div class="LoaderBalls__item"></div>
|
|
|
|
|
<div class="LoaderBalls__item"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2018-12-10 20:03:04 +00:00
|
|
|
<button class="debug"></button>
|
|
|
|
|
|
2018-12-01 16:51:26 +00:00
|
|
|
<div class="search">
|
2018-12-11 22:17:33 +00:00
|
|
|
<div class="container mx-auto">
|
2018-12-01 16:51:26 +00:00
|
|
|
|
2019-03-18 19:55:33 +00:00
|
|
|
<form class="flex items-center mb-6" id="changeName" method="post" action="api">
|
|
|
|
|
<input type="search" class="hadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline mr-1" id="name" name="playerName" placeholder="Pseudo du Joueur">
|
|
|
|
|
<button type="submit" class="bg-white hover:bg-grey-lightest text-grey-darkest font-semibold py-2 px-4 mr-1 border border-grey-light rounded shadow">
|
2018-12-11 22:17:33 +00:00
|
|
|
Chercher
|
|
|
|
|
</button>
|
2019-03-18 19:55:33 +00:00
|
|
|
<button id="refresh" class="bg-white hover:bg-grey-lightest text-grey-darkest font-semibold py-2 px-4 border border-grey-light rounded shadow">
|
|
|
|
|
<i class="fas fa-sync"></i>
|
|
|
|
|
</button>
|
2018-12-01 16:51:26 +00:00
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2018-12-11 22:17:33 +00:00
|
|
|
<div class="container mx-auto pb-16">
|
|
|
|
|
<div class="player shadow-md">
|
2018-12-01 16:51:26 +00:00
|
|
|
<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
|
|
|
|
|
|
|
|
|
2018-12-11 22:17:33 +00:00
|
|
|
<!--<ul class="list-matches--debug">
|
|
|
|
|
|
2018-12-10 20:03:04 +00:00
|
|
|
<li class="match">
|
|
|
|
|
<div class="content-container">
|
|
|
|
|
|
|
|
|
|
<div class="first">
|
2018-12-11 22:17:33 +00:00
|
|
|
<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>
|
2018-12-10 20:03:04 +00:00
|
|
|
</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>
|
2018-12-11 22:17:33 +00:00
|
|
|
</ul>-->
|
2018-12-10 20:03:04 +00:00
|
|
|
|
2018-12-01 16:51:26 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2018-12-11 22:17:33 +00:00
|
|
|
<script src="public/data.js"></script>
|
2018-12-10 20:03:04 +00:00
|
|
|
<script src="public/functions.js"></script>
|
2019-03-18 19:55:33 +00:00
|
|
|
<script src="public/summoner.js"></script>
|
2018-12-01 16:51:26 +00:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
