Version 1.2.0 Released

Code Review

Author: furcan

README.md

@@ -8,7 +8,7 @@ Use highly customizable maps (Google Maps) with multiple custom Markers in your
 
 
 ### Current Version
-1.1.0 [*](https://github.com/furcan/Markers-On-Map/blob/master/ReleaseNotes.md)
+1.2.0 [*](https://github.com/furcan/Markers-On-Map/blob/master/ReleaseNotes.md)
 
 ### Website and Demo
 https://furcan.github.io/Markers-On-Map/
@@ -31,7 +31,7 @@ yarn add markers-on-map
 #### 1- JavaScript
 
 ```html
-<script src="dist/markers-on-map-1.1.0.js"></script>
+<script src="dist/markers-on-map-1.2.0.js"></script>
 ```
 
 #### 2- Initialize (Basic)

ReleaseNotes.md

@@ -1,3 +1,8 @@
+@1.2.0
+* **Changed:** Code Review.
+
+-----
+
 @1.1.0
 * **Added:** Can use a callback function for each marker element clicked.
 

dist/markers-on-map-1.2.0.js

@@ -1,6 +1,6 @@
 /*!
 * Markers On Map ('https://github.com/furcan/Markers-On-Map')
-* Version: 1.1.0
+* Version: 1.2.0
 * Author: Furkan MT ('https://github.com/furcan')
 * Copyright 2019 Markers On Map, MIT Licence ('https://opensource.org/licenses/MIT')*
 */
@@ -167,7 +167,7 @@ padding: 0 20px;}
 display: table;
 margin: auto;
 background: rgba(0, 0, 0, 0.15);
-padding: 15px 50px 20px;
+padding: 15px 45px 20px;
 border-radius: 100px;}
 
 .map-wrapper .get-it-on p {
@@ -180,7 +180,7 @@ margin: 0 0 10px;}
 font-size: 34px;
 line-height: 34px;
 display: inline-table;
-margin: 0 10px;
+margin: 0 15px;
 color: #00e676;}
 
 .map-wrapper .get-it-on a.npm {

index.css

@@ -23,11 +23,13 @@
     <meta name="designer" content="Furcan">
     <meta name="copyright" content="© 2019 Markers On Map. All Rights Reserved.">
 
+    <meta name="theme-color" content="#502974" />
+    
     <link rel="dns-prefetch" href="//fonts.googleapis.com" />
     <link id="FontMuli" href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700,900&display=swap&subset=latin-ext" rel="stylesheet">
     <link id="FontConsolas" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700&amp;subset=latin-ext" rel="stylesheet">
 
-    <link rel="stylesheet" href="index.css?v=1.1.0">
+    <link rel="stylesheet" href="index.css?v=1.2.0">
 
 </head>
 
@@ -40,7 +42,7 @@
 
             <div class="max-content">
                 <div class="head">
-                    <h1 class="logo" data-toggle="tooltip" title="Current Version: v1.1.0"><a href="https://furcan.github.io/Markers-On-Map/">Markers On Map<i class="fab fa-js-square"></i></a></h1>
+                    <h1 class="logo" data-toggle="tooltip" title="Current Version: v1.2.0"><a href="https://furcan.github.io/Markers-On-Map/">Markers On Map<i class="fab fa-js-square"></i></a></h1>
                     <p class="description">Use highly customizable maps (Google Maps) with multiple custom Markers.</p>
                 </div>
 
@@ -65,7 +67,7 @@ <h2><i class="fas fa-chevron-down"></i>Basic Usage</h2>
 
                 <code id="CodeJS">
                     <span class="label">JavaScript</span>
-                    <span class="l1"><span class="char">&lt;</span><span class="bool">script</span> <span class="fnc1">src</span>=<span><span class="str">"/Markers-On-Map/dist/markers-on-map-1.1.0.js"</span></span><span class="char">&gt;&lt;/</span><span class="bool">script</span><span class="char">&gt;</span></span>
+                    <span class="l1"><span class="char">&lt;</span><span class="bool">script</span> <span class="fnc1">src</span>=<span><span class="str">"/Markers-On-Map/dist/markers-on-map-1.2.0.js"</span></span><span class="char">&gt;&lt;/</span><span class="bool">script</span><span class="char">&gt;</span></span>
                 </code>
 
                 <code id="CodeInit">
@@ -231,12 +233,12 @@ <h2><i class="fas fa-chevron-down"></i>Advanced Usage</h2>
 
     </div>
 
-    <script src="dist/markers-on-map-1.1.0.js"></script>
+    <script src="dist/markers-on-map-1.2.0.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/notiflix/dist/notiflix-aio-1.7.1.min.js"></script>
     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
     <script src="https://kit.fontawesome.com/833245c2e4.js"></script>
     <script src="index-tooltip.js"></script>
-    <script src="index.js?v=1.1.0"></script>
+    <script src="index.js?v=1.2.0"></script>
 </body>
 
 </html>

index.html

@@ -1,13 +1,13 @@
 /*!
 * Markers On Map ('https://github.com/furcan/Markers-On-Map')
-* Version: 1.1.0
+* Version: 1.2.0
 * Author: Furkan MT ('https://github.com/furcan')
 * Copyright 2019 Markers On Map, MIT Licence ('https://opensource.org/licenses/MIT')*
 */
 
 // DEMO: Markers On Map - Init and Run on
 MarkersOnMap.Init({
-    googleApiKey: 'AIzaSyBUV6KcfZOEDTkTMi0OZ1PcVL7QQHCL8U4',
+    googleApiKey: 'AIzaSyBUV6KcfZOEDTkTMi0OZ1PcVL7QQHCL8U4', // this key restricted except this project
     googlePlacesApiEnabled: true,
     mapTypeId: 'terrain',
     mapHeight: '500px',
@@ -32,7 +32,7 @@ MarkersOnMap.Init({
             markerLat: 39.940516,
             markerLong: 32.823702,
             markerTitle: 'This marker has it\'s own custom content',
-            markerContent: '<h3 style="text-align:center;margin:0 0 10px;">Custom Marker Content</h3><p style="text-align:center; margin:0 0 10px;">Custom Marker Description</p><button onclick="Notiflix.Notify.Success(\'Markers On Map\')" style="display:table;margin:auto;padding:8px 12px;border-radius:20px;font-weight:700;background:#502974;color:#fff;cursor:pointer;">Custom Button</button>',
+            markerContent: '<h3 style="text-align:center;margin:0 0 10px;">Custom Marker Content</h3><p style="text-align:center; margin:0 0 10px;">Custom Marker Description</p><button onclick="Notiflix.Notify.Success(\'Custom Button Action\')" style="display:table;margin:auto;padding:8px 12px;border-radius:20px;font-weight:700;background:#502974;color:#fff;cursor:pointer;">Custom Button</button>',
             // markerContentFromGoogleQuery: 'Ataturk Culture Center',
         }
     ],

index.js

@@ -1,7 +1,7 @@
 {
   "name": "markers-on-map",
-  "main": "dist/markers-on-map-1.1.0.js",
-  "version": "1.1.0",
+  "main": "dist/markers-on-map-1.2.0.js",
+  "version": "1.2.0",
   "description": "Use highly customizable maps (Google Maps) with multiple custom Markers in your web projects.",
   "homepage": "https://github.com/furcan/Markers-On-Map",
   "files": [