plain_resume 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 378eda606d62c43f2dde0be7b9a7a5e78c50c3f2a788a4ad66079afd3c96f0dd
+  data.tar.gz: fb25447ad72370c1854321a5b3164cfa15366d513c32564ba0ec7597672feffc
+SHA512:
+  metadata.gz: 8bccd02063c4c1cf0ce111ebaddf1527d764a670aa539550dee4fbea1bb54d45fcdba7045c55f8f82586ec6ddcd0553a69a4b17642f636cdb7aac4936a4fa467
+  data.tar.gz: 40a9d04b810616527898b4407e7e1a864e6071ea83900b45737a8ae8a30e8a322521aebfa02202e74daa3d9d1cd2a08a1219f380e660a391ec81468257dd77e7

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 RyanxLoi
+
+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.

data/README.md

@@ -0,0 +1,59 @@
+# Plain Jekyll Resume
+This is a Jekyll theme for creating a simple and customizable resume. This could be used to digitally present your resume online and have it be accessible to anyone who is interested in it. 
+
+![partial preview](plainresumepreview.png)
+
+## How to Install the Theme
+
+1. Clone the repository.
+2. Run `bundle exec jekyll serve`.
+3. If it compiles successfully, you can now see your resume.
+
+## Adding Data to the Resume
+The resume loads data from the `_data` files. In this folder, you will find .yml files. This is where you will be adding entries to display on your resume.
+
+All entries for each section begin with a `-`. Each line then follows a `key:value` format. Please see the existing .yml files for examples.
+
+
+## Section Layouts
+Section layouts can be found in the `_includes` folder. Unless you know what you are doing, you usually do not want to modify these files. 
+
+Typically, a section layout will look something like this.
+
+```
+<div class="resume-content">
+
+    {% if site.data.awards.size > 0 %}
+    
+    <h2>Awards</h2>
+    <hr>
+    
+    {% for award in site.data.awards %}
+    <div class="entry">
+        <h4 class="title">{{ award.title }}</h4>
+        <h4 class="date">{{ award.time }}</h4>
+        <ul>
+            <li>{{ award.description }}</li>
+        </ul>
+    </div>
+    
+    {% endfor %}
+    
+    {% endif %}
+    
+</div>
+    
+```
+
+## Adding Your Own Sections
+If you need a resume section which has not been created yet. Follow these steps. 
+
+1. Create a `.yml` file for your data in the `_data` folder.
+2. Fill in the data.
+3. Create a `.html` file in the `_includes` folder.
+4. Create a layout with respect to the rest of the template.
+5. Include it in the default.html file in `layouts`.
+
+## CSS
+
+You can edit the CSS in theme.css.  

data/_config.yml

@@ -0,0 +1,48 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely edit after that. If you find
+# yourself editing this file very often, consider using Jekyll's data files
+# feature for the data you need to update frequently.
+#
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
+#
+# If you need help with YAML syntax, here are some quick references for you: 
+# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
+# https://learnxinyminutes.com/docs/yaml/
+#
+# Site settings
+# These are used to personalize your new site. If you look in the HTML files,
+# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
+# You can create any custom variable you would like, and they will be accessible
+# in the templates via {{ site.myvariable }}.
+
+title: Your Resume
+description: >- # this means to ignore newlines until "baseurl:"
+  Your resume.
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "" # the base hostname & protocol for your site, e.g. http://example.com
+
+# Build settings
+theme: plain-resume
+
+# Exclude from processing.
+# The following items will not be processed, by default.
+# Any item listed under the `exclude:` key here will be automatically added to
+# the internal "default list".
+#
+# Excluded items can be processed by explicitly listing the directories or
+# their entries' file path in the `include:` list.
+#
+# exclude:
+#   - .sass-cache/
+#   - .jekyll-cache/
+#   - gemfiles/
+#   - Gemfile
+#   - Gemfile.lock
+#   - node_modules/
+#   - vendor/bundle/
+#   - vendor/cache/
+#   - vendor/gems/
+#   - vendor/ruby/

data/_includes/activities.html

@@ -0,0 +1,20 @@
+<div class="resume-content">
+
+    {% if site.data.activities.size > 0 %}
+    
+    <h2>Activities</h2>
+    <hr>
+    <div class="entry">
+    {% for activity in site.data.activities %}
+    
+        <h4 class="title">{{ activity.title }}</h4>
+        <h4 class="date">{{ activity.time }}</h4>
+        {{ activity.description | markdownify}}
+    </div>
+    
+    {% endfor %}
+    
+    {% endif %}
+    
+</div>
+    

data/_includes/awards.html

@@ -0,0 +1,22 @@
+<div class="resume-content">
+
+    {% if site.data.awards.size > 0 %}
+    
+    <h2>Awards</h2>
+    <hr>
+    
+    {% for award in site.data.awards %}
+    <div class="entry">
+        <h4 class="title">{{ award.title }}</h4>
+        <h4 class="date">{{ award.time }}</h4>
+        <ul>
+            <li>{{ award.description }}</li>
+        </ul>
+    </div>
+    
+    {% endfor %}
+    
+    {% endif %}
+    
+</div>
+    

data/_includes/certifications.html

@@ -0,0 +1,15 @@
+<div class="resume-content">
+
+    {% if site.data.certifications.size > 0 %}
+
+    <h2>Certifications</h2>
+    <hr>
+    <div class="entry">
+    {% for certification in site.data.certifications %}
+        <h4 class="title">{{ certification.title }} ({{ certification.time }}) </h4>
+        <br />
+    {% endfor %}
+    </div>
+    {% endif %}
+</div>
+    

data/_includes/contact.html

@@ -0,0 +1,6 @@
+<div class="contact">
+    <center>
+        <h1>{{site.data.contact.name}}</h1>
+        <a class="contact" href="{{site.data.contact.website}}" target="_blank">{{site.data.contact.website}}</a> | <a class="contact" href="mailto:{{site.data.contact.email}}" target="_blank"> {{ site.data.contact.email }}</a> | <a class = "contact" href="{{ site.data.contact.linkedin }}" target="_blank">{{ site.data.contact.linkedin }}</a> | <a class = "contact" href="{{ site.data.contact.github }}" target="_blank">{{ site.data.contact.github }}</a>
+    </center>
+</div>

data/_includes/education.html

@@ -0,0 +1,23 @@
+<div class="resume-content">
+
+{% if site.data.education.size > 0 %}
+
+<h2>Education</h2>
+<hr>
+
+{% for education in site.data.education %}
+<div class="entry">
+    <h4 class="title">{{ education.location }}</h4>
+    <h4 class="date">{{ education.time }}</h4>
+    <h4 class="subtitle">{{ education.degree }}</h4>
+    {% if education.courses.size > 0 %}
+        <b>Relevant Courses:</b>
+        {{ education.courses | join: ", " }}
+    {% endif %}
+</div>
+
+{% endfor %}
+{% endif %}
+
+
+</div>

data/_includes/footer.html

@@ -0,0 +1,4 @@
+<div class="footer">
+
+    </div>
+    

data/_includes/head.html

@@ -0,0 +1,27 @@
+<head>
+    <title>{{ site.title }}</title>
+    
+    <!-- Meta -->
+  <meta charset="utf-8">
+  {% if site.chrome_mobile_color %}
+  <meta name="theme-color" content="{{ site.chrome_mobile_color }}">
+  {% endif%}
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="{{ site.description |default: "A simple Jekyll theme for creating resumes." }}">
+
+
+  <!-- Theme CSS -->
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/theme.css">
+
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
+
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap" rel="stylesheet">
+  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+  <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+</head>

data/_includes/projects.html

@@ -0,0 +1,23 @@
+<div class="resume-content">
+
+    {% if site.data.projects.size > 0 %}
+
+
+    <h2>Projects</h2>
+    <hr>
+
+
+    {% for project in site.data.projects %}
+    <div class="entry">
+        <h4 class="title">{{ project.title }} <a class="project-link" href={{project.link}} target="_blank">(Project Link)</a></h4><br>
+        <h4 class="subtitle">{{ project.tools | join: ", " }}</h4>
+        {{ project.description | markdownify }}
+    </div>
+       
+    
+    {% endfor %}
+
+    {% endif %}
+    
+    </div>
+    

data/_includes/skills.html

@@ -0,0 +1,17 @@
+<div class="resume-content">
+
+    {% if site.data.skills.size > 0 %}
+
+    <h2>Skills</h2>
+    <hr>
+    <div class="entry">
+    {% for skill in site.data.skills %}
+    
+        <h4 class="title">{{ skill.category }}:</h4>
+        {{ skill.list | join: ", " }}
+        <br />
+    {% endfor %}
+    </div>
+    {% endif %}
+</div>
+    

data/_includes/volunteer_experience.html

@@ -0,0 +1,22 @@
+<div class="resume-content">
+    
+    {% if site.data.volunteer_experience.size > 0 %}
+
+    <h2>Volunteer Experience</h2>
+    <hr>
+
+    {% for volunteer_experience in site.data.volunteer_experience %}
+        
+    <div class="entry">
+        <h4 class="title">{{ volunteer_experience.location }}</h4>
+        <h4 class="date">{{ volunteer_experience.time }}</h4>
+        <h4 class="subtitle"> {{volunteer_experience.title }}</h4>
+        {{ volunteer_experience.description | markdownify}}
+    </div>
+    
+    {% endfor %}
+
+    {% endif %}
+    
+    </div>
+    

data/_includes/work_experience.html

@@ -0,0 +1,20 @@
+<div class="resume-content">
+    
+    {% if site.data.work_experience.size > 0 %}
+    
+    <h2>Work Experience</h2>
+    <hr>
+
+    {% for work_experience in site.data.work_experience %}
+    <div class="entry">
+        <h4 class="title">{{ work_experience.location }}</h4>
+        <h4 class="date">{{ work_experience.time }}</h4>
+        <h4 class="subtitle"> {{work_experience.title }}</h4>
+        {{ work_experience.description | markdownify}}
+    </div>
+    {% endfor %}
+
+    {% endif %}
+    
+    </div>
+    

data/_layouts/default.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
+<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
+<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
+{% include head.html %}
+
+
+
+<body>
+  <div class="wrapper">
+
+    <div class="main-wrapper">
+
+      {% include contact.html %}
+
+      {% include education.html %}
+
+      {% include work_experience.html %}
+
+      {% include volunteer_experience.html %}
+
+      {% include activities.html %}
+      
+      {% include projects.html %}
+
+      {% include skills.html %}
+
+      {% include certifications.html %}
+
+      {% include awards.html %}
+
+      {% include footer.html %}
+    </div>
+  </div>
+
+
+</body>
+
+</html>

data/assets/theme.css

@@ -0,0 +1,274 @@
+/* Variables
+
+--main-color: Changes the color of the header, footer, and project links.
+--background-color: Changes the color of the background.
+
+*/
+:root {
+  --header-and-footer-color: #6f0000;
+  --background-color: #e5e5e5;
+}
+
+/* Parts of a resume */
+
+body {
+  background-color: var(--background-color);
+}
+
+div.contact {
+  background-color: var(--header-and-footer-color);
+  font-size: 18px;
+  font-family: "Open Sans", sans-serif;
+  color: white;
+  padding: 0.4em;
+  margin: auto;
+  margin-top: 20px;
+  width: 50%;
+}
+
+div.resume-content{
+  background-color: #FBF7F2;
+  font-size: 18px;
+  font-family: "Open Sans", sans-serif;
+  color: #000000;
+  padding: 0.4em;
+  padding-bottom: 0%;
+  margin: auto;
+  height: 100%;
+  width: 50%;
+}
+
+div.entry{
+  padding-bottom: 15px;
+}
+
+
+div.footer {
+  background-color: var(--main-color);
+  font-size: 18px;
+  font-family: "Open Sans", sans-serif;
+  color: white;
+  padding: 0.4em;
+  margin: auto;
+  width: 50%;
+}
+
+hr {
+  border-top: 1px solid black;
+}
+
+/* Headers, links and bullet points */
+
+h1 {
+  font-family: "Open Sans", sans-serif;
+  font-weight: 0;
+  color: #ffffff;
+  margin: 15px;
+}
+
+h2 {
+  margin: 0px;
+}
+
+h4.title{
+  display: inline-block;
+  color: #000000;
+  font-family: "Open Sans", sans-serif;
+  margin: 0;
+}
+
+h4.date {
+  font-weight: normal;
+  float: right;
+  margin: 0;
+}
+
+h4.subtitle{
+  font-weight: 400;
+  font-style: italic;
+  color: #000000;
+  font-family: "Open Sans", sans-serif;
+  margin: 0;
+}
+
+a.contact{
+  color: white;
+}
+
+a.project-link{
+  color: var(--header-and-footer-color);
+}
+
+ul {
+  margin: 0;
+}
+
+/* Media queries */
+
+/* for extra small devices */
+@media only screen and (max-width: 600px) {
+
+  h4.date {
+    all: revert;
+    font-weight: normal;
+    margin: 0px;
+  }
+
+
+  div.contact {
+    width: 95%;
+    margin-top: 15px;
+  }
+
+  div.resume-content {
+    width: 95%;
+    margin: 0px auto;
+  }
+
+  div.entry{
+    padding-bottom: 10px;
+  }
+
+  div.footer {
+    width: 95%;
+    margin-bottom: 15px;
+  }
+}
+
+/* for small devices */
+@media only screen and (min-width: 600px) {
+
+  h4.date {
+    all: revert;
+    font-weight: normal;
+    margin: 0px;
+  }
+
+
+  div.contact {
+    width: 95%;
+    margin-top: 15px;
+  }
+
+  div.resume-content {
+    width: 95%;
+    margin: 0px auto;
+  }
+
+  div.entry{
+    padding-bottom: 10px;
+  }
+
+  div.footer {
+    width: 95%;
+    margin-bottom: 15px;
+  }
+}
+
+/* for medium devices */
+@media only screen and (min-width: 768px) {
+
+  h4.date {
+    all: revert;
+    float: right;
+    font-weight: normal;
+    margin: 0px;
+  }
+
+
+  div.contact {
+    width: 95%;
+    margin-top: 15px;
+  }
+
+  div.resume-content {
+    width: 95%;
+    margin: 0px auto;
+  }
+
+  div.entry{
+    padding-bottom: 10px;
+  }
+
+  div.footer {
+    width: 95%;
+    margin-bottom: 15px;
+  }
+}
+
+/* for laptops and desktops */
+@media only screen and (min-width: 992px) {
+
+  h4.date{
+    all: revert;
+    font-weight: normal;
+    margin: 0;
+    float: right;
+  }
+
+  div.contact {
+    width: 80%;
+    margin-top: 15px;
+  }
+
+  div.resume-content {
+    width: 80%;
+    margin: 0px auto;
+  }
+
+/* for large laptops and desktops */
+@media (min-width: 1200px) {
+
+  h4.date{
+    all: revert;
+    font-weight: normal;
+    margin: 0;
+    float: right;
+  }
+
+  div.contact {
+    width: 80%;
+    margin-top: 15px;
+  }
+
+  div.resume-content {
+    width: 80%;
+    margin: 0px auto;
+  }
+
+
+  div.footer {
+    width: 80%;
+    margin-bottom: 15px;
+  }
+}
+
+/* Larger laptops and desktops */
+@media (min-width: 1200px) {
+
+  h4.date{
+    all: revert;
+    font-weight: normal;
+    margin: 0;
+    float: right;
+  }
+
+  div.contact {
+    width: 50%;
+    margin-top: 15px;
+  }
+
+  div.resume-content {
+    width: 50%;
+    margin: 0px auto;
+  }
+
+
+  div.footer {
+    width: 50%;
+    margin-bottom: 15px;
+  }
+}
+
+
+}

metadata

@@ -0,0 +1,73 @@
+--- !ruby/object:Gem::Specification
+name: plain_resume
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- RyanxLoi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2022-03-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+description: 
+email:
+- ryanloi@ryanloi.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _includes/activities.html
+- _includes/awards.html
+- _includes/certifications.html
+- _includes/contact.html
+- _includes/education.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/projects.html
+- _includes/skills.html
+- _includes/volunteer_experience.html
+- _includes/work_experience.html
+- _layouts/default.html
+- assets/theme.css
+homepage: https://ryanloi.me
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key: 
+specification_version: 4
+summary: A simple Jekyll theme for resumes.
+test_files: []