spells
Version:
360 Spells of 360 Colors
55 lines (52 loc) • 1.67 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Spells</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/index.css">
</head>
<body>
<h1 class="title">360 Spells of 360 Colors</h1>
<div class="container clearfix">
<div
class="spell spell-large"
style="border-color: hsl(120, 100%, 50%)"
title="Heal"
>
<i
class="spell_icon fa fa-plus"
style="color: hsl(120, 100%, 50%)"
></i>
</div>
<div class="spell_name_container">
<h2 class="spell_name">Heal</h2>
</div>
</div>
<div class="container">
<pre class="spell_content"><code>{
"hue": 120,
"color": "hsl(120, 100%, 50%)",
"name": "Heal",
"icon": "fa-plus",
"description": "Balabala...",
"type": 2,
"cost": 10,
"cooldown": 0,
"effects": [
{
"effect_type": 2,
"restore": 10,
"effect_type_name": "Restore Health"
}
],
"spell_json": "/spells/120.json",
"spell_html": "/spells/120.html",
"type_name": "Healing"
}</code></pre>
</div>
</body>
</html>