Skip to content

Commit

Permalink
Merge branch 'release/1.0'
Browse files Browse the repository at this point in the history
resume + updated portfolio
  • Loading branch information
BFGriffith committed Sep 27, 2016
2 parents 0796d86 + b62e48a commit 76a4cc7
Show file tree
Hide file tree
Showing 13 changed files with 313 additions and 31 deletions.
33 changes: 33 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,36 @@
# build production
_site/
.sass-cache/
.jekyll-metadata

.tmp

# Apple OS metadata
.DS_Store
._.DS_Store
Thumbs.db

# dependencies directories
node_modules
bower_components
npm-debug.log

# API keys and secrets
.env

# editors
.idea
*.iml

lib-cov
*.seed
*.log
*.csv
*.dat
*.out
*.pid
*.gz

pids
logs
results
Binary file modified Griffith_résumé.pdf
Binary file not shown.
Binary file added IMAGES/BFGriffith_cartoon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added IMAGES/PP_logo-sketch.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
105 changes: 103 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,103 @@
# BFGriffith.github.io
Ben Forbes Griffith’s blog
# [Ben Forbes Griffith’s portfolio and blog](https://bfgriffith.github.io/)
* Tweet [`@ForbesGriffith`](https://twitter.com/ForbesGriffith)
* [GitHub Pages](https://pages.github.com/), powered by [Jekyll](http://jekyllrb.com/)

---

# Ben Forbes Griffith’s résumé:
## freelance full-stack web-developer for hire:

* [technical skills](#technical—skills)
* [general professional skills](#general-professional-skills)
* [education](#education)
* [download a PDF of this résumé](#resume)

---

### <a name="technical—skills"></a>technical SKILLS:

* working knowledge of JavaScript / ECMAScript “vanilla” fundamentals, plus jQuery, Lodash, AngularJS, ReactJS, & Vue.js
* HTML5 and CSS3+SASS (Syntactically Awesome StyleSheets)
* can markup any website design, pixel perfect
* familiar with the ease and convenience of Bootstrap, or similar frameworks, but can markup sites lightweight from scratch
* excellent responsive and/or adaptive design skills, proficient with media-queries and mobile-first development approach
* working knowledge of many efficient command-line shortcuts (Z-Shell) and cloud-repository version-control workflows, especially Git/GitHub & GitFlow
* good at integrating API functionality, especially with well-documented restful-APIs
* familiar with JSON, CORS issues, and JSONP, as well as server-side solutions like NodeJS and Cheerio
* familiar with database design concepts like SQL and NoSQL and proficient using tools like MySQL, MongoDB and Firebase, but still learning Oracle
* familiar with Node, Express, Handlebars, and various “middleware” options
* some familiarity with basic test-driven development using tools like chai and mocha or Protractor
* very familiar with command-line dependency-management tools like Node Package Manager (npm) or Bower
* proficient with Gulp and Grunt streamlined build-processes as well as more simple/manual yet powerful tools like Wiredep, BrowserSync, or webpack
* familiar with using and customizing popular web-publishing tools like Jekyll and Wordpress
* starting to learn some of the fundamentals of Ruby on Rails, PHP, Python, Objective-C, and Swift — and I’m a quick-study eager to continuously learn on the job in order to progress toward broader “full-stack” development proficiency and even branch out into more mobile-native capabilities!

---

### <a name="general-professional-skills"></a>general professional SKILLS:

* adept at project planning and execution, with strong organizational, design, and time-management skills
* able to handle a high-volume workload in a fast-paced and deadline-driven environment
* excellent general-office computer skills: technologically savvy with efficient keyboard-shortcuts, research-skills, and Microsoft Office proficiency
* exceptional written and oral communication and editing capabilities plus impeccable grammar and incisive detail-oriented textual analysis skills
* extraordinary vocabulary, reading-comprehension, and abilities to cogently parse and accessibly explain complex, dense, or highly technical texts
* creativity and imagination to visualize and clearly depict any concept, idea, or data — in addition to superior spatial reasoning
* diplomatic professional abilities to work cooperatively, synergistically, politely, and constructively as part of any team
* insightful and interdisciplinary analytical learning skills regarding almost any academic subject: observant, detail-oriented, and adaptable
* superior presentation and performance skills: proven through years of dynamically engaging and multimedia-infused teaching experiences
* excellent problem-solving, customer-service, and conflict-resolution skills; unflappably able to keep a cool, calm, and helpful demeanor at all times
* well-travelled: broad intellectual horizons and eyewitness familiarity with diverse perspectives and cultures after visiting many foreign countries
* semi-fluent: French — as well as a good working knowledge of etymology, especially Greek and Latin roots, plus philosophical symbolic logic
* competent visual-arts skills: with pencils (whether color or grayscale) as perhaps my best medium, but some aptitude with paints as well
* a good understanding of art history, proportions, perspective, shading-techniques, color-theory, etc.
* a classically trained baritone singing voice! &#128578;

---

### <a name="education"></a>EDUCATION:

#### Coding-Bootcamps:
* _UCF Coding Bootcamp_ — Sanford / Lake Mary satellite campus (at Seminole State College)
* full-stack web-development — March 28 through September 28, 2016
* _The Iron Yard Academy_ — Orlando, Florida
* front-end web-development — May 4 through July 24, 2015

##### Coding-Tutorials:
* CodeSchool, Treehouse, Code Academy, Khan Academy, various O’Reilly eBooks, etc.

#### Graduate School:
* _Bennington College_ — Bennington, Vermont
* Master of Arts in Teaching Degree, _History Education_: June 4, 2005

#### Undergraduate:
* _Hamilton College_ — Clinton, New York
* Bachelor of Arts Degree: May 25, 2003
* Major: _philosophy_, Minor: _history_

---

### Social-Studies Teacher:

* grades 9-12 (August, 2005 through June, 2012)
* _New Dimensions High School_ — 4900 Old Pleasant Hill Road, Kissimmee, FL 34759
* Taught ninth through twelfth graders such classes as Advanced Placement world history, world history, American history, global studies / geography, American government, and economics (including honors level versions of nearly all of those classes).
* As a member of Florida’s 2009 first-place High School Literacy Leadership Team of the year: fostered excellence in literacy education and contributed to the continuous improvement of students’ reading-comprehension & writing skills, encouraged enthusiasm for unassigned reading, conducted and participated in faculty professional development sessions focused on teaching reading, and enhanced the overall rigor of the academic environment.
* Well trained in curricular and lesson design and research-based teaching techniques at the graduate level (and subsequently enhanced by multifarious inservice workshops over seven years of professionally teaching high school social studies). Skilled at differentiating and individuating instruction as well as effectively scaffolding lessons to keep students of all levels optimally challenged, encouraged, supported, and rapidly progressing in their zones of proximal development.
* Faculty coach / facilitator for both the Chess club and the Fine-Arts club (mostly teaching drawing and painting, including advanced techniques of perspective, proportion, composition, blending, and shading) for seven years. Solid fine-arts and visual-design liberal-arts educational background.

#### Substitute-Teacher:

* Kelly Services — _Orange County Public Schools_
* November, 2012 through February 2013 and October 9, 2013 through September 2014

---

### CERTIFICATION:

* Florida Department of Education: _Professional Certificate_
* _Social Science_, grades 6-12 — and _English_, grades 6-12
* D.O.E. number 987287 (valid through June 30, 2018)

---

## <a name="resume" href="/Griffith_résumé.pdf" download>download a PDF of this résumé</a>
10 changes: 5 additions & 5 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
# Dependencies
# dependencies
markdown: kramdown
highlighter: pygments

# Permalinks
# permalinks
permalink: pretty
# relative_permalinks: true

# Setup
# setup
title: Ben Forbes Griffith
tagline: 'GitHub demesne'
description: '<p>Welcome to my <a href="https://pages.github.com/" target="_blank"><i>GitHub Pages</i></a> (powered by <a href="http://jekyllrb.com" target="_blank">Jekyll</a>) <a href="https://bfgriffith.github.io/about/">development portfolio</a> and <a href="https://bfgriffith.github.io/">blog</a>!</p>'
Expand All @@ -19,8 +19,8 @@ author:

paginate: 5

# Custom vars
version: 0.0.1
# custom variables
version: 1.0.0

github:
repo: https://github.com/BFGriffith/BFGriffith.github.io
8 changes: 8 additions & 0 deletions _drafts/2015-06-19-Markdown-post-template.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
layout: post
title: jekyll template &#10137; example
---

## subheading

text
4 changes: 2 additions & 2 deletions _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,12 @@
<link rel="stylesheet" href="{{ site.baseurl }}styles/css/main.css">
<link rel="stylesheet" href="{{ site.baseurl }}styles/css/syntax.css">
<link rel="stylesheet" href="{{ site.baseurl }}styles/css/custom.css">
<!-- FONTS -->
<link href='https://fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
<!-- ICONS -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}styles/favicons/apple-touch-icon-144-Griffin_icon.png">
<link rel="shortcut icon" href="{{ site.baseurl }}styles/favicons/Griffin_favicon.ico">

<link rel="shortcut icon" href="{{ site.baseurl }}styles/favicons/Griffin_favicon.ico">
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
</head>
10 changes: 4 additions & 6 deletions _includes/sidebar.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,14 @@
<div class="sidebar">
<div class="container sidebar-sticky">
<div class="sidebar-about">
<div id="avatars_container">
<span><img id="portrait" src="/IMAGES/BFG_face.png" alt="portrait" height="95" width="auto">
<img id="avatar" src="/IMAGES/Griffith_griffin.png" alt="avatar" height="95" width="auto"></span>
</div>

<h1>
<img style="float: right;" id="avatar" src="/IMAGES/Griffith_griffin.png" alt="avatar" height="90px" width="auto">
<a href="https://bfgriffith.github.io/about/">
{{ site.title }}
</a>
</h1>
<p class="lead" id="site_description">{{ site.description }}</p>
<p style="clear: both;" class="lead" id="site_description">{{ site.description }}</p>
<p class="lead"><a id="T_handle" href="https://twitter.com/ForbesGriffith" target="_self">
<h2><span><img id="bluebird" src="/IMAGES/bluebird.png" alt="Twitter handle = "> @ForbesGriffith</span></h2></a></p>
</div>
Expand All @@ -32,7 +30,7 @@ <h2><span><img id="bluebird" src="/IMAGES/bluebird.png" alt="Twitter handle = ">
{% endif %}
{% endfor %}

<a class="sidebar-nav-item" href="/Griffith_résumé.pdf" download> download my résumé</a>
<a class="sidebar-nav-item" href="/Griffith_résumé.pdf" download> download résumé</a>
<a class="sidebar-nav-item" href="{{ site.github.repo }}"><span id="GitHub_repo"> (visit this site’s GitHub repository)</span></a>
</nav>

Expand Down
62 changes: 50 additions & 12 deletions about.md
Original file line number Diff line number Diff line change
@@ -1,27 +1,65 @@
---
layout: page
title: ABOUT the AUTHOR
title: ABOUT BFGriffith
---
Welcome to the *[GitHub Pages](https://pages.github.com/)* (powered by [Jekyll](http://jekyllrb.com)) portfolio and blog of:

### Ben Forbes Griffith &#10137; [@ForbesGriffith](https://twitter.com/ForbesGriffith)
### [Ben Forbes Griffith](https://github.com/BFGriffith) &#10137; [@ForbesGriffith](https://twitter.com/ForbesGriffith)

<img style="float: right;" src="/images/BFGriffith_cartoon.png" alt="BFGriffth cartoon portrait" height="150px" width="auto" />
<p class="message">
Ben Forbes Griffith is a Front-End web-developer for hire.
“full-stack” web-developer for hire
</p>
* [contact me](#contact-the-author)

# links to showcase PROJECTS:

<img style="float: right;" src="/images/PP_logo-sketch.png" alt="Poementor logo" height="24px" width="24px" />

- [**Poementor**](https://poem-patterns.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/Poem-Patterns)

# *portfolio* of showcase PROJECTS:
- ...
- [**Spaced-Repetition**](https://repetition-spacing.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/spaced-repetition)

### lightweight skill/design *demonstration* TEMPLATES:
- [The Iron Yard, Orlando — coding-bootcamp template assignments](https://github.com/BFGriffith/TIY-Assignments)
### skill/design/framework *demonstration* TEMPLATES:
- [**ReactJS-search**](https://reactjs-search.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/ReactJS-search)
- a “MERN-stack” (Mongo, Express, React, Node) search application that uses ReactJS helper functions and the React mounting-lifecycle to query and display articles dynamically based on user searches and optionally store them for later reading
- [**CheerioMongo-scraper**](https://cheeriomongo-scraper.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/CheerioMongo-scraper)
- a NodeJS web-scraper application that uses Cheerio + MongoDB and allows users to comment on articles
- [**Express-Handlebars** practice](https://github.com/BFGriffith/Express-Handlebars_practice)[GitHub repository](https://github.com/BFGriffith/Express-Handlebars_practice)
- Node.js + Express + Handlebars — practice/demo MVC with “burger consumption” theme
- [**FriendFinder** Express practice](https://github.com/BFGriffith/FriendFinder-Express)[GitHub repository](https://github.com/BFGriffith/FriendFinder-Express)
- Express framework compatibility-based “Friend Finder” application
- [**“Bamazon”** MySQL eCommerce practice](https://github.com/BFGriffith/Bamazon-MySQL)[GitHub repository](https://github.com/BFGriffith/Bamazon-MySQL)
- a MySQL/node.js application that takes “orders” from “customers” and depletes the “store’s” supplies, tracks these product “sales” across departments, and provides a summary of the “highest-grossing” departments in the “store”...
- [NODE **“LiriBOT”**](https://node-liribot.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/NODE-LiriBOT)
- command-line node.js app that takes in parameters and gives back data using several APIs
- [**Rock-Paper-Scissors**](https://github.com/BFGriffith/Rock-Paper-Scissors)[GitHub repository](https://github.com/BFGriffith/Rock-Paper-Scissors)
- a Firebase multiplayer game
- [**martial Giphy!**](https://martialgiphy.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/martialGiphy)
- a martial-arts themed Giphy-API application
- [**Middle Earth** themed **Trivia-Game**](https://middle-earth-trivia-game.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/Trivia-Game)
- [**jQuery games**](https://jquery-game-katas.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/jQuery-games)
- rudimentary games as coding katas for jQuery practice
- [**JavaScript games**](https://javascript-game-katas.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/JavaScript-games)
- rudimentary games as coding katas for JavaScript practice
- hangman
- “psychic”
- rock, paper, scissors
- [sample **professional portfolio**](https://bfgriffith-portfolio.herokuapp.com/index.html)[GitHub repository](https://github.com/BFGriffith/BFGriffith-portfolio)
- professional portfolio repository (powered by Twitter “Bootstrap”)
- [minimalist **“basic” professional portfolio**](https://basic-professional-portfolio.herokuapp.com/)[GitHub repository](https://github.com/BFGriffith/Basic-Portfolio)
- [The Iron Yard, Orlando — coding-bootcamp **template assignments**](https://github.com/BFGriffith/TIY-Assignments)

### links to major projects still in the process of development:
- [The Fallacious Logic Lexicon](https://github.com/BFGriffith/fallacious-logic-lexicon)
- [Recipe-Quest](https://github.com/BFGriffith/Recipe-Quest)
- [Daily-Bias News](https://github.com/BFGriffith/Daily-Bias)
### links to pending major projects still in the process of development:
- [**Poementor**, “M.E.A.N.-stack” version](https://github.com/BFGriffith/Poementor)
- plus perhaps also a mobile version using Ionic and Cordova
- [The **Fallacious Logic Lexicon**](https://github.com/BFGriffith/fallacious-logic-lexicon)
- [**Recipe-Quest**](https://github.com/BFGriffith/Recipe-Quest)
- [**Daily-Bias News**](https://github.com/BFGriffith/Daily-Bias)
- [**Cyvasse**](https://github.com/BFGriffith/Cyvasse)

# CONTACT the author:
Have questions? Feel free to **[ask me on Twitter](https://twitter.com/ForbesGriffith)** or [send me an email](mailto:benjaminforbesgriffith@gmail.com).
Have questions or want to collaborat on a project? Feel free to **[ask me on Twitter](https://twitter.com/ForbesGriffith)** or [send me an **email**](mailto:benjaminforbesgriffith@gmail.com).

Thanks for reading!
<hr>
Expand Down
Loading

0 comments on commit 76a4cc7

Please sign in to comment.