Rename hacker-style.html to index.html

hacker-style.html → index.html

@@ -380,70 +380,70 @@
             <button id="edit-next-marker" class="hacker-btn secondary">
                 <span class="glow-text">EDIT NEXT MARKER</span>
             </button>
-            <button id="generate-html" class="hacker-btn">
-                <span class="glow-text">GENERATE HTML</span>
-            </button>
-            <button id="copyButton" class="hacker-btn secondary">
-                <span class="glow-text">COPY CODE</span>
-            </button>
             <button onclick="if(confirm('DELETE ALL DATA? THIS CANNOT BE UNDONE.')){if(confirm('CONFIRM FULL SYSTEM RESET?')){localStorage.removeItem('leafletMap');location.reload()}}" class="hacker-btn danger">
                 <span class="glow-text">FULL RESET</span>
             </button>
         </div>
 
         <div class="hacker-container">
-            <div class="terminal-line glow-text">MAP RENDERING AREA:</div>
+            <div class="terminal-line glow-text">マップエディター:</div>
             <div id="map"></div>
         </div>
 
         <div id="marker-editor">
             <h3>MARKER EDITOR</h3>
-            <div class="terminal-line">LATITUDE:</div>
+            <div class="terminal-line">緯度:</div>
             <input type="text" id="marker-lat" placeholder="35.681236">
             <div class="hacker-divider"></div>
-            <div class="terminal-line">LONGITUDE:</div>
+            <div class="terminal-line">経度:</div>
             <input type="text" id="marker-lng" placeholder="139.767125">
             <div class="hacker-divider"></div>
-            <div class="terminal-line">ICON SOURCE:</div>
+            <div class="terminal-line">アイコンのソース:</div>
             <div id="icon-upload-input" style="display: block; margin-bottom: 20px;">
                 <label for="marker-icon-upload">UPLOAD ICON:</label>
                 <input type="file" id="marker-icon-upload" accept="image/*">
             </div>
             <div class="hacker-divider"></div>
             <div id="icon-url-input" style="display: block; margin-bottom: 20px;">
-                <label for="marker-icon-url">ICON URL:</label>
+                <label for="marker-icon-url">アイコンのURL:</label>
                 <input type="text" id="marker-icon-url" value="https://unpkg.com/leaflet@1.9.3/dist/images/marker-icon-2x.png">
                 <button id="load-icon-url" class="hacker-btn secondary mt-2">LOAD IMAGE</button>
             </div>
             <img id="icon-preview" src="" alt="ICON PREVIEW">
             <div id="icon-settings">
-                <div class="terminal-line">ICON WIDTH:</div>
+                <div class="terminal-line">アイコンの幅:</div>
                 <input type="range" id="icon-width" min="10" max="100" value="25">
                 <input type="number" id="icon-width-input" min="10" max="100" value="25">
                 <span id="icon-width-value" style="color: var(--hacker-primary);">25</span>px
 
-                <div class="terminal-line">ICON HEIGHT:</div>
+                <div class="terminal-line">アイコンの高さ:</div>
                 <input type="range" id="icon-height" min="10" max="100" value="41">
                 <input type="number" id="icon-height-input" min="10" max="100" value="41">
                 <span id="icon-height-value" style="color: var(--hacker-primary);">41</span>px
             </div>
             <div class="hacker-divider"></div>
-            <div class="terminal-line">POPUP HTML:</div>
+            <div class="terminal-line">ポップアップHTML:</div>
             <textarea id="marker-popup" placeholder="<b>LOCATION NAME</b><br>Additional info here"></textarea>
-            <div class="terminal-line">TOOLTIP HTML:</div>
+            <div class="terminal-line">ツールチップHTML:</div>
             <textarea id="marker-tooltip" placeholder="Hover text here"></textarea>
             <div class="hacker-divider"></div>
             <button id="save-marker" class="hacker-btn">
-                <span class="glow-text">SAVE MARKER</span>
+                <span class="glow-text">保存</span>
             </button>
             <button id="delete-marker" class="hacker-btn danger">
-                <span class="glow-text">DELETE MARKER</span>
+                <span class="glow-text">削除</span>
             </button>
         </div>
 
         <div class="hacker-container">
-            <div class="terminal-line glow-text">GENERATED CODE:</div>
-            <div id="output-code">CODE WILL APPEAR HERE AFTER GENERATION</div>
+            <button id="generate-html" class="hacker-btn">
+                <span class="glow-text">GENERATE HTML</span>
+            </button>
+            <button id="copyButton" class="hacker-btn secondary">
+                <span class="glow-text">COPY CODE</span>
+            </button>
+            <div class="terminal-line glow-text">埋め込みコード:</div>
+            <div id="output-code"></div>
         </div>
     </div>