minmod

public/styles.css

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

src/components/Skills.vue

@@ -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>

src/model/skills.ts

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