diff --git a/css/main.css b/css/main.css index d371adf..eb0a723 100644 --- a/css/main.css +++ b/css/main.css @@ -1,6 +1,11 @@ +@font-face { + font-family: "SourceCode-Pro"; + src: url("sorce-code-pro.woff") format('woff'); +} html { - font-family: Helvetica, sans-serif; + font-family: "SourceCode-Pro", monospace, sans-serif; + background-color: #f2f2f2; } @font-face { @@ -8,7 +13,72 @@ html { src: url("overpass-regular.woff") format('woff'); } +/* h1, h2, h3, h4, h5, h6, .button-primary, .button { - font-family: "Overpass", Helvetica; + font-family: "Overpass", Helvetica, sans-serif; +} +*/ + +h1 { color: #008700; } +h2 { color: #0087af; } +h3 { color: #8700af; } + +em { + font-style: normal; + color: #8700af; } +a, a:active { + color: #0087af; +} + +.header { + font-size: 2rem; + line-height: normal; + background-color: #005f87; + position: sticky; + top: 0; + overflow: hidden; + z-index: 1; +} + +.header a,a:active { + color: #eeeeee; + text-decoration: none; +} + +.header .tab { + background-color: #0087af; + color: #eeeeee; + padding: 0 1rem 1px 1rem; + border-right: 1px solid #005f87; + white-space: nowrap; + display: inline-block; +} + +.header .tab.selected { + background-color: #e4e4e4; + color: #444444; +} + +.container { + margin-top: 3.5rem; + margin-bottom: 3.5rem; +} + +.footer { + font-size: 2rem; + line-height: normal; + background-color: #005f87; + color: #eeeeee; + position: fixed; + bottom: 0; + width: 100%; + overflow: hidden; + z-index: 1; +} + +.footer .scrollpos { + float: right; + margin-right: 1rem; +} diff --git a/overpass-regular.woff b/css/overpass-regular.woff similarity index 100% rename from overpass-regular.woff rename to css/overpass-regular.woff diff --git a/css/source-code-pro.woff b/css/source-code-pro.woff new file mode 100644 index 0000000..33b5534 Binary files /dev/null and b/css/source-code-pro.woff differ diff --git a/index.html b/index.html index 77417fe..53d5e57 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ -
- 8 years of experience across backend systems, databases, and - application development. Passionate about clean code, good - documentation, and open source. -
-
- Extensively experienced with:
- Go, Erlang, Lua, Bash, PHP;
- Nginx, Redis, Mongo, Cassandra/BigTable;
- Ansible, ELK stack, CentOS/RHEL, Archlinux, GCE.
-
- Familiar with:
- Ruby, Python, C, Javascript;
- MySQL/MariaDB, Prometheus/Grafana, Chef;
- Ubuntu/Debian, CoreOS, AWS, Kubernetes/Docker.
-
+ Hello! My name is Brian Picciano. I'm a full-stack + developer with a focus on designing secure and + scalable backends for web applications. +
++ I have gained experience with an extremely diverse set of + languages, databases, and products over the last ten years, + and I'm always looking for more. +
++ Remote work has been my life since 2015. No matter where in the + world your team is, I can work with them smoothly and + effectively over a variety of communication platforms. +
-
- May 2015 - January 2018
- Co-Founder
- Senior Backend Developer
-
- getadmiral.com is a - platform to help publishers analyze and recover revenue - being lost due to adblocking users. -
-+ I help you solve your problems, no matter what stage of + development you're at. Contact me if you + need someone to: +
++ You can see a breakdown of all my past work at my + resume page. Feel free to + reach out to me if you have any questions + about my past work. +
-
- Senior Systems Engineer (from intern)
- 2010 - Apr 2015
-
- Grooveshark was a web-based music streaming site in the - same vein as Spotify. -
-- github.com/mediocregopher - contains all public work. Most of it is throw-away projects, - but listed here are a few which are actively developed and - much loved. -
-+ Drop by my contact page to schedule a + free, 45 minute consultation. We will discuss your project, + what sort of assistance you need from me, and a timeline to get it + to you. +