-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (153 loc) · 8.25 KB
/
index.html
File metadata and controls
156 lines (153 loc) · 8.25 KB
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<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">
<script src="https://kit.fontawesome.com/03c91ce9d4.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" >
<link rel="stylesheet" href="styles.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@700&family=Roboto+Condensed:wght@300&display=swap');
</style>
<title>Liam Deshaies - Developer Portfolio</title>
</head>
<body>
<div id="wrapper">
<nav id='header'>
<div class="border" id="skills-tab">
<header class="tab">
<a href="#skills">#skills</a>
</header>
</div>
<div class="border" id="project-tab">
<header class="tab">
<a href="#projects">#project list</a>
</header>
</div>
<div class="border" id="resume-tab">
<header class="tab">
<a href="LD_DevResume.pdf">#resume</a>
</header>
</div>
</nav>
<div class="border" id="for-bio">
<aside id="bio">
<img src="/img/portrait.png" alt="photo of Liam" id="idphoto"/>
<h2>Hi, I'm Liam!</h2>
<p>I'm an LGBTQIA+ developer based in Portland, Oregon</p>
<p>Reach out to me at: </p>
<p class="icons">
<a href = "mailto: deshaiesash@gmail.com"><i class="fa-solid fa-envelope"></i></a>
<a href="https://www.linkedin.com/in/liam-deshaies-0b128223b/"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/LiamDes/"><i class="fa-brands fa-github"></i></a>
</p>
</aside>
</div>
<div class="border" id="for-skills">
<main id="skills">
<h2>Skills</h2>
<p><i class="fa-solid fa-terminal"></i>
Specializing in problem solving, I come from a history of people management and supply chain logistics.
I'm used to working with all kinds of changing schedules and take pride in ensuring a positive work environment at all times.
With a background in animation and illustration, I love to incorporate creativity into any solution.
I'm excited to make an impact with my work, and engage in projects that are appealing and accessible.
</p>
<p><i class="fa-solid fa-terminal"></i>
I work in:</p>
<h4>Languages:</h4>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Python</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
HTML</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
CSS</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
JavaScript</li>
</ul>
<h4>Frameworks and Libraries:</h4>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Vue</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Django</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Django Rest Framework</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Flask</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Bootstrap</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Pygame</li>
</ul>
<h4>Tools:</h4>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Windows</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Git</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
GitHub</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
SQLite</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
REST APIs</li>
</ul>
<h4>Design Programs:</h4>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Adobe Photoshop</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Clip Studio Paint</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Aseprite</li>
</ul>
<h4>Methodologies:</h4>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Responsive Design</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Object-Oriented Programming</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Database Design/ORM</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
UI/UX Design</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Graphic Design</li>
<li><span class="fa-li"><i class="fa-regular fa-circle-right fa-sm"></i></i></span>
Project Management</li>
</ul>
</main>
</div>
<div class="border" id="for-projects">
<section id="projects">
<h2>Projects</h2>
<div id="project-wrapper">
<a href="https://stickerfellas.pythonanywhere.com/"><div class="project-display">
<img src="/img/sfpreview.png" alt="Small screenshot of Sticker Fellas shop" class="placeholder"/>
<div class="details">
<h3>Sticker Fellas</h3>
A mockup e-commerce app with Stripe integration.
</div>
</div></a>
<a href="https://github.com/pyxishabits/pyxis"><div class="project-display">
<img src="/img/pyxispreview.png" alt="Small screenshot of Pyxis Interface" class="placeholder"/>
<div class="details">
<h3>Pyxis: Habit Tracker</h3>
A collaborative to-do list with tracking completion, date awareness, and daily journal.
</div>
</div></a>
<a href="https://github.com/LiamDes/forestfight"><div class="project-display">
<img src="/img/ffpreview.png" alt="Small screenshot of Forest Fight in action" class="placeholder"/>
<div class="details">
<h3>Forest Fight</h3>
Single player game developed with Pygame library.
</div>
</div></a>
</div>
</section>
</div>
</div>
</body>
</html>