diff --git a/.github/linters/.markdown-lint.yml b/.github/linters/.markdown-lint.yml
new file mode 100644
index 00000000..5ffc9263
--- /dev/null
+++ b/.github/linters/.markdown-lint.yml
@@ -0,0 +1,24 @@
+###########################
+###########################
+## Markdown Linter rules ##
+###########################
+###########################
+
+# Linter rules doc:
+# - https://github.com/DavidAnson/markdownlint
+#
+# Note:
+# To comment out a single error:
+#   <!-- markdownlint-disable -->
+#   any violations you want
+#   <!-- markdownlint-restore -->
+#
+
+###############
+# Rules by id #
+###############
+MD013: false # Line length is usually not important and the 80 char limit is way too small anyway
+MD026: false # Trailing punctuation in header
+MD033: false # Inline HTML is important for multilines and checkboxes within markdown tables
+MD034: false # no-bare-urls Bare URL used
+MD029: false # Markdown automatically calculates the ordered list order
diff --git a/404.html b/404.html
deleted file mode 100644
index 0bc72060..00000000
--- a/404.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>Single Page Apps for GitHub Pages</title>
-  <script type="text/javascript">
-    // Single Page Apps for GitHub Pages
-    // https://github.com/rafrex/spa-github-pages
-    // Copyright (c) 2016 Rafael Pedicini, licensed under the MIT License
-    // ----------------------------------------------------------------------
-    // This script takes the current url and converts the path and query
-    // string into just a query string, and then redirects the browser
-    // to the new url with only a query string and hash fragment,
-    // e.g. http://www.foo.tld/one/two?a=b&c=d#qwe, becomes
-    // http://www.foo.tld/?p=/one/two&q=a=b~and~c=d#qwe
-    // Note: this 404.html file must be at least 512 bytes for it to work
-    // with Internet Explorer (it is currently > 512 bytes)
-
-    // If you're creating a Project Pages site and NOT using a custom domain,
-    // then set segmentCount to 1 (enterprise users may need to set it to > 1).
-    // This way the code will only replace the route part of the path, and not
-    // the real directory in which the app resides, for example:
-    // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
-    // https://username.github.io/repo-name/?p=/one/two&q=a=b~and~c=d#qwe
-    // Otherwise, leave segmentCount as 0.
-    var segmentCount = 0;
-
-    var l = window.location;
-    l.replace(
-      l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
-      l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?p=/' +
-      l.pathname.slice(1).split('/').slice(segmentCount).join('/').replace(/&/g, '~and~') +
-      (l.search ? '&q=' + l.search.slice(1).replace(/&/g, '~and~') : '') +
-      l.hash
-    );
-
-  </script>
-</head>
-
-<body>
-</body>
-
-</html>
diff --git a/README.md b/README.md
index 2a7c48f2..3e8c6ec3 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,8 @@ The next gen download dashboard
 ## Local run/development steps
 
 - start DownloadStats
-```
+
+```bash
 npm install
 npm start
 ```
@@ -17,9 +18,9 @@ npm start
 ## Deployment
 
 - Compile and generate static files
-```
+
+```bash
 npm run-script build
 ```
 
 - serve ./dist
-
diff --git a/index.html b/index.html
index 05e0ef8e..712cae2e 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8">
diff --git a/src/Graph/Trends.js b/src/Graph/Trends.js
index 35ca60de..89d283cb 100644
--- a/src/Graph/Trends.js
+++ b/src/Graph/Trends.js
@@ -7,6 +7,18 @@ import moment from 'moment'
 import { Radio, Slider, Checkbox } from 'antd'
 import './Trends.css'
 
+const TypeFilter = ({ defaultValue, onChange, options }) => (
+  <div className='column'>
+    <div>Type</div>
+    <Radio.Group
+      name='type'
+      defaultValue={defaultValue}
+      onChange={onChange}
+      options={options}
+    />
+  </div>
+);
+
 export default class Trends extends Component {
   state = {
     series: undefined,
@@ -146,18 +158,14 @@ export default class Trends extends Component {
             onChange={e => { args.visible = e.target.checked; updateFunc() }}
           />
         </div>
-        <div className='column'>
-          <div>Type</div>
-          <Radio.Group
-            name='type'
-            defaultValue={args.type}
-            onChange={e => { args.type = e.target.value; updateFunc() }}
-            options={[
-              { label: 'Daily', value: 'daily' },
-              { label: 'Total', value: 'total' }
-            ]}
-          />
-        </div>
+        <TypeFilter 
+          defaultValue={args.type}
+          onChange={e => { args.type = e.target.value; updateFunc() }}
+          options={[
+            { label: 'Daily', value: 'daily' },
+            { label: 'Total', value: 'total' }
+          ]}
+        />
         {this.renderFilters(args, updateFunc)}
       </div>
     )
@@ -166,18 +174,14 @@ export default class Trends extends Component {
   renderMonthlyFilters (args, updateFunc) {
     return (
       <div className='filters'>
-        <div className='column'>
-          <div>Type</div>
-          <Radio.Group
-            name='type'
-            defaultValue={args.type}
-            onChange={e => { args.type = e.target.value; updateFunc() }}
-            options={[
-              { label: 'Monthly', value: 'monthly' },
-              { label: 'Total', value: 'total' }
-            ]}
-          />
-        </div>
+        <TypeFilter 
+          defaultValue={args.type}
+          onChange={e => { args.type = e.target.value; updateFunc() }}
+          options={[
+            { label: 'Monthly', value: 'monthly' },
+            { label: 'Total', value: 'total' }
+          ]}
+        />
         {this.renderFilters(args, updateFunc)}
       </div>
     )
