-
Notifications
You must be signed in to change notification settings - Fork 1
/
index-next.html
88 lines (81 loc) · 4.44 KB
/
index-next.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web development portfolio for Rachel Leggett."
/>
<title>Rachel Leggett</title>
<link href="https://fonts.googleapis.com/css?family=Nunito|PT+Serif&display=swap" rel="stylesheet" />
<script src="https://kit.fontawesome.com/c3d908693d.js" crossorigin="anonymous"></script>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<header>
<h1>Rachel Leggett</h1>
<span class="social">
<a href="https://www.linkedin.com/in/rmleg/" target="_blank" rel="noopener noreferrer" aria-label="Visit my LinkedIn profile.">
<span aria-hidden="true" class="grow fab fa-linkedin-in"></span>
</a>
<a href="https://github.com/rmleg" target="_blank" rel="noopener noreferrer" aria-label="Visit my Github profile.">
<span aria-hidden="true" class="grow fab fa-github"></span>
</a>
<a href="https://twitter.com/rleggos" target="_blank" rel="noopener noreferrer" aria-label="Visit my Twitter profile.">
<span aria-hidden="true" class="grow fab fa-twitter"></span>
</a>
</span>
</header>
<main>
<div id="about-me">
<p>Hi! I'm Rachel, a web applications developer with nine years of experience delivering high-quality
web solutions to higher education clients.</p>
<p>I'm especially skilled in <em>JavaScript</em> (and <em>React</em>), <em>Python</em> (and <em>Flask</em>),
and <em>WordPress</em> development. I'm passionate about mentoring, effective communication,
and project management to create happy, productive cross-functional teams.</p>
</div>
<div id="projects">
<h2>Selected Projects <span> - click each title to learn more</span></h2>
<div class="project">
<div class="description"><h3><a href="knttingrecipes.html">Knitting Recipes</a></h3>
<p class="project-tags">React | Sass | Bootstrap | Netlify | Personal Project</p>
<p>This <em>React</em> application allows knitters to generate hat and sock knitting patterns based on their own custom measurements and stitch size (called "gauge").
In addition to using the sock pattern generator in the Classic Cuff Down Socks class I teach 2-3 times a year, upwards of 50 users per week use this application.</p></div>
<img src="images/knittingrecipeshomepage.png" alt="Screenshot of Knitting Recipes homepage." />
</div>
<div class="project">
<div class="description"><h3>
<a href="smi.html">Software Management Interface</a></h3>
<p class="project-tags">Python | Flask | MySQL | JavaScript | University of Michigan</p>
<p>This <em>Flask</em> application provides an interface to facilitate the U-M College of
Engineering Student Computing Team's process for software evaluation, licensing, and deployment, as well as populating a public software listing webpage. As the lead developer of this ongoing project,
I collaborated with business analysts, project managers, and project owners to gather functional and business requirements. I continue to work with project owners and
a team of part-time student employees to develop features in annual development cycles of about four months. </p>
</div>
<img src="images/smihomepage.png" alt="Screenshot of software listing homepage." />
</div>
<div class="project">
<div class="description"><h3>
<a href="webpublishingtheme.html">Web Publishing WordPress Theme</a></h3>
<p class="project-tags">WordPress | PHP | Sass | Bootstrap | University of Michigan</p>
<p>As manager of the U-M College of Engineering IT department's Web Publishing service,
I lead development on themes and plugins offered to the service's 300+ faculty, lab, center, and academic department users.
In 2019, I collaborated with a UX designer in Engineering's Communications and Marketing department to develop a new theme
based on the designer's mockups.
</p>
</div>
<img src="images/eerhomepage.png" alt="Screenshot of a WordPress theme." />
</div>
</div>
</main>
<footer>
<p id="contact">Want to chat about my work, or just get in touch? Email me at <a href="mailto:[email protected]">[email protected]</a>.</p>
<p id="copyright">© Rachel Leggett</p>
</footer>
</div>
<script src="index.js"></script>
</body>
</html>