version 0.4.5

README.md

@@ -37,10 +37,10 @@ npm install socialiteui
 
 ```html
 <!-- Import the styles -->
-<link rel="stylesheet" href="socialiteui-v0.4.4/socialiteui.min.css">
+<link rel="stylesheet" href="socialiteui-v0.4.5/socialiteui.min.css">
 
 <!-- Staggered grid and sidebar functionality -->
-<script src="socialiteui-v0.4.4/socialiteui.min.js"></script>
+<script src="socialiteui-v0.4.5/socialiteui.min.js"></script>
 ```
 
 ## Browser Support

base.css

@@ -1,5 +1,5 @@
 /*
-    SocialiteUI v0.4.4
+    SocialiteUI v0.4.5
     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.4';
+var docsSourcesPath = docsPath+'/socialiteui-v0.4.5';
 if (!fs.existsSync(docsSourcesPath)){
   fs.mkdirSync(docsSourcesPath);
 }
@@ -69,7 +69,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.4/socialiteui.min.js', jsResult.code);
+  fs.writeFileSync('socialiteui-v0.4.5/socialiteui.min.js', jsResult.code);
   fs.writeFileSync(docsSourcesPath+'/socialiteui.min.js', jsResult.code);
 }else{
   console.log('JS ERROR')
@@ -96,7 +96,7 @@ postcss([ autoprefixer ]).process(baseCss,{from: undefined}).then(result => {
     })
 
     var minifiedCss = csso.minify(result.css).css;
-    fs.writeFileSync('socialiteui-v0.4.4/socialiteui.min.css', minifiedCss);
+    fs.writeFileSync('socialiteui-v0.4.5/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.4",
+  "version": "0.4.5",
   "description": "Responsive and lightweight HTML, CSS and JS framework",
   "main": "main.js",
   "scripts": {
@@ -13,10 +13,10 @@
   "keywords": [
     "framework",
     "responsive",
+    "lightweight",
     "css",
     "js",
     "design",
-    "web",
     "social",
     "flexbox"
   ],

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.4.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.5.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.4/socialiteui.min.js</code>
+<p>For the sidebar, you'll need to import the javascript file <code class="text-brand">socialiteui-v0.4.5/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.4/socialiteui.min.js</code> from socialiteui framework at the bottom of your html document.</p>
+file <code class="text-brand">socialiteui-v0.4.5/socialiteui.min.js</code> from socialiteui framework at the bottom of your html document.</p>
 
 <p>Then just add the <code>staggered</code> class to your element.</p>
 <pre class="prettyprint lang-html">

website/docs.njk.html

@@ -18,7 +18,7 @@
     <aside id="documentation" class="sidebar">
 
         <p class="text-center">
-            v0.4.4
+            v0.4.5
         </p>
 
         <hr>
@@ -67,7 +67,7 @@
             <div class="navbar-content">
                 <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 class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.4.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.5.zip"><i style="font-size: 1.2rem;" class="fa fa-cloud-download-alt"></i></a>
                 </div>
             </div>
 
@@ -83,5 +83,5 @@
 {% endblock %}
 
 {% block js %}
-<script src="socialiteui-v0.4.4/socialiteui.min.js"></script>
+<script src="socialiteui-v0.4.5/socialiteui.min.js"></script>
 {% endblock %}

website/index.njk.html

@@ -48,7 +48,7 @@
         </div>
 
         <div class="navbar-end">
-            <a class="link text-brand" href="https://github.com/Isradeleon/socialiteui/archive/0.4.4.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.5.zip"><i style="font-size: 1.2rem;" class="fa fa-cloud-download-alt"></i></a>
         </div>
 
     </nav>
@@ -64,7 +64,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.4.zip">Download current version (0.4.4)</a>
+                            href="https://github.com/Isradeleon/socialiteui/archive/0.4.5.zip">Download current version (0.4.5)</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.4/socialiteui.min.css">
+    <link rel="stylesheet" href="socialiteui-v0.4.5/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">