change commissions to a modal

commissions.md

@@ -1,15 +0,0 @@
-# Ellpeck's Minecraft Mod Commissions
-If you need a small to medium sized Minecraft mod for a modpack, a video or for personal use, you can contact me to make it for you.
-
-Here is all the information you need if you want to commission me to make a mod for you:
-- Minecraft Forge mods only
-- Minecraft Versions 1.10 through 1.13 only
-- No ports of existing mods
-- I charge between 10€ ($11) and 30€ ($33) an hour
-    - I estimate the total amount of time it will take based on the size and complexity of the mod beforehand
-    - The amount I estimate will be what you pay for, no matter how much longer or shorter it actually takes
-- You will have the choice of whether you want to receive the source code privately or whether I should publish it on GitHub
-- You will have the choice of whether you want to be sent the mod jar or whether I should publish the mod on CurseForge
-- After the mod is completed, bug fixes are included for free, but feature updates and Minecraft version updates are not
-
-If you're interested, you can either [send me an email](mailto:me@ellpeck.de), but better yet, [join my Discord server](https://ellpeck.de/discord) and message me privately from there so we can talk about the details.

index.html

@@ -89,7 +89,7 @@
         <div class="list-display rounded">
             <h1>Projects</h1>
             <p>
-                Here is a list of some of my main projects. Check them out if you want!<br>For a full list of my programming projects, you can check out my GitHub page linked <a href="#social">below</a>.<br>Also, if you want to have a Minecraft mod made, you can <a href="https://ellpeck.de/commissions">commission me</a>.
+                Here is a list of some of my main projects. Check them out if you want!<br>For a full list of my programming projects, you can check out my GitHub page linked <a href="#social">below</a>.<br>Also, if you want to have a Minecraft mod made, you can <a href="#commissions">commission me</a>.
             </p>
             <div id="project-list">
                 <noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript>
@@ -160,6 +160,37 @@
         </div>
     </div>
 
+    <!-- Commissions -->
+    <div class="modal fade" id="commissions-modal" tabindex="-1">
+        <div class="modal-dialog modal-lg">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h1 class="modal-title">Ellpeck's Minecraft Mod Commissions</h1>
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                </div>
+                <div class="modal-body">
+                    <p>If you need a small to medium sized Minecraft mod for a modpack, a video or for personal use, you can contact me to make it for you.</p>
+                    <p>Here is all the information you need if you want to commission me to make a mod for you:</p>
+                    <ul>
+                        <li>Minecraft Forge mods only</li>
+                        <li>Minecraft Versions 1.10 through 1.13 only</li>
+                        <li>No ports of existing mods</li>
+                        <li>I charge between 10€ ($11) and 30€ ($33) an hour
+                            <ul>
+                                <li>I estimate the total amount of time it will take based on the size and complexity of the mod beforehand</li>
+                                <li>The amount I estimate will be what you pay for, no matter how much longer or shorter it actually takes</li>
+                            </ul>
+                        </li>
+                        <li>You will have the choice of whether you want to receive the source code privately or whether I should publish it on GitHub</li>
+                        <li>You will have the choice of whether you want to be sent the mod jar or whether I should publish the mod on CurseForge</li>
+                        <li>After the mod is completed, bug fixes are included for free, but feature updates and Minecraft version updates are not</li>
+                    </ul>
+                    <p>If you're interested, you can either <a href="mailto:me@ellpeck.de">send me an email</a>, but better yet, <a href="https://ellpeck.de/discord">join my Discord server</a> and message me privately from there so we can talk about the details.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- Impressum -->
     <div class="modal fade" id="impressum-modal" tabindex="-1">
         <div class="modal-dialog modal-lg">

scripts/about.js

@@ -32,7 +32,7 @@ const questions = [{
     },
     {
         'q': 'Are you for hire?',
-        'a': 'You can commission me to make a Minecraft mod for you. You can find more information <a href="https://ellpeck.de/commissions">here</a>.'
+        'a': 'You can commission me to make a Minecraft mod for you. You can find more information <a href="#commissions">here</a>.'
     },
     {
         'q': 'What do you use to code?',

scripts/main.js

@@ -10,6 +10,8 @@ $(function () {
         if (hash && hash.length > 1) {
             if (hash === '#impressum') {
                 $('#impressum-modal').modal('show');
+            } else if (hash === "#commissions") {
+                $('#commissions-modal').modal('show');
             }
         }
     }