xdrm-brackets
/
xdrm.io
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

minmod

This commit is contained in:
Adrien Marquès 2019-05-10 23:56:51 +02:00
parent 29ae8b2e45
commit 1fa9a8a7d7
3 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/styles.css
View File

@ -4,6 +4,9 @@
box-sizing: border-box;
}
a { text-decoration: none; color: #555; }
a:visited { color: #5e61a0; }
*:before, *:after {
box-sizing: inherit;
}

2
src/components/Skills.vue
View File

@ -13,7 +13,7 @@
<div class='stack'>
<template v-for='(skill,i) of skillset.skills'>
<span class='label' :key='i' v-html='skill.label'></span>
<a class='label' :key='i' :href='skill.link' v-html='skill.label'></a>
<span class='level' :key='i'>
<span :style='{ width: (skill.level*100)+"%" }'></span>
</span>

44
src/model/skills.ts
View File

@ -3,40 +3,40 @@ export default [
title: 'Web',
keywords: [ 'languages', 'technologies' ],
skills: [
{ label: 'MariaDB', level: 0.7 },
{ label: 'Postgres', level: 0.5 },
{ label: 'MongoDB', level: 0.5 },
{ label: 'Vue <i>(.js)</i>', level: 0.8 },
{ label: 'Angular <i>(7+)</i>', level: 0.5 },
{ label: 'WebGL', level: 0.3 },
{ label: 'Audio API', level: 0.5 },
{ label: 'Websocket', level: 1 },
{ label: 'MariaDB', link: 'https://mariadb.org/', level: 0.7 },
{ label: 'Postgres', link: 'https://postgresql.org/', level: 0.5 },
{ label: 'MongoDB', link: 'https://mongodb.com/', level: 0.5 },
{ label: 'Vue <i>(.js)</i>', link: 'https://vuejs.org/', level: 0.8 },
{ label: 'Angular <i>(7+)</i>', link: 'https://angular.io/', level: 0.5 },
{ label: 'WebGL', link: 'https://www.khronos.org/webgl/', level: 0.3 },
{ label: 'Audio API', link: 'https://webaudio.github.io/web-audio-api/', level: 0.5 },
{ label: 'Websocket', link: 'https://tools.ietf.org/html/rfc6455', level: 1 },
],
},
{
title: 'Sys',
keywords: ['languages', 'technologies'],
skills: [
{ label: 'Linux/bash', level: 1 },
{ label: 'docker', level: 0.8 },
{ label: 'systemd', level: 1 },
{ label: 'git', level: 0.8 },
{ label: 'raspberry', level: 0.8 },
{ label: 'arduino', level: 0.5 },
{ label: 'RPM packaging', level: 0.7 },
{ label: 'Linux/bash', link: 'https://www.gnu.org/software/bash/', level: 1 },
{ label: 'docker', link: 'https://www.docker.com/', level: 0.8 },
{ label: 'systemd', link: 'https://freedesktop.org/wiki/Software/systemd/', level: 1 },
{ label: 'git', link: 'https://git-scm.com/', level: 0.8 },
{ label: 'raspberry', link: 'https://www.raspberrypi.org/', level: 0.8 },
{ label: 'arduino', link: 'https://www.arduino.cc/', level: 0.5 },
{ label: 'RPM packaging', link: 'https://rpm.org/', level: 0.7 },
],
},
{
title: 'Misc',
keywords: ['frameworks', 'api', 'dependencies'],
skills: [
{ label: 'PHP', level: 0.9 },
{ label: 'HTML<i>/</i>CSS', level: 1 },
{ label: 'Javascript', level: 1 },
{ label: 'Typescript', level: 0.9 },
{ label: 'C<i>/</i>C++', level: 0.6 },
{ label: 'Python', level: 0.3 },
{ label: 'go', level: 1 },
{ label: 'PHP', link: 'https://www.php.net/', level: 0.9 },
{ label: 'HTML<i>/</i>CSS', link: 'https://www.w3.org/standards/webdesign/htmlcss', level: 1 },
{ label: 'Javascript', link: 'https://developer.mozilla.org/JavaScript', level: 1 },
{ label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.9 },
{ label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.6 },
{ label: 'Python', link: 'https://www.python.org/', level: 0.3 },
{ label: 'go', link: 'https://golang.org/', level: 1 },
],
},
];