updated UI

README.md

@@ -1,34 +1,37 @@
-<p align="center"><a href="https://dbizcard.vercel.app/"><img src="assets/images/featureGraphic.png" width="100%"></a></p>
+<p align="center"><a href="https://enbizcard.vercel.app/"><img src="assets/images/GitHub.png" width="100%"></a></p>
 
-<h3 align="center">Stop printing. Start hosting!</h3>
-<p align="center">Digital Business Card Generator is a free and open-source front-end web application that lets you to quickly generate an interactive and responsive HTML-based digital business card that can be hosted with your website.</p>
-<h4 align="center"><a href="https://dbizcard.vercel.app/demo">Check out the demo</a> | <a href="https://dbizcard.vercel.app">Create your own</a></h4>
+<h1 align="center">An Open-Source Digital Business Card Generator</h1>
+<!-- <h3 align="center">Your Website Can Host Your Digital Business Cards for FREE!</h3> -->
+<h3 align="center">Why Pay When Your Digital Business Cards Can Be Hosted on Your Website for Free!</h3>
+<p align="center">EnBizCard helps you create interactive and responsive HTML-based digital business cards that can be hosted with your website.</p>
+<h3 align="center"><a href="https://enbizcard.vercel.app">Open Website</a></h3>
 
 ---
 
 <p align="center">
-<a href="https://www.gnu.org/licenses/agpl-3.0" alt="License: GPLv3"><img src="https://img.shields.io/badge/License-AGPL%20v3-blue"></a> <a href="https://github.com/vishnuraghavb/dbizcard/issues" alt="GitHub issues"><img src="https://img.shields.io/github/issues/vishnuraghavb/dbizcard?label=Issues"></a> <a href="https://liberapay.com/vishnuraghavb/donate" alt="Translation Status"><img src="https://img.shields.io/liberapay/patrons/vishnuraghavb.svg?logo=liberapay"></a> <a href="https://www.vishnuraghav.com/donate" alt="Donate"><img src="https://img.shields.io/badge/Donate%20to-Vishnu%20Raghav-brightgreen"></a></p>
+<a href="https://www.gnu.org/licenses/agpl-3.0" alt="License: GPLv3"><img src="https://img.shields.io/badge/License-AGPL%20v3-blue"></a> <a href="https://github.com/vishnuraghavb/enbizcard/issues" alt="GitHub issues"><img src="https://img.shields.io/github/issues/vishnuraghavb/enbizcard?label=Issues"></a> <a href="https://liberapay.com/vishnuraghavb/donate" alt="Translation Status"><img src="https://img.shields.io/liberapay/patrons/vishnuraghavb.svg?logo=liberapay"></a> <a href="https://www.vishnuraghav.com/donate" alt="Donate"><img src="https://img.shields.io/badge/Donate%20to-Vishnu%20Raghav-brightgreen"></a></p>
 
 ---
 
 ## Goals
 
-- Minimize the cost of paying third-party services to host your digital business cards
+- Easily create digital business cards
+- Elegant design and functionality
 - Quick and easy setup
-- Simple, clutter-free design
+- Discourage paper business cards and save trees
 
 ## Features
 
-- Clean and simple design
 - Concise action buttons
 - Click to contact via Phone, WhatsApp, Email, etc
 - Direct vCard download (lets user download your contact information to their phone)
 - Social media links
 - PGP public key sharing with fingerprint
-- Easily share your card using QR-code or link
-- Feature images, artworks, music releases, video showreels, brochures and much more
-- Embed any kind of HTML content (that means you can now add YouTube videos)
-- Showcase products, services or anything up to your imagination
+- Share your card with anyone using QR-code or link
+- Showcase images, artworks, music, videos, poems, brochures, products, services or anything up to your imagination
+- Embed any kind of HTML content (videos, music, maps, contact forms, you name it.)
+- Track your audience with analytics
+- Custom fonts
 
 ## Highlights
 
@@ -38,16 +41,16 @@
 
 ## Future
 
-Check out the [roadmap](https://github.com/vishnuraghavb/dbizcard/projects/1) to see the upcoming features of Digital Business Card Generator.
+Check out the [roadmap](https://github.com/vishnuraghavb/enbizcard/projects/1) to see the upcoming features of Digital Business Card Generator.
 
 Your feedback and suggestions are very important. If you have an idea to improve Digital Business Card Generator, [do let me know](#having-issues-suggestions-and-feedback). I'm always open to ideas ;)
 
 ## Having issues, suggestions and feedback?
 
 You can,
 
-- [Create an issue here](https://github.com/vishnuraghavb/dbizcard/issues)
-- [Join the Telegram group](http://t.me/dbizcard) (quicker replies and best for discussion)
+- [Create an issue here](https://github.com/vishnuraghavb/enbizcard/issues)
+- [Join the Telegram group](http://t.me/enbizcard) (quicker replies and best for discussion)
 - Contact me at apps@vishnuraghav.com
 
 ## Assets
@@ -63,6 +66,7 @@ You can,
 ## License
 
 ```
+EnBizCard - An Open-Source Digital Business Card Generator
 Copyright (C) 2020  Vishnu Raghav B
 
 This program is free software: you can redistribute it and/or modify

assets/css/tailwind.css

@@ -10,16 +10,8 @@
   @apply right-0;
   right: 0;
 }
-.toggle-switch:checked + .toggle-label {
-  @apply bg-green-600;
-  background-color: #38a169;
-}
-.checkbox:checked {
-  background-color: #38a169;
-  border-color: #38a169;
-}
 #device {
-  border-radius: 2rem;
+  border-radius: 1rem;
   width: 100%;
 }
 .max-hd {
@@ -48,19 +40,13 @@
 }
 
 @media (min-width: 640px) {
-  .footer {
-    display: none;
-  }
-  .max-hd {
-    max-height: 38rem;
-  }
   .stepC {
     margin-left: 0.5rem;
     margin-right: 0.5rem;
   }
 }
-@media (min-width: 480px) {
-  #device {
-    max-width: 24rem;
+@media (min-width: 768px) {
+  .max-hd {
+    max-height: 38rem;
   }
 }