Added sponsor button

Author: sanex3339

App/styles/main.less

@@ -5,6 +5,50 @@
 #GithubBadges, #DonateBadges {
   display: flex;
 
+  & #donate {
+    position: relative;
+    display: inline-block;
+    margin-left: 10px;
+    padding: 3px 10px;
+    font-size: 14px;
+    line-height: 22px;
+    font-weight: 600;
+    color: #24292e;
+    background-color: #eee;
+    background-image: linear-gradient(to bottom,#fcfcfc 0,#eee 100%);
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    user-select: none;
+    background-repeat: repeat-x;
+    background-position: -1px -1px;
+    background-size: 110% 110%;
+    border: 1px solid rgba(27,31,35,.2);
+    border-radius: .25em;
+
+    &:hover {
+      background-color: #ddd;
+      background-image: linear-gradient(to bottom,#eee 0,#ddd 100%);
+      border-color: #ccc;
+    }
+
+    &:active {
+      background-image: none;
+      background-color: #dcdcdc;
+      border-color: #b5b5b5;
+      box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
+    }
+
+    & #donate-heart {
+      display: inline-block;
+      vertical-align: middle;
+      color: #ea4aaa;
+      fill: currentColor;
+      margin-right: 2px;
+      margin-bottom: 2px;
+    }
+  }
+
   @media only screen and (max-width: @largestMobileScreen) {
     & {
       justify-content: center;
@@ -79,4 +123,4 @@ pre#Html {
   & code {
     width: 100%;
   }
-}
+}

templates/index.html

@@ -8,7 +8,7 @@
           content="JavaScript Obfuscator is a free online tool that obfuscates your source code, preventing it from being stolen and used without permission.">
     <meta name="Keywords" content="obfuscator, javascript obfuscator, javascript obfuscator tool, obfuscation js, obfuscate tool, обфускатор, code obfuscator, obfuscator online, uglify, minify, js obfuscator, obfuscator io, obfuscator.io, obfuscate, protection">
 
-    <link rel="stylesheet" href="/static/dist/stylesheets/main.css" media="screen" title="no title">
+    <link rel="stylesheet" href="/static/dist/stylesheets/bundle.css" media="screen" title="no title">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-116652505-1"></script>
@@ -54,10 +54,10 @@ <h1>JavaScript Obfuscator Tool</h1>
                 </p>
                 <div id="GithubBadges">
                     <iframe
-                        src="https://ghbtns.com/github-btn.html?user=javascript-obfuscator&repo=javascript-obfuscator&type=star&size=large"
+                        src="https://ghbtns.com/github-btn.html?user=javascript-obfuscator&repo=javascript-obfuscator&type=star&size=large&count=true"
                         frameborder="0"
                         scrolling="0"
-                        width="80px"
+                        width="150px"
                         height="30px"
                     ></iframe>
                     <iframe
@@ -67,6 +67,17 @@ <h1>JavaScript Obfuscator Tool</h1>
                         width="90px"
                         height="30px"
                     ></iframe>
+                    <a
+                        id="donate"
+                        href="#DonateBadges"
+                        title="Sponsor javascript-obfuscator/javascript-obfuscator"
+                        role="button"
+                    >
+                        <svg id="donate-heart" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true">
+                            <path fill-rule="evenodd" d="M8.727 3C7.091 3 6.001 4.65 6.001 4.65S4.909 3 3.273 3C1.636 3 0 4.1 0 6.3 0 9.6 6 14 6 14s6-4.4 6-7.7C12 4.1 10.364 3 8.727 3z"></path>
+                        </svg>
+                        Sponsor
+                    </a>
                 </div>
             </div>
         </div>