All Projects → rrdelaney → Material Resume

rrdelaney / Material Resume

Licence: mit
✒️ A fancy resume template

Projects that are alternatives of or similar to Material Resume

Cv resume
A latex cv/resume template.
Stars: ✭ 117 (-35.71%)
Mutual labels:  resume, resume-template
Hire Me
A path to getting an awesome tech gig 💼
Stars: ✭ 138 (-24.18%)
Mutual labels:  resume, resume-template
Resume Nextjs
Next.js 로 누구나 쉽게 만드는 Static HTML 이력서
Stars: ✭ 84 (-53.85%)
Mutual labels:  resume, resume-template
Resume Builder
Modern real-time design and 100% free resume builder.
Stars: ✭ 153 (-15.93%)
Mutual labels:  resume, resume-template
Resume
1分钟构建个人的在线简历
Stars: ✭ 134 (-26.37%)
Mutual labels:  resume, resume-template
Resume Template
📄💼🎩 A simple Jekyll + GitHub Pages powered resume template.
Stars: ✭ 1,214 (+567.03%)
Mutual labels:  resume, resume-template
Hacknical
中文版说明
Stars: ✭ 1,452 (+697.8%)
Mutual labels:  resume, resume-template
Jekyll Timeline
Timeline / Résumé Theme with Jekyll
Stars: ✭ 46 (-74.73%)
Mutual labels:  resume, resume-template
Portfolio Generator
JS framework to dynamically generate a portfolio site from a JSON file
Stars: ✭ 135 (-25.82%)
Mutual labels:  resume, resume-template
Live Resume
Stand out of the crowd by showing a professional website/resume. Building fast and easy the best Personal Web Application resume!
Stars: ✭ 158 (-13.19%)
Mutual labels:  resume, resume-template
Resume
A minimal pelican theme to host your resume
Stars: ✭ 74 (-59.34%)
Mutual labels:  resume, resume-template
React Ultimate Resume
💼 🎨 A modern software developer resume built with React and JSONResume
Stars: ✭ 1,921 (+955.49%)
Mutual labels:  resume, resume-template
Cv
A resume template written in Markdown,Yaml JSON auto generates github-pages website & PDF by Jekyll. 在线简历生成模板(超高兼容可导PDF)
Stars: ✭ 61 (-66.48%)
Mutual labels:  resume, resume-template
Deerlet
[Deprecated] A markdown online-editable-resume with pdf generator
Stars: ✭ 79 (-56.59%)
Mutual labels:  resume, resume-template
Php Interview
This is the information I prepared for the PHP interview.The notes include PHP, MySql, Linux, etc.
Stars: ✭ 1,110 (+509.89%)
Mutual labels:  resume, resume-template
Jsonresume Theme Stackoverflow
Stack Overflow theme for JSON Resume
Stars: ✭ 85 (-53.3%)
Mutual labels:  resume, resume-template
Cv Template
An easy way to create HTML and PDF versions of your resume, and automatically host them on GitHub Pages.
Stars: ✭ 41 (-77.47%)
Mutual labels:  resume, resume-template
Latexcv
👔 A collection of cv and resume templates written in LaTeX. Leave an issue if your language is not supported!
Stars: ✭ 1,027 (+464.29%)
Mutual labels:  resume, resume-template
Cv
Geoff Boeing's academic CV in LaTeX
Stars: ✭ 101 (-44.51%)
Mutual labels:  resume, resume-template
Responsive Portfolio
This is a Responsive Portfolio Website made with Love and Javascript; FEEL FREE TO COPY; NO COPYRIGHT ISSUE, in case of error ping me. Do follow me on github and star the repo
Stars: ✭ 104 (-42.86%)
Mutual labels:  resume, resume-template

Material Resume

Demo

Latest versions

<link href="https://unpkg.com/[email protected]/resume.min.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/resume.min.js"></script>

Getting Started

  1. Download the index.html file
  2. Open in your favorite editor
  3. Open document in chrome
  4. Start editing in the <body>
  5. To save:
  • Right click
  • Print...
  • Save as PDF

Building the resume is as easy as adding ng-app="Resume" to your body and then using the directives listed below.

Directives

<resume>

Holds the entire document.

Example:

<html>
  <head>...</head>
  <body ng-app="Resume">
    <resume>
      ...
    </resume>
  </body>
</html>

<resume-heading>

Heading the for the resume. Should come immediately after <resume>.

Options:

  • first-name: Your first name
  • last-name: Your last name
  • website: Your website, optional
  • email: Your email, optional
  • phone: Your phone number, optional
  • github: Your github username, optional
  • linkedin: Your linkedin username, optional

Example:

<resume>
  <resume-heading first-name="Joe"
                  last-name="Smith"
                  phone="555-555-555">
  </resume-heading>
</resume>

<resume-body>

Contains the body of the resume.

Example:

<resume>
  <resume-body>
    ...
  </resume-body>
</resume>

<resume-column>

Adds a column to the resume. The width of the column must also be specified. There can be more than one column side-by-side, but the flex values should add up to 100.

Options:

  • flex: The width of the column out of 100

Example:

<resume>
  <resume-heading></resume-heading>
  <resume-body>
    <resume-column flex="30">
      <!-- This will be 30% of the page -->
    </resume-column>
    <resume-column flex="70">
      <!-- This will be 30% of the page -->
    </resume-column>
  </resume-body>
</resume>

<sidebar-category>

A small category window meant to hold a couple of points. Useful for things in a sidebar, like coursework. Meant for small bullets. Child items should use the <p> tag.

Options:

  • name: The name of the category. Will appear in bold font above the items

Example:

<resume-body>
  <resume-column flex="30">
    <sidebar-category name="Facts">
      <p>I am awesome</p>
      <p>I am cool</p>
    </sidebar-category>
  </resume-column>
</resume-body>

<category>

A larger category for the main section of the resume. Meant for multiple items to be be elaborated upon. Child items should be the <category-item> tag. An example would be to create a category called "Jobs" and then each item would be a previous job that would then be expanded upon.

Options:

  • name: The name of the category

Example:

<resume-body>
  <resume-column flex="70">
    <category name="Jobs">
      <category-item title="My First Job">...</category-item>
      <category-item title="My Second Job">...</category-item>
      <category-item title="My Third Job">...</category-item>    
    </category>
  </resume-column>
</resume-body>

<category-item>

A point to elaborate upon in a category. E.x. a job in the "Jobs" category. Child items should use the <li> tag.

Options:

  • title: The title of the item. Will be displayed in bold under the category
  • subtitle: Extra info, next to the title, optional

Example:

<category name="Jobs">
  <category-item title="Marketing Intern" subtitle="Contoso (Summer 2014)">
    <li>Created content for marketing</li>
    <li>Worked with others, sometimes successfully</li>
  </category-item>
  <category-item title="Cashier" subtitle="Micheal's (November 2014 - May 2015)">
    <li>Checked items out</li>
    <li>Did inventory</li>
  </category-item>   
</category>

Updating

To update this resume to a newer version, copy the <link> and <script> tags you see at the top of this file and replace lines 13 and 14 with them.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].