refactor(app): optimize pdfs, remove obfuscator and misc changes

package.json

@@ -76,7 +76,6 @@
  "html-minimizer-webpack-plugin": "1.0.1",
  "html-webpack-plugin": "^4.5.2",
  "husky": "^7.0.4",
- "javascript-obfuscator": "^2.12.0",
  "lodash-webpack-plugin": "^0.11.6",
  "mini-css-extract-plugin": "^1.6.2",
  "node-sass": "^7.0.1",
@@ -93,7 +92,6 @@
  "webpack-bundle-tracker": "^1.4.0",
  "webpack-manifest-plugin": "^3.2.0",
  "webpack-nano": "^1.1.1",
- "webpack-obfuscator": "2.6.0",
  "webpack-stats-plugin": "^1.0.3",
  "webpackbar": "^5.0.2"
  },

src/views/about/components/certifications-gallery.vue

@@ -86,7 +86,7 @@
  <v-slide-group
  v-model="currentCertificate"
  active-class="success"
- show-arrows
+ :show-arrows="!ismobile"
  >
  <v-slide-item
  v-for="(certs, index) in certifications"

src/views/home/components/what-i-do-component.vue

@@ -13,6 +13,14 @@
  />
  </v-col>
  <v-col align="center" justify="center" class="text-center" cols="12">
+ <!-- <v-tabs centered grow>
+ <v-tab>Web Design</v-tab>
+ <v-tab>Cloud Management</v-tab>
+ <v-tab>Technology & Platform Development</v-tab>
+ <v-tab>Accounting Advisory</v-tab>
+ <v-tab>Consulting</v-tab>
+ <v-tab>Others</v-tab>
+ </v-tabs> -->
  <v-row align="center" justify="center">
  <v-tooltip
  v-for="(activity, index) in activities"
@@ -36,21 +44,15 @@
  <v-col align="center" justify="center">
  <v-img
  :max-width="ismobile ? 80 : 110"
- :src="'/assets/icons/creator/' + activity.asset"
+ :src="activity.asset"
  />
  </v-col>
  </v-row>
  <v-row align="center" class="text-center">
  <v-col
  cols="12"
  align="center"
- class="
- text-overline
- ma-0
- pa-0
- text-center
- font-weight-bold
- "
+ class="text-overline ma-0 pa-0 text-center font-weight-bold"
  >
  {{ activity.activity }}
  </v-col>
@@ -96,52 +98,52 @@ export default {
  activities() {
  return [
  {
- asset: 'web coding.svg',
+ asset: 'https://i.ibb.co/30nd1YV/web-coding.png',
  activity: 'Developing Frontends',
  description: 'Developing Classy, Sassy, Professional Grade Frontends',
  tooltip: 'Get to Know What Frameworks I Code for Development',
  },
  {
- asset: 'picture.svg',
+ asset: 'https://i.ibb.co/xH2ZbFx/picture.png',
  activity: 'Image Manipulation',
  description: 'Well Versed in Post Processing of Photographs',
  tooltip: 'Get to Know What Softwares I Use for Post Processing',
  },
  {
- asset: 'device.svg',
+ asset: 'https://i.ibb.co/Hgmr79D/device.png',
  activity: 'App Development',
  description: 'Mobile App Development Based on Flutter SDK',
  tooltip: 'Get to Know What i learnt in Flutter',
  },
  {
- asset: 'idea.svg',
+ asset: 'https://i.ibb.co/9wmnjy3/idea.png',
  activity: 'Hosting Solutions Guidance',
  description:
  'Advising on Suitable and Best Hosting Solutions for a Website / Server',
  tooltip: 'Get to Know What type of Consulting i will give',
  },
  {
- asset: 'programming.svg',
+ asset: 'https://i.ibb.co/HtyrcKJ/programming.png',
  activity: 'Presentations',
  description: 'Desgining Wonderful and Eye Catching Presentations',
  tooltip:
  'Get to Know What Softwares i use for Designing Presentations',
  },
  {
- asset: 'layer.svg',
+ asset: 'https://i.ibb.co/7bFKmPq/layer.png',
  activity: 'Architecting Backends',
  description:
  'Constructing Secure and Powerful Backends for Frontends',
  tooltip: 'Get to Know What Languages I Use for Backends',
  },
  {
- asset: 'speed test.svg',
+ asset: 'https://i.ibb.co/ys3H4gr/speed-test.png',
  activity: 'Video Editing',
  description: 'Editing and Color Grading Videos for a Cinematic Look',
  tooltip: 'Get to Know What Softwares I Use for Video Editing',
  },
  {
- asset: 'binary code.svg',
+ asset: 'https://i.ibb.co/x2ZjnxF/binary-code.png',
  activity: 'Data Analytics',
  description:
  'Crunching, Cleaning and Manipluating Data and Getting Insights',

src/views/home/components/youtube-component.vue

@@ -183,7 +183,6 @@
 </template>
 
 <script>
-import QS from 'query-string';
 import title_component from '@v/home/components/common/title-component';
 import youtube_player_component from '@c/youtube-player';
 import { channel_data, videos } from '@p/resources/youtube';
@@ -225,20 +224,22 @@ export default {
  methods: {
  yt_video_model(video) {
  const id = this.videos[video.index].id.videoId;
- this.$router.push({
- path: `${this.$route.path}?youtube_player=${id}`,
- hash: 'youtube-videos-component',
- });
  if (video.model) {
  this.$set(this.videos[video.index], 'model', false);
  this.$router.push({
- path: `${this.$route.path}?goto=youtube-videos-component`,
+ path: `${this.$route.path}`,
  hash: 'youtube-videos-component',
  });
+ } else {
+ this.$router.push({
+ path: `${this.$route.path}?youtube_player=${id}`,
+ hash: 'youtube-videos-component',
+ });
+ this.load_model();
  }
  },
  load_model() {
- const params = QS.parse(window.location.search);
+ const params = this.$route.query;
  if (params.youtube_player) {
  const [video] = this.videos.filter(
  (vid) => vid.id.videoId === params.youtube_player,

webpack/plugins.js

@@ -13,31 +13,9 @@ const StatoscopeWebpackPlugin = require('@statoscope/ui-webpack');
 const BundleTracker = require('webpack-bundle-tracker');
 const { StatsWriterPlugin } = require('webpack-stats-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
-const JavaScriptObfuscator = require('webpack-obfuscator');
 const metadata = require('../web-metadata');
 
 const isProd = process.env.NODE_ENV != 'development';
-const obfuscate = process.env.VUE_APP_OBFUSCATE == 1;
-
-const obfustcatePlugin = [
- new JavaScriptObfuscator(
- {
- compact: false,
- rotateStringArray: true,
- stringArray: true,
- shuffleStringArray: true,
- numbersToExpressions: true,
- simplify: true,
- splitStrings: true,
- },
- [
- 'worker.js',
- 'js/chunk-vendors.*.js',
- 'js/chunk-vendors.*.js.br',
- 'js/chunk-vendors.*.js.map',
- ],
- ),
-];
 
 const productionPlugins = [
  new HtmlWebpackPlugin({
@@ -150,7 +128,4 @@ const devPlugins = [
  }),
 ];
 
-const exportedplugins = isProd ? productionPlugins : devPlugins;
-module.exports = obfuscate
- ? exportedplugins.concat(obfustcatePlugin)
- : exportedplugins.concat([]);
+module.exports = isProd ? productionPlugins : devPlugins;