<html>
<head>
  <title>MOD投稿フォーム</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="form-container">
    <h1>MOD投稿フォーム</h1>

    <div class="section">
      <label class="section-title">MOD Name:</label>
      <input type="text" id="name" placeholder="MOD NAME">
    </div>

    <div class="section">
      <label class="section-title">MOD Version:</label>
      <label><input type="checkbox" id="1.8">1.8.9</label>
      <label><input type="checkbox" id="1.12">1.12</label>
      <label><input type="checkbox" id="1.16">1.16</label>
      <label><input type="checkbox" id="1.18">1.18</label>
      <label><input type="checkbox" id="1.19">1.19</label>
      <label><input type="checkbox" id="1.20">1.20</label>
      <label><input type="checkbox" id="1.21">1.21</label>
    </div>

    <div class="section">
      <label class="section-title">MOD Loader:</label>
      <label><input type="radio" name="q" id="fabric" checked>Fabric</label>
      <label><input type="radio" name="q" id="forge">Forge</label>
      <label><input type="radio" name="q" id="quilt">Quilt</label>
      <label><input type="radio" name="q" id="neoforge">Neoforge</label>
      <label><input type="radio" name="q" id="other">Other</label>
    </div>

    <div class="section">
      <label class="section-title">MOD Description:</label>
      <textarea id="description" rows="5" cols="30" placeholder="MOD Description..."></textarea>
    </div>

    <div class="section">
      <label class="section-title">MOD Tags:</label>
      <input type="text" id="tags" placeholder="tag1,tag2,tag3...">
    </div>

    <div class="section">
      <label class="section-title">MOD URL:</label>
      <input type="text" id="url" placeholder="https://...">
    </div>

    <div class="section">
      <label class="section-title">MOD Icon URL:</label>
      <input type="text" id="iconurl" placeholder="https://example.com/image.png">
    </div>

    <button onclick="sendWebhook()">Send</button>
  </div>

  <script src="script.js"></script>
</body>
</html>