Add image example for TargetFuncTip

Author: LostMyCode

public/index.html

@@ -7,6 +7,18 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <title><%= htmlWebpackPlugin.options.title %></title>
+
+  <meta property="og:site_name" content="javascript-deobfuscator">
+  <meta property="og:url" content="https://sigr.io/deobfuscator/">
+  <meta property="og:title" content="javascript-deobfuscator">
+  <meta property="og:description" content="">
+
+  <meta property="og:image" content="https://sigr.io/deobfuscator/img.jpg">
+  <meta property="og:image:width" content="1000">
+  <meta property="og:image:height" content="1000">
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:site" content="@LostMyCode" />
+
   <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.11.0/beautify.min.js"></script>
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162765588-3"></script>
   <script>

src/components/Main.vue

@@ -58,7 +58,7 @@
       ></textarea>
     </div>
 
-    <div class="mb-4">
+    <div class="feedback">
       <a href="https://github.com/LostMyCode/javascript-deobfuscator/issues" target="_blank">Feedback (GitHub)</a>
     </div>
   </div>
@@ -114,7 +114,6 @@ export default {
         )
         .then((res) => {
           this.running = false;
-          // console.log(res);
           res.data = res.data.replace(/\n/g, "");
           this.changeProgress(0);
           this.$refs.alert.showAlert(
@@ -148,7 +147,7 @@ export default {
     },
     toggleTargetFuncTip() {
       this.$refs.TargetFuncTip.toggle();
-    }
+    },
   },
 
   mounted() {

src/components/TargetFuncTip.vue

@@ -14,6 +14,9 @@
       <div class="codeblock">
         <span class="target">_0x439c</span>('0x2','f]Xg')
       </div>
+      <div class="code-example shadow">
+        <img src="../assets/how_to_find_fn.png" class="img-fluid">
+      </div>
       <p class="card-text">
         In this case, target function name is <span class="target">_0x439c</span>
       </p>

src/sass/main.scss

@@ -18,7 +18,15 @@
     margin: 20px;
 }
 
+.code-example {
+    margin: 20px;
+}
+
 span.target {
     color: rgb(148, 33, 142);
     font-weight: bold;
+}
+
+.feedback {
+    margin-bottom: 80px;
 }