All Projects → luyilin → Aoba

luyilin / Aoba

Licence: mit
Create a lovely resume just with a config file.

Labels

Projects that are alternatives of or similar to Aoba

Vitae
R Markdown Résumés and CVs
Stars: ✭ 627 (+962.71%)
Mutual labels:  resume
Jalpc
🍎Jalpc -- A flexible Jekyll theme, 3 steps to build your website.
Stars: ✭ 859 (+1355.93%)
Mutual labels:  resume
Cv Template
An easy way to create HTML and PDF versions of your resume, and automatically host them on GitHub Pages.
Stars: ✭ 41 (-30.51%)
Mutual labels:  resume
Markdown Cv
a simple template to write your CV in a readable markdown file and use CSS to publish/print it.
Stars: ✭ 721 (+1122.03%)
Mutual labels:  resume
My Cv And Resume
☕️My resume for a job
Stars: ✭ 9 (-84.75%)
Mutual labels:  resume
Phperinterviewguide
相对于 PHPer 新手而言比较有指导意义的 PHPer 面试指南
Stars: ✭ 886 (+1401.69%)
Mutual labels:  resume
Resume
个人中文简历 Latex 源码 https://hijiangtao.github.io/
Stars: ✭ 545 (+823.73%)
Mutual labels:  resume
Awesome Web Cv
📝 Single Page Web Application for Your Outstanding CV
Stars: ✭ 50 (-15.25%)
Mutual labels:  resume
Mcdowell Cv
A Nice-looking CV template made into LaTeX
Stars: ✭ 855 (+1349.15%)
Mutual labels:  resume
Resume
resume and curriculum vitae
Stars: ✭ 32 (-45.76%)
Mutual labels:  resume
Sourcerer App
🦄 Sourcerer app makes a visual profile from your GitHub and git repositories.
Stars: ✭ 6,645 (+11162.71%)
Mutual labels:  resume
Curriculum
📝 A simple way to create your HTML résumé.
Stars: ✭ 7 (-88.14%)
Mutual labels:  resume
Freemo
A free resume,portfolio and CV HTML template
Stars: ✭ 30 (-49.15%)
Mutual labels:  resume
So You Want An Internship
for those seeking software engineering internships
Stars: ✭ 656 (+1011.86%)
Mutual labels:  resume
Latexcv
👔 A collection of cv and resume templates written in LaTeX. Leave an issue if your language is not supported!
Stars: ✭ 1,027 (+1640.68%)
Mutual labels:  resume
Getting A Gig
Guide for getting a gig as a tech student.
Stars: ✭ 6,185 (+10383.05%)
Mutual labels:  resume
Modern Resume Theme
A modern static resume template and theme. Powered by Jekyll and GitHub pages.
Stars: ✭ 868 (+1371.19%)
Mutual labels:  resume
Cmd Resume
Web-based Command Line Resume
Stars: ✭ 55 (-6.78%)
Mutual labels:  resume
Jekyll Timeline
Timeline / Résumé Theme with Jekyll
Stars: ✭ 46 (-22.03%)
Mutual labels:  resume
Htm Editable Resume
An highly editable resume form developed with HTM (Hyperscript Tagged Markup) which is JSX-like syntax in plain JavaScript.
Stars: ✭ 31 (-47.46%)
Mutual labels:  resume

Aoba

Aoba's resume

English resume

Introduction

Aoba is a single JavaScript file that fetches a configuration file (such as a .json file or a .yaml file), and renders it as a lovely one-page resume.

The project is build by poi, then we need not git clone && run build to create a resume, just use it. The design is inspired by the cute resume made by DIYgod. Thanks for the awesome work they done.

The name is inspired by lovely Aoba Suzukaze in New Game!, maybe it can be a gift for young people who enter the workforce, with my best wishes.

Aoba Suzukaze

Quick Start

Work with the single JavaScript file and the css file.

  • CDN: UNPKG | jsDelivr

  • Create an HTML file: index.html which will be be your resume:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
  <title>My resume</title>
  <!-- Stylesheet -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aoba-resume/dist/aoba.css">
</head>
<body>
  <div id="app"></div>
  <!-- Script -->
  <script src="https://cdn.jsdelivr.net/npm/aoba-resume/dist/aoba.js"></script>
  <!-- Start app -->
  <script>
    const resume = new aoba()
    resume.start('#app')
  </script>
</body>
</html>
  • Then write a .json or .yaml file at the same directory where index.html is located.

    The file has six parts, basicInfo, contact, application, workExperience, personalProject and skills. See content.json or content.yaml for details.

  • Then serve this directory as a static website to deploy an online resume.

    • node.js: npm i -g serve && serve ./docs
    • python: cd ./docs && python -m SimpleHTTPServer
    • golang: cd ./docs && caddy
    • ...etc, you can use any static file server as you like.
  • Finally save the file as pdf, open the file in a browser, choose print and save.

    In case the resume's background color or the circles cannot be displayed when print to pdf, please tick the option: Print - More settings - Background.

Deploy

GitHub Pages

Simply put all your files in docs folder on master branch, or root directory on the gh-pages branch.

Don't forget to add .nojekyll file to tell GitHub to treat it as a normal static website.

API

Constructor

const resume = new aoba(options)

options

lang

Type: string
Default: zh

support zh & en

path

Type: string
Default: ./

indexFile

Type: string
Default: content.yaml

The configuration file.

E.g. content.json, content.yaml

The description fields support html syntax.

color

Type: string
Default: #8d9cd2

The theme color.

E.g. #999, rgb(137,214,217), lightsalmon and so on.

resume.start(target)

target

Type: string HTMLElement

The place to mount app.

License

MIT © luyilin

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].