Add Complementary Installer to Reimagined page

Author: EminGT

reimagined/index.html

@@ -78,8 +78,8 @@
             <div class="hero-text">
                 <h1>Complementary<br><span style="color: var(--ThemeColor)">Reimagined Shaders</span></h1>
                 <p>Aiming for perfection and reimagining Minecraft.</p>
-                <a href="https://www.curseforge.com/minecraft/customization/complementary-reimagined/download" class="btn btn-border">
-                    Download</a>
+                <a onclick="document.getElementById('before-downloads').scrollIntoView(/*{block: 'center'}*/);"
+                    class="btn btn-border">See Downloads</a>
             </div>
             <div class="hero-text">
                 <a>‎</a>
@@ -102,7 +102,33 @@ <h1>Complementary<br><span style="color: var(--ThemeColor)">Reimagined Shaders</
                     </div>
                 </div>
             </div>
+            <p id="before-downloads"></p>
         </section><!-- /.section-features -->
+        <section id="download-section" class="site-section section-downloads">
+            <div class="hero-text">
+                <h2>Downloads</h2>
+                <p class="download-title" style="--ThemeColor: var(--CompOrange);">The Complementary Installer</p>
+                <p>The installer will automatically download and install Complementary Reimagined with the Iris shader loader.
+                    <br>Simply run the installer, choose your Minecraft version, and click install.</p>
+                <a href="https://github.com/ComplementaryDevelopment/Complementary-Installer/releases/download/latest/Complementary-Installer-1.0.1.jar" class="btn btn-installer" style="width: 350px;">Download Complementary Installer</a>
+                <p class="download-title">Manual Download</p>
+                <p>If you don't want an installer, you can download the shaderpack file from CurseForge.
+                    <br>Note that you need to manually download and install a shader loader to run Complementary Reimagined.</p>
+                <a href="https://www.curseforge.com/minecraft/customization/complementary-reimagined/download" class="btn btn-border" style="width: 350px;">Download Shader Zip File</a>
+            </div>
+        </section><!-- /.section-downloads -->
+        
+        <!-- Horizontal Ad 1 -->
+        <div class="ad-div1">
+            <ins class="adsbygoogle"
+                style="display:inline-block;width:720px;height:140px"
+                data-ad-client="ca-pub-2272615298786275"
+                data-ad-slot="5252695595"></ins>
+            <script>
+                (adsbygoogle = window.adsbygoogle || []).push({});
+            </script>
+        </div>
+            
         <section class="site-section section-screenshots">
             <div class="hero-text">
                 <h2>Screenshots</h2>
@@ -147,4 +173,4 @@ <h2>Screenshots</h2>
     <script src="/assets/js/jquery.shuffle.min.js"></script>
     <script src="/assets/js/script.js"></script>
 </body>
-</html>
+</html>