Fix preview image while printing (UnchartedBull#938)

* Formatter

* More formatting

* log error to console

* fix loading issue

* fix some issues from formatting

* Center preview image while printing

* fix linting issue

.eslintrc.js

@@ -1,42 +1,43 @@
 module.exports = {
   root: true,
-  parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "import", "simple-import-sort"],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'import', 'simple-import-sort', 'prettier'],
   extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:import/errors",
-    "plugin:import/warnings",
-    "plugin:import/typescript",
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:import/typescript',
   ],
   parserOptions: {
     ecmaVersion: 2020,
-    sourceType: "module",
+    sourceType: 'module',
   },
   rules: {
-    "@typescript-eslint/no-parameter-properties": "off",
-    "@typescript-eslint/no-use-before-define": "off",
-    "import/no-unresolved": "off",
-    camelcase: "warn",
-    "simple-import-sort/sort": "warn",
-    "sort-imports": "off",
-    "import/first": "warn",
-    "import/newline-after-import": "warn",
-    "import/no-duplicates": "warn",
-    "import/no-absolute-path": "warn",
-    "import/no-unused-modules": "warn",
-    "import/no-deprecated": "warn",
-    "import/no-self-import": "error",
-    "max-len": ["warn", { code: 170, tabWidth: 2, ignoreUrls: true }],
+    '@typescript-eslint/no-parameter-properties': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    'import/no-unresolved': 'off',
+    camelcase: 'warn',
+    'simple-import-sort/sort': 'warn',
+    'sort-imports': 'off',
+    'import/first': 'warn',
+    'import/newline-after-import': 'warn',
+    'import/no-duplicates': 'warn',
+    'import/no-absolute-path': 'warn',
+    'import/no-unused-modules': 'warn',
+    'import/no-deprecated': 'warn',
+    'import/no-self-import': 'error',
+    'max-len': ['warn', { code: 170, tabWidth: 2, ignoreUrls: true }],
+    'prettier/prettier': 'warn',
   },
   overrides: [
     {
-      files: "**/*.ts",
+      files: '**/*.ts',
       rules: {
-        "import/order": [
-          "off",
+        'import/order': [
+          'off',
           {
-            "newlines-between": "always",
+            'newlines-between': 'always',
           },
         ],
       },

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "avoid",
+  "bracketSpacing": true,
+  "endOfLine": "lf",
+  "jsxBracketSameLine": true,
+  "printWidth": 120,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "htmlWhitespaceSensitivity": "ignore"
+}

docs/js/main.js

@@ -115,7 +115,6 @@ AOS.init({
 
     var scrollDown = function () {
         $('.mouse-icon').on('click', function (event) {
-            console.log("HERE")
             event.preventDefault();
 
             $('html,body').animate({
@@ -131,7 +130,6 @@ AOS.init({
 
     var gotoInstallation = function () {
         $('.goto-installation').on('click', function (event) {
-            console.log("HERE")
             event.preventDefault();
 
             $('html,body').animate({
@@ -147,7 +145,6 @@ AOS.init({
 
     var gotoFAQ = function () {
         $('.goto-faq').on('click', function (event) {
-            console.log("HERE")
             event.preventDefault();
 
             $('html,body').animate({
@@ -163,7 +160,6 @@ AOS.init({
 
     var gotoScreenshots = function () {
         $('.goto-screenshots').on('click', function (event) {
-            console.log("HERE")
             event.preventDefault();
 
             $('html,body').animate({
@@ -179,7 +175,6 @@ AOS.init({
 
     var gotoFeatures = function () {
         $('.goto-features').on('click', function (event) {
-            console.log("HERE")
             event.preventDefault();
 
             $('html,body').animate({