feat: buymeacoffee widget added (#423)

akosbalasko · Nov 24, 2022 · 909d545 · 909d545
1 parent 9af42b0
commit 909d545
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 6 deletions.
diff --git a/src/ui/index.html b/src/ui/index.html
@@ -18,6 +18,7 @@
 	<link rel="import" href="sections/template.html">
 	<link rel="import" href="sections/output.html">
 	<link rel="import" href="sections/convert.html">
+<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="akosbalasko" data-description="Support me on Buy me a coffee!" data-message="" data-color="#40DCA5" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
 	</head>
 	<body>
 
@@ -71,7 +72,7 @@
 				require('./assets/js/ipc')
 				require('./assets/js/dialog')
 	  </script>
-	  
+
 
 	</body>
 </html>
diff --git a/src/ui/main.ts b/src/ui/main.ts
@@ -41,7 +41,7 @@ const defaultTemplate = fs.readFileSync(`${__dirname}/../../sampleTemplate.tmpl`
 function createWindow() {
   // Create the browser window.
   mainWindow = new BrowserWindow({titleBarStyle: 'hidden',
-    width: 1281,
+    width: 1600,
     height: 800,
     minWidth: 1281,
     minHeight: 800,

diff --git a/src/ui/sections/convert.html b/src/ui/sections/convert.html
@@ -1,18 +1,35 @@
+
 <template class="section-template">
-  <section id="convert" class="wrapper style1 fullscreen intro">
+  <section id="convert" class="wrapper style2 spotlights">
     <div class="inner">
       <h2> Step 5: Convert </h2>
 
           <ul class="actions">
             <li><a href="#" id="startConversion" class="button">Start conversion!</a></li>
           </ul>
+          <div class="split style1">
 
       <section>
         <div class="field">
           <label for="logArea">Logs</label>
-          <textarea name="logArea" id="logArea" rows="10"></textarea>
+          <textarea name="logArea" id="logArea" rows="25"></textarea>
         </div>
       </section>
+
+			<section>
+				<div class="field" style="padding-left: 20px">
+					<label>Satisfied with the results?</label>
+						<div>You can show your appreciation by</div>
+							<div>giving a <a class="github-button" href="https://github.com/akosbalasko/yarle" target="_blank" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" height="41" width="174" data-size="large" data-show-count="true" aria-label="Star akosbalasko/yarle on GitHub">star on github</a></div>
+							<br>
+							<div>or, if you can afford, <strong>click to the coffee cup down there, and buy me a coffee!</strong></div>
+							<br>
+							<div><strong>Thank you so much! &#x1F918	</strong></div>
+				</div>
+		</section>
+
+</div>
+<!-- Place this tag where you want the button to render. -->
     </div>
   </section>
   </template>
diff --git a/src/ui/sections/output.html b/src/ui/sections/output.html
@@ -8,8 +8,8 @@ <h2>Step 4: Set your output folder</h2>
 
             <span id='outputDirectory' size=50></span>
 
-            
+
       </div>
-   
+
 </section>
 </template>