go over resume, add contact page
This commit is contained in:
parent
6bb81759c6
commit
7b207b5b01
84
contact.html
Normal file
84
contact.html
Normal file
@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- Basic Page Needs -->
|
||||
<meta charset="utf-8">
|
||||
<title>Brian Picciano - Freelance Developer</title>
|
||||
<meta name="author" content="Brian Picciano">
|
||||
|
||||
<!-- No favicon -->
|
||||
<link rel="shortcut icon" href="#" />
|
||||
|
||||
<!-- Mobile Specific Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/skeleton.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="tab"><a href="index.html">/index</a></div><!--
|
||||
--><div class="tab"><a href="resume.html">/resume</a></div><!--
|
||||
--><div class="selected tab">/contact</div>
|
||||
<div class="x">X</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<h1>Contact Me</h1>
|
||||
|
||||
<p>
|
||||
Please direct all questions and inquiries to:
|
||||
</p>
|
||||
|
||||
<a href="mailto:bgpicciano@gmail.com"/>bgpicciano@gmail.com</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="scrollpos" id="scrollpos">---</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
function getScrollPct() {
|
||||
|
||||
const heightOfWindow = window.innerHeight,
|
||||
contentScrolled = window.pageYOffset,
|
||||
bodyHeight = document.body.offsetHeight;
|
||||
|
||||
if(bodyHeight - contentScrolled <= heightOfWindow) {
|
||||
|
||||
return "Bot";
|
||||
|
||||
} else if (contentScrolled == 0) {
|
||||
|
||||
return "Top";
|
||||
|
||||
} else {
|
||||
|
||||
const total = bodyHeight - heightOfWindow,
|
||||
got = contentScrolled,
|
||||
percent = parseInt((got/total) * 100);
|
||||
|
||||
return percent + "%"
|
||||
}
|
||||
}
|
||||
|
||||
const scrollposEl = document.getElementById("scrollpos");
|
||||
scrollposEl.textContent = getScrollPct();
|
||||
|
||||
window.addEventListener("scroll", (event) => {
|
||||
scrollposEl.textContent = getScrollPct();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
13
css/main.css
13
css/main.css
@ -1,6 +1,6 @@
|
||||
@font-face {
|
||||
font-family: "SourceCode-Pro";
|
||||
src: url("sorce-code-pro.woff") format('woff');
|
||||
src: url("source-code-pro.woff") format('woff');
|
||||
}
|
||||
|
||||
html {
|
||||
@ -22,6 +22,7 @@ h1, h2, h3, h4, h5, h6, .button-primary, .button {
|
||||
h1 { color: #008700; }
|
||||
h2 { color: #0087af; }
|
||||
h3 { color: #8700af; }
|
||||
h4 { color: #d75f00; }
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
@ -61,6 +62,16 @@ a, a:active {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
.header .x {
|
||||
background-color: #0087af;
|
||||
color: #eeeeee;
|
||||
padding: 0;
|
||||
border-right: 1px solid #005f87;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin-top: 3.5rem;
|
||||
margin-bottom: 3.5rem;
|
||||
|
@ -23,9 +23,10 @@
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="selected tab">/about-me</div><!--
|
||||
<div class="selected tab">/index</div><!--
|
||||
--><div class="tab"><a href="resume.html">/resume</a></div><!--
|
||||
--><div class="tab"><a href="contact.html">/contact</a></div>
|
||||
<div class="x">X</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
135
resume.html
135
resume.html
@ -20,8 +20,8 @@
|
||||
<style>
|
||||
|
||||
.section-tail {
|
||||
padding-bottom: 3%;
|
||||
margin-bottom: 2%;
|
||||
padding-bottom: 2rem;
|
||||
margin-bottom: 4rem;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
@ -43,43 +43,52 @@
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="tab"><a href="index.html">/about-me</a></div><!--
|
||||
<div class="tab"><a href="index.html">/index</a></div><!--
|
||||
--><div class="selected tab">/resume</div><!--
|
||||
--><div class="tab"><a href="contact.html">/contact</a></div>
|
||||
<div class="x">X</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row" style="margin-top: 2%">
|
||||
<h1 style="margin-bottom:0;">Brian Picciano</h1>
|
||||
<h5 style="margin-bottom:0;font-size:2rem;">Senior Systems and Backend Programmer</h5>
|
||||
<h5 style="font-size:1.8rem;">University of Florida 2013 · BS Software Engineering · Mathematics Minor</h5>
|
||||
<div class="row">
|
||||
<h1 style="margin-bottom:1rem;">Brian Picciano</h1>
|
||||
<h2 style="margin-bottom:0;font-size:2rem;">Senior Systems and Backend Programmer</h2>
|
||||
<h2 style="font-size:1.8rem;">University of Florida 2013 · BS Software Engineering · Mathematics Minor</h2>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="four columns">
|
||||
<p>
|
||||
<em>10+ years</em> of experience across backend systems,
|
||||
databases, and application development. Passionate about
|
||||
clean interfaces, good documentation, and open source.
|
||||
</p>
|
||||
</div>
|
||||
<div class="eight columns">
|
||||
<p>
|
||||
<strong>Extensively experienced with:</strong><br/>
|
||||
Go, Javascript-HTML-CSS, Nix, Bash, Lua, Clojure, Erlang;<br/>
|
||||
Redis, Postgres/MariaDB, Cassandra/Scylla, Mongo;<br/>
|
||||
Nginx, Caddy, Prometheus/Grafana, ELK stack, Ansible, GCE;<br/>
|
||||
Many flavors of Linux; Docker.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row section-tail">
|
||||
<div class="four columns">
|
||||
<a href=".">bgpicciano.com</a><br/>
|
||||
<a href="mailto:bgpicciano@gmail.com"/>bgpicciano@gmail.com</a><br/>
|
||||
<a href="https://github.com/mediocregopher"/>github.com/mediocregopher</a><br/>
|
||||
<a href="https://blog.mediocregopher.com">blog.mediocregopher.com</a><br/>
|
||||
<p>
|
||||
<em>5+ years</em> of experience working remotely as a
|
||||
developer. Well-versed in communicating over slack, zoom,
|
||||
and email, and in maintaining good working relationships
|
||||
across large timezone differences.
|
||||
</p>
|
||||
</div>
|
||||
<div class="eight columns">
|
||||
<p>
|
||||
8 years of experience across backend systems, databases, and
|
||||
application development. Passionate about clean code, good
|
||||
documentation, and open source.
|
||||
</p>
|
||||
<p>
|
||||
<strong>Extensively experienced with:</strong><br/>
|
||||
Go, Erlang, Lua, Bash, PHP;<br/>
|
||||
Nginx, Redis, Mongo, Cassandra/BigTable;<br/>
|
||||
Ansible, ELK stack, CentOS/RHEL, Archlinux, GCE.
|
||||
</p>
|
||||
<p>
|
||||
<strong>Familiar with:</strong><br/>
|
||||
Ruby, Python, C, Javascript;<br/>
|
||||
MySQL/MariaDB, Prometheus/Grafana, Chef;<br/>
|
||||
Ubuntu/Debian, CoreOS, AWS, Kubernetes/Docker.
|
||||
I also have past experience with many other languages and
|
||||
tools which I could easily pick back up.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -187,47 +196,57 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row section-tail" style="">
|
||||
<div class="row" style="">
|
||||
<div class="four columns">
|
||||
<h4>Open-Source/Personal Projects</h4>
|
||||
<p>
|
||||
<a href="https://github.com/mediocregopher">github.com/mediocregopher</a>
|
||||
contains all public work. Most of it is throw-away projects,
|
||||
but listed here are a few which are actively developed and
|
||||
much loved.
|
||||
<a href="https://github.com/mediocregopher">github.com/mediocregopher</a>
|
||||
contains much of my public work. Most of it is throw-away
|
||||
projects, but listed here are a few which are actively
|
||||
developed and much loved.
|
||||
</p>
|
||||
<p>
|
||||
I frequently document the progress of my various projects
|
||||
on <a href="https://blog.mediocregopher.com">my blog</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="eight columns">
|
||||
<ul>
|
||||
<li>
|
||||
Author of one of the recommended Redis drivers for Go,
|
||||
<a href="https://github.com/mediocregopher/radix.v2">radix.v2</a>,
|
||||
and its much improved sequel,
|
||||
<a href="https://github.com/mediocregopher/radix">radix/v3</a>.
|
||||
</li>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
Author of
|
||||
<a href="https://github.com/mediocregopher/mediocre-go-lib">mediocre-go-lib</a>,
|
||||
a Go framework used for personal projects and similar in
|
||||
style to the one written for Admiral.
|
||||
</li>
|
||||
<li>
|
||||
Author of one of the recommended Redis drivers for Go,
|
||||
<a href="https://github.com/mediocregopher/radix">radix</a>.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Main contributor to <a href="https://github.com/mc0/okq">okq</a>,
|
||||
a simple, fast, and scalable job server written in Go
|
||||
and backed by Redis. Used at both Grooveshark and
|
||||
Admiral for extremely high-throughput loads.
|
||||
</li>
|
||||
<li>
|
||||
Author of one of <a href="https://dehub.dev">dehub</a>, a
|
||||
git project hosting platform baked into the project's
|
||||
commit history itself. It's not much used, even by me, but
|
||||
it's functional and I'm proud of it.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Author of small art projects such as
|
||||
<a href="https://blog.mediocregopher.com/2018/11/12/viz-2.html">viz</a>
|
||||
and others featured at
|
||||
<a href="https://blog.mediocregopher.com">blog.mediocregopher.com</a>,
|
||||
mostly written in Clojure.
|
||||
</li>
|
||||
</ul>
|
||||
<li>
|
||||
Working on an unreleased project, where we are creating
|
||||
the foundation for community-run cloud infrastructures.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Long-term work on a toy (so far)
|
||||
<a href="https://github.com/mediocregopher/ginger">programming language</a>.
|
||||
You can follow the progress of the language at
|
||||
<a
|
||||
href="https://blog.mediocregopher.com/2021/12/31/ginger-its-alive.html">blog.mediocregopher.com</a>.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Author of small art projects such as
|
||||
<a href="https://blog.mediocregopher.com/2021/07/01/viz-7.html">viz</a>
|
||||
and others featured at
|
||||
<a href="https://blog.mediocregopher.com">blog.mediocregopher.com</a>,
|
||||
mostly written in Clojure.
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user