-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.pug
109 lines (86 loc) · 3.3 KB
/
index.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
doctype html
head
meta(charset='UTF-8')
link(rel='icon' type='image/svg+xml' href='favicon.svg')
link(rel='stylesheet' type='text/css' href='style.sass')
meta(name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no')
title Finbar Giusti
//- canvas#bg
#business-card
#card
h1 FINBAR GIUSTI
subtitle Developer && Designer && Student
p
| Tel: +353 83 199 6376
br
| Email:
a(href='mailto:finbar@finbar.co') finbar@finbar.co
#object-wrap
canvas#object.unloaded
.contacts
a(href='https://www.github.com/finbargiusti') GITHUB
a#go-to-portfolio(href='#portfolio') PORTFOLIO
a(href="/media/CV.pdf", target="_blank") CV
#portfolio
-
let projects = [
{
title: 'Drawtogether',
description: 'Collaborative drawing tool on the web, which allows users to paint on the same canvas with a variety of tools',
tools_used: ['express.js', 'babel', 'javascript', 'html', 'css'],
github: 'https://github.com/finbargiusti/drawtogether',
trylink: 'https://finbargiusti.github.io/DrawTogether'
},
{
title: 'Currency Visualizer',
description: 'Interactive visualiser for the relative values of different currencies, displayed as circles packed together using a packing tool written in C.',
tools_used: ['parcel', 'emscripten', 'c', 'typescript', 'html', 'css'],
github: 'https://github.com/finbargiusti/currency-visualizer',
trylink: 'https://finbargiusti.github.io/currency-visualizer'
},
{
title: 'Kairos',
trylink: 'https://kairos.finbar.co',
description: 'Interactive promotion page for cryptocurrency stock option trading platform.<br/>All image assets generated using AI, all design done in figma',
tools_used: ['vue.js', 'nuxt.js', 'DALLE-2', 'Figma', 'javascript', 'html', 'sass'],
github: 'https://github.com/finbargiusti/kairos'
},
{
title: 'Snype',
description: 'A simple quake-style online 3d shooter, with graphics rendered in THREE.js, including a built-in level editor.',
tools_used: ['three.js', 'typescript', 'ws'],
github: 'https://github.com/finbargiusti/snype'
},
{
title: 'finbar.co',
description: 'this.',
tools_used: ['javascript', 'parcel', 'pug', 'sass', 'three.js'],
github: 'https://github.com/finbargiusti/finbar.co'
},
{
title: 'Castlepole',
description: 'A corporate website for an irish-based digital electronic shelf label company.',
tools_used: ['nuxt', 'vue.js', 'sass'],
trylink: 'http://castlepole.com'
}
]
.title
h1 Portfolio
.projects
each project in projects
.project
.text
h2= project.title
p.description!= project.description
.tools
each tool in project.tools_used
span= tool
.buttons
if project.trylink
a(target="_blank").try(href=project.trylink)
| DEMO
if project.github
a(target="_blank").github(href=project.github)
img(src="media/github.png", alt="Go to github")
script(type='module' src='/object.ts')
script(type='module' src='/projects.ts')