-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
161 lines (155 loc) · 10.4 KB
/
gallery.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
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Katherine McClintic Software Engineer</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A little bit of me, a little bit of my work.">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ******HEADER****** -->
<header class="header">
<div class="container">
<img class="profile-image img-responsive pull-left" src="assets/images/me.jpg" alt="Katherine McClintic" />
<div class="profile-content pull-left">
<h1 class="name">Katherine McClintic</h1>
<h2 class="desc">Software Engineer</h2>
<ul class="social list-inline">
<li><a href="https://plus.google.com/u/0/102827255318006940193/"><i class="fa fa-google-plus"></i></a></li>
<li><a href="https://www.linkedin.com/in/kdmcclin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://twitter.com/scarletalphabet"><i class="fa fa-twitter"></i></a></li>
<li class="last-item"><a href="https://github.com/kdmcclin"><i class="fa fa-github-alt"></i></a></li>
</ul>
</div><!--//profile-->
</div><!--//container-->
</header><!--//header-->
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="about section">
<div class="photo-wrapper">
<div class="section-inner">
<ul class="pagination">
<li class="active"><a href="/exhibit.html">Photos</a></li>
<li><a href="#">More Photos</a></li>
</ul>
<h2 class="heading">Photos</h2>
<h4>A brief selection of pictures I've taken.</h4>
<div class="content">
<h3 class="title">Nova Scotia</h3>
<div class="left-photo">
<a href="assets/images/100_2510pngsmaller.png"><img class="img-responsive project-image" src="assets/images/100_2510pngsmaller.png" width=336 alt="Jumpropes"></a>
<p class="caption">At School and Play</p>
</div>
<div class="right-photo">
<a href="assets/images/DSC_0685png.png"><img class="img-responsive project-image" src="assets/images/DSC_0685png.png" width=336 alt="Highland Regiment"></a>
<p class="caption">Inspection Time</p>
</div>
<div class="left-photo">
<a href="assets/images/halifaxsigns.png"><img class="img-responsive project-image" src="assets/images/halifaxsigns.png" alt="Halifax Street Signs"></a>
<p class="caption">Halifax Street Signs</p>
</div>
<div class="right-photo">
<a href="assets/images/DSC_0888jpg.jpg"><img class="img-responsive project-image" src="assets/images/DSC_0888jpg.jpg" width=336 alt="Cape Breton Coastline"></a>
<p class="caption">Cape Breton Coastline</p>
</div>
<div class="right-photo">
<a href="assets/images/100_2620tumblr.png"><img class="img-responsive project-image" src="assets/images/100_2620tumblr.png" width=336 alt="Ocean Coastline"></a>
<p class="caption">Light Breaks Through</p>
</div>
</div><!--//content-->
</div><!--//section-inner-->
</div>
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="heading sr-only">Basic Information</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-map-marker"></i><span class="sr-only">Location:</span>Washington, DC</li>
<li><i class="fa fa-link"></i><span class="sr-only">Website:</span><a href="http://kdmcclin.github.io/">Home</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="blog aside section">
<div class="section-inner">
<h2 class="heading">Latest Blog Posts</h2>
<!-- <div id="rss-feeds" class="content"> -->
<h3 class="title"><a href="blog-posts/new-dev.html">On Being a New Software Engineer</a></h3>
<p>Insights from my first week.</p>
<hr>
<h3 class="title"><a href="blog-posts/rails-conf-2015.html">RailsConf 2015</a></h3>
<p>My reflections on attending my first RailsConf.</p>
<hr>
<h3 class="title"><a href="blog-posts/ruby-scripts-doskey.html">Running Ruby Scripts with DOSKEY</a></h3>
<p>How to set up a temporary key to quickly run Ruby scripts repeatedly in your command line.</p>
<hr>
<h3 class="title"><a href="blog-posts/using-google-fonts-with-foundation.html">Using Google Fonts with Foundation</a></h3>
<p>A quick guide to using Google Fonts on a Foundation 5 rails project.</p>
<!-- </div> --><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">What I'm Listening to Right Now</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-headphones"></i> <a href="https://play.spotify.com/track/2yDQ8wlFmbRU2nkpVC85cx">GQ - Foreign Lander</a></li>
<li><i class="fa fa-headphones"></i> <a href="https://open.spotify.com/track/0afhq8XCExXpqazXczTSve" target="_blank">Ed Sheeran - Galway Girl</a></li>
<li><i class="fa fa-headphones"></i> <a href="https://open.spotify.com/track/4delgtiKX7L3nsbC0exhCS" target="_blank">The Marshall Tucker Band - Fire on the Mountain</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list book aside section">
<div class="section-inner">
<h2 class="heading">What I'm Reading Right Now</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-book"></i> <a href="https://www.goodreads.com/book/show/22822839-the-thrilling-adventures-of-lovelace-and-babbage" target="_blank">The Thrilling Adventures of Lovelace and Babbage</a></li>
<li><i class="fa fa-book"></i> <a href="https://www.goodreads.com/book/show/44919.Working_Effectively_with_Legacy_Code" target="_blank">Working Effectively with Legacy Code</a></li>
<li><i class="fa fa-book"></i> <a href="https://www.goodreads.com/book/show/22522805-the-buried-giant" target="_blank">The Buried Giant</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<a onclick="scroll(0,0)">Top</a><br>
<small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="http://themes.3rdwavemedia.com" target="_blank">3rd Wave Media</a> for developers</small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>
<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>