diff --git a/index.html b/index.html
index 151b058..a1a794b 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
             padding: 20px;
             line-height: 1.6;
         }
+
         .container {
             max-width: 800px;
             margin: auto;
@@ -23,6 +24,7 @@
             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
             text-align: center;
         }
+
         .button {
             background-color: #007bff;
             color: #fff;
@@ -34,9 +36,11 @@
             transition: background-color 0.3s;
             font-weight: 500;
         }
+
         .button:hover {
             background-color: #0056b3;
         }
+
         textarea {
             width: 100%;
             padding: 10px;
@@ -45,64 +49,70 @@
             margin-top: 10px;
         }
     </style>
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/vanjs-org/van/public/van-1.2.7.nomodule.min.js"></script>
+    <script type="text/javascript"
+            src="https://cdn.jsdelivr.net/gh/vanjs-org/van/public/van-1.2.7.nomodule.min.js"></script>
 </head>
 <body>
-    <div class="container" id="appContainer">
-        <label for="yamlContent"></label><textarea id="yamlContent" rows="10"></textarea><br>
-        <button class="button" onclick="loadData()">Reload Data</button>
-        <button class="button" onclick="saveData()">Save Data</button>
-        <div id="statusMessage"></div>
-    </div>
-    <script>
-        function displayStatus(message) {
-            document.getElementById('statusMessage').textContent = message;
-        }
+<div class="container" id="appContainer">
+    <label for="yamlContent"></label><textarea id="yamlContent" rows="10"></textarea><br>
+    <button class="button" onclick="loadData()">Reload Data</button>
+    <button class="button" onclick="saveData()">Save Data</button>
+    <div id="statusMessage"></div>
+</div>
+<script>
+    function displayStatus(message) {
+        document.getElementById('statusMessage').textContent = message;
+    }
 
-        async function loadData() {
-            try {
-                displayStatus('Loading data...');
-                const response = await fetch('/data');
-                if (!response.ok) {
-                    displayStatus(`HTTP error! Status: ${response.status}`);
-                    return;
-                }
-                const data = await response.json();
-                if (typeof data !== 'object' || data === null || !('text' in data)) {
-                    displayStatus('Invalid format in response data');
-                    return;
-                }
-                document.getElementById('yamlContent').value = data.text || '';
-            } catch (error) {
-                console.error('Error loading data:', error);
-                displayStatus(`Failed to load data: ${error.message}`);
-            } finally {
-                displayStatus('');
+    async function loadData() {
+        try {
+            displayStatus('Loading data...');
+            const response = await fetch('/data');
+            if (!response.ok) {
+                displayStatus(`HTTP error! Status: ${response.status}`);
+                return;
             }
+            const data = await response.json();
+            if (typeof data !== 'object' || data === null || !('text' in data)) {
+                displayStatus('Invalid format in response data');
+                return;
+            }
+            document.getElementById('yamlContent').value = data.text || '';
+        } catch (error) {
+            console.error('Error loading data:', error);
+            displayStatus(`Failed to load data: ${error.message}`);
+        } finally {
+            displayStatus('');
         }
+    }
 
-        function saveData() {
-            const content = document.getElementById('yamlContent').value;
-            displayStatus('Saving data...');
-            fetch('/data', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({ text: content }),
+    function saveData() {
+        const content = document.getElementById('yamlContent').value;
+        displayStatus('Saving data...');
+        fetch('/data', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({text: content}),
+        })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! Status: ${response.status}`);
+                }
+                return response.text();
             })
-                .then(response => response.text())
-                .then(data => {
-                    alert(data);
-                    displayStatus('');
-                })
-                .catch(error => {
-                    console.error('Error:', error);
-                    displayStatus('Failed to save data.');
-                });
-        }
+            .then(data => {
+                alert(data);
+                displayStatus('');
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                displayStatus('Failed to save data.');
+            });
+    }
 
-        loadData();
-    </script>
+    loadData();
+</script>
 </body>
 </html>
