Release 1.1.0 (#1)

* Highlight required fields * Add todos to the Readme * Renaming to PayNow * Some CSS spacings
matter-labs · Dec 9, 2020 · 23623c5 · 23623c5
1 parent efe88ac
commit 23623c5
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 18 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
-## Pay Now | Changelog
+## PayNow | Changelog
 
 
+### 1.1.0 (2020-12-09)
+* Highlight required fields
+* Add todos to the Readme
+* Renaming to PayNow
+* Some CSS spacings
+
 ### 1.0.0 (2020-12-08)
 * Initial release
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-    <b>Pay Now</b>
+    <b>PayNow</b>
     <br>
     Create payment links, get paid in tokens
 </p>
@@ -23,12 +23,19 @@ Accept payments instantly using payment links (provided by [zkSync](https://zksy
 * No DB, no 3rd-party dependencies
 * Performance optimized application
 
-#### UI
+#### User Interface
 * Usability tested
 * Full responsive layout
 * Flat & clean user interface
 * Dark / Light themes (auto switch)
 
+#### Todos
+* CI tests
+* Additional infos
+* QR Code generator
+* Social Media links
+* `semanticType: FeeOrCommission`
+
 #### Illustration
 * Created by [pch.vector](https://www.freepik.com)
 

diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
     "name": "pay.now.sh",
     "private": true,
-    "description": "Pay Now - Create payment links, get paid in tokens",
-    "version": "1.0.0",
+    "description": "PayNow - Create payment links, get paid in tokens",
+    "version": "1.1.0",
     "scripts": {
         "build": "rollup -c",
         "dev": "rollup -c -w",

diff --git a/public/index.html b/public/index.html
@@ -3,12 +3,11 @@
 <html lang="en">
     <head>
     	<meta charset="utf-8">
-        <meta name="robots" content="noindex">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
-        <meta name="description" content="Pay Now - Create payment links, get paid in tokens">
+        <meta name="description" content="PayNow - Create payment links, get paid in tokens">
 
         <meta name="mobile-web-app-capable" content="yes">
-        <meta name="apple-mobile-web-app-title" content="Pay Now - Create payment links, get paid in tokens">
+        <meta name="apple-mobile-web-app-title" content="PayNow - Create payment links, get paid in tokens">
         <meta name="apple-mobile-web-app-status-bar-style" content="#f4f7fe">
         <meta name="theme-color" content="#f4f7fe">
 
@@ -19,7 +18,7 @@
         <link rel="apple-touch-icon" sizes="192x192" href="images/icon-192.png">
         <link rel="apple-touch-icon" sizes="512x512" href="images/icon-512.png">
 
-        <title>Pay Now - Create payment links, get paid in tokens</title>
+        <title>PayNow - Create payment links, get paid in tokens</title>
     </head>
 
     <body>

diff --git a/public/styles/global.css b/public/styles/global.css
@@ -119,3 +119,7 @@ input::-webkit-inner-spin-button {
 input[type=number] {
     -webkit-appearance: textfield;
 }
+
+input:required {
+    box-shadow: none;
+}
diff --git a/src/Main.svelte b/src/Main.svelte
@@ -117,7 +117,7 @@
 
     header {
         text-align: center;
-        margin-bottom: 2rem;
+        margin-bottom: 4rem;
     }
 
     h3 span {
@@ -165,11 +165,20 @@
     input[readonly] {
         cursor: default;
     }
-    input:not([readonly]):hover {
+    input:hover {
         background-color: transparent;
         border-color: var(--color-input-border-hover);
     }
 
+    select:invalid,
+    input:invalid {
+        border-color: var(--color-input-border-hover);
+    }
+
+    input[readonly]:hover {
+        pointer-events: none;
+    }
+
     select {
         width: 9rem;
         -webkit-appearance: none;
@@ -196,7 +205,6 @@
         border-color: var(--color-page-text-light);
         background-color: transparent;
         padding: .6rem 1.3rem 0;
-        height: 6rem;
         word-break: break-all;
         line-height: 1.2rem;
         font-size: .9rem;
@@ -256,9 +264,16 @@
         margin-top: 4rem;
         text-align: center;
     }
+    footer,
     footer a {
-        display: block;
         color: var(--color-page-text-light);
+    }
+
+    footer span {
+        font-size: .8rem;
+        padding: 0 .8rem;
+    }
+    footer a {
         font-size: 1rem;
     }
 
@@ -271,9 +286,6 @@
             width: 38rem;
             padding: 2rem;
         }
-        textarea {
-            height: 4rem;
-        }
     }
     @media (min-width: 1024px) {
         main {
@@ -305,7 +317,7 @@
             </h2>
             <h3>
                 {#if checkout}
-                    Fast, secure, ultra-low transaction fee
+                    <span>Fast, secure,</span> ultra-low transaction fee
                 {:else}
                     <span>Accepting payments</span> is now just a link away
                 {/if}
@@ -363,7 +375,9 @@
         </fieldset>
 
         <footer>
-            <a href="https://zksync.io" target="_blank" rel="noopener">Provided by zkSync</a>
+            <a href="https://zksync.io">Provided by zkSync</a>
+            <span>|</span>
+            <a href="{HOME_URL}?MHgwNTM1NzY2RTc1RUUwNjAzZjQwZTg1MjBFZUFGQmNFOTQ0QTU3RjcyfHw">Donate to PayNow</a>
         </footer>
     </form>
 </main>