-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (161 loc) · 8.34 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
<!doctype html>
<!-- one page jquery scroller, my portfolio -->
<head>
<title>Barnabas Bulpett</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Portfolio for Barnabas Bulpett, Web Developer in Asheville, NC">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" href="stylesheets/portfolio.css" media="all" type="text/css">
<link rel="stylesheet" href="stylesheets/font-awesome.min.css">
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="scripts/jquery.onepage-scroll.js"></script>
<script type="text/javascript" src="scripts/jquery.portfolio-transforms.js"></script>
<script type="text/javascript" src="scripts/jquery.portfolio-back-to-top.js"></script>
<script type="text/javascript" src="scripts/jquery.tooltip.js"></script>
<script>
// Control behavior of page scrolling plugin
$(document).ready(function(){
$( ".main" ).onepage_scroll({
sectionContainer: "section",
easing: "ease",
responsiveFallback: false,
loop: true,
pagination: false
});
});
</script>
</head>
<body>
<div class="main" style="background: #999">
<section id="home">
<h1 style="color: transparent; text-shadow: 0 0 4px rgba(255,255,255,075);">Barnabas Bulpett</h1>
<img id="avatar" src="images/bbulpett-obama-poster-b-and-w.png" alt="Avatar photo for Barnabas Bulpett" style="border-color: #333; pointer-events: none;">
<img src="images/hard-hat.png" alt="Avatar photo for Barnabas Bulpett" style="border: none; pointer-events: none; z-index: 9999; position: absolute; width: 280px; display: inline-block; left: 50%; margin-left: -140px; margin-top: -90px;">
<h1 style="font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; color: #F4E105; text-shadow: 0 0 0 rgba(0,0,0,0.5); position: absolute; top: 300px; width: 50%; left: 25%; margin: 0 auto;">
UNDERGOING RENOVATION
</h1>
<!-- <div id="hidden-nav">
<ul>
<li><a href="#piece1">Capstone Savings Bank</a></li>
<li><a href="#piece2">CarGawker</a></li>
<li><a href="#piece3">Learning Rails 5</a></li>
<li><a href="#piece4">Two Cousins Brewing</a></li> -->
<!--
<li><a href="#piece3">Portfolio piece 3</a></li>
<li><a href="#piece4">Portfolio piece 4</a></li>
-->
<!-- </ul>
</div> -->
<div id="address-block">
<h3 style="color: transparent; text-shadow: 0 0 3px rgba(255,255,255,075);">Web Developer</h3>
<p style="color: transparent; text-shadow: 0 0 2px rgba(50,50,50,075);">Asheville, NC</p>
<ul class="icon-panel">
<li><a href="mailto:[email protected]?Subject=Portfolio%20inquiry" target="_top" style="color: #F4E105;"><i class="fa fa-envelope-o fa-2x" title="Email me"></i> </a></li>
<li><a href="https://twitter.com/_bulpett" target="_blank" style="color: #F4E105;"><i class="fa fa-twitter fa-2x" title="Twitter"></i> </a></li>
<li><a href="https://github.com/bbulpett" target="_blank" style="color: #F4E105;"><i class="fa fa-github fa-2x" title="GitHub"></i> </a></li>
<li><a href="https://www.linkedin.com/pub/barnabas-bulpett/b2/665/b22" target="_blank" style="color: #F4E105;" ><i class="fa fa-linkedin-square fa-2x" title="LinkedIn"></i> </a></li>
<!-- <li><a href="docs/Resume_Barnabas_Bulpett.pdf" target="_blank"><i class="fa fa-file-pdf-o fa-2x" title="View Resume (new window)"></i> </a></li> -->
</ul>
</div>
<!-- <a href="#piece1"><i class="fa fa-4x fa-arrow-circle-down pagedown-marker" title="down"></i></a>
</section>
<section id="piece1">
<a href="http://www.capstonesavings.com/" target="_blank"><h2>Capstone Savings Bank</h2>
<img id="screenshot-left" src="images/capstone-screenshot.png" alt="Screen shot of Capstone Savings project">
</a>
<div class="description">
<em>An online banking site with administration portal and registration wizard, seeded with default user and account data.</em>
</div>
<div class="features">
<ul><strong>Features</strong></ul>
<li class="ror">Ruby on Rails 4 backend</li>
<li class="html5-bs-sass">Responsive HTML5 frontend with Twitter Bootstrap and Sass</li>
<li class="no-icon">Devise-based authentication wizard</li>
<li class="mysql">MySQL database</li>
<li class="aws">Amazon Web Services (Elastic Beanstalk) cloud hosting</li>
</ul>
</div>
<ul id="section-nav">
<li><a href="http://www.capstonesavings.com/" target="_blank"><i class="fa fa-external-link fa-lg"></i> Visit site</a></li>
<li><a href="https://github.com/bbulpett/capstone_project" target="_blank"><i class="fa fa-github fa-lg"></i> GitHub repository</a></li>
</ul>
<a href="#piece2"><i class="fa fa-4x fa-arrow-circle-down pagedown-marker" title="down"></i></a>
</section>
<section id="piece2">
<a href="https://cargawker-rails.herokuapp.com/" target="_blank"><h2>CarGawker</h2>
<img id="screenshot-right" src="images/cargawker-screenshot.png" alt="Screen shot of CarGawker project">
</a>
<div class="description">
<em>A curated image gallery of classic, rare and exotic automobiles. Inspired by the popular "Gawker" sites.</em>
</div>
<div class="features">
<ul><strong>Features</strong></ul>
<li class="ror">Ruby on Rails 4 backend</li>
<li class="html5-zurb-sass">Responsive HTML5 frontend with Zurb Foundation and Sass</li>
<li class="psql">PostgreSQL database</li>
<li class="heroku">Heroku cloud hosting with remote image storage</li>
<li class="jqui">jQuery-UI enhancements</li>
</ul>
</div>
<ul id="section-nav">
<li><a href="https://cargawker-rails.herokuapp.com/" target="_blank"><i class="fa fa-globe fa-lg"></i> Visit site</a></li>
<li><a href="https://github.com/bbulpett/cargawker" target="_blank"><i class="fa fa-github fa-lg"></i> GitHub repository</a></li>
</ul>
<a href="#piece3"><i class="fa fa-4x fa-arrow-circle-down pagedown-marker" title="down"></i></a>
</section>
<section id="piece3">
<a href="http://learningrails5.com/" target="_blank"><h2>Learning Rails 5 <em>(site)</em></h2>
<img id="screenshot-right" src="images/learningrails5-screenshot.png" alt="Screen shot of Learning Rails 5 project">
</a>
<div class="description">
<em>Companion site to assist readers of O'Reilly media's "Learning Rails 5".</em>
</div>
<div class="features">
<ul><strong>Features</strong></ul>
<li class="ror">Ruby on Rails 5 backend</li>
<li class="html5-bs-sass">Responsive HTML5 frontend with Bootstrap and Sass</li>
<li class="psql">PostgreSQL database</li>
<li class="heroku">Heroku cloud hosting</li>
</ul>
</div>
<ul id="section-nav">
<li><a href="http://learningrails5.com/" target="_blank"><i class="fa fa-globe fa-lg"></i> Visit site</a></li>
<li><a href="https://github.com/bbulpett/railsBookForum" target="_blank"><i class="fa fa-github fa-lg"></i> GitHub repository</a></li>
</ul>
<a href="#piece4"><i class="fa fa-4x fa-arrow-circle-down pagedown-marker" title="down"></i></a>
</section>
<section id="piece4">
<a href="http://twocousinsbrewing.com/" target="_blank"><h2>Two Cousins Brewing</h2>
<img id="screenshot-right" src="images/2cousins-screenshot.jpg" alt="Screen shot of Two Cousins Brewing project">
</a>
<div class="description">
<em>Front end design and static Rails template for soon-to-be-launched local Craft Brewing startup.</em>
</div>
<div class="features">
<ul><strong>Features</strong></ul>
<li class="ror">Ruby on Rails 4 backend</li>
<li class="html5-bs-sass">Responsive, mobile-first HTML5 frontend with Bootstrap and Sass</li>
</ul>
</div>
<ul id="section-nav">
<li><a href="http://twocousinsbrewing.com/" target="_blank"><i class="fa fa-globe fa-lg"></i> Visit site</a></li>
<li><a href="https://github.com/bbulpett/two-cousins" target="_blank"><i class="fa fa-github fa-lg"></i> GitHub repository</a></li>
</ul>
</section> -->
<!--
<section id="piece3">
<h2>Portfolio Piece 3</h2>
</section>
<section id="piece4">
<h2>Portfolio Piece 4</h2>
</section>
-->
<!-- </div>
--><!-- "Sticky" button for back to top -->
<!-- <a href="#" class="back-to-top">
<i class="fa fa-4x fa-arrow-circle-up" title="Home"></i>
</a> -->
</body>