Skip to content

Commit

Permalink
Now phone friendly!
Browse files Browse the repository at this point in the history
  • Loading branch information
Joe Matthews committed Apr 8, 2018
1 parent aa8e3ee commit 1281fad
Show file tree
Hide file tree
Showing 7 changed files with 89 additions and 42 deletions.
4 changes: 2 additions & 2 deletions _data/companies.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[
{
"name": "Hitachi Computer Products America, Inc",
"name": "Hitachi Computer Products America",
"location": "Norman, OK",
"image": "/assets/images/companies/hitachi.jpg",
"url": "http://www.hitachiomd.com/",
Expand Down Expand Up @@ -95,7 +95,7 @@
"name": "Customer Service Manager",
"dates": "Apr 2006 - Jan 2007",
"points": [
"Provide training, supervision and mentoring of cashiers",
"Provide training, scheduling and mentoring of cashiers",
"Act on complaints and suggestions to improve customer satisfaction"
]
}
Expand Down
18 changes: 18 additions & 0 deletions _data/networks.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
[
{
"icon": "fab fa-github",
"url": "https://github.com/joematthews"
},{
"icon": "fab fa-facebook",
"url": "https://www.facebook.com/joematthewstech"
},{
"icon": "fab fa-twitter",
"url": "https://twitter.com/joematthewstech"
},{
"icon": "fab fa-instagram",
"url": "https://www.instagram.com/joematthewstech/"
},{
"icon": "fab fa-linkedin",
"url": "https://www.linkedin.com/in/joematthewstech/"
}
]
4 changes: 2 additions & 2 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">

{% if page.title %}
<title>{{ page.title }}</title>
<title>{{ page.title }} - {{ page.author }}</title>
{% elsif site.title %}
<title>{{ site.title }}</title>
<title>{{ site.title }} - {{ site.author }}</title>
{% else %}
<title>Untitled</title>
{% endif %}
Expand Down
Binary file modified assets/images/companies/directv.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/images/companies/walmart.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 7 additions & 3 deletions assets/main.scss
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,16 @@
---
---
// Fonts
.oswald {

// Accent Font Class
.my-accent-font {
font-family: 'Oswald', sans-serif;
}

// Import Lobster Font from Google
// Import Accent Font from Google
@import url('https://fonts.googleapis.com/css?family=Oswald');

// Import Font Awesome Icons
@import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');

// Import custom bootstrap settings and bootstrap itself
@import "custom-bootstrap"
95 changes: 60 additions & 35 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,69 +1,79 @@
---
layout: default
title: Joe Matthews
subtitle: Father, friend & programmer.
title: Resume
author: Joe Matthews
subtitle: Father, Friend & Programmer.
phone: 1-405-274-5060
email: [email protected]
source: https://github.com/joematthews/resume
---
<div class="container">
<!-- Header -->
<div class="row align-items-center">
<div class="col">
<p class="text-center"><a href="tel:{{ page.phone }}">{{ page.phone }}</a></p>
</div>
<div class="col">
<h1 class="oswald display-1 text-center text-nowrap">{{ page.title }}</h1>
<h2 class="oswald text-center text-muted" style="margin-top: -0.7em">{{ page.subtitle }}</h2>
<div class="col-lg-12 col-md-24 order-lg-2">
<h1 class="my-accent-font display-1 text-center text-nowrap d-none d-sm-block d-md-block d-lg-block d-xl-block">{{ page.author }}</h1>
<h1 class="my-accent-font display-4 text-center text-nowrap d-block d-sm-none d-md-none d-lg-none d-xl-none">{{ page.author }}</h1>
<h3 class="my-accent-font text-center text-muted text-nowrap" style="margin-top: -0.5em;">{{ page.subtitle }}</h3>
<hr/>
</div>
<div class="col">
<div class="col-lg-6 col-sm-12 order-lg-1">
<p class="text-center"><a href="tel:{{ page.phone }}">{{ page.phone }}</a></p>
</div>
<div class="col-lg-6 col-sm-12 order-lg-3">
<p class="text-center"><a href="{{ page.email }}">{{ page.email }}</a></p>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="col-lg-4">
<!-- Skills -->
<div class="card">
<div class="card-header text-center">
<h2 class="oswald">Skills</h2>
<h2 class="my-accent-font">Skills</h2>
</div>
<ul class="list-group list-group-flush">
<div class="card-body">
<div class="row">
{% for skill in site.data.skills %}
<li class="list-group-item text-center">
<a href="{{ skill.url }}" target="_blank">
<img class="img-fluid rounded" src="{{ skill.image | relative_url }}">
</a>
<br/>
{{skill.name}}
</li>
<div class="col-lg-24 col-sm-4 col-6">
<p class="text-center">
<a href="{{ skill.url }}" target="_blank">
<img class="img-fluid rounded" src="{{ skill.image | relative_url }}">
</a>
<small class="text-muted d-none d-sm-none d-md-block d-lg-block d-xl-block">
{{ skill.name }}
</small>
</p>
</div>
{% endfor %}
</ul>
</div>
</div>
</div>
<br/>
</div>
<div class="col">
<!-- Work History -->
<div class="card">
<div class="card-header text-center">
<h2 class="oswald">Work History</h2>
<h2 class="my-accent-font">Work History</h2>
</div>
<div class="card-body">
<!-- Companies -->
{% for company in site.data.companies %}
<div class="row align-items-center">
<div class="col">
<h3 class="text-nowrap">{{ company.name }}&nbsp;&nbsp;<small class="text-muted">{{ company.location }}</small></h3>
</div>
<div class="col-4">
<div class="col-md-4 col-sm-6 col-12 order-md-3">
<a href="{{ company.url }}" target="_blank">
<img class="img-fluid rounded" src="{{ company.image | relative_url }}">
</a>
</div>
<div class="col-md-4 col-12 order-md-2">
<p class="text-muted text-center">{{ company.location }}</p>
</div>
<div class="col-md col-sm-24 order-md-1"><h3 class="">{{ company.name }}</h3></div>
</div>
<!-- Positions -->
{% for position in company.positions %}
<div class="row align-items-center">
<div class="col-5">
<p class="text-muted text-center">{{ position.dates }}</p>
<div class="col-md-5">
<p class="text-muted text-center"><small>{{ position.dates }}</small></p>
</div>
<div class="col">
<h4>{{ position.name }}</h4>
Expand All @@ -88,35 +98,50 @@ <h4>{{ position.name }}</h4>
<div class="card">
<!-- Education -->
<div class="card-header text-center">
<h2 class="oswald">Education</h2>
<h2 class="my-accent-font">Education</h2>
</div>
<div class="card-body">
<!-- Schools -->
{% for school in site.data.schools %}
<div class="row align-items-center">
<div class="col-4">
<div class="col-md-4 col-sm-8 col-12 order-md-2">
<a href="{{ school.url }}" target="_blank">
<img class="img-fluid rounded" src="{{ school.image | relative_url }}">
</a>
</div>
<div class="col">
<h3 class="text-nowrap">{{ school.name }}&nbsp;&nbsp;<small class="text-muted">{{ school.location }}</small></h3>
<div class="col-md-4 col-sm-8 col-12 order-md-4">
<p class="text-center text-muted">{{ school.location }}</p>
</div>
<div class="col-md-5 col-sm-8 order-md-1">
<p class="text-muted text-center"><small>{{ school.dates }}</small></p>
</div>
<div class="col order-md-3">
<h3 class="text-nowrap">{{ school.name }}</h3>
<!-- Points -->
<ul>
{% for point in school.points %}
<li>{{ point }}</li>
{% endfor %}
</ul>
</div>
<div class="col-5">
<p class="text-muted text-center">{{ school.dates }}</p>
</div>
</div>
{% if school != site.data.schools.last %}
<hr/>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<hr/>
<p class="text-center" style="font-size: 3em;">
{% for network in site.data.networks %}
<a href="{{ network.url }}" target="_blank" style="text-decoration: none; color: black;">
<i class="{{ network.icon }}"></i>
</a>
{% endfor %}
</p>
<p class="text-center">&copy; {{ "now" | date: "%Y" }} {{ page.author }}.</p>
<p class="text-center">View page <a href="{{ page.source }}" target="_blank">source</a>.</p>
<br/>
</div><!-- container -->

0 comments on commit 1281fad

Please sign in to comment.