need to change version

README.md

@@ -13,7 +13,7 @@ Lightweight HTML, CSS and JS framework for responsive WEB design. SocialiteUI is
 
 ## Easy to install
 
-You may just install the framework from npm or download the current version from [here](https://github.com/Isradeleon/socialiteui/archive/0.4.6.zip). Then just import the minified CSS and JS files into your project.
+You may just install the framework from npm or download the current version from [here](https://github.com/Isradeleon/socialiteui/archive/0.4.7.zip). Then just import the minified CSS and JS files into your project.
 
 ### NPM
 
@@ -25,10 +25,10 @@ npm install socialiteui
 
 ```html
 <!-- Import the styles -->
-<link rel="stylesheet" href="socialiteui-v0.4.6/socialiteui.min.css">
+<link rel="stylesheet" href="socialiteui-v0.4.7/socialiteui.min.css">
 
 <!-- Staggered grid and sidebar functionality -->
-<script src="socialiteui-v0.4.6/socialiteui.min.js"></script>
+<script src="socialiteui-v0.4.7/socialiteui.min.js"></script>
 ```
 
 ## Components

base.css

@@ -1,5 +1,5 @@
 /*
-    SocialiteUI v0.4.6
+    SocialiteUI v0.4.7
     Color reference:
         brand: #ff7675
         primary: #6c5ce7

main.js

@@ -10,7 +10,7 @@ var docsPath = '../socialiteui-docs';
 if (!fs.existsSync(docsPath)){
   fs.mkdirSync(docsPath);
 }
-var docsSourcesPath = docsPath+'/socialiteui-v0.4.6';
+var docsSourcesPath = docsPath+'/socialiteui-v0.4.7';
 if (!fs.existsSync(docsSourcesPath)){
   fs.mkdirSync(docsSourcesPath);
 }
@@ -83,7 +83,7 @@ var baseJs = fs.readFileSync('base.js').toString();
 var Terser = require("terser");
 var jsResult = Terser.minify(baseJs);
 if(!jsResult.error){
-  fs.writeFileSync('socialiteui-v0.4.6/socialiteui.min.js', jsResult.code);
+  fs.writeFileSync('socialiteui-v0.4.7/socialiteui.min.js', jsResult.code);
   fs.writeFileSync(docsSourcesPath+'/socialiteui.min.js', jsResult.code);
 }else{
   console.log('JS ERROR')
@@ -110,7 +110,7 @@ postcss([ autoprefixer ]).process(baseCss,{from: undefined}).then(result => {
     })
 
     var minifiedCss = csso.minify(result.css).css;
-    fs.writeFileSync('socialiteui-v0.4.6/socialiteui.min.css', minifiedCss);
+    fs.writeFileSync('socialiteui-v0.4.7/socialiteui.min.css', minifiedCss);
     fs.writeFileSync(docsSourcesPath+'/socialiteui.min.css', minifiedCss);
 
     console.log('Website is ready!')

package.json

@@ -1,6 +1,6 @@
 {
   "name": "socialiteui",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "Responsive and lightweight HTML, CSS and JS framework",
   "main": "main.js",
   "scripts": {

website/components/navbar.njk.html

@@ -26,7 +26,7 @@ <h1 id="navbar" class="text-brand">Navbar</h1>
         </div>
 
         <div class="navbar-end">
-            <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.6.zip"><i style="font-size: 1.2rem;" class="fa fa-cloud-download-alt"></i></a>
+            <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.7.zip"><i style="font-size: 1.2rem;" class="fa fa-cloud-download-alt"></i></a>
         </div>
 
     </nav>

website/components/sidebar.njk.html

@@ -5,7 +5,7 @@
 <h1 id="sidebar" class="text-brand">Sidebar</h1>
 <p>A responsive sidebar menu built with CSS and JS.</p>
 
-<p>For the sidebar, you'll need to import the javascript file <code class="text-brand">socialiteui-v0.4.6/socialiteui.min.js</code>
+<p>For the sidebar, you'll need to import the javascript file <code class="text-brand">socialiteui-v0.4.7/socialiteui.min.js</code>
 from socialiteui framework at the bottom of your html document.</p>
 
 <p>A sidebar looks exactly like the one in this documentation page. The <code>sidebar</code> element will be fixed 

website/components/staggered.njk.html

@@ -109,7 +109,7 @@ <h1 id="staggered" class="text-brand">Staggered grid view</h1>
 </div>
 
 <p>For the staggered grid to work, you'll need to import the javascript 
-file <code class="text-brand">socialiteui-v0.4.6/socialiteui.min.js</code> from socialiteui framework 
+file <code class="text-brand">socialiteui-v0.4.7/socialiteui.min.js</code> from socialiteui framework 
 to the bottom of your html document. The script makes the calculation for the negative margin-top 
 for each element, making it look staggered. It also listens for resize window events and when new 
 elements are added to the staggered grid using a mutation observer.</p>

website/docs.njk.html

@@ -18,7 +18,7 @@
     <aside id="documentation" class="sidebar">
 
         <p class="text-center">
-            v0.4.6
+            v0.4.7
         </p>
 
         <hr>
@@ -68,7 +68,7 @@
                 <div class="navbar-end">
                     <a target="_blank" rel="noopener noreferrer" class="link" href="https://github.com/Isradeleon/socialiteui"><i class="fab fa-github"></i></a>
                     <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/isradeleon" class="link"><i class="text-info fab fa-twitter"></i></a>
-                    <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.6.zip"><i class="fa fa-cloud-download-alt"></i></a>
+                    <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.7.zip"><i class="fa fa-cloud-download-alt"></i></a>
                 </div>
             </div>
 
@@ -84,5 +84,5 @@
 {% endblock %}
 
 {% block js %}
-<script src="socialiteui-v0.4.6/socialiteui.min.js"></script>
+<script src="socialiteui-v0.4.7/socialiteui.min.js"></script>
 {% endblock %}

website/index.njk.html

@@ -50,7 +50,7 @@
         </div>
 
         <div class="navbar-end">
-            <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.6.zip"><i class="fa fa-cloud-download-alt"></i></a>
+            <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.7.zip"><i class="fa fa-cloud-download-alt"></i></a>
         </div>
 
     </nav>
@@ -66,7 +66,7 @@ <h1>A lightweight framework for HTML, CSS and JS. SocialiteUI is open source, re
 
                         <div>
                             <a class="btn brand inverted radius" 
-                            href="https://github.com/Isradeleon/socialiteui/archive/0.4.6.zip">Download current version (0.4.6)</a>
+                            href="https://github.com/Isradeleon/socialiteui/archive/0.4.7.zip">Download current version (0.4.7)</a>
                         </div>
 
                         <br>

website/root.njk.html

@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="description" content="{% if description %}{{ description }}{% else %}Lightweight HTML, CSS and JS framework for WEB design. SocialiteUI is 100% responsive and mobile first designed.{% endif %}">
     <title>{% if title %}{{ title }}{% else %}SocialiteUI{% endif %} • A responsive and lightweight CSS framework</title>
-    <link rel="stylesheet" href="socialiteui-v0.4.6/socialiteui.min.css">
+    <link rel="stylesheet" href="socialiteui-v0.4.7/socialiteui.min.css">
     <link rel="icon" href="logo.ico" type="image/x-icon" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
     <link rel="stylesheet" href="prettifier.css">