Merge pull request #12 from jahzielv/web-dev-fixes

Web dev fixes
jahzielv · Jan 20, 2019 · b946f25 · b946f25
2 parents 2436195 + bc8e9e7
commit b946f25
Show file tree

Hide file tree

Showing 10 changed files with 188 additions and 188 deletions.
diff --git a/changelog.md b/changelog.md
@@ -2,6 +2,12 @@
 
 This changelog tracks all changes and release for the Ankiport project. I'm following the [convention](https://keepachangelog.com/en/1.0.0/) created by [Oliver Lacan](https://olivierlacan.com/), as well as [Semantic Versioning](https://semver.org/spec/v2.0.0.html) (hopefully? 😜)
 
+## 0.1.5 - 2019-01-20
+
+### Changed:
+
+-   Increased performance by changing to webp, improving CSS loading
+
 ## 0.1.4 - 2019-01-02
 
 ### Changed:

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "ankiport",
-    "version": "0.1.4",
+    "version": "0.1.5",
     "private": true,
     "homepage": "https://ankiport-app.appspot.com/",
     "dependencies": {
@@ -15,7 +15,8 @@
         "react": "^16.5.2",
         "react-dom": "^16.5.2",
         "react-scripts": "1.1.5",
-        "serve": "^10.1.1"
+        "serve": "^10.1.1",
+        "typeface-roboto": "^0.0.54"
     },
     "scripts": {
         "dev": "react-scripts start",

diff --git a/public/index.html b/public/index.html
@@ -1,45 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
+        <title>Ankiport - Quizlet ➡️ Anki!</title>
         <meta charset="utf-8" />
         <meta
             name="viewport"
             content="width=device-width, initial-scale=1, shrink-to-fit=no"
         />
         <meta name="theme-color" content="#000000" />
-        <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
+        <meta
+            name="Description"
+            content="Ankiport: the web-based Quizlet to Anki importer. Convert a set of Quizlet flashcards to an Anki deck with just one click!"
+        />
         <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
         <link rel="shortcut icon" href="%PUBLIC_URL%/res/favicon.png" />
-        <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-        <title>Ankiport</title>
-        <link
-            rel="stylesheet"
-            href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
-        />
+        <!-- <link rel="stylesheet" href="styles.css" media="screen" /> -->
     </head>
 
     <body>
         <noscript> You need to enable JavaScript to run this app. </noscript>
         <div id="root"></div>
-        <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    --></body>
+    </body>
 </html>
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: * 
+Disallow: 
diff --git a/src/App.js b/src/App.js
@@ -4,6 +4,7 @@ import { CssBaseline, withStyles } from "@material-ui/core";
 import Home from "./pages/Home";
 import Footer from "./components/Footer";
 import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
+import "typeface-roboto";
 
 const styles = theme => ({
     main: {

diff --git a/src/assets/aplogo.webp b/src/assets/aplogo.webp
diff --git a/src/components/AboutSection.js b/src/components/AboutSection.js
@@ -1,6 +1,7 @@
 import React, { Fragment } from "react";
 import { Typography, Grid } from "@material-ui/core";
-import aplogo from "../assets/aplogo.png";
+// import aplogo from "../assets/aplogo.png";
+import aplogo from "../assets/aplogo.webp";
 
 export const AboutSection = () => {
     return (
@@ -10,7 +11,10 @@ export const AboutSection = () => {
                 Ankiport
             </Typography>
             <Grid container direction="row">
-                <Typography variant="subtitle2">Version 0.0.4</Typography>
+                <img
+                    alt="Ankiport Version"
+                    src="https://img.shields.io/github/release/jahzielv/ankiport-web.svg"
+                />
                 <Typography variant="subtitle2" style={{ paddingLeft: "15px" }}>
                     Code hosted on{" "}
                     <a

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { Fragment } from "react";
 import { withStyles, Typography } from "@material-ui/core";
 
 const styles = theme => ({
@@ -31,7 +31,7 @@ const styles = theme => ({
 
 const Footer = ({ classes }) => {
     return (
-        <div>
+        <Fragment>
             <div className={classes.phantom} />
             <div className={classes.footer}>
                 <div className={classes.footerText}>
@@ -49,7 +49,7 @@ const Footer = ({ classes }) => {
                     </Typography>
                 </div>
             </div>
-        </div>
+        </Fragment>
     );
 };