updated dmg

out/Coffitivity Offline-darwin-x64/Coffitivity Offline.app/Contents/Resources/app/README.md

@@ -1,9 +1,14 @@
+<img style="cursor: zoom-in;" src="http://siwalik.in/coffitivityOffline/images/scrsht.jpg" width="100%">
+
 # Coffitivity Offline 1.0.0
-Coffitivity.com's unofficial desktop app which runs without internet. 🎧 🚀
+Coffitivity's desktop app built with the powers of web technology and ElectronJS. 🎧 🚀 
 
+>looking for Download? [Go to Download page.](http://www.siwalik.in/coffitivityOffline/)
 
-### Development Setup
+### Reporting issues
+Please visit our [Github Issues Page](https://github.com/siwalikm/coffitivity-offline/issues) to discuss bugs and issues.
 
+### Development Setup
 To clone and run this repository you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. We will also be using [Electron Forge](https://electronforge.io/) for building our desktop native app.
 Next open up Terminal or your favourite command line tool:
 
@@ -20,7 +25,8 @@ npm install
    # Run the app
 electron-forge start
 ```
-#### Building native app for MacOS
+#### Building native app
+(supports only MacOS for now)
 ```bash
    # Go into the repository
 cd coffitivity-offline

out/Coffitivity Offline-darwin-x64/Coffitivity Offline.app/Contents/Resources/app/src/index.html

@@ -55,34 +55,20 @@ <h1 class="mainTitle">Coffitivity Offline</h1>
     <i class="icon-cancel"></i>
     <div class="musicOptBox">
       <p class="musicOptBox__title">About</p>
-      <p class="musicOptBox__desc">I am coffitivity.com's open-source cousin, and i run without the internet.<br>I recreate ambient sounds of cafes to boost your creativity, so you can produce better work.</p>
-      <p class="musicOptBox__desc">Coffitivity Offline is built by <a target="_blank" href="https://twitter.com/siwalik">@siwalik</a> in collaboration with <a target="_blank" href="https://twitter.com/Coffitivity">@Coffitivity</a>.</p>
-      <p class="musicOptBox__desc">You can report issues and bugs on <a rel="noreferrer" target="_blank"  href="https://github.com/siwalikm/coffitivity-offline/issues">Github Issues</a>.</p>
       <p class="musicOptBox__desc">
-        <span>
-          <a href="https://github.com/siwalikm/coffitivity-offline" target="_blank">
-            <span class="links">
-              <i aria-hidden="true" class="icon-github-circled"></i> Fork us on GitHub
-            </span>
-          </a>
-        </span>
-      <br>
-      <span>
-        <a href="https://github.com/siwalikm/coffitivity-offline" target="_blank">
-          <span class="links">
-            <i aria-hidden="true" class="icon-twitter"></i> Share the love on Twitter
-          </span>
-        </a>
-      </span>
+        I am coffitivity.com's open-source cousin, and i run without the internet.<br>I recreate ambient sounds of cafes to boost your creativity, so you can produce better work.</p>
+      <p class="musicOptBox__desc">
+        Coffitivity Offline is built by <a target="_blank" href="https://twitter.com/siwalik">@siwalik</a> in collaboration with <a target="_blank" href="https://coffitivity.com">coffitivity.com</a>.</p>
+      <p class="musicOptBox__desc">
+        You can report issues and bugs on <a rel="noreferrer" target="_blank"  href="https://github.com/siwalikm/coffitivity-offline/issues">Github Issues</a>.</p>
 
-      </p>
     </div>
   </span>
 
   <footer>
     <a rel="noreferrer" target="_blank" href="https://twitter.com/intent/tweet?text=Check%20out%20@Coffitivity%20for%20Desktop!%20You%20can%20listen%20to%20ambient%20music%20even%20when%20you%27re%20offline.%20%F0%9F%8E%A7%20%F0%9F%9A%80%20@siwalik%20siwalik.in/coffitivityOffline"><i title="Spread the love" class="footer-icon icon-twitter"></i></a>
 
-    <a rel="noreferrer" target="_blank" href="https://github.com/siwalikm/coffitivity-offline/"><i title="Fork me on Github" class="footer-icon icon-github-circled"></i></a>
+    <a rel="noreferrer" target="_blank" href="https://github.com/siwalikm/coffitivity-offline/"><i title="Fork on Github" class="footer-icon icon-github-circled"></i></a>
     <a onclick="aboutPageFn()"><i title="Info" class="footer-icon icon-info-circled-alt"></i></a>
 
   </footer>

out/Coffitivity Offline-darwin-x64/Coffitivity Offline.app/Contents/Resources/app/src/style.css

@@ -17,18 +17,18 @@ i.icon-cancel {
     float: right;
     z-index: 100;
     position: relative;
-    margin-top: -333px;
+    margin-top: -320px;
     padding: 10px;
 }
 
 .page3 .musicOptBox{
-    height: 350px;
+    height: 280px;
     z-index: 10;
     background: #303c50;
     position: absolute;
-    margin-top: -333px;
-    margin-left: 0px;
-    width: 250px;
+    margin-top: -321px;
+    margin-left: 2px;
+    width: 245px;
 }
 
 .page3 .musicOptBox:hover {