macOS help

LOUDO56 · Apr 13, 2024 · 544e007 · 544e007
2 parents 43fe2ed + 3abb45d
commit 544e007
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 12 deletions.
diff --git a/assets/for_loop.png b/assets/for_loop.png
diff --git a/download.html b/download.html
@@ -18,10 +18,10 @@
             <nav>
                 <div class="title">
                     <img src="assets/logo.png" alt="pymacrorecord logo">
-                    <a href="index" class="title-software">PyMacroRecord</a>
+                    <a href="/" class="title-software">PyMacroRecord</a>
                 </div>
                 <div class="links">
-                    <a href="index">Home</a>
+                    <a href="/">Home</a>
                     <a href="download">Download</a>
                     <a href="https://github.com/LOUDO56/PyMacroRecord">Github</a>
                     <a href="https://github.com/LOUDO56/PyMacroRecord/blob/main/TUTORIAL.md">Help</a>
@@ -33,7 +33,7 @@
         <div class="links-mobile-menu">
             <img src="assets/close.svg" alt="close icon" class="close-icon">
             <div class="links-mobile">
-                <a href="index">Home</a>
+                <a href="/">Home</a>
                 <a href="download">Download</a>
                 <a href="https://github.com/LOUDO56/PyMacroRecord">Github</a>
                 <a href="https://github.com/LOUDO56/PyMacroRecord/blob/main/TUTORIAL.md">Help</a>
@@ -44,8 +44,8 @@
             <div class="information-download">
                 <div class="download-software">
                     <p class="download-title">Download PyMacroRecord</p>
-                    <a class="download download-page" href="https://github.com/LOUDO56/PyMacroRecord/releases/download/v1.0.5/PyMacroRecord_1.0.5_Setup.exe">Download Setup for Windows</a>
-                    <p class="download-portable">Or... you can download the <a href="https://github.com/LOUDO56/PyMacroRecord/releases/download/v1.0.5/PyMacroRecord_1.0.5-portable.exe">portable</a> version</p>
+                    <a class="download download-page" href="#">Download Setup for Windows</a>
+                    <p class="download-portable">Or... you can download the <a href="#" class="download-portable-link">portable</a> version</p>
                 </div>
 
                 <div class="problem">
@@ -60,7 +60,7 @@
                     <p class="download-title">Installation for Linux and MacOS </p>
                     <p class="download-desc">
                         <p>1. If you didn't already, install <a href="https://www.python.org/downloads/" target="_blank">Python</a></p>
-                        <p>2. Download the last source code <a href="https://github.com/LOUDO56/PyMacroRecord/archive/refs/tags/v1.0.5.zip">here</a>.</p>
+                        <p>2. Download the last source code <a href="#" class="linked source-code">here</a>.</p>
                         <p>3. Extract it wherever you want</p>
                         <p>4. Open the terminal and type <code>cd &lt;PATH TO SOFTWARE FOLDER&gt;</code></p>
                         <p>5. Type the command:</p>
@@ -80,4 +80,4 @@
             <p class="credits">Created by LOUDO. Copyright © LOUDO <span class="current-year"></span>.</p>
         </footer>
     </body>
-</html>
+</html>
diff --git a/index.html b/index.html
@@ -3,10 +3,13 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>PyMacroRecord | Free Macro Recorder</title>
+        <title>PyMacroRecord | Free And User Friendly Macro Recorder</title>
         <link rel="stylesheet" href="style.css">
         <script src="script.js" defer></script>
-        <meta name="description" content="PyMacroRecord is a free macro recorder that lets you record your mouse and keyboard.">
+        <meta name="description" 
+        content=" 
+        PyMacroRecord is a free macro recording program that requires no scripting and is easy to use. You can record mouse movements, clicks and keyboard inputs.
+        ">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link rel="icon" href="assets/favicon.ico">
@@ -18,7 +21,7 @@
             <nav>
                 <div class="title">
                     <img src="assets/logo.png" alt="pymacrorecord logo">
-                    <a href="./index" class="title-software">PyMacroRecord</a>
+                    <a href="/" class="title-software">PyMacroRecord</a>
                 </div>
                 <div class="links">
                     <a href="download">Download</a>
@@ -165,7 +168,7 @@ <h4 class="not-windows">Not having Windows? Follow this <a href="download#instal
                 </div>
 
                 <div class="box-pres reversed">
-                    <img src="assets/interval.png" alt="speed logo" width="170">
+                    <img src="assets/interval.png" alt="interval logo" width="170">
                     <div class="box-text">
                         <p class="box-title">
                             Interval
@@ -181,6 +184,21 @@ <h4 class="not-windows">Not having Windows? Follow this <a href="download#instal
                 </div>
 
                 <div class="box-pres">
+                    <img src="assets/for_loop.png" alt="for loop logo" width="150">
+                    <div class="box-text">
+                        <p class="box-title">
+                            For loop
+                        </p>
+                        <p class="box-desc spaced">
+                            You can play your playbacks <span class="key-word">for x time</span>
+                        </p>
+                        <p>
+                            From 1 second to 24 hours <span class="key-word">straight</span>
+                        </p>
+                    </div>
+                </div>
+
+                <div class="box-pres reversed">
                     <img src="assets/laptop.png" alt="laptop logo" width="170">
                     <div class="box-text">
                         <p class="box-title">

diff --git a/robots.txt b/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://www.pymacrorecord.com/sitemap.xml
diff --git a/script.js b/script.js
@@ -10,4 +10,22 @@ close_menu_icon.addEventListener('click', () => {
     mobile_menu.style.right = "-300px";
 })
 
-document.querySelector(".current-year").textContent = new Date().getFullYear();
+document.querySelector(".current-year").textContent = new Date().getFullYear();
+
+
+// To get the right version of the software without updating everytime the website
+if(window.location.href.includes('download')){
+    const downdloadLink = document.querySelector('.download')
+    const downloadPortable = document.querySelector('.download-portable-link');
+    const sourceLink = document.querySelector('.source-code')
+    fetch('https://api.github.com/repos/LOUDO56/PyMacroRecord/releases/latest')
+        .then(resp => resp.json())
+        .then(ver => {
+            const setupToDl = 'https://github.com/LOUDO56/PyMacroRecord/releases/download/'+ver.tag_name+'/PyMacroRecord_'+ver.tag_name.replace('v', '')+'_Setup.exe'
+            const portableToDl = 'https://github.com/LOUDO56/PyMacroRecord/releases/download/'+ver.tag_name+'/PyMacroRecord_'+ver.tag_name.replace('v', '')+'-portable.exe'
+            const sourcetoDl = 'https://github.com/LOUDO56/PyMacroRecord/archive/refs/tags/'+ver.tag_name+'.zip'
+            downdloadLink.href = setupToDl;
+            downloadPortable.href = portableToDl
+            sourceLink.href = sourcetoDl;
+        })
+}