add grammar and another faq

index.html

@@ -76,7 +76,9 @@
             <p>
                 Below is a list of all of the projects that I'm working on or that I've made in the past. Check them out if you want!
             </p>
-            <div id="project-list"></div>
+            <div id="project-list">
+                <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
+            </div>
             <script src="scripts/projects.js"></script>
         </div>
 
@@ -87,7 +89,9 @@
             <p>
                 Below is a list of the social networks and websites that I regularly use. The closer to the front of the list they are, the more frequently I use them, generally.
             </p>
-            <div id="social-list"></div>
+            <div id="social-list">
+                <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
+            </div>
             <script src="scripts/social.js"></script>
         </div>
 
@@ -99,7 +103,9 @@
                 Sometimes, some people ask me some questions about myself or my projects, so I decided to compile a list of some of the answers in a Q&A-like fashion so that I don't have to keep repeating them. If you're curious about me, this might be intersting to
                 you!
             </p>
-            <div id="about-list"></div>
+            <div id="about-list">
+                <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
+            </div>
             <script src="scripts/about.js"></script>
         </div>
     </div>

scripts/about.js

@@ -34,6 +34,10 @@ const questions = [{
         'q': 'What do you use to code?',
         'a': "For my Java projects, I use IntelliJ IDEA. For most of my other projects, which are usually rather small, I use Atom because it's simple and fast."
     },
+    {
+        'q': 'How did you make this site?',
+        'a': 'I made this page myself using <a href="https://getbootstrap.com/">Bootstrap</a>. I have something to confess, though: Most of the content on this page is dynamically generated using JavaScript. I think it\'s practical and useful to do this, but I also know that it\'s bad practice because it gives search engines and some other stuff a bit of trouble. Oh well. If you\'re curious about the (probably pretty messy) code, then you can check out the <a href="https://github.com/Ellpeck/Web">GitHub repository</a>.'
+    },
     {
         'q': 'Tabs or spaces?',
         'a': (Math.random() >= 0.5 ? 'Tabs' : 'Spaces') + '.'

scripts/projects.js

@@ -5,7 +5,7 @@ const projects = [{
             'Website': 'https://rockbottom.ellpeck.de',
             'API on GitHub': 'https://github.com/RockBottomGame/API'
         },
-        'status': 'In Development',
+        'status': 'In development',
         'icon': 'rb'
     },
     {
@@ -18,6 +18,15 @@ const projects = [{
         'status': 'Handed off',
         'icon': 'aa'
     },
+    {
+        'name': 'Grammar',
+        'desc': 'The name is temporary, but this is a context-free grammar parser, form converter, word parser and a-lot-of-other-grammar-stuff-doer that I\'m working on with <a href="https://zettelnet.com">Zettelkasten</a>.',
+        'links': {
+            'Check it out': 'https://ellpeck.github.io/Grammar'
+        },
+        'status': 'In development',
+        'icon': 'grammar'
+    },
     {
         'name': 'Sudoku',
         'desc': 'A simple game of sudoku. Fill in the board with numbers one through nine, making sure each row, column and three by three field only ever has one of the same number. A board is randomly generated for you every time you refresh the page. Use the scroll wheel to input numbers into a selected field.',