55 lines
2.6 KiB
PHP
55 lines
2.6 KiB
PHP
<div class="resource-row">
|
|
<div>
|
|
<div class="panel-title">RESOURCES</div>
|
|
<div class="muted">sticky bar</div>
|
|
</div>
|
|
|
|
<div class="stats">
|
|
<div class="stat" data-resource="metal">
|
|
<div class="stat-k">Metall</div>
|
|
<div class="stat-v" id="res-metal" data-resource-value="metal"><span class="dot dot-cyan"></span> 12.340</div>
|
|
<div class="stat-bar"><span style="width:72%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="crystals">
|
|
<div class="stat-k">Kristall</div>
|
|
<div class="stat-v" id="res-crystals" data-resource-value="crystals"><span class="dot dot-pink"></span> 6.120</div>
|
|
<div class="stat-bar"><span style="width:44%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="deuterium">
|
|
<div class="stat-k">Deuterium</div>
|
|
<div class="stat-v" id="res-deuterium" data-resource-value="deuterium"><span class="dot dot-green"></span> 3.880</div>
|
|
<div class="stat-bar"><span style="width:18%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="energy">
|
|
<div class="stat-k">Energie</div>
|
|
<div class="stat-v" id="res-energy" data-resource-value="energy"><span class="dot dot-warn"></span> +120</div>
|
|
<div class="stat-bar"><span style="width:60%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="alloy">
|
|
<div class="stat-k">Legierung</div>
|
|
<div class="stat-v" id="res-alloy" data-resource-value="alloy"><span class="dot dot-cyan"></span> 0</div>
|
|
<div class="stat-bar"><span style="width:40%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="credits">
|
|
<div class="stat-k">Credits</div>
|
|
<div class="stat-v" id="res-credits" data-resource-value="credits"><span class="dot dot-pink"></span> 0</div>
|
|
<div class="stat-bar"><span style="width:35%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="population">
|
|
<div class="stat-k">Bevölkerung</div>
|
|
<div class="stat-v" id="res-population" data-resource-value="population"><span class="dot dot-green"></span> 0</div>
|
|
<div class="stat-bar"><span style="width:55%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="water">
|
|
<div class="stat-k">Wasser</div>
|
|
<div class="stat-v" id="res-water" data-resource-value="water"><span class="dot dot-cyan"></span> 0</div>
|
|
<div class="stat-bar"><span style="width:30%"></span></div>
|
|
</div>
|
|
<div class="stat" data-resource="food">
|
|
<div class="stat-k">Nahrung</div>
|
|
<div class="stat-v" id="res-food" data-resource-value="food"><span class="dot dot-green"></span> 0</div>
|
|
<div class="stat-bar"><span style="width:60%"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|