remove external script dependencies

package.json

@@ -63,7 +63,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.1",
     "@babel/plugin-proposal-optional-chaining": "^7.10.3",
-    "@mdi/font": "^4.1.95",
+    "@mdi/font": "^5.8.55",
     "@types/jquery": "^3.3.31",
     "@vue/cli-plugin-babel": "^3.11.0",
     "@vue/cli-plugin-eslint": "^4.5.6",

public/index.html

@@ -6,17 +6,16 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Unipept Desktop</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+    <link rel="stylesheet" href="/styles/roboto.css">
     <!-- Globally include jQuery. We are currently working on removing jQuery as a dependency, so this could be removed
          later on. TODO -->
-    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+    <script src="/scripts/jquery-3.4.1.min.js"></script>
     <!-- Hack to get jQuery to work in an node.js-environment (Electron). See:
          https://stackoverflow.com/questions/35962868/why-cant-i-reference-jquery-using-a-script-tag-in-electron -->
-    <script type="text/javascript"> 
-        jQuery = $ = module.exports 
+    <script type="text/javascript">
+        jQuery = $ = module.exports
     </script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.13/d3.min.js"></script>
+    <script src="/scripts/d3-3.4.13.min.js"></script>
     <!-- Globally include Unipept-visualizations. This should get removed once this does no longer depent on jQuery
          anymore. -->
     <script src="/scripts/unipept-visualizations.es5.js"></script>

public/styles/roboto.css

@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 100;
+  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 900;
+  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');
+}