66 lines
2.4 KiB
HTML
66 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Factorio recipes</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<script type="text/javascript" src="script.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="item-list">
|
|
<div>
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
@
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
*
|
|
<input value="4" />
|
|
</div>
|
|
<f-grid>
|
|
<f-row>
|
|
<f-item name="basic-oil-processing"></f-item>
|
|
<f-item name="advanced-oil-processing"></f-item>
|
|
</f-row>
|
|
<f-row>
|
|
<f-item name="iron-gear-wheel"></f-item>
|
|
<f-item name="iron-stick"></f-item>
|
|
<f-item name="copper-cable"></f-item>
|
|
<f-item name="barrel"></f-item>
|
|
<f-item name="electronic-circuit"></f-item>
|
|
<f-item name="advanced-circuit"></f-item>
|
|
<f-item name="processing-unit"></f-item>
|
|
<f-item name="engine-unit"></f-item>
|
|
<f-item name="electric-engine-unit"></f-item>
|
|
<f-item name="flying-robot-frame"></f-item>
|
|
<f-item name="low-density-structure"></f-item>
|
|
<f-item name="rocket-fuel"></f-item>
|
|
<f-item name="rocket-fuel" id="test-item"></f-item>
|
|
</f-row>
|
|
<f-row id="test-row"></f-row>
|
|
</f-grid>
|
|
<!--<div>
|
|
<div class="spacer"></div>
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
@
|
|
<input value="4" disabled />
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
=
|
|
<input value="4" disabled />
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
+
|
|
<input value="4" disabled />
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
->
|
|
<input value="4" disabled />
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
+
|
|
<input value="4" disabled />
|
|
<button><img src="__base__/graphics/icons/low-density-structure.png" class="item" /></button>
|
|
</div>-->
|
|
</div>
|
|
</body>
|
|
</html>
|