Repository: rrdelaney/material-resume
Branch: master
Commit: d8a5021e3940
Files: 9
Total size: 16.9 KB
Directory structure:
gitextract_kl3xrs9i/
├── .gitignore
├── .npmignore
├── .travis.yml
├── LICENSE
├── README.md
├── index.html
├── package.json
└── src/
├── resume.css
└── resume.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
src/*.min.*
*.min.*
*.log
node_modules/
================================================
FILE: .npmignore
================================================
src/
index.html
================================================
FILE: .travis.yml
================================================
language: node_js
node_js: stable
after_success:
- npm run build
deploy:
provider: npm
email: "rrdelaney@outlook.com"
api_key: $NPM_TOKEN
skip_cleanup: true
on:
branch: master
condition: $(npm view material-resume dist-tags.latest) != $(node -p "require('./package.json').version")
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2016 Ryan Delaney
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
# Material Resume
## [Demo](https://rrdelaney.github.io/material-resume/)
## Latest versions
```html
<link href="https://unpkg.com/material-resume@1.0.1/resume.min.css" rel="stylesheet">
<script src="https://unpkg.com/material-resume@1.0.1/resume.min.js"></script>
```
## Getting Started
1. Download the [`index.html`](https://github.com/rrdelaney/material-resume/blob/gh-pages/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
<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__:
```html
<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__:
```html
<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__:
```html
<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__:
```html
<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__:
```html
<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__:
```html
<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.
================================================
FILE: index.html
================================================
<!DOCTYPE html><html><head><meta charset="UTF-8">
<title>Resume</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Raleway:500,200,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
<link href="https://unpkg.com/material-resume@1.0.1/resume.min.css" rel="stylesheet">
<script src="https://unpkg.com/material-resume@1.0.1/resume.min.js"></script>
</head><body ng-app="Resume" ng-cloak="">
<resume>
<resume-heading first-name="Taylor" last-name="Swift" linkedin="tay-swizzy" github="tswizzle" email="taylor@swift.com" phone="123-456-7890">
</resume-heading>
<resume-body>
<resume-column flex="20">
<sidebar-category name="Education">
<p>Dankmeme Polytechic Institue</p>
<p>Graduating May 2016</p>
<p>Computer Science</p>
<p>Computer Systems Engineering</p>
<p>GPA - 3.76</p>
</sidebar-category>
<sidebar-category name="Achievements">
<p>Penn App Finalist Spring 2016</p>
<p>Hophacks 2nd Place Spring 2016</p>
<p>Dankmeme Achievement Medal 2016</p>
<p>Dan Abromov's Top Follower 2016</p>
<p>Advanced Regents Diploma</p>
</sidebar-category>
<sidebar-category name="Coursework">
<p>Data Structures</p>
<p>Algorithms</p>
<p>Programmings Langauges</p>
<p>Operating Systems</p>
<p>Distributed Systems</p>
<p>Discrete Math</p>
</sidebar-category>
</resume-column>
<resume-column flex="80">
<category name="Professional Experience">
<category-item title="Co-Founder" subtitle="Torch Studios">
<li>Co-Founded company in 2015</li>
<li>Applies machine learning to customer purchase history for marketing materials</li>
<li>Featured on Product Hunt, clients include two Fourtune 500 companies</li>
</category-item>
<category-item title="Software Development Intern" subtitle="AirBnB (Summer 2015)">
<li>Worked in an Agile Environment on the iOS team with other interns</li>
<li>Used JIRA to collaborate with developers are on stories</li>
<li>Collaborated with other interns on design</li>
<li>Used Objective-C to create new app features and scaled on Kubernetes</li>
</category-item>
<category-item title="Software Development Intern" subtitle="Uber (Summer 2014)">
<li>Worked on the iOS application</li>
<li>Added new features and fixed several bugs on the app</li>
<li>Greenfield project to research a better way to call cars to your location</li>
</category-item>
</category>
<category name="Projects">
<category-item title="In-It-For-The-Prizes" subtitle="Penn Apps Spring 2016 (Finalist)">
<li>Such and amazing app that did a lot of things</li>
<li>Integrations with Uber, Postmates, Spotify, and Office 365</li>
<li>Written with Ionic Framework and hosted on Kubernetes 😎 for the cred</li>
</category-item>
<category-item title="FoodStash" subtitle="Hophacks Spring 2016 (2nd Place)">
<li>Food-storage-as-a-Service app that lets people put their food in your fridge</li>
<li>All storage and payment in based on the blockchain with Ethereum and Mist</li>
</category-item>
<category-item title="Turnup" subtitle="github.com/tswizzle/turnup">
<li>A new programming language with a focus on developers turning up</li>
<li>Implemented in Go and requires Docker 1.12 with Ceph on CoreOS</li>
</category-item>
</category>
<category name="Skills">
<category-item title="Web Development">
<li><strong>Dank Memes</strong> I can find the deepest, dankest memes out there on the inerwebs</li>
<li><strong>Distributed Systems</strong> I only run my apps on Kubernetes and a CoreOS cluster</li>
<li><strong>Tooling</strong> I literally treat Dan Abromov's Twitter as holy gospel</li>
<li><strong>Frameworks</strong> React, Redux, Reselect, Redankmeme, Revenant, Angular</li>
</category-item>
<category-item title="Technologies">
<li><strong>Experienced With</strong> Web & Hybrid App Development \ Functional Programming</li>
<li><strong>Programming</strong> Javascript \ Scala \ Python \ PHP \ C \ Java</li>
<li><strong>Databases</strong> RethinkDB \ MongoDB \ MySQL \ PostgreSQL \ Redis</li>
</category-item>
</category>
</resume-column>
</resume-body>
</resume>
</body></html>
================================================
FILE: package.json
================================================
{
"name": "material-resume",
"version": "1.0.1",
"description": "A cool resume template",
"scripts": {
"build:js": "buble src/resume.js | uglifyjs > resume.min.js",
"build:css": "cssmin src/resume.css > resume.min.css",
"build": "npm run build:js && npm run build:css",
"test": "standard src/resume.js"
},
"repository": {
"type": "git",
"url": "https://github.com/rrdelaney/material-resume"
},
"author": "Ryan Delaney <rrdelaney@outlook.com>",
"license": "MIT",
"bugs": {
"url": "https://github.com/rrdelaney/material-resume/issues"
},
"homepage": "https://github.com/rrdelaney/material-resume",
"devDependencies": {
"buble": "^0.14.0",
"cssmin": "^0.4.3",
"standard": "^8.6.0",
"uglify-js": "^2.7.3"
},
"standard": {
"global": [
"angular"
]
}
}
================================================
FILE: src/resume.css
================================================
h1, h2, h3, h4, h5, h6, p, a, li, span {
font-family: 'Raleway', sans-serif;
}
.resume {
background-color: #1f1f1f;
min-height: 100vh;
}
.resume .main {
height: 100%;
width: 700px;
background-color: #fff;
padding: 0 25px;
margin: 0 auto;
}
.resume .main .header {
border-bottom: 2px solid #ddd;
}
.resume .main .header .page-title-container {
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
}
.resume .main .header .page-title {
font-size: 48pt;
display: inline;
}
.resume .main .header .page-title-first {
font-weight: 400;
}
.resume .main .header .page-title-last {
font-weight: 200;
}
.resume .main .header .header-icons {
text-align: center;
}
.resume .main .header .header-icons .page-subhead {
margin: 1rem 15px;
display: inline;
}
.resume .main .header .fa {
padding-right: 10px;
}
.resume .main .indented {
padding-left: 40px;
}
.resume .main .category-row {
padding-bottom: 2px;
}
.resume .main .category-row .category {
margin-right: 10px;
padding-left: 5px;
padding-right: 10px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.resume .main .category-row .category-row-title {
margin: 0.4rem 0;
}
.resume .main .category-row .category-title,
.resume .main .category-row .category-subtitle {
display: inline;
margin-top: 10px;
margin-bottom: 5px;
}
.resume .main .category-row .category-bullets {
margin-top: 5px;
}
.resume .main .category-row p,
.resume .main .category-row li {
font-size: smaller;
}
sidebar-category:last-of-type .category {
border-bottom: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
category:last-of-type category-item:last-of-type .category {
border-bottom: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
a.page-subhead {
color: initial;
text-decoration: none;
}
================================================
FILE: src/resume.js
================================================
angular.module('Resume', ['ngMaterial'])
.component('resume', {
transclude: true,
template: `<div class="resume">
<section class="main" ng-transclude></section>
</div>`
})
.component('resumeHeading', {
controllerAs: 'r',
transclude: true,
bindings: {
firstName: '@',
lastName: '@',
website: '@',
phone: '@',
email: '@',
github: '@',
linkedin: '@'
},
template: `<div class="header">
<div class="page-title-container">
<h1 class="page-title page-title-first">{{r.firstName}}</h1>
<h1 class="page-title page-title-last">{{r.lastName}}</h1>
</div>
<div class="header-icons">
<a ng-if="r.website" class="md-subhead page-subhead" ng-href="https://{{r.website}}" target="_blank">
<i class="fa fa-lg fa-code"></i>{{r.website}}
</a>
<span ng-if="r.phone" class="md-subhead page-subhead">
<i class="fa fa-lg fa-phone"></i>{{r.phone}}
</span>
<a ng-if="r.email" class="md-subhead page-subhead" ng-href="mailto:{{r.email}}" target="_blank">
<i class="fa fa-lg fa-envelope"></i>{{r.email}}
</a>
<a ng-if="r.github" class="md-subhead page-subhead" ng-href="https://github.com/{{r.github}}" target="_blank">
<i class="fa fa-lg fa-github"></i>{{r.github}}
</a>
<a ng-if="r.linkedin" class="md-subhead page-subhead" ng-href="https://linkedin.com/in/{{r.linkedin}}" target="_blank">
<i class="fa fa-lg fa-linkedin-square"></i>{{r.linkedin}}
</a>
</div>
</div>
<ng-transclude></ng-transclude>`
})
.component('resumeBody', {
transclude: true,
template: `<div layout="row" ng-transclude></div>`
})
.component('resumeColumn', {
transclude: true,
template: `<div ng-transclude></div>`
})
.component('sidebarCategory', {
controllerAs: 'r',
bindings: {
name: '@'
},
transclude: true,
template: `<div flex="" class="category-row">
<div class="category">
<h5 class="category-row-title">{{r.name}}</h5>
<ng-transclude></ng-transclude>
</div>
</div>`
})
.component('category', {
controllerAs: 'r',
bindings: {
name: '@'
},
transclude: true,
template: `<div flex="" class="category-row">
<h4 class="category-row-title">{{r.name}}</h4>
<ng-transclude></ng-transclude>
</div>`
})
.component('categoryItem', {
controllerAs: 'r',
bindings: {
title: '@',
subtitle: '@'
},
transclude: true,
template: `<div class="category">
<h5 class="category-title md-body-2">{{r.title}}</h5>
<h5 class="category-subtitle md-caption">{{r.subtitle}}</h5>
<ul class="category-bullets" ng-transclude></ul>
</div>`
})
gitextract_kl3xrs9i/
├── .gitignore
├── .npmignore
├── .travis.yml
├── LICENSE
├── README.md
├── index.html
├── package.json
└── src/
├── resume.css
└── resume.js
Condensed preview — 9 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (19K chars).
[
{
"path": ".gitignore",
"chars": 40,
"preview": "src/*.min.*\n*.min.*\n*.log\nnode_modules/\n"
},
{
"path": ".npmignore",
"chars": 16,
"preview": "src/\nindex.html\n"
},
{
"path": ".travis.yml",
"chars": 305,
"preview": "language: node_js\n\nnode_js: stable\n\nafter_success:\n - npm run build\n\ndeploy:\n provider: npm\n email: \"rrdelaney@outloo"
},
{
"path": "LICENSE",
"chars": 1069,
"preview": "MIT License\n\nCopyright (c) 2016 Ryan Delaney\n\nPermission is hereby granted, free of charge, to any person obtaining a co"
},
{
"path": "README.md",
"chars": 4157,
"preview": "# Material Resume\n\n## [Demo](https://rrdelaney.github.io/material-resume/)\n\n## Latest versions\n\n```html\n<link href=\"http"
},
{
"path": "index.html",
"chars": 6356,
"preview": "<!DOCTYPE html><html><head><meta charset=\"UTF-8\">\n<title>Resume</title>\n<meta name=\"viewport\" content=\"width=device-widt"
},
{
"path": "package.json",
"chars": 836,
"preview": "{\n \"name\": \"material-resume\",\n \"version\": \"1.0.1\",\n \"description\": \"A cool resume template\",\n \"scripts\": {\n \"buil"
},
{
"path": "src/resume.css",
"chars": 1866,
"preview": "h1, h2, h3, h4, h5, h6, p, a, li, span {\n font-family: 'Raleway', sans-serif;\n}\n\n.resume {\n background-color: #1f1f1f;"
},
{
"path": "src/resume.js",
"chars": 2657,
"preview": "angular.module('Resume', ['ngMaterial'])\n\n.component('resume', {\n transclude: true,\n template: `<div class=\"resume\">\n "
}
]
About this extraction
This page contains the full source code of the rrdelaney/material-resume GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 9 files (16.9 KB), approximately 4.6k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.