modern-resume-theme 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +115 -0
- data/_includes/about.html +13 -0
- data/_includes/education.html +18 -0
- data/_includes/experience.html +21 -0
- data/_includes/footer.html +9 -0
- data/_includes/google-analytics.html +10 -0
- data/_includes/head.html +14 -0
- data/_includes/header.html +93 -0
- data/_includes/more.html +8 -0
- data/_includes/projects.html +24 -0
- data/_layouts/default.html +36 -0
- data/_sass/base.scss +174 -0
- data/_sass/button.scss +67 -0
- data/_sass/type.scss +77 -0
- data/assets/main.scss +148 -0
- metadata +117 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 7458c1b31d99f0d088bc09d706b1ef4a3bdd2afd252288bd98cc0c4f6cbbcb91
|
4
|
+
data.tar.gz: b6908bc23b7fc72d7bce5aa70ceb0509e0c33d722f3bb5b45cc6aa8d2c6ebd14
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: a3ac997a89d4c91c661868d5433dcff4bfa024730b3c9757cf0212166ba1fe79aace535776763af753e13852e47eab583df6597e2501a7a2b2041c968f4c1cd4
|
7
|
+
data.tar.gz: bb1d90ce4ca41f85199a6fbe37d4d879eb735442da23baa5f3e628904928be8e8c51d04c91b1ec6eea471455c034028002329213c64730acbbb59f7509a2a0d5
|
data/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
MIT License
|
2
|
+
|
3
|
+
Copyright (c) 2018 James Grant
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,115 @@
|
|
1
|
+
# modern-resume-theme [](https://badge.fury.io/rb/modern-resume-theme) [](https://travis-ci.org/sproogen/modern-resume-theme)
|
2
|
+
|
3
|
+
*A modern simple static resume template and theme. Powered by Jekyll and GitHub pages.*
|
4
|
+
|
5
|
+
[View Demo](https://sproogen.github.io/modern-resume-theme/)
|
6
|
+
|
7
|
+

|
8
|
+
|
9
|
+
You can view the full project [roadmap here](https://github.com/sproogen/modern-resume-theme/projects/1).
|
10
|
+
|
11
|
+
## Installation & setup guide
|
12
|
+
This template is designed to be hosted using GitHub pages and so that's what these instructions will cover. If you plan on hosting it seperately then there might be some extra steps that we wont cover.
|
13
|
+
|
14
|
+
Before starting it might be useful to familiarise yourself with [Jekyll](https://jekyllrb.com/docs/home/), [Markdown](https://www.markdownguide.org/getting-started) and [GitHub pages](https://pages.github.com/).
|
15
|
+
|
16
|
+
##### Step 1 - GitHub
|
17
|
+
Start by creating an account on [GitHub](https://github.com/join)
|
18
|
+
|
19
|
+
##### Step 2 - Create Repository
|
20
|
+
Create a repository on GitHub to hold your files and host your resume. You can find out how to do that [here](https://pages.github.com/)
|
21
|
+
|
22
|
+
##### Step 3 - Download Resume Template
|
23
|
+
Download and extract the following zip into the git repository you have just created. [resume-template.zip](https://github.com/sproogen/modern-resume-theme/archive/gh-pages.zip)
|
24
|
+
|
25
|
+
##### Step 4 - Push it
|
26
|
+
Commit and push the resume template to github
|
27
|
+
```
|
28
|
+
$ git add --all
|
29
|
+
$ git commit -m "Initial resume setup"
|
30
|
+
$ git push -u origin master
|
31
|
+
```
|
32
|
+
##### Set 5 - See it
|
33
|
+
You should now be able to see the demo resume template using this theme at `[your-username].github.io`
|
34
|
+
|
35
|
+
## Usage
|
36
|
+
|
37
|
+
So now you will be able to see the demo template at your github url. You can can edit the yml files and replace the demo content with your own. Hopefully it will be fairly simple to work out where all the content goes, but here is a quick overview.
|
38
|
+
|
39
|
+
##### _config.yml
|
40
|
+
This will contain all the of the main configuration for your resume such as your name, email, social media links and about me content. It will also allow you to change the titles of some of the content sections.
|
41
|
+
A full example of the _config.yml can be found [here](https://github.com/sproogen/modern-resume-theme/blob/master/_config.yml)
|
42
|
+
|
43
|
+
##### _data/education.yml
|
44
|
+
A list of all your education, each education will follow this format
|
45
|
+
```
|
46
|
+
- name: Institution name
|
47
|
+
dates: Date Range (eg. 2016 - 2019)
|
48
|
+
qualification: Qualifications (eg. BA Performing Arts)
|
49
|
+
quote: >
|
50
|
+
Short institution or course description (optional)
|
51
|
+
description: | # this will include new lines to allow paragraphs
|
52
|
+
Description of qualification
|
53
|
+
```
|
54
|
+
|
55
|
+
##### _data/experience.yml
|
56
|
+
A list of all your experience, each experience will follow this format
|
57
|
+
```
|
58
|
+
- company: Company name
|
59
|
+
link: Link to company (optional)
|
60
|
+
job_title: Job title
|
61
|
+
dates: Date Range (eg. November 2016 - present)
|
62
|
+
quote: >
|
63
|
+
Short description of the company (optional)
|
64
|
+
description: | # this will include new lines to allow paragraphs
|
65
|
+
Description of role
|
66
|
+
```
|
67
|
+
|
68
|
+
##### _data/projects.yml
|
69
|
+
A list of all your projects, each project will follow this format
|
70
|
+
```
|
71
|
+
- name: Project name
|
72
|
+
link: Link to project (eg. sproogen.github.io/modern-resume-theme)(optional)
|
73
|
+
github: Github page for project (eg. sproogen/modern-resume-theme)(optional)
|
74
|
+
quote: >
|
75
|
+
Short overview of the project (optional)
|
76
|
+
description: | # this will include new lines to allow paragraphs
|
77
|
+
Description about the work on/with the project
|
78
|
+
```
|
79
|
+
|
80
|
+
## Running locally
|
81
|
+
|
82
|
+
Before you start make sure you have *Ruby* and the gems for *Jekyll* installed locally. You can find out how to do that [here](https://jekyllrb.com/docs/installation/).
|
83
|
+
|
84
|
+
1. Clone your resume repository locally *(if you haven't already)*
|
85
|
+
2. `cd [your-repository-name]`
|
86
|
+
3. `bundle install`
|
87
|
+
4. `bundle exec jekyll serve`
|
88
|
+
5. Open your browser to `http://localhost:4000`
|
89
|
+
|
90
|
+
Any changes you make will automatically build and you will be able to see these by refreshing your browser.
|
91
|
+
|
92
|
+
*Note: You will need to re-run `bundle exec jekyll serve` to see changes made in `_config.yml`.*
|
93
|
+
|
94
|
+
## Contributing
|
95
|
+
|
96
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/sproogen/modern-resume-theme. You can view our full guide to contributing [here](https://github.com/sproogen/modern-resume-theme/blob/master/CONTRIBUTING.md)
|
97
|
+
This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
98
|
+
|
99
|
+
## Development
|
100
|
+
|
101
|
+
Before you start make sure you have *Ruby* and the gems for *Jekyll* installed locally. You can find out how to do that [here](https://jekyllrb.com/docs/installation/).
|
102
|
+
|
103
|
+
1. Fork and or clone this repository locally
|
104
|
+
2. `cd modern-resume-theme`
|
105
|
+
3. `bundle install`
|
106
|
+
4. `bundle exec jekyll serve`
|
107
|
+
5. Open your browser to `http://localhost:4000`
|
108
|
+
|
109
|
+
Any changes you make will automatically build and you will be able to see these by refreshing your browser. To find out more about *Jekyll* take a look [here](https://jekyllrb.com/docs/usage/).
|
110
|
+
|
111
|
+
*Note: You will need to re-run `bundle exec jekyll serve` to see changes made in `_config.yml`.*
|
112
|
+
|
113
|
+
## License
|
114
|
+
|
115
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
@@ -0,0 +1,13 @@
|
|
1
|
+
<div class="container intro-container">
|
2
|
+
<h3>{{ site.about_title | default: "About Me" }}</h3>
|
3
|
+
<div class="row clearfix">
|
4
|
+
{%- if site.about_profile_image -%}
|
5
|
+
<div class="col-xs-12 col-sm-4 col-md-3">
|
6
|
+
<span class="profile-img" style="background-image: url({{ site.about_profile_image | relative_url }})" />
|
7
|
+
</div>
|
8
|
+
{%- endif -%}
|
9
|
+
<div class="{{ 'col-xs-12 ' }}{%- if site.about_profile_image -%}col-sm-8 col-md-9{%- endif -%}">
|
10
|
+
{{ site.about_content | strip | markdownify }}
|
11
|
+
</div>
|
12
|
+
</div>
|
13
|
+
</div>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
<div class="container education-container">
|
2
|
+
<h3>{{ site.education_title | default: "Education" }}</h3>
|
3
|
+
{% for education in site.data.education %}
|
4
|
+
<div class="row clearfix education">
|
5
|
+
<div class="col-xs-12 col-sm-4 col-md-3 left-column">
|
6
|
+
<h4>{{ education.name }}</h4>
|
7
|
+
<p>{{ education.dates }}</p>
|
8
|
+
<p><b>{{ education.qualification }}</b></p>
|
9
|
+
</div>
|
10
|
+
<div class="col-xs-12 col-sm-8 col-md-9">
|
11
|
+
{%- if education.quote -%}
|
12
|
+
<p class="quote">{{ education.quote }}</p>
|
13
|
+
{%- endif -%}
|
14
|
+
{{ education.description | strip | markdownify }}
|
15
|
+
</div>
|
16
|
+
</div>
|
17
|
+
{% endfor %}
|
18
|
+
</div>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<div class="container experience-container">
|
2
|
+
<h3>{{ site.experience_title | default: "Experience" }}</h3>
|
3
|
+
{% for experience in site.data.experience %}
|
4
|
+
<div class="row clearfix experience">
|
5
|
+
<div class="col-xs-12 col-sm-4 col-md-3 left-column">
|
6
|
+
<h4>{{ experience.company }}</h4>
|
7
|
+
{%- if experience.link -%}
|
8
|
+
<a href="http://{{ experience.link }}" target="_blank">{{ experience.link }}</a>
|
9
|
+
{%- endif -%}
|
10
|
+
<p>{{ experience.dates }}</p>
|
11
|
+
<p><b>{{ experience.job_title }}</b></p>
|
12
|
+
</div>
|
13
|
+
<div class="col-xs-12 col-sm-8 col-md-9">
|
14
|
+
{%- if experience.quote -%}
|
15
|
+
<p class="quote">{{ experience.quote }}</p>
|
16
|
+
{%- endif -%}
|
17
|
+
{{ experience.description | strip | markdownify }}
|
18
|
+
</div>
|
19
|
+
</div>
|
20
|
+
{% endfor %}
|
21
|
+
</div>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<script>
|
2
|
+
if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
|
3
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
4
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
5
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
6
|
+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
7
|
+
ga('create', '{{ site.google_analytics }}', 'auto');
|
8
|
+
ga('send', 'pageview');
|
9
|
+
}
|
10
|
+
</script>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="utf-8">
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
5
|
+
|
6
|
+
{%- seo -%}
|
7
|
+
|
8
|
+
<link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
|
9
|
+
<link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon | relative_url }}">
|
10
|
+
|
11
|
+
{%- if jekyll.environment == 'production' and site.google_analytics -%}
|
12
|
+
{%- include google-analytics.html -%}
|
13
|
+
{%- endif -%}
|
14
|
+
</head>
|
@@ -0,0 +1,93 @@
|
|
1
|
+
<div class="container header-contianer">
|
2
|
+
<div class="row">
|
3
|
+
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-8 header-left">
|
4
|
+
<h1>{{ site.name | escape }}</h1>
|
5
|
+
<h2>{{ site.title | escape }}</h2>
|
6
|
+
</div>
|
7
|
+
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4 header-right">
|
8
|
+
<ul class="icons">
|
9
|
+
{%- if site.dribbble_username -%}
|
10
|
+
<li>
|
11
|
+
<a target="_blank" href="https://dribbble.com/{{ site.dribbble_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
12
|
+
<i class="fa fa-dribbble"></i>
|
13
|
+
</a>
|
14
|
+
</li>
|
15
|
+
{%- endif -%}
|
16
|
+
{%- if site.facebook_username -%}
|
17
|
+
<li>
|
18
|
+
<a target="_blank" href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
19
|
+
<i class="fa fa-facebook"></i>
|
20
|
+
</a>
|
21
|
+
</li>
|
22
|
+
{%- endif -%}
|
23
|
+
{%- if site.flickr_username -%}
|
24
|
+
<li>
|
25
|
+
<a target="_blank" href="https://www.flickr.com/photos/{{ site.flickr_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
26
|
+
<i class="fa fa-flickr"></i>
|
27
|
+
</a>
|
28
|
+
</li>
|
29
|
+
{%- endif -%}
|
30
|
+
{%- if site.github_username -%}
|
31
|
+
<li>
|
32
|
+
<a target="_blank" href="https://github.com/{{ site.github_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
33
|
+
<i class="fa fa-github"></i>
|
34
|
+
</a>
|
35
|
+
</li>
|
36
|
+
{%- endif -%}
|
37
|
+
{%- if site.instagram_username -%}
|
38
|
+
<li>
|
39
|
+
<a target="_blank" href="https://www.instagram.com/{{ site.instagram_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
40
|
+
<i class="fa fa-instagram"></i>
|
41
|
+
</a>
|
42
|
+
</li>
|
43
|
+
{%- endif -%}
|
44
|
+
{%- if site.linkedin_username -%}
|
45
|
+
<li>
|
46
|
+
<a target="_blank" href="https://www.linkedin.com/in/{{ site.linkedin_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
47
|
+
<i class="fa fa-linkedin"></i>
|
48
|
+
</a>
|
49
|
+
</li>
|
50
|
+
{%- endif -%}
|
51
|
+
{%- if site.pinterest_username -%}
|
52
|
+
<li>
|
53
|
+
<a target="_blank" href="https://www.pinterest.com/{{ site.pinterest_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
54
|
+
<i class="fa fa-pinterest"></i>
|
55
|
+
</a>
|
56
|
+
</li>
|
57
|
+
{%- endif -%}
|
58
|
+
{%- if site.twitter_username -%}
|
59
|
+
<li>
|
60
|
+
<a target="_blank" href="https://twitter.com/{{ site.twitter_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
61
|
+
<i class="fa fa-twitter"></i>
|
62
|
+
</a>
|
63
|
+
</li>
|
64
|
+
{%- endif -%}
|
65
|
+
{%- if site.youtube_username -%}
|
66
|
+
<li>
|
67
|
+
<a target="_blank" href="https://www.youtube.com/{{ site.youtube_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
|
68
|
+
<i class="fa fa-youtube-play"></i>
|
69
|
+
</a>
|
70
|
+
</li>
|
71
|
+
{%- endif -%}
|
72
|
+
{%- if site.googleplus_username -%}
|
73
|
+
<li>
|
74
|
+
<a target="_blank" href="https://plus.google.com/{{ site.googleplus_username| escape }}" class="button button--sacnite button--round-l">
|
75
|
+
<i class="fa fa-google-plus"></i>
|
76
|
+
</a>
|
77
|
+
</li>
|
78
|
+
{%- endif -%}
|
79
|
+
</ul>
|
80
|
+
|
81
|
+
{%- if site.email -%}
|
82
|
+
<p>
|
83
|
+
Email: <a href="mailto:{{ site.email }}" target="_blank">{{ site.email | escape }}</a>
|
84
|
+
</p>
|
85
|
+
{%- endif -%}
|
86
|
+
{%- if site.website -%}
|
87
|
+
<p>
|
88
|
+
Web: <a href="http://{{ site.website }}" target="_blank">{{ site.website | escape }}</a>
|
89
|
+
</p>
|
90
|
+
{%- endif -%}
|
91
|
+
</div>
|
92
|
+
</div>
|
93
|
+
</div>
|
data/_includes/more.html
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
<div class="container projects-container">
|
2
|
+
<h3>{{ site.projects_title | default: "Projects" }}</h3>
|
3
|
+
{% for project in site.data.projects %}
|
4
|
+
<div class="row clearfix project">
|
5
|
+
<div class="col-xs-12 col-sm-4 col-md-3 left-column">
|
6
|
+
<h4>{{ project.name }}</h4>
|
7
|
+
{%- if project.link -%}
|
8
|
+
<a href="http://{{ project.link }}" target="_blank">{{ project.link }}</a>
|
9
|
+
{%- endif -%}
|
10
|
+
<p>
|
11
|
+
<a href="https://github.com/{{ project.github }}" target="_blank">
|
12
|
+
<i class="fa fa-github"></i>
|
13
|
+
</a>
|
14
|
+
</p>
|
15
|
+
</div>
|
16
|
+
<div class="col-xs-12 col-sm-8 col-md-9">
|
17
|
+
{%- if project.quote -%}
|
18
|
+
<p class="quote">{{ project.quote }}</p>
|
19
|
+
{%- endif -%}
|
20
|
+
{{ project.description | strip | markdownify }}
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
{% endfor %}
|
24
|
+
</div>
|
@@ -0,0 +1,36 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
3
|
+
|
4
|
+
{%- include head.html -%}
|
5
|
+
|
6
|
+
<body>
|
7
|
+
|
8
|
+
{%- include header.html -%}
|
9
|
+
|
10
|
+
<main class="page-content" aria-label="Content">
|
11
|
+
<div class="wrapper">
|
12
|
+
|
13
|
+
{%- include about.html -%}
|
14
|
+
|
15
|
+
{%- if site.data.projects.size > 0 -%}
|
16
|
+
{%- include projects.html -%}
|
17
|
+
{%- endif -%}
|
18
|
+
|
19
|
+
{%- if site.data.experience.size > 0 -%}
|
20
|
+
{%- include experience.html -%}
|
21
|
+
{%- endif -%}
|
22
|
+
|
23
|
+
{%- if site.data.education.size > 0 -%}
|
24
|
+
{%- include education.html -%}
|
25
|
+
{%- endif -%}
|
26
|
+
|
27
|
+
{%- include more.html -%}
|
28
|
+
|
29
|
+
</div>
|
30
|
+
</main>
|
31
|
+
|
32
|
+
{%- include footer.html -%}
|
33
|
+
|
34
|
+
</body>
|
35
|
+
|
36
|
+
</html>
|
data/_sass/base.scss
ADDED
@@ -0,0 +1,174 @@
|
|
1
|
+
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,500,500italic,400italic,300italic,100italic,700italic);
|
2
|
+
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css);
|
3
|
+
@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css);
|
4
|
+
|
5
|
+
button, input[type="button"], input[type="reset"], input[type="submit"] {
|
6
|
+
appearance: none;
|
7
|
+
background-color: #477dca;
|
8
|
+
border: 0;
|
9
|
+
border-radius: 3px;
|
10
|
+
color: #fff;
|
11
|
+
cursor: pointer;
|
12
|
+
display: inline-block;
|
13
|
+
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
14
|
+
font-size: 1em;
|
15
|
+
-webkit-font-smoothing: antialiased;
|
16
|
+
font-weight: 600;
|
17
|
+
line-height: 1;
|
18
|
+
padding: 0.75em 1.5em;
|
19
|
+
text-decoration: none;
|
20
|
+
transition: background-color 150ms ease;
|
21
|
+
user-select: none;
|
22
|
+
vertical-align: middle;
|
23
|
+
white-space: nowrap; }
|
24
|
+
button:hover,
|
25
|
+
button:focus, input[type="button"]:hover,
|
26
|
+
input[type="button"]:focus, input[type="reset"]:hover,
|
27
|
+
input[type="reset"]:focus, input[type="submit"]:hover,
|
28
|
+
input[type="submit"]:focus {
|
29
|
+
background-color: #3964a2;
|
30
|
+
color: #fff; }
|
31
|
+
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
|
32
|
+
cursor: not-allowed;
|
33
|
+
opacity: 0.5; }
|
34
|
+
button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
|
35
|
+
background-color: #477dca; }
|
36
|
+
|
37
|
+
fieldset {
|
38
|
+
background-color: #f7f7f7;
|
39
|
+
border: 1px solid #ddd;
|
40
|
+
margin: 0 0 0.75em;
|
41
|
+
padding: 1.5em; }
|
42
|
+
|
43
|
+
input,
|
44
|
+
label,
|
45
|
+
select {
|
46
|
+
display: block;
|
47
|
+
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
48
|
+
font-size: 1em; }
|
49
|
+
|
50
|
+
label {
|
51
|
+
font-weight: 600;
|
52
|
+
margin-bottom: 0.375em; }
|
53
|
+
label.required::after {
|
54
|
+
content: "*"; }
|
55
|
+
label abbr {
|
56
|
+
display: none; }
|
57
|
+
|
58
|
+
select {
|
59
|
+
margin-bottom: 1.5em;
|
60
|
+
max-width: 100%;
|
61
|
+
width: auto; }
|
62
|
+
|
63
|
+
dl {
|
64
|
+
margin-bottom: 0.75em; }
|
65
|
+
dl dt {
|
66
|
+
font-weight: bold;
|
67
|
+
margin-top: 0.75em; }
|
68
|
+
dl dd {
|
69
|
+
margin: 0; }
|
70
|
+
|
71
|
+
table {
|
72
|
+
border-collapse: collapse;
|
73
|
+
font-feature-settings: "kern", "liga", "tnum";
|
74
|
+
margin: 0.75em 0;
|
75
|
+
table-layout: fixed;
|
76
|
+
width: 100%; }
|
77
|
+
|
78
|
+
th {
|
79
|
+
border-bottom: 1px solid #a6a6a6;
|
80
|
+
font-weight: 600;
|
81
|
+
padding: 0.75em 0;
|
82
|
+
text-align: left; }
|
83
|
+
|
84
|
+
td {
|
85
|
+
border-bottom: 1px solid #ddd;
|
86
|
+
padding: 0.75em 0; }
|
87
|
+
|
88
|
+
tr,
|
89
|
+
td,
|
90
|
+
th {
|
91
|
+
vertical-align: middle; }
|
92
|
+
|
93
|
+
hr {
|
94
|
+
border-bottom: 1px solid #ddd;
|
95
|
+
border-left: 0;
|
96
|
+
border-right: 0;
|
97
|
+
border-top: 0;
|
98
|
+
margin: 1.5em 0; }
|
99
|
+
|
100
|
+
img,
|
101
|
+
picture {
|
102
|
+
margin: 0;
|
103
|
+
max-width: 100%; }
|
104
|
+
|
105
|
+
html {
|
106
|
+
box-sizing: border-box; }
|
107
|
+
|
108
|
+
*,
|
109
|
+
*::after,
|
110
|
+
*::before {
|
111
|
+
box-sizing: inherit; }
|
112
|
+
|
113
|
+
.btn {
|
114
|
+
border: none;
|
115
|
+
font-family: inherit;
|
116
|
+
font-size: inherit;
|
117
|
+
color: inherit;
|
118
|
+
background: none;
|
119
|
+
cursor: pointer;
|
120
|
+
padding: 18px 60px;
|
121
|
+
display: inline-block;
|
122
|
+
margin: 15px 30px;
|
123
|
+
text-transform: uppercase;
|
124
|
+
letter-spacing: 1px;
|
125
|
+
font-weight: 700;
|
126
|
+
outline: none;
|
127
|
+
position: relative;
|
128
|
+
-webkit-transition: all 0.3s;
|
129
|
+
-moz-transition: all 0.3s;
|
130
|
+
transition: all 0.3s;
|
131
|
+
border-radius: 0;
|
132
|
+
background: #DEDEDE;
|
133
|
+
color: #4C4C4C; }
|
134
|
+
.btn:focus {
|
135
|
+
background: #DEDEDE;
|
136
|
+
color: #4C4C4C; }
|
137
|
+
.btn:hover {
|
138
|
+
background: #CCCCCC;
|
139
|
+
color: #4C4C4C; }
|
140
|
+
.btn:active {
|
141
|
+
top: 2px; }
|
142
|
+
.btn.disabled {
|
143
|
+
background: #EAEAEA;
|
144
|
+
color: #9E9E9E;
|
145
|
+
cursor: default;
|
146
|
+
top: 0px; }
|
147
|
+
|
148
|
+
body {
|
149
|
+
background: #ffffff;
|
150
|
+
font-family: Roboto, sans-serif;
|
151
|
+
-webkit-font-smoothing: antialiased; }
|
152
|
+
|
153
|
+
.center-text {
|
154
|
+
text-align: center; }
|
155
|
+
|
156
|
+
.container {
|
157
|
+
margin-top:30px;
|
158
|
+
}
|
159
|
+
.header-contianer {
|
160
|
+
margin-top:50px;
|
161
|
+
}
|
162
|
+
|
163
|
+
.header-right {
|
164
|
+
text-align: right;
|
165
|
+
}
|
166
|
+
|
167
|
+
.header-left {
|
168
|
+
margin-top: 30px;
|
169
|
+
}
|
170
|
+
|
171
|
+
.header-right p {
|
172
|
+
font-size: 1.6em;
|
173
|
+
text-align: right;
|
174
|
+
}
|
data/_sass/button.scss
ADDED
@@ -0,0 +1,67 @@
|
|
1
|
+
.button--sacnite::before {
|
2
|
+
content: '';
|
3
|
+
position: absolute;
|
4
|
+
top: 0;
|
5
|
+
left: 0;
|
6
|
+
width: 100%;
|
7
|
+
height: 100%;
|
8
|
+
border-radius: inherit;
|
9
|
+
z-index: -1;
|
10
|
+
box-shadow: inset 0 0 0 35px #333;
|
11
|
+
-webkit-transform: scale3d(0.9, 0.9, 1);
|
12
|
+
transform: scale3d(0.9, 0.9, 1);
|
13
|
+
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
|
14
|
+
transition: box-shadow 0.3s, transform 0.3s;
|
15
|
+
}
|
16
|
+
|
17
|
+
.button {
|
18
|
+
float: left;
|
19
|
+
min-width: 150px;
|
20
|
+
max-width: 250px;
|
21
|
+
display: block;
|
22
|
+
margin: 1em;
|
23
|
+
padding: 1em 2em;
|
24
|
+
border: none;
|
25
|
+
background: none;
|
26
|
+
color: inherit;
|
27
|
+
vertical-align: middle;
|
28
|
+
position: relative;
|
29
|
+
z-index: 1;
|
30
|
+
-webkit-backface-visibility: hidden;
|
31
|
+
-moz-osx-font-smoothing: grayscale;
|
32
|
+
}
|
33
|
+
|
34
|
+
.button--round-l {
|
35
|
+
border-radius: 40px;
|
36
|
+
}
|
37
|
+
|
38
|
+
.button {
|
39
|
+
border-radius: 0;
|
40
|
+
float: none;
|
41
|
+
margin: 0 auto;
|
42
|
+
margin-top: 0px;
|
43
|
+
padding: 5px 20px;
|
44
|
+
display: inline-block;
|
45
|
+
font-weight: 400;
|
46
|
+
max-width: 400px;
|
47
|
+
}
|
48
|
+
|
49
|
+
.button.button--sacnite {
|
50
|
+
width: 60px;
|
51
|
+
height: 60px;
|
52
|
+
min-width: 0;
|
53
|
+
padding: 0;
|
54
|
+
color: #fff;
|
55
|
+
-webkit-transition: color 0.3s;
|
56
|
+
transition: color 0.3s;
|
57
|
+
}
|
58
|
+
|
59
|
+
.button--sacnite:hover {
|
60
|
+
color: #333;
|
61
|
+
}
|
62
|
+
|
63
|
+
.button--sacnite:hover::before {
|
64
|
+
box-shadow: inset 0 0 0 2px #333;
|
65
|
+
-webkit-transform: scale3d(1, 1, 1);
|
66
|
+
transform: scale3d(1, 1, 1);
|
67
|
+
}
|
data/_sass/type.scss
ADDED
@@ -0,0 +1,77 @@
|
|
1
|
+
body {
|
2
|
+
color: #333;
|
3
|
+
font-family: Roboto, sans-serif;
|
4
|
+
font-feature-settings: "kern", "liga", "pnum";
|
5
|
+
font-size: 1em;
|
6
|
+
line-height: 1.5;
|
7
|
+
}
|
8
|
+
|
9
|
+
h1,
|
10
|
+
h2,
|
11
|
+
h3,
|
12
|
+
h4,
|
13
|
+
h5,
|
14
|
+
h6 {
|
15
|
+
font-family: Roboto, sans-serif;
|
16
|
+
font-size: 1em;
|
17
|
+
line-height: 1.2;
|
18
|
+
margin: 0 0 0.75em;
|
19
|
+
}
|
20
|
+
|
21
|
+
p {
|
22
|
+
margin: 0 0 0.75em; }
|
23
|
+
|
24
|
+
a {
|
25
|
+
color: #477dca;
|
26
|
+
transition: color 150ms ease;
|
27
|
+
}
|
28
|
+
a:active,
|
29
|
+
a:focus,
|
30
|
+
a:hover {
|
31
|
+
color: #355e98;
|
32
|
+
}
|
33
|
+
|
34
|
+
h1 {
|
35
|
+
font-size: 4em;
|
36
|
+
margin-bottom: 0.1em;
|
37
|
+
font-weight: 500;
|
38
|
+
}
|
39
|
+
|
40
|
+
h2 {
|
41
|
+
font-weight: 300;
|
42
|
+
font-size: 2em;
|
43
|
+
}
|
44
|
+
|
45
|
+
h3 {
|
46
|
+
font-weight: 300;
|
47
|
+
font-size: 3em;
|
48
|
+
text-align: center;
|
49
|
+
border-bottom: dashed 3px #CCCCCC;
|
50
|
+
padding-bottom: 10px;
|
51
|
+
margin-bottom:40px;
|
52
|
+
}
|
53
|
+
|
54
|
+
h4 {
|
55
|
+
font-weight: 300;
|
56
|
+
font-size:3em;
|
57
|
+
margin-bottom:3px;
|
58
|
+
}
|
59
|
+
|
60
|
+
p, ul {
|
61
|
+
font-size: 1.8em;
|
62
|
+
text-align: justify;
|
63
|
+
}
|
64
|
+
|
65
|
+
a i {
|
66
|
+
font-size:1.6em;
|
67
|
+
}
|
68
|
+
|
69
|
+
mark {
|
70
|
+
padding: 2px 4px;
|
71
|
+
font-size: 90%;
|
72
|
+
color: #fff;
|
73
|
+
background-color: #333;
|
74
|
+
border-radius: 3px;
|
75
|
+
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
76
|
+
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
77
|
+
}
|
data/assets/main.scss
ADDED
@@ -0,0 +1,148 @@
|
|
1
|
+
---
|
2
|
+
# Front matter comment to ensure Jekyll properly reads file.
|
3
|
+
---
|
4
|
+
|
5
|
+
@import "base";
|
6
|
+
@import "button";
|
7
|
+
@import "type";
|
8
|
+
|
9
|
+
ul.icons a:hover {
|
10
|
+
background: rgba(0, 0, 0, 0.025);
|
11
|
+
}
|
12
|
+
|
13
|
+
ul.icons li {
|
14
|
+
display: inline-block;
|
15
|
+
padding-left: 0.75em;
|
16
|
+
}
|
17
|
+
|
18
|
+
ul.icons a {
|
19
|
+
-moz-transition: background-color 0.25s ease-in-out;
|
20
|
+
-webkit-transition: background-color 0.25s ease-in-out;
|
21
|
+
-ms-transition: background-color 0.25s ease-in-out;
|
22
|
+
transition: background-color 0.25s ease-in-out;
|
23
|
+
display: inline-block;
|
24
|
+
width: 2.75em;
|
25
|
+
height: 2.75em;
|
26
|
+
line-height: 2.8em;
|
27
|
+
text-align: center;
|
28
|
+
border: 0;
|
29
|
+
box-shadow: none;
|
30
|
+
padding:0;
|
31
|
+
border-radius: 100%;
|
32
|
+
color: #aaa;
|
33
|
+
}
|
34
|
+
|
35
|
+
.icons i {
|
36
|
+
font-size: 30px;
|
37
|
+
line-height:60px;
|
38
|
+
}
|
39
|
+
|
40
|
+
.icons {
|
41
|
+
padding: 0;
|
42
|
+
font-size: 1em;
|
43
|
+
margin-bottom:20px;
|
44
|
+
}
|
45
|
+
|
46
|
+
.header-right p {
|
47
|
+
margin-bottom: 3px;
|
48
|
+
}
|
49
|
+
|
50
|
+
.header-right a{
|
51
|
+
color:inherit;
|
52
|
+
font-weight:500;
|
53
|
+
}
|
54
|
+
|
55
|
+
@media (max-width: 768px) {
|
56
|
+
.header-contianer div{
|
57
|
+
text-align: center;
|
58
|
+
}
|
59
|
+
|
60
|
+
.header-right p {
|
61
|
+
text-align: center;
|
62
|
+
}
|
63
|
+
|
64
|
+
.header-left {
|
65
|
+
margin-top: 0px;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
|
69
|
+
.profile-img {
|
70
|
+
width: 200px;
|
71
|
+
height: 200px;
|
72
|
+
margin: 0 auto;
|
73
|
+
margin-bottom: 20px;
|
74
|
+
display: block;
|
75
|
+
border-radius: 100px;
|
76
|
+
background-size: cover;
|
77
|
+
background-position: center;
|
78
|
+
background-repeat: repeat, no-repeat;
|
79
|
+
-moz-box-shadow: inset 0 0 20px #636161;
|
80
|
+
-webkit-box-shadow: inset 0 0 20px #636161;
|
81
|
+
box-shadow: inset 0 0 20px #636161;
|
82
|
+
}
|
83
|
+
|
84
|
+
.into-text-1 {
|
85
|
+
margin-top:30px;
|
86
|
+
}
|
87
|
+
|
88
|
+
@media only screen and (max-width : 992px) {
|
89
|
+
.into-text-1 {
|
90
|
+
margin-top:20px;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
.left-column a {
|
95
|
+
font-size: 2em;
|
96
|
+
color: inherit;
|
97
|
+
font-style: italic;
|
98
|
+
font-weight: 300;
|
99
|
+
}
|
100
|
+
|
101
|
+
.left-column p {
|
102
|
+
text-align: left;
|
103
|
+
margin-bottom: 3px;
|
104
|
+
font-size: 1.6em;
|
105
|
+
}
|
106
|
+
|
107
|
+
.experience, .education, .project {
|
108
|
+
margin-top:30px;
|
109
|
+
}
|
110
|
+
|
111
|
+
.footer-container {
|
112
|
+
margin-top:100px;
|
113
|
+
}
|
114
|
+
|
115
|
+
.footer-container p{
|
116
|
+
text-align: center;
|
117
|
+
font-style: italic;
|
118
|
+
font-weight: 300;
|
119
|
+
}
|
120
|
+
|
121
|
+
.footer-container a{
|
122
|
+
color: inherit;
|
123
|
+
font-style: italic;
|
124
|
+
font-weight: 300;
|
125
|
+
}
|
126
|
+
|
127
|
+
.page-content {
|
128
|
+
padding: 0;
|
129
|
+
}
|
130
|
+
|
131
|
+
.contact a {
|
132
|
+
line-height: 50px;
|
133
|
+
margin-left: 30px;
|
134
|
+
color: #BBBBBB;
|
135
|
+
-webkit-transition: color 0.4s ease;
|
136
|
+
-moz-transition: color 0.4s ease;
|
137
|
+
transition: color 0.4s ease;
|
138
|
+
}
|
139
|
+
|
140
|
+
.contact a:hover {
|
141
|
+
color: #4C4C4C;
|
142
|
+
}
|
143
|
+
|
144
|
+
p.quote {
|
145
|
+
font-size: 1.6em;
|
146
|
+
font-style: italic;
|
147
|
+
padding: 10px 50px;
|
148
|
+
}
|
metadata
ADDED
@@ -0,0 +1,117 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: modern-resume-theme
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 1.0.2
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- James Grant
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2018-06-20 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: github-pages
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '186'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '186'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: jekyll-seo-tag
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '2.1'
|
34
|
+
type: :runtime
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '2.1'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: bundler
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '1.16'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '1.16'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: html-proofer
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - "~>"
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '3.9'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - "~>"
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '3.9'
|
69
|
+
description:
|
70
|
+
email:
|
71
|
+
- sprog31@gmail.com
|
72
|
+
executables: []
|
73
|
+
extensions: []
|
74
|
+
extra_rdoc_files: []
|
75
|
+
files:
|
76
|
+
- LICENSE
|
77
|
+
- README.md
|
78
|
+
- _includes/about.html
|
79
|
+
- _includes/education.html
|
80
|
+
- _includes/experience.html
|
81
|
+
- _includes/footer.html
|
82
|
+
- _includes/google-analytics.html
|
83
|
+
- _includes/head.html
|
84
|
+
- _includes/header.html
|
85
|
+
- _includes/more.html
|
86
|
+
- _includes/projects.html
|
87
|
+
- _layouts/default.html
|
88
|
+
- _sass/base.scss
|
89
|
+
- _sass/button.scss
|
90
|
+
- _sass/type.scss
|
91
|
+
- assets/main.scss
|
92
|
+
homepage: https://github.com/sproogen/modern-resume-theme
|
93
|
+
licenses:
|
94
|
+
- MIT
|
95
|
+
metadata: {}
|
96
|
+
post_install_message:
|
97
|
+
rdoc_options: []
|
98
|
+
require_paths:
|
99
|
+
- lib
|
100
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
101
|
+
requirements:
|
102
|
+
- - "~>"
|
103
|
+
- !ruby/object:Gem::Version
|
104
|
+
version: '2.0'
|
105
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
106
|
+
requirements:
|
107
|
+
- - ">="
|
108
|
+
- !ruby/object:Gem::Version
|
109
|
+
version: '0'
|
110
|
+
requirements: []
|
111
|
+
rubyforge_project:
|
112
|
+
rubygems_version: 2.7.7
|
113
|
+
signing_key:
|
114
|
+
specification_version: 4
|
115
|
+
summary: A modern simple static resume template and theme. Powered by Jekyll and GitHub
|
116
|
+
pages.
|
117
|
+
test_files: []
|