* Added search functionality to software page

* Design changes for 404 page

Author: CodeDead

src/components/Application/index.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import CardActionArea from '@material-ui/core/CardActionArea';
+import { navigate } from 'gatsby';
+import CardContent from '@material-ui/core/CardContent';
+import Typography from '@material-ui/core/Typography';
+import Card from '@material-ui/core/Card';
+
+const Application = ({ name, description, url }) => (
+  <Card style={{ height: '100%' }}>
+    <CardActionArea
+      style={{ height: '100%' }}
+      onClick={() => navigate(url)}
+    >
+      <CardContent>
+        <Typography variant="h6" color="textPrimary" paragraph>
+          {name}
+        </Typography>
+        <Typography color="textSecondary" paragraph>
+          {description}
+        </Typography>
+      </CardContent>
+    </CardActionArea>
+  </Card>
+);
+
+export default Application;

src/pages/404/index.jsx

@@ -23,16 +23,14 @@ const NotFoundPage = () => {
       <PageHeader title="Not found" subTitle="The requested page could not be found" />
       <Container maxWidth="md" style={{ marginTop: 20 }}>
         <Card>
-          <CardActionArea>
-            <CardContent>
-              <Typography gutterBottom>
-                There&apos;s really nothing here except for some top secret stuff (maybe).
-              </Typography>
-              <Typography>
-                Would you like to go back to the home page?
-              </Typography>
-            </CardContent>
-          </CardActionArea>
+          <CardContent>
+            <Typography gutterBottom>
+              There&apos;s really nothing here except for some top secret stuff (maybe).
+            </Typography>
+            <Typography>
+              Would you like to go back to the home page?
+            </Typography>
+          </CardContent>
           <CardActions>
             <Button color="primary" variant="outlined" href="/">
               Home

src/pages/donate/index.jsx

@@ -42,23 +42,30 @@ const Donate = () => {
             <Typography>
               Donations are always welcome. All of the money that is donated to us will go towards
               the development of new and old projects, the maintenance of our servers, domain name
-              fees and the occasional cup of coffee! Simply click the PayPal or BTC button to start
-              the donation process! PayPal allows you to donate using practically any payment method
-              you like. Brave tips are also welcome!
-              <br />
-              <br />
-              Don’t worry if you don’t immediately appear in the hall of fame. We’ll update the hall
-              of fame within 3 days after your donation (and if we haven’t, because we should have,
-              send us a mail to let us know!!). In case of a BTC donation, please email us if you’d
+              fees and the occasional cup of coffee! Simply click the PayPal or BTC button to
+              start the donation process! PayPal allows you to donate using practically
+              any payment method you like. Brave tips are also welcome!
+            </Typography>
+
+            <Typography style={{ marginTop: 20 }}>
+              Don’t worry if you don’t immediately appear in the hall of fame. We’ll update the
+              hall of fame within 3 days after your donation (and if we haven’t, because we should
+              have, send us a mail to let us know!!).
+            </Typography>
+
+            <Typography style={{ marginTop: 20 }}>
+              In case of a BTC donation, please email us if you’d
               like to appear in the hall of fame, otherwise it will show up as an anonymous
               donation.
-              <br />
-              <br />
+            </Typography>
+
+            <Typography style={{ marginTop: 20 }}>
               Even if you don’t want to donate, simply spreading the word means a lot to us. Thank
               you for your interest in our software and for making the world a better place,
               together!
-              <br />
-              <br />
+            </Typography>
+
+            <Typography style={{ marginTop: 20 }}>
               If you don’t want your name to appear in the hall of fame or would like to have it
               removed, feel free to let us know in the message of the donation or by sending us an
               e-mail.

src/pages/software/advanced-portchecker/index.jsx

@@ -50,7 +50,7 @@ const AdvancedPortCheckerPage = () => {
 
   return (
     <Layout>
-      <PageHeader title="Advanced PortChecker" subTitle="Check TCP/UDP ports" />
+      <PageHeader title="Advanced PortChecker" subTitle="Scan for open TCP/UDP ports" />
       <Container maxWidth="md" style={{ marginTop: 10 }}>
         <Grid container spacing={2} style={{ marginTop: 10 }}>
           <Grid item xs={12} md={12} lg={12}>