-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (164 loc) · 8.94 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Clare Barton</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151893477-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-151893477-1');
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.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=Quicksand:wght@300;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="stylesheets/index.css">
<link rel="stylesheet"
href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<div class=hero-image>
<header>
<nav class="nav-container">
<a class="nav-link" href="/#contact">contact</a>
<a class="nav-link" href="/#projects">projects </a>
<a class="nav-link" href="/#about-me">about me </a>
</nav>
<h1 class="title">Clare Barton</h1>
<!-- <h2 class="subtitle">knitting code, one row at a time</h2> -->
</header>
</div>
<!-- <section class="hero-image center-center">
<div class="hero-text">
<h2></h2>
</div>
</section> -->
<div id="about-me" class="about-me-container">
<div class="profile-image">
<img src="images/profile.png" alt="smiling me outside">
</div>
<h3><strong>about me</strong></h3>
<p>I come from the public library world with a Master's Degree in Library and Information Science,
but I got
hooked on coding and I haven't looked back since. I enrolled in the <a href="https://www.digitalcrafts.com"
target="blank">DigitalCrafts</a>
Fullstack Immersive Bootcamp in September of 2018 and graduated in January of 2019. My past
experience
means that I bring a wealth of customer service (internal and external), research, teaching,
troubleshooting, and communication skills to a new position. But most of all, I am enthusiastic
about
writing efficient and elegant code, and every new language and method I learn just makes me
want to dig
deeper. I am a member of Women Who Code Atlanta and Code4Lib. I enjoy
volunteering and had an amazing weekend building websites in WordPress at the <a
href="https://48in48.org/super-service-2019-volunteer-report/" target="blank">48in48</a>
Super Service
Event in Atlanta, January 25-27, 2019.
Other personal interests include my family, reading, knitting, movies, walking, hiking,
and chocolate.</p><br>
<h3><strong>technologies I use:</strong></h3>
<div class="technologies">
<div class="techicon"><i class="devicon-python-plain"></i>
<p>Python</p>
</div>
<div class="techicon"><i class="devicon-html5-plain"></i>
<p>HTML</p>
</div>
<div class="techicon"><i class="devicon-css3-plain"></i>
<p>CSS</p>
</div>
<div class="techicon"><i class="devicon-javascript-plain"></i>
<p>JavaScript</p>
</div>
<div class="techicon"><i class="devicon-nodejs-plain"></i>
<p>Node.js</p>
</div>
<div class="techicon"><i class="devicon-express-original"></i>
<p>Express</p>
</div>
<div class="techicon"><i class="devicon-postgresql-plain"></i>
<p>PostgreSQL</p>
</div>
<div class="techicon"><i class="devicon-react-original"></i>
<p>React</p>
</div>
<div class="techicon"><i class="devicon-bash-plain"></i>
<p>Bash</p>
</div>
<div class="techicon"><i class="devicon-github-plain"></i>
<p>GitHub</p>
</div>
<div class="techicon"><i class="devicon-amazonwebservices-original"></i>
<p>AWS</p>
</div>
</div>
</div>
<div id="projects">
<div class="project-container">
<div class="project-image">
<img src="images/lender-be-small.png" alt="lender-be project website">
</div>
<h3><strong>Lender-Be</strong></h3>
<p>A fullstack group project for DigitalCrafts, Lender-Be is a site for lenders and borrowers to
connect and lend or borrow anything they might have around the house that someone would be willing
to lend or need to borrow. (With thanks to Shakespeare/Polonius for the name.)
We used HTML, CSS, JavaScript, PostgreSQL, Node.JS, and Express. Check it out on <a
href="http://www.github.com/cb987/Lender-Be" target="blank">GitHub</a>.</p>
</p>
</div>
<!-- DishBoook -->
<div class="project-container">
<div class="project-image">
<img src="images/dishbook.png" alt="dishbook landing page">
</div>
<h3><strong>Dishbook</strong></h3>
<p>This was a group mini-React project for DigitalCrafts, built using HTML/CSS, JavaScript, React, and
React Router. Each page has a unique API call, moving between pages is done with React Router, and the
inner recipe page has an actual working recipe. It was a fun little project. Check it out on <a
href="https://github.com/steventaesungkim/DishBook" target="blank">GitHub</a>.</p>
</div>
<!-- MusicPal -->
<div class="project-container">
<div class="project-image">
<img src="images/musicpal.png" alt="musicpal landing page">
</div>
<h3><strong>MusicPal</strong></h3>
<p>This was my final, group project for DigitalCrafts, built using HTML/CSS, JavaScript, PostgreSQL,
Node.js, Express, React, and React Router. We used two different music APIs and built a database so
that users could look for events and musical artists and add them to their user profile, and then
connect with other users based on
their musical tastes. This project enabled us to really dig into React! Check it out on <a
href="https://github.com/cb987/musicpal-backend" target="blank">GitHub</a> and a demo on <a
href="https://youtu.be/VyFSkcGR8kI" target="blank">YouTube</a>.</p>
</div>
<!-- <div class="project-container">
<div class="project-image"><img src="images/barton.jpg" alt="website of elizabeth barton"></div>
<h3><strong>artist site of elizabeth barton</strong></h3>
<p>(In Progress) Elizabeth Barton is an internationally-known fiber artist, who also happens to be my
mother. Believe it
or not, she trusted me enough to let me rebuild her website. I started from scratch with HTML and CSS
to give her page a cleaner flow. I also added functionality for purchasing her work online using
PayPal. Check out the <a href="http://www.github.com/cb987/mom" target="blank">GitHub</a>
and <a href="http://www.elizabethbarton.com" target="blank">live site</a>.</p>
</div> -->
</div>
<footer id="contact" class="contact-links">
<a href="https://github.com/CB987" target="blank"><i class="fab fa-github-square"></i></a>
<a href="https://www.linkedin.com/in/cb987" target="blank"><i class="fab fa-linkedin"></i></a>
<a href="images/resume.pdf" target="blank"><i class="far fa-file"></i></a>
<a href="mailto:[email protected]"><i class="far fa-envelope"></i></a>
<a href="https://www.goodreads.com/book/show/40651883-snow-crash" target="blank"><i class="fas fa-book-reader"></i></a>
<a href="https://open.spotify.com/playlist/37i9dQZF1DXa2SPUyWl8Y5" target="blank"><i class="fas fa-headphones"></i></a>
</footer>
</body>
</html>