Skills Viewer files

docs.md

Skills Viewer

Usage

• Fork this gist https://gist.github.com/juanmanavarro/e76fc238a1a1af27a5e36beea55396d1
• Update it with your skills
• Visit https://skills-viewer-i0zpn.kinsta.page/?{your github username}/{the forked gist id} (notice the "?" in the url)

DEMO

skills.css

.abap {
    color: #E8274B;
    background-color: #E8274B;
}

.actionscript {
    color: #882B0F;
    background-color: #882B0F;
}

.ada {
    color: #02f88c;
    background-color: #02f88c;
}

.agda {
    color: #315665;
    background-color: #315665;
}

.ags-script {
    color: #B9D9FF;
    background-color: #B9D9FF;
}

.alloy {
    color: #64C800;
    background-color: #64C800;
}

.ampl {
    color: #E6EFBB;
    background-color: #E6EFBB;
}

.antlr {
    color: #9DC3FF;
    background-color: #9DC3FF;
}

.api-blueprint {
    color: #2ACCA8;
    background-color: #2ACCA8;
}

.apl {
    color: #5A8164;
    background-color: #5A8164;
}

.arc {
    color: #aa2afe;
    background-color: #aa2afe;
}

.arduino {
    color: #bd79d1;
    background-color: #bd79d1;
}

.asp {
    color: #6a40fd;
    background-color: #6a40fd;
}

.aspectj {
    color: #a957b0;
    background-color: #a957b0;
}

.assembly {
    color: #6E4C13;
    background-color: #6E4C13;
}

.ats {
    color: #1ac620;
    background-color: #1ac620;
}

.autohotkey {
    color: #6594b9;
    background-color: #6594b9;
}

.autoit {
    color: #1C3552;
    background-color: #1C3552;
}

.blitzmax {
    color: #cd6400;
    background-color: #cd6400;
}

.boo {
    color: #d4bec1;
    background-color: #d4bec1;
}

.brainfuck {
    color: #2F2530;
    background-color: #2F2530;
}

.c-sharp {
    color: #178600;
    background-color: #178600;
}

.c {
    color: #555555;
    background-color: #555555;
}

.chapel {
    color: #8dc63f;
    background-color: #8dc63f;
}

.cirru {
    color: #ccccff;
    background-color: #ccccff;
}

.clarion {
    color: #db901e;
    background-color: #db901e;
}

.clean {
    color: #3F85AF;
    background-color: #3F85AF;
}

.click {
    color: #E4E6F3;
    background-color: #E4E6F3;
}

.clojure {
    color: #db5855;
    background-color: #db5855;
}

.coffeescript {
    color: #244776;
    background-color: #244776;
}

.coldfusion-cfc {
    color: #ed2cd6;
    background-color: #ed2cd6;
}

.coldfusion {
    color: #ed2cd6;
    background-color: #ed2cd6;
}

.common-lisp {
    color: #3fb68b;
    background-color: #3fb68b;
}

.component-pascal {
    color: #b0ce4e;
    background-color: #b0ce4e;
}

.cpp {
    color: #f34b7d;
    background-color: #f34b7d;
}

.crystal {
    color: #776791;
    background-color: #776791;
}

.css {
    color: #563d7c;
    background-color: #563d7c;
}

.d {
    color: #ba595e;
    background-color: #ba595e;
}

.dart {
    color: #00B4AB;
    background-color: #00B4AB;
}

.diff {
    color: #88dddd;
    background-color: #88dddd;
}

.dm {
    color: #447265;
    background-color: #447265;
}

.dogescript {
    color: #cca760;
    background-color: #cca760;
}

.dylan {
    color: #6c616e;
    background-color: #6c616e;
}

.e {
    color: #ccce35;
    background-color: #ccce35;
}

.eagle {
    color: #814C05;
    background-color: #814C05;
}

.ec {
    color: #913960;
    background-color: #913960;
}

.ecl {
    color: #8a1267;
    background-color: #8a1267;
}

.edn {
    color: #db5855;
    background-color: #db5855;
}

.eiffel {
    color: #946d57;
    background-color: #946d57;
}

.elixir {
    color: #6e4a7e;
    background-color: #6e4a7e;
}

.elm {
    color: #60B5CC;
    background-color: #60B5CC;
}

.emacs-lisp {
    color: #c065db;
    background-color: #c065db;
}

.emberscript {
    color: #FFF4F3;
    background-color: #FFF4F3;
}

.erlang {
    color: #B83998;
    background-color: #B83998;
}

.f-sharp {
    color: #b845fc;
    background-color: #b845fc;
}

.factor {
    color: #636746;
    background-color: #636746;
}

.fancy {
    color: #7b9db4;
    background-color: #7b9db4;
}

.fantom {
    color: #dbded5;
    background-color: #dbded5;
}

.flux {
    color: #88ccff;
    background-color: #88ccff;
}

.forth {
    color: #341708;
    background-color: #341708;
}

.fortran {
    color: #4d41b1;
    background-color: #4d41b1;
}

.freemarker {
    color: #0050b2;
    background-color: #0050b2;
}

.frege {
    color: #00cafe;
    background-color: #00cafe;
}

.game-maker-language {
    color: #8fb200;
    background-color: #8fb200;
}

.glyph {
    color: #e4cc98;
    background-color: #e4cc98;
}

.gnuplot {
    color: #f0a9f0;
    background-color: #f0a9f0;
}

.go {
    color: #375eab;
    background-color: #375eab;
}

.golo {
    color: #88562A;
    background-color: #88562A;
}

.gosu {
    color: #82937f;
    background-color: #82937f;
}

.grammatical-framework {
    color: #79aa7a;
    background-color: #79aa7a;
}

.groovy {
    color: #e69f56;
    background-color: #e69f56;
}

.handlebars {
    color: #01a9d6;
    background-color: #01a9d6;
}

.harbour {
    color: #0e60e3;
    background-color: #0e60e3;
}

.haskell {
    color: #29b544;
    background-color: #29b544;
}

.haxe {
    color: #df7900;
    background-color: #df7900;
}

.html {
    color: #e44b23;
    background-color: #e44b23;
}

.hy {
    color: #7790B2;
    background-color: #7790B2;
}

.idl {
    color: #a3522f;
    background-color: #a3522f;
}

.io {
    color: #a9188d;
    background-color: #a9188d;
}

.ioke {
    color: #078193;
    background-color: #078193;
}

.isabelle {
    color: #FEFE00;
    background-color: #FEFE00;
}

.j {
    color: #9EEDFF;
    background-color: #9EEDFF;
}

.java {
    color: #b07219;
    background-color: #b07219;
}

.javascript {
    color: #f1e05a;
    background-color: #f1e05a;
}

.jflex {
    color: #DBCA00;
    background-color: #DBCA00;
}

.jsoniq {
    color: #40d47e;
    background-color: #40d47e;
}

.julia {
    color: #a270ba;
    background-color: #a270ba;
}

.jupyter-notebook {
    color: #DA5B0B;
    background-color: #DA5B0B;
}

.kotlin {
    color: #F18E33;
    background-color: #F18E33;
}

.krl {
    color: #28431f;
    background-color: #28431f;
}

.lasso {
    color: #999999;
    background-color: #999999;
}

.latte {
    color: #A8FF97;
    background-color: #A8FF97;
}

.lex {
    color: #DBCA00;
    background-color: #DBCA00;
}

.lfe {
    color: #004200;
    background-color: #004200;
}

.livescript {
    color: #499886;
    background-color: #499886;
}

.lolcode {
    color: #cc9900;
    background-color: #cc9900;
}

.lookml {
    color: #652B81;
    background-color: #652B81;
}

.lsl {
    color: #3d9970;
    background-color: #3d9970;
}

.lua {
    color: #000080;
    background-color: #000080;
}

.makefile {
    color: #427819;
    background-color: #427819;
}

.mask {
    color: #f97732;
    background-color: #f97732;
}

.matlab {
    color: #bb92ac;
    background-color: #bb92ac;
}

.max {
    color: #c4a79c;
    background-color: #c4a79c;
}

.maxscript {
    color: #00a6a6;
    background-color: #00a6a6;
}

.mercury {
    color: #ff2b2b;
    background-color: #ff2b2b;
}

.metal {
    color: #8f14e9;
    background-color: #8f14e9;
}

.mirah {
    color: #c7a938;
    background-color: #c7a938;
}

.mtml {
    color: #b7e1f4;
    background-color: #b7e1f4;
}

.ncl {
    color: #28431f;
    background-color: #28431f;
}

.nemerle {
    color: #3d3c6e;
    background-color: #3d3c6e;
}

.nesc {
    color: #94B0C7;
    background-color: #94B0C7;
}

.netlinx {
    color: #0aa0ff;
    background-color: #0aa0ff;
}

.netlinx-erb {
    color: #747faa;
    background-color: #747faa;
}

.netlogo {
    color: #ff6375;
    background-color: #ff6375;
}

.newlisp {
    color: #87AED7;
    background-color: #87AED7;
}

.nimrod {
    color: #37775b;
    background-color: #37775b;
}

.nit {
    color: #009917;
    background-color: #009917;
}

.nix {
    color: #7e7eff;
    background-color: #7e7eff;
}

.nu {
    color: #c9df40;
    background-color: #c9df40;
}

.objective-c {
    color: #438eff;
    background-color: #438eff;
}

.objective-cpp {
    color: #6866fb;
    background-color: #6866fb;
}

.objective-j {
    color: #ff0c5a;
    background-color: #ff0c5a;
}

.ocaml {
    color: #3be133;
    background-color: #3be133;
}

.omgrofl {
    color: #cabbff;
    background-color: #cabbff;
}

.ooc {
    color: #b0b77e;
    background-color: #b0b77e;
}

.opal {
    color: #f7ede0;
    background-color: #f7ede0;
}

.oxygene {
    color: #cdd0e3;
    background-color: #cdd0e3;
}

.oz {
    color: #fab738;
    background-color: #fab738;
}

.pan {
    color: #cc0000;
    background-color: #cc0000;
}

.papyrus {
    color: #6600cc;
    background-color: #6600cc;
}

.parrot {
    color: #f3ca0a;
    background-color: #f3ca0a;
}

.pascal {
    color: #b0ce4e;
    background-color: #b0ce4e;
}

.pawn {
    color: #dbb284;
    background-color: #dbb284;
}

.perl {
    color: #0298c3;
    background-color: #0298c3;
}

.perl6 {
    color: #0000fb;
    background-color: #0000fb;
}

.php {
    color: #4F5D95;
    background-color: #4F5D95;
}

.piglatin {
    color: #fcd7de;
    background-color: #fcd7de;
}

.pike {
    color: #005390;
    background-color: #005390;
}

.plsql {
    color: #dad8d8;
    background-color: #dad8d8;
}

.pogoscript {
    color: #d80074;
    background-color: #d80074;
}

.processing {
    color: #0096D8;
    background-color: #0096D8;
}

.prolog {
    color: #74283c;
    background-color: #74283c;
}

.propeller-spin {
    color: #7fa2a7;
    background-color: #7fa2a7;
}

.puppet {
    color: #302B6D;
    background-color: #302B6D;
}

.pure-data {
    color: #91de79;
    background-color: #91de79;
}

.purebasic {
    color: #5a6986;
    background-color: #5a6986;
}

.purescript {
    color: #1D222D;
    background-color: #1D222D;
}

.python {
    color: #3572A5;
    background-color: #3572A5;
}

.qml {
    color: #44a51c;
    background-color: #44a51c;
}

.r {
    color: #198ce7;
    background-color: #198ce7;
}

.racket {
    color: #22228f;
    background-color: #22228f;
}

.ragel-in-ruby-host {
    color: #9d5200;
    background-color: #9d5200;
}

.raml {
    color: #77d9fb;
    background-color: #77d9fb;
}

.rebol {
    color: #358a5b;
    background-color: #358a5b;
}

.red {
    color: #ee0000;
    background-color: #ee0000;
}

.ren-py {
    color: #ff7f7f;
    background-color: #ff7f7f;
}

.rouge {
    color: #cc0088;
    background-color: #cc0088;
}

.ruby {
    color: #701516;
    background-color: #701516;
}

.rust {
    color: #dea584;
    background-color: #dea584;
}

.saltstack {
    color: #646464;
    background-color: #646464;
}

.sas {
    color: #B34936;
    background-color: #B34936;
}

.scala {
    color: #DC322F;
    background-color: #DC322F;
}

.scheme {
    color: #1e4aec;
    background-color: #1e4aec;
}

.self {
    color: #0579aa;
    background-color: #0579aa;
}

.shell {
    color: #89e051;
    background-color: #89e051;
}

.shen {
    color: #120F14;
    background-color: #120F14;
}

.slash {
    color: #007eff;
    background-color: #007eff;
}

.slim {
    color: #ff8f77;
    background-color: #ff8f77;
}

.smalltalk {
    color: #596706;
    background-color: #596706;
}

.sourcepawn {
    color: #5c7611;
    background-color: #5c7611;
}

.sqf {
    color: #3F3F3F;
    background-color: #3F3F3F;
}

.squirrel {
    color: #800000;
    background-color: #800000;
}

.stan {
    color: #b2011d;
    background-color: #b2011d;
}

.standard-ml {
    color: #dc566d;
    background-color: #dc566d;
}

.supercollider {
    color: #46390b;
    background-color: #46390b;
}

.swift {
    color: #ffac45;
    background-color: #ffac45;
}

.systemverilog {
    color: #DAE1C2;
    background-color: #DAE1C2;
}

.tcl {
    color: #e4cc98;
    background-color: #e4cc98;
}

.tex {
    color: #3D6117;
    background-color: #3D6117;
}

.turing {
    color: #45f715;
    background-color: #45f715;
}

.typescript {
    color: #2b7489;
    background-color: #2b7489;
}

.unified-parallel-c {
    color: #4e3617;
    background-color: #4e3617;
}

.unity3d-asset {
    color: #ab69a1;
    background-color: #ab69a1;
}

.unrealscript {
    color: #a54c4d;
    background-color: #a54c4d;
}

.vala {
    color: #fbe5cd;
    background-color: #fbe5cd;
}

.verilog {
    color: #b2b7f8;
    background-color: #b2b7f8;
}

.vhdl {
    color: #adb2cb;
    background-color: #adb2cb;
}

.viml {
    color: #199f4b;
    background-color: #199f4b;
}

.visual-basic {
    color: #945db7;
    background-color: #945db7;
}

.volt {
    color: #1F1F1F;
    background-color: #1F1F1F;
}

.vue {
    color: #2c3e50;
    background-color: #2c3e50;
}

.web-ontology-language {
    color: #9cc9dd;
    background-color: #9cc9dd;
}

.wisp {
    color: #7582D1;
    background-color: #7582D1;
}

.x10 {
    color: #4B6BEF;
    background-color: #4B6BEF;
}

.xbase {
    color: #403a40;
    background-color: #403a40;
}

.xc {
    color: #99DA07;
    background-color: #99DA07;
}

.xquery {
    color: #5232e7;
    background-color: #5232e7;
}

.zephir {
    color: #118f9e;
    background-color: #118f9e;
}

.react {
    color: #61dbfb;
    background-color: #61dbfb;
}

.laravel {
    color: #fb503b;
    background-color: #fb503b;
}

.mongodb {
    color: #4DB33D;
    background-color: #4DB33D;
}

.mysql {
    color: #00758F;
    background-color: #00758F;
}

.redis {
    color: #7a0c00;
    background-color: #7a0c00;
}

.solidity {
    color: #323234;
    background-color: #323234;
}
.nodejs {
    color: #68a063;
    background-color: #68a063;
}
.flutter {
    color: #0553B1;
    background-color: #0553B1;
}