-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
147 lines (143 loc) · 8.56 KB
/
index.html
File metadata and controls
147 lines (143 loc) · 8.56 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
<html>
<head>
<title>Duncan Gallagher</title>
<meta http-equiv="content-language" content="en-US" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta name="robots" content="index,follow" />
<meta name="description" content="Personal website for web developer Duncan gallagher" />
<link rel="apple-touch-icon" sizes="180x180" href="fav/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="fav/favicon-16x16.png">
<link rel="mask-icon" href="fav/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/duncan.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"
rel="stylesheet">
<script src="js/duncan.js" defer></script>
</head>
<body>
<h1>Duncan Gallagher</h1>
<img src="img/portrait-transparent.png" id="portrait" alt="self-portrait">
<h2><span class="dev-tag"><</span> Front-End Developer <span class="dev-tag">/></span></h2>
<div id="collapse">
<ul>
<li><span id="main-title">developer passionate about creating a usable web</span></li>
<li>intermittent graphic designer</li>
<li>amateur cat photographer</li>
<li>occasional outdoorsman</li>
<li>family IT specialist</li>
</ul>
</div>
<div id="contact-icons">
<a href="https://github.com/duncangallagher" target="_blank"><img src="img/github.svg" class="social-link"
id="github" alt="github"></a>
<a href="mailto:duncang42@gmail.com?Subject=" target="_top"><img src="img/email.svg" class="social-link"
id="email" alt="email"></a>
<a href="https://www.linkedin.com/in/duncan-gallagher-84a11281/" target="_blank"><img src="img/linkedin.svg"
class="social-link" id="linkedin" alt="linkedin"></a>
</div>
<div id="other-links">
<a class="link" id="about-link" href="#about">about me</a>
<div id="about">
<p>Hi, I'm Duncan. I'm a developer with a decade of experience working on the front-end, using a wide variety of tools and platforms. I love building joyful and practical user experiences to solve
problems. I'm a native Texan, currently living in the DFW area with my wife and our two cats. When not coding,
I love gaming, traveling, and <a target="_blank"
href="https://www.youtube.com/user/Adunkadoo42/featured"
style="color: #000;cursor: pointer; text-decoration: underline;">video editing.</a></p>
</div>
<br>
<a class="link" id="portfolio-link" href="#portfolio">some recent projects</a>
<div id="portfolio">
<div class="project-description">
<a target="_blank" href="projects/notflix.html" class="thumbnail-link"><img class="project-thumbnail"
src="img/portfolio/notflix.png" alt="notflix"></a>
<p>
<a class="project-title" target="_blank" href="projects/notflix.html">Notflix</a>
<br>
After seeing this screensaver show up on our living room TV more often than I'd care to admit, I
wanted to try recreating it using a simple <b>Vue.js</b> app, some <b>CSS</b>, and a few stock
images edited with <b>Photoshop.</b>
</p>
</div>
<div class="project-description">
<a target="_blank" href="projects/photo-gallery" class="thumbnail-link"><img class="project-thumbnail"
src="img/portfolio/gallery.png" alt="tic-tac-toe"></a>
<p>
<a class="project-title" target="_blank" href="projects/photo-gallery">Travel Photo Gallery</a>
<br>
Custom photo gallery made with <b>React.js</b> to show off some decent pictures I've taken when traveling (mostly the back of my wife's head).<br>
</p>
</div>
<div class="project-description">
<a target="_blank" href="projects/tic-tac-toe/" class="thumbnail-link"><img class="project-thumbnail"
src="img/portfolio/tic-tac-toe.svg" alt="tic-tac-toe"></a>
<p>
<a class="project-title" target="_blank" href="projects/tic-tac-toe/">Tic-Tac-Toe</a>
<br>
A simple game of tic-tac-toe made with <b>React.js.</b>
<br> <br>
</p>
</div>
<div class="project-description">
<a target="_blank" href="pdf/ntm-style-guide.pdf" class="thumbnail-link"><img class="project-thumbnail"
src="img/portfolio/ntm-primary-color.png" alt="north-texas-mushrooms"></a>
<p>
<a class="project-title" target="_blank" href="pdf/ntm-style-guide.pdf">North Texas Mushrooms</a>
<br>
A logo and style guide I designed for a friend's new business. Not the magic kind - I know you were wondering.<b>(Illustrator)</b>
</p>
</div>
<div class="project-description">
<a target="_blank" href="https://salkenipainters.com" class="thumbnail-link"><img
class="project-thumbnail" src="img/portfolio/salkeni-logo.svg" alt="salkeni-logo"></a>
<p>
<a class="project-title" target="_blank" href="https://salkenipainters.com">Salkeni Painting &
Interior Design</a>
<br>
A very quick and simple single page site and logo I recently whipped up for a neighbor's on-the-side
painting business. <b>(HTML, CSS, Photoshop, Illustrator)</b>
</p>
</div>
<div class="project-description">
<a target="_blank" href="pdf/fb-logo.pdf" class="thumbnail-link"><img class="project-thumbnail"
src="img/portfolio/further-beyond-black.png" alt="further-beyond"></a>
<p>
<a class="project-title" target="_blank" href="pdf/fb-logo.pdf">Further Beyond Studios</a>
<br>
A logo and style guide I designed for a few friends' indie game company. <b>(Illustrator)</b>
</p>
</div>
<div class="project-description">
<a target="_blank" href="projects/wlr3000.html" class="thumbnail-link"><img class="project-thumbnail"
src="img/portfolio/lunch-wheel.png" alt="lunch-wheel"></a>
<p>
<a class="project-title" target="_blank" href="projects/wlr3000.html">Work Lunch Randomizer 3000</a>
<br>
Back when I worked in an office, my team had a hard time deciding where to go for lunch. So I
whipped up a spinner with <b>Winwheel.js</b> to help us decide.
</p>
</div>
<div class="project-description">
<a target="_blank" href="projects/time-zone-converter.html" class="thumbnail-link"><img
class="project-thumbnail" src="img/portfolio/clock.png" alt="time-zone-converter"></a>
<p>
<a class="project-title" target="_blank" href="projects/time-zone-converter.html">Time Zone
Converter</a>
<br>
Working for a global company can cause challenges with time zones. Luckily a junior dev and
<b>moment.js</b> was there to help.
</p>
</div>
<p id="portfolio-disclaimer">These are just a few examples of fun or recent side projects, and some saved
work for clients with their permission. If you'd like to see more, <a
href="mailto:duncang42@gmail.com?Subject=" target="_top">let's talk!</a></p>
</div>
</div>
</body>
</html>