fix: default project beautify code

abose · abose · commit 4671da1640ad · 2024-11-30T12:09:23.000+05:30
diff --git a/src/assets/default-project/en/index.html b/src/assets/default-project/en/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
     <head>
         <title>Phoenix editor</title>
@@ -12,35 +12,27 @@
             <img id="logo" alt="logo" src="images/phoenix-logo.svg" />
             <div id="MainText">
                 <h1>Phoenix Code</h1>
-                <span>CLICK_HERE<br /></span><br />
+                <span>Click here to locate this &lt;span&gt; in the HTML file<br /></span><br />
             </div>
             <div class="video-container">
                 <a
-                        href="https://www.youtube.com/watch?feature=player_embedded&v=Jkg3nAZ6vF8"
-                        target="_blank"
-                        title="Phoenix YouTube Channel">
+                    href="https://www.youtube.com/watch?feature=player_embedded&v=Jkg3nAZ6vF8"
+                    target="_blank"
+                    title="Phoenix YouTube Channel">
                     <img
-                            src="images/youtube_video.png"
-                            alt="Phoenix Code on YouTube"
-                            title="Phoenix Code on YouTube"
-                            style="max-width: 320px;" />
+                        src="images/youtube_video.png"
+                        alt="Phoenix Code on YouTube"
+                        title="Phoenix Code on YouTube"
+                        style="max-width: 320px" />
                 </a>
                 <svg class="play-button" viewBox="0 0 200 200" alt="Play video">
-                    <circle
-                            cx="100"
-                            cy="100"
-                            r="90"
-                            fill="#333"
-                            fill-opacity="0.6" />
+                    <circle cx="100" cy="100" r="90" fill="#333" fill-opacity="0.6" />
                     <polygon points="70, 55 70, 145 145, 100" fill="white" />
                 </svg>
             </div>
         </div>
         <img id="cloudLeftTop" alt="cloud" src="images/vector-top-left.png" />
-        <img
-            id="cloudBottomRight"
-            alt="cloud"
-            src="images/vector-bottom-right.png" />
+        <img id="cloudBottomRight" alt="cloud" src="images/vector-bottom-right.png" />
         <img id="starsRight" alt="stars" src="images/stars-right.svg" />
         <img
             class="clouds"
diff --git a/src/assets/default-project/en/script.js b/src/assets/default-project/en/script.js
@@ -3,12 +3,12 @@ function onPageLoaded() {
     console.log("page loaded");
 }
 
-document.addEventListener('DOMContentLoaded', function() {
+document.addEventListener("DOMContentLoaded", function () {
     // Listen for clicks on elements with the class 'play-button'
-    document.querySelectorAll('.play-button').forEach(function(button) {
-        button.addEventListener('click', function() {
+    document.querySelectorAll(".play-button").forEach(function (button) {
+        button.addEventListener("click", function () {
             // When a play button is clicked, simulate a click on the <a> tag within the same .video-container
-            this.parentNode.querySelector('a').click();
+            this.parentNode.querySelector("a").click();
         });
     });
 });
