-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (138 loc) · 4.92 KB
/
index.html
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
157
158
<!DOCTYPE html>
<!-- saved from url=(0021)https://tonymamo.com/ -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<title>Tony Mamo</title>
<link rel="stylesheet" href="/webfonts.css" type="text/css" charset="utf-8" />
<script src="https://kit.fontawesome.com/ae02f7a099.js" crossorigin="anonymous"></script>
<style type="text/css">
body {
background: #fff url(./topo.jpg);
font-family: "Packup", "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
color: #5d5d5d;
margin: 0;
padding: 32px 16px;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
p {
line-height: 1.75;
font-family: "Packup", "Open Sans", sans-serif;
}
a {
color: teal;
font-family: "Packup", "Open Sans", sans-serif;
}
a:hover,
a:focus {
color: #329999;
}
.content {
padding: 64px;
background: #ffffff;
border-radius: 3px;
max-width: 75ch;
margin: 0 auto;
box-shadow: 0px 0px 8px 2px rgba(0, 128, 128, .15);
}
.header {
display: flex;
align-items: center;
}
.logo {
font-family: "Packup", "Open Sans", sans-serif;
font-size: 32px;
color: teal;
font-weight: 900;
}
.intro {
font-family: "Packup", "Open Sans", sans-serif;
font-style: normal;
font-weight: 700;
}
.photo {
width: 64px;
height: 64px;
margin-right: 16px;
border-radius: 50%;
}
.footer {
display: flex;
justify-content: space-evenly;
}
.footer-link {
text-decoration: none;
padding: 0 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.icon {
background-color: teal;
color: #fff;
width: 32px;
height: 32px;
border-radius: 32px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.footer-link:hover .icon,
.footer-link:focus .icon {
background-color: #329999;
}
</style>
</head>
<body>
<div class="content">
<header role="banner" class="header">
<img class="photo" src="./tony-square.jpg">
<div class="logo">Tony Mamo</div>
</header>
<article>
<h2 class="intro">Hello, my name is Tony Mamo and I am a developer & designer.</h2>
<p>I am a software engineer and UX/UI designer with almost two decades years of professional experience, specializing in
architecting scalable, maintainable front end systems paired with easy to use and beautiful looking interfaces.
I am devoted to working on projects that move the world forward through innovative software. I have industry
experience within recruitment, healthcare, e-commerce, logistics, restaurant-tech, legal-tech, and non-profit charity
environments. I specialize as a Javascript developer who leans more towards the design side, working in React
(& Next/Remix/RR7/Astro/React Native) with Tailwind, Typescript, Node, Redux, Git, AWS, Firebase, Jest,
Cypress, and a plethora of libraries and frameworks.</p>
<p>Based out of Metro Detroit, outside of my work life I am a woodworker, photographer, outdoor sports enthusiast, musician, foodie,
adventurer, husband, and dad.
</p>
<p>I also am a co-founder at <a href="https://getpackup.com/">Packup</a>, building an app that helps you prepare
for outdoor adventures through a dynamic packing list generator. Our goal is to increase the safety and
enjoyment of outdoor adventures by improving competency and preparedness. Our suite of trip preparation and
packing tools, along with contributions from a community of passionate users aims to create an ecosystem where
you can always be prepared for your outdoor excursions. Forgetting an important item can be embarrassing at
best, or life threatening and dangerous depending on the circumstances. With packup, we will ensure that no item
is left behind.</p>
</article>
<footer class="footer">
<a href="https://github.com/tonymamo" class="footer-link">
<i class="fab fa-github icon"></i> Github
</a>
<a href="https://www.linkedin.com/in/anthonymamo" class="footer-link">
<i class="fab fa-linkedin icon"></i> LinkedIn
</a>
<a href="https://instagram.com/tonymamo" class="footer-link">
<i class="fab fa-instagram icon"></i> Instagram
</a>
<a href="mailto:[email protected]?subject=Contact%20from%20website" class="footer-link">
<i class="fas fa-envelope icon"></i> Email
</a>
<a href="https://tonymamo.com/Tony%20Mamo%20Resume.pdf" class="footer-link">
<i class="fa fa-file icon"></i> Résumé
</a>
</footer>
</div>
</body>
</html>