Apply minor textual changes.

src/Pages/Software/elm/en/main.md

@@ -1,5 +1,7 @@
 ## Elm
 
+These are my notes on the functional programming language Elm.
+
 * [Formatting](./formatting)
 * [Maybe.andThen](./maybeandthen)
 * [Maybe.map](./maybemap)

src/Pages/Software/elm/nl/main.md

@@ -1,5 +1,7 @@
 ### Elm
 
+Dit zijn mijn notities van de functionele programmeertaal Haskell.
+
 * [Formatting](./formatting)
 * [Maybe.andThen](./maybeandthen)
 * [Maybe.map](./maybemap)

src/Pages/Software/haskell/en/main.md

@@ -1,5 +1,5 @@
 ### Haskell
 
-I am learing functional programming and Haskell, these are my notes on the language.
+These are my notes on the functional programming language Haskell.
 
 * [Curried Functions](./curried-functions)

src/Pages/Software/haskell/nl/main.md

@@ -1,5 +1,5 @@
 ### Haskell
 
-I ben functioneel programmeren en Haskell aan het leren, dit zijn mijn notities van deze taal.
+Dit zijn mijn notities van de functionele programmeertaal Haskell.
 
 * [Curried Functions](./curried-functions)

src/Pages/markdownPage.js

@@ -4,6 +4,7 @@ import SyntaxHighlighter from 'react-syntax-highlighter';
 // https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/HEAD/AVAILABLE_STYLES_HLJS.MD
 import { docco, dracula } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import { useTheme } from '../ThemeContext';
+import { getLanguage } from '../Language/Language';
 
 const MySection = ({ children }) => {
     return (<section>{children}</section>);
@@ -98,6 +99,9 @@ const MyTable = ({ children }) => {
 
 const MarkdownPage = ({ md }) => {
     const [markdownContent, setPost] = useState('');
+    const [pageNotFound, setPageNotFound] = useState(false);
+    const [errorPageContent, setErrorPage] = useState('');
+    const language = getLanguage();
 
     // causes 3 calls somehow...
     useEffect(() => {
@@ -108,9 +112,29 @@ const MarkdownPage = ({ md }) => {
                     .then(res => setPost(res))
                     .catch(err => console.log(err));
             })
+            .catch(err => {
+                console.log(err);
+                setPageNotFound(true);
+
+                import(`./Other/${language}/page-not-found.md`)
+                .then(res => {
+                    fetch(res.default)
+                        .then(res => res.text())
+                        .then(res => setErrorPage(res))
+                        .catch(err => console.log(err));
+                })
                 .catch(err => console.log(err));
             });
+    });
 
+    if (pageNotFound) {
+        return (
+            <Markdown>
+                {errorPageContent}
+            </Markdown>
+        );
+    }
+    else {
         return (
             <Markdown
                 options={{
@@ -148,6 +172,7 @@ const MarkdownPage = ({ md }) => {
                 {markdownContent}
             </Markdown>
         )
+    }
 }
 
 export default MarkdownPage;