getgrav/grav-skeleton-resume-site

Resume Skeleton for Grav

Resume Skeleton for Grav

Resume by Fernando Báez is a Grav implementation of free PSD resume theme.

Features

• Extraordinary resume theme, designed by Fernando Báez
• Based on Foundation framework
• Two-Column approach
• Specialities layout with custom icons and descriptions
• Design Skills layout with percentage grid
• Language Skills layout with automatic pie charts
• Education history special layout
• Experience layout
• Recognitions layout with SVG ribbon
• Hobbies & Interests layout with custom icons and descriptions
• Foundation Icon Fonts 3 (around 283 icons included)
• Animate.css support in layouts. You can animate each separate element.
• Fully responsive. Designed with mobile first approach.

Basic Setup for a new Grav site

The simplest way to install Resume theme for Grav is to download and install the Resume Skeleton package:

1. Download Resume Skeleton
2. Simply unzip the package into your web root folder.
3. Point your browser at the folder, job done!

TIP: Check out the general Grav installation instructions for more details on this process.

---

Existing Grav site

It is possible to install just the theme, but page content will need to reference the Resume theme's supported templates. It is strongly advised to at least install the Resume Skeleton package to see the theme's capabilities in action.

To install just the theme:

$ bin/gpm install resume

Layouts Configuration

Resume theme includes few creative layout templates. This layouts will help you to create perfect resume and to find a dream job :) Below, is a brief description of most important layouts, it's options and values.

Header

Header settings are located inside your skeleton in config/site.yaml. This file contains your basic contact informations. This content will be displayed in theme header.

Specialities

Specialities layout is designed to showcase your most important talents. It contains large icon inside ellipse and description. Example of specialities layout is located inside your skeleton in pages/left/my-specialities/special.md.

- icon: lightbulb
  text: Logo Design
  animation: fadeInDown

• icon - select icon from around 300 included font icons. Icon list is available here.
• text - description of your speciality.
• animation - you can animate each element. Check available animations here.

Skills

Skills layout is designed to showcase your most important skills. To check example page, go to skeleton and open: pages/left/design-skills/skills.md.

- name: Adobe Photoshop
  level: 8

• name - your skill name
• level - skill level from 1-8. For example if you specify 5 that means theme will display 5 dark circles and 3 circles will be greyed out.

Language skills - pie charts

Language skills layout was made to easily display percentage data like language skills and other. Example language skills page is located in skeleton, in: pages/left/language-skills/langskills.md.

- name: Spanish
  level_name: Mother Language
  level: 100

• name - your pie chart name
• level_name - pie chart description
• level - percentage to display, ie: if you set that field to 50 then half of pie chart will be dark and half greyed out.
• animation - you can animate each element. Check available animations here.

Education

This layout is designed to present your education history. Example page is located in skeleton, in: pages/right/education/education.md

- date: From September 2010 to September 2013.
  topic: Industrial Design.
  school: Universidad Antonio de Nebrija. Madrid.

• date - describe time when you were studying
• topic - provide description of your education
• school - provide place of your education

Experience

Experience layout is designed to showcase your work experience. It's created with two columns approach. One for year, one for description. Example page is located in skeleton, in: pages/right/experience/experience.md

- date: From 2013 to 2014
  role: Art Director.
  company: Distrito 01 (d01 .es)
  years: 2
  animation: fadeIn

• date - provide date
• role - your role in company
• company - company
• years - years to showcase in first column with enlarged font
• animation - you can animate each element. Check available animations here.

Recognitions

Recognitions layout is designed to showcase your awards and recognitions. On left there is SVG ribbon with achieved place and amount of finalists. On the right, informations about contest. Example page is located in skeleton, in: pages/right/recognitions/recognitions.md

- title: Remus Logo Design.
  desc: Internal contest. One of the three finalists.
  place: Universidad Antonio de Nebrija. Madrid
  position: 1-3
  animation: fadeIn

• title - contest title
• desc - contest description
• place - place where contest took place
• position - achieved position
• animation - you can animate each element. Check available animations here.

Hobbies and Interests

Interests layout is designed to show your hobbies and interests. It's approach is simple. Circle with icon and description. Example page is located in skeleton, in: pages/right/hobbies-and-interests/interests.md

- icon: camera
  activity: Photography
  animation: fadeIn

• icon - select icon from around 300 bundled font icons. List is available here.
• activity - icon description
• animation - you can animate each element. Check available animations here.

Footer

Footer and it's content is located inside partials directory. File name is footer.html.twig.

grav-skeleton-resume-site's Issues

Templates not available

Is it possible that this skeleton is not compatible with the latest grav version? Everything works fine until I edit something inside the education or any other sections. After editing and saving the page the template falls back to 'default'. The selectable Templates only includes a 'Resume' which trows an error upon calling the site.

Color inversion

Hello,
Sorry if my question is stupid, I know absolutely nothing in CSS, but I would like to know how to invert colors (white font on black background).
How about a simple boolean in the theme settings file to allow that ?
Thanks.

Missing .dependencies file

Hello,

yesterday I have downloaded the skelton package to my Webserver directory and started working on the content. Everything went fine.
Today I wanted to continue, but I get an Error 404 page and bin/grav install is telling me

ERROR Missing .dependencies file in user/ folder
ERROR invalid YAML in .dependencies

As there is no .dependencies file in the skeleton package. How am I supposed to fix that?

Open/Save the design skills page in admin breaks the content

Hi - When i open the design skills in the admin panel (under pages). without making any changes, saves the page, it does not show anymore in the front end.

Not responsive or broken?

With the default content it looks like the styles aren't responsive. There is a collapse to single column but most of the margin, padding, and element alignment looks off.

Hobbies and Interests & Font Awesome broken

After updating grav and this skeleton/theme to 1.1, the hobbies and interests page no longer works correctly. Font awesome icons do not seem to be loading. The title and circle for each hobby appears, but the icon does not. All plugins are updated fully as well. Any idea what the issue is?

The update also changed some of my design. I changed up the menu and loaded some extra CSS in base.html.twig and header.html.twig, but those changes were deleted after the update.

Missing folder warning on setup

When starting resume skeleton theme it gives an error panel about a missing accounts folder.

If you manually create the folder it goes normally to user creation screen.

Publications would be great!

It would be great a template for publications!
Thank you for this skeleton very nice.

Suggestion: Volunteering

Hey there,

Could definitely place this in experience. But maybe a dedicated section to volunteering would be nice.

Best regards,

Coen

How can I change font ?

I need to use Chinese font such as Google noto(https://www.google.com/get/noto/) only in the language-skills section(one of the left part), how can I do it?

Error after upload

Error directly after uploading the skeleton:

"Theme 'antimatter' does not exist, unable to display page."

Turn theme into a blog

I really want to turn this theme into a blog, but I cannot figure out how to add Archive plug in to it. How could I replace "education" with archive plug in?