Update package metadata (#151)

Author: scriptex

.github/FUNDING.yml

@@ -9,4 +9,4 @@ community_bridge: # Replace with a single Community Bridge project-name e.g., cl
 liberapay: scriptex
 issuehunt: scriptex
 otechie: # Replace with a single Otechie username
-custom: ['paypal.me/scriptex']
+custom: ['paypal.me/scriptex', 'revolut.me/scriptex']

.github/workflows/build.yml

@@ -1,13 +1,6 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
 name: Build
 
-on:
-    push:
-        branches: [master]
-    pull_request:
-        branches: [master]
+on: [push, pull_request]
 
 jobs:
     build:
@@ -24,4 +17,4 @@ jobs:
               with:
                   node-version: ${{ matrix.node-version }}
             - run: yarn
-            - run: yarn build
+            - run: yarn deploy

.gitignore

@@ -17,4 +17,5 @@ node_modules/
 ehthumbs.db
 Thumbs.db
 
-.vercel
+main.css
+demo/*.css

.npmignore

@@ -6,7 +6,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # Dependency directory
-node_modules/
+node_modules
 
 # Misc
 .DS_Store
@@ -17,30 +17,27 @@ node_modules/
 ehthumbs.db
 Thumbs.db
 
-# EditorConfig
+# Config folders and files
+.github
+_config.yml
+_.config.yml
 .editorconfig
-
-# Git
-.gitignore
 .gitattributes
-
-# CI
-.travis.yml
-
-# lock files
-yarn.lock
-
-# Prettier
-.prettierrc
+.gitignore
+.nvmrc
 .prettierignore
-
-# Config files
-now.json
-renovate.json
-postcss.config.js
-
-# Project specific
-.github
-.vercel
+.prettierrc
+.stylelintignore
+.stylelintrc
+.travis.yml
 .whitesource
+itcss.sketch
 itcss.svg
+postcss.config.js
+renovate.json
+tsconfig.json
+tslint.json
+yarn.lock
+
+!main.css
+demo

.travis.yml

@@ -5,4 +5,4 @@ node_js:
 install:
     - yarn
 script:
-    - yarn build
+    - yarn deploy

.whitesource

@@ -5,4 +5,4 @@
   "checkRunSettings": {
     "vulnerableCheckRunConclusionLevel": "success"
   }
-}
+}

README.md

@@ -2,15 +2,30 @@
 
 # ITCSS
 
-[![GitHub release](https://img.shields.io/github/release/scriptex/itcss.svg)](https://github.com/scriptex/itcss/releases/latest)
-[![GitHub issues](https://img.shields.io/github/issues/scriptex/itcss.svg)](https://github.com/scriptex/itcss/issues)
-[![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/itcss.svg)](https://github.com/scriptex/itcss/commits/master)
-[![Build Status](https://travis-ci.com/scriptex/itcss.svg?branch=master)](https://travis-ci.com/scriptex/itcss)
-[![npm](https://img.shields.io/npm/dt/itcss.svg)](https://www.npmjs.com/package/itcss)
-[![npm](https://img.shields.io/npm/v/itcss.svg)](https://www.npmjs.com/package/itcss)
-[![Analytics](https://ga-beacon.appspot.com/UA-83446952-1/github.com/scriptex/itcss/README.md)](https://github.com/scriptex/itcss/)
+[![Travis CI](https://travis-ci.com/scriptex/itcss.svg?branch=master)](https://travis-ci.com/scriptex/itcss)
+[![Github Build](https://github.com/scriptex/itcss/workflows/Build/badge.svg)](https://github.com/scriptex/itcss/actions?query=workflow%3ABuild)
+[![Codacy Badge](https://app.codacy.com/project/badge/Grade/34d3d75710534dc6a38c3584a1dcd068)](https://www.codacy.com/gh/scriptex/itcss/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/itcss&utm_campaign=Badge_Grade)
+[![Codebeat Badge](https://codebeat.co/badges/d765a4c8-2c0e-44f2-89c3-fa364fdc14e6)](https://codebeat.co/projects/github-com-scriptex-itcss-master)
+[![CodeFactor Badge](https://www.codefactor.io/repository/github/scriptex/itcss/badge)](https://www.codefactor.io/repository/github/scriptex/itcss)
+[![DeepScan grade](https://deepscan.io/api/teams/3574/projects/5257/branches/40799/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799)
+[![Analytics](https://ga-beacon-361907.ew.r.appspot.com/UA-83446952-1/github.com/scriptex/itcss/README.md?pixel)](https://github.com/scriptex/itcss/)
 
-A starter boilerplate based on the [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) (Inverted Triangle CSS) methodology.
+> A starter boilerplate based on the [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) (Inverted Triangle CSS) methodology.
+
+## Visitor stats
+
+![GitHub stars](https://img.shields.io/github/stars/scriptex/itcss?style=social)
+![GitHub forks](https://img.shields.io/github/forks/scriptex/itcss?style=social)
+![GitHub watchers](https://img.shields.io/github/watchers/scriptex/itcss?style=social)
+![GitHub followers](https://img.shields.io/github/followers/scriptex?style=social)
+
+## Code stats
+
+![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/scriptex/itcss)
+![GitHub repo size](https://img.shields.io/github/repo-size/scriptex/itcss?style=plastic)
+![GitHub language count](https://img.shields.io/github/languages/count/scriptex/itcss?style=plastic)
+![GitHub top language](https://img.shields.io/github/languages/top/scriptex/itcss?style=plastic)
+![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/itcss?style=plastic)
 
 ## About
 
@@ -532,12 +547,100 @@ In order to do so in your setup, please refer to the [`postcss.config.js`](https
     }
     ```
 
-## Support this project
-
-[![Tweet](https://img.shields.io/badge/Tweet-Share_this_repository-blue.svg?style=flat-square&logo=twitter&color=38A1F3)](https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20software%20project%3A&url=https%3A%2F%2Fgithub.com%2Fscriptex%2Fitcss&via=scriptexbg&hashtags=software%2Cgithub%2Ccode%2Cawesome)
-[![Donate](https://img.shields.io/badge/Donate-Support_me_on_PayPal-blue.svg?style=flat-square&logo=paypal&color=222d65)](https://www.paypal.me/scriptex)
-[![Become a Patron](https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?style=flat-square&logo=patreon&color=e64413)](https://www.patreon.com/atanas)
-
 ## LICENSE
 
 MIT
+
+---
+
+<div align="center">
+    Connect with me:
+</div>
+
+<br />
+
+<div align="center">
+    <a href="https://atanas.info">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/logo.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="mailto:hi@atanas.info">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/email.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://www.linkedin.com/in/scriptex/">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linkedin.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://github.com/scriptex">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/github.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://gitlab.com/scriptex">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/gitlab.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://twitter.com/scriptexbg">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/twitter.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://www.npmjs.com/~scriptex">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/npm.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://www.youtube.com/user/scriptex">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/youtube.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://stackoverflow.com/users/4140082/atanas-atanasov">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/stackoverflow.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://codepen.io/scriptex/">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codepen.svg" width="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://profile.codersrank.io/user/scriptex">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/codersrank.svg" height="20" alt="">
+    </a>
+    &nbsp;
+    <a href="https://linktr.ee/scriptex">
+        <img src="https://raw.githubusercontent.com/scriptex/socials/master/styled-assets/linktree.svg" height="20" alt="">
+    </a>
+</div>
+
+---
+
+<div align="center">
+Support and sponsor my work:
+<br />
+<br />
+<a href="https://twitter.com/intent/tweet?text=Checkout%20this%20awesome%20developer%20profile%3A&url=https%3A%2F%2Fgithub.com%2Fscriptex&via=scriptexbg&hashtags=software%2Cgithub%2Ccode%2Cawesome" title="Tweet">
+	<img src="https://img.shields.io/badge/Tweet-Share_my_profile-blue.svg?logo=twitter&color=38A1F3" />
+</a>
+<a href="https://paypal.me/scriptex" title="Donate on Paypal">
+	<img src="https://img.shields.io/badge/Donate-Support_me_on_PayPal-blue.svg?logo=paypal&color=222d65" />
+</a>
+<a href="https://revolut.me/scriptex" title="Donate on Revolut">
+	<img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/revolut.json" />
+</a>
+<a href="https://patreon.com/atanas" title="Become a Patron">
+	<img src="https://img.shields.io/badge/Become_Patron-Support_me_on_Patreon-blue.svg?logo=patreon&color=e64413" />
+</a>
+<a href="https://ko-fi.com/scriptex" title="Buy Me A Coffee">
+	<img src="https://img.shields.io/badge/Donate-Buy%20me%20a%20coffee-yellow.svg?logo=ko-fi" />
+</a>
+<a href="https://liberapay.com/scriptex/donate" title="Donate on Liberapay">
+	<img src="https://img.shields.io/liberapay/receives/scriptex?label=Donate%20on%20Liberapay&logo=liberapay" />
+</a>
+
+<a href="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json" title="Donate Bitcoin">
+	<img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/bitcoin.json" />
+</a>
+<a href="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json" title="Donate Etherium">
+	<img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/etherium.json" />
+</a>
+<a href="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json" title="Donate Shiba Inu">
+	<img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/scriptex/scriptex/master/badges/shiba-inu.json" />
+</a>
+</div>

assets/objects/_shell.css

@@ -8,6 +8,7 @@
 
 .o-shell--flex {
 	@mixin flex-row;
+	justify-content: space-between;
 }
 
 .o-shell--fluid {

demo/index.html

@@ -2,19 +2,51 @@
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
 		<title>ITCSS Demo</title>
-		<link rel="stylesheet" href="main.css" />
+
+		<link rel="stylesheet" href="./main.css" />
+
+		<link
+			rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css"
+		/>
+
+		<script
+			src="https://unpkg.com/requirejs"
+			integrity="sha384-9M3Wd+wRkBqNHxK8F7Wg3Xs1Du/JXnCXgVdJ+G6KkYBvGol8vSgEiBdd8+MTaYtk"
+			crossorigin="anonymous"
+		></script>
+
+		<script
+			src="https://unpkg.com/scriptex-socials"
+			async
+			integrity="sha384-FDS8WECJvE4bGb+arLPh3DSv0mrVHD+hJRf+UaM6rVMT+wBleSgUlog90rrtgHH1"
+			crossorigin="anonymous"
+		></script>
 	</head>
 	<body>
+		<a
+			href="https://github.com/scriptex/itcss"
+			title="See code on Github"
+			class="github-fork-ribbon"
+			data-ribbon="See code on Github"
+		>
+			See code on Github
+		</a>
+
 		<div class="o-wrapper">
 			<header class="c-header">
 				<br />
+
 				<div class="o-shell o-shell--flex">
 					<a href="#">Logo</a>
 
 					<button type="button" class="c-btn">Menu</button>
 				</div>
+
 				<br />
 			</header>
 
@@ -227,6 +259,8 @@ <h2 class="text-right">Fullsize background</h2>
 						Designed and developed by <a href="https://atanas.info">Atanas Atanasov</a>. All rights
 						reserved.
 					</p>
+
+					<social-links></social-links>
 				</div>
 
 				<br />