diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index 4c3a1122..8b89301e 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -21,4 +21,12 @@ module.exports = { ], smoothScroll: true, }, + plugins: [ + [ + '@vuepress/google-analytics', + { + ga: 'UA-161860275-1', + }, + ], + ], }; diff --git a/docs/changelog/README.md b/docs/changelog/README.md index 95b0dffc..fef1f667 100644 --- a/docs/changelog/README.md +++ b/docs/changelog/README.md @@ -11,7 +11,8 @@ All notable changes to this project will be documented in this file. ### March 29, 2020 - Add Issue Templates in GitHub for Bug Reports and Feature Requests -- Rewriting Documentation in VuePress +- Revised Documentation in VuePress +- Add Google Analytics to VuePress Documentation - Implement "Deploy to Netlify" button, by [hwang381](https://github.com/hwang381) ### March 28, 2020 diff --git a/package-lock.json b/package-lock.json index 3fde237f..b4affcf7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3272,6 +3272,12 @@ "lodash.debounce": "^4.0.8" } }, + "@vuepress/plugin-google-analytics": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@vuepress/plugin-google-analytics/-/plugin-google-analytics-1.4.0.tgz", + "integrity": "sha512-Q3jTyNovy81vlqfCQ5MewYU2K/brn0DfhAlJJnelXdbYH7XRe1IA3hZCcQQO73rzIMA/HxIsMBWevs8jTQF3QA==", + "dev": true + }, "@vuepress/plugin-last-updated": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@vuepress/plugin-last-updated/-/plugin-last-updated-1.4.0.tgz", diff --git a/package.json b/package.json index f5faefd7..9a51bdb6 100644 --- a/package.json +++ b/package.json @@ -51,6 +51,7 @@ }, "devDependencies": { "@fullhuman/postcss-purgecss": "^2.1.0", + "@vuepress/plugin-google-analytics": "^1.4.0", "autoprefixer": "^9.7.5", "eslint": "^6.8.0", "eslint-config-airbnb": "^18.1.0", @@ -64,4 +65,4 @@ "tailwindcss": "^1.2.0", "vuepress": "^1.4.0" } -} \ No newline at end of file +} diff --git a/public/index.html b/public/index.html index f791a688..ab979153 100644 --- a/public/index.html +++ b/public/index.html @@ -6,6 +6,7 @@ + - + diff --git a/src/components/RightSidebar/tabs/About.js b/src/components/RightSidebar/tabs/About.js index a1648a1e..5230c463 100644 --- a/src/components/RightSidebar/tabs/About.js +++ b/src/components/RightSidebar/tabs/About.js @@ -3,6 +3,30 @@ import React from 'react'; const AboutTab = () => { return (
+
+
Documentation
+ +
+ Want to know more about the app? Wouldn't it be nice if there was a guide to setting + it up on your local machine? Need information on how to contribute to the project? Look no + further, there's a comprehensive documentation made just for you. +
+ + +
+ description + Documentation +
+
+
+ +
+
Bug? Feature Request?
@@ -17,7 +41,7 @@ const AboutTab = () => { target="_blank" rel="noopener noreferrer" href="https://github.com/AmruthPillai/Reactive-Resume/issues/new" - className="flex justify-center mt-4 bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-5 rounded" + className="mt-4 bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-5 rounded" >
bug_report @@ -29,7 +53,7 @@ const AboutTab = () => { target="_blank" rel="noopener noreferrer" href="mailto:im.amruth@gmail.com?subject=Feature Request/Reporting a Bug in Reactive Resume: " - className="flex justify-center mt-4 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium py-2 px-5 rounded" + className="mt-4 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium py-2 px-5 rounded" >
email @@ -53,7 +77,7 @@ const AboutTab = () => { target="_blank" rel="noopener noreferrer" href="https://github.com/AmruthPillai/Reactive-Resume" - className="flex justify-center mt-4 bg-green-600 hover:bg-green-700 text-white text-sm font-medium py-2 px-5 rounded" + className="flex justify-center items-center mt-4 bg-green-600 hover:bg-green-700 text-white text-sm font-medium py-2 px-5 rounded" >
code @@ -77,7 +101,7 @@ const AboutTab = () => { target="_blank" rel="noopener noreferrer" href="https://github.com/AmruthPillai/Reactive-Resume/blob/master/LICENSE" - className="flex justify-center mt-4 bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded" + className="flex justify-center items-center mt-4 bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded" >
policy