├── .travis.yml ├── Gemfile ├── LICENSE ├── README.md ├── _config.yml ├── _includes ├── head.html └── icons.html ├── _layouts ├── about.html ├── base.html ├── portfolio.html └── post.html ├── _posts ├── 2017-05-01-toy-project.md ├── 2017-08-21-toy-project-1.md ├── 2017-10-11-create-github.md ├── 2017-12-14-reservation-bot.md ├── 2018-01-02-github-page.md └── 2018-03-25-create-ap.theme.md ├── _sass ├── base │ ├── _base.scss │ ├── _code.scss │ ├── _pagination.scss │ ├── _syntax.scss │ └── _variables.scss ├── layouts │ ├── _footer.scss │ ├── _home.scss │ ├── _layout.scss │ ├── _portfolio.scss │ └── _post.scss └── main.scss ├── _site ├── 2017-05-01 │ └── toy-project.html ├── 2017-08-21 │ └── toy-project-1.html ├── 2017-10-11 │ └── create-github.html ├── 2017-12-14 │ └── reservation-bot.html ├── 2018-01-02 │ └── github-page.html ├── 2018-03-25 │ └── create-ap.theme.html ├── README.md ├── assets │ ├── css │ │ ├── main.css │ │ └── style.css │ ├── favicon.ico │ ├── img │ │ └── profile.jpg │ └── javascript │ │ └── anchor-js │ │ ├── .eslintrc │ │ ├── .gitattributes │ │ ├── .npmignore │ │ ├── .travis.yml │ │ ├── anchor.js │ │ ├── anchor.min.js │ │ ├── banner.js │ │ └── docs │ │ ├── anchor.js │ │ ├── favicon.ico │ │ ├── fonts │ │ ├── anchorjs-extras.eot │ │ ├── anchorjs-extras.svg │ │ ├── anchorjs-extras.ttf │ │ ├── anchorjs-extras.woff │ │ └── fonts.css │ │ ├── grunticon │ │ ├── grunticon.loader.js │ │ ├── icons.data.png.css │ │ ├── icons.data.svg.css │ │ ├── icons.fallback.css │ │ └── png │ │ │ └── grunticon-link.png │ │ ├── img │ │ ├── anchoring-links.png │ │ ├── anchorjs_logo.png │ │ ├── anchorlinks2.png │ │ ├── gh-link.svg │ │ ├── gh_link.svg │ │ ├── hyperlink.svg │ │ ├── link.svg │ │ ├── mini-logo.png │ │ └── primer-md.png │ │ ├── scripts.js │ │ └── styles.css ├── index.html └── portfolio │ ├── index.html │ └── page2 │ └── index.html ├── assets ├── css │ ├── fontawesome-all.min.css │ └── main.scss ├── favicon.ico ├── img │ └── profile.jpg └── webfonts │ ├── fa-brands-400.eot │ ├── fa-brands-400.svg │ ├── fa-brands-400.ttf │ ├── fa-brands-400.woff │ ├── fa-brands-400.woff2 │ ├── fa-regular-400.eot │ ├── fa-regular-400.svg │ ├── fa-regular-400.ttf │ ├── fa-regular-400.woff │ ├── fa-regular-400.woff2 │ ├── fa-solid-900.eot │ ├── fa-solid-900.svg │ ├── fa-solid-900.ttf │ ├── fa-solid-900.woff │ └── fa-solid-900.woff2 ├── index.md ├── portfolio └── index.html └── screenshot.png /.travis.yml: -------------------------------------------------------------------------------- 1 | language: ruby 2 | rvm: 3 | - 2.3.3 4 | script: "bundle install & bundle exec jekyll build" 5 | 6 | env: 7 | global: 8 | - NOKOGIRI_USE_SYSTEM_LIBRARIES=true # speeds up installation of html-proofer 9 | 10 | sudo: false # route your build to the container-based infrastructure for a faster build 11 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | source "https://rubygems.org" 4 | gem 'github-pages', group: :jekyll_plugins 5 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 KyeongSeob Sim 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # AP [](https://travis-ci.org/kssim/ap.svg?branch=master) 2 | "AP" is [Jekyll](https://jekyllrb.com/) theme for career. This theme is free and open-source. 3 | Based on Chester How's tale-theme(https://github.com/chesterhow/tale) with a few new features: 4 | * SNS Link 5 | * Google Analytics 6 | * Responsive design 7 | * Upgrading awesome fonts and modifying some layouts. 8 | * Use "About" as main. 9 | * It can be written in simple resume form. 10 | * Change "Post" to "Project Portfolio" 11 | * You can manage your project experience just like running a blog. 12 | 13 | 14 | # Preview 15 | [](https://kssim.github.io/ap/) 16 | 17 | 18 | # Usage 19 | 1. Fork and clone the AP repo: 20 | * git clone https://github.com/kssim/ap.git 21 | 2. Install Jekyll: 22 | * gem install jekyll 23 | 3. Install the theme's dependencies 24 | * bundle install 25 | 4. Customize the theme 26 | * update _config.yml 27 | 5. Run the Jekyll server 28 | * jekyll serve 29 | 30 | 31 | ## Structure 32 | * Here are the main files of the template 33 | ```bash 34 | ap 35 | ├── _includes # theme includes 36 | ├── _layouts # theme layouts (see below for details) 37 | ├── _posts # Project & Portfolio posts 38 | ├── _sass # Sass partials 39 | ├── portfolio # Main page for "portfolio" 40 | ├── assets 41 | | ├── css # font-awesome and main css 42 | | ├── fonts # Font-Awesome 43 | | ├── favicon.ico # Favicon 44 | | └── img # Images used for "about" page 45 | ├── _config.yml # sample configuration 46 | └── index.md # Resume to show on "about" page 47 | ``` 48 | 49 | ## Configure AP 50 | Open _config.yml in a text editor to change most of the blog's settings. 51 | 52 | 53 | ### Site Configuration 54 | Configure Jekyll as your own blog or with a subpath in in _config.yml: 55 | ```yml 56 | title: [Website Title] 57 | baseurl: [Website Subpath] 58 | url: [Github Page Url] 59 | google_analytics: [Google Analytics Tracking ID] 60 | ``` 61 | Please configure this before using the theme. 62 | And to enable Google Analytics, add your [Traking ID](https://support.google.com/analytics/answer/1008080?visit_id=1-636579797402349951-2693679291&rd=1) 63 | 64 | 65 | 66 | ### About You 67 | Meta variables hold basic information about your profile and resume. 68 | Change these variables in _config.yml: 69 | ```yml 70 | author: 71 | name: [Your Name] 72 | desc: [Short introduction] 73 | email: [Your E-Mail Address] 74 | selfie: [Your Avatar] 75 | ``` 76 | Please configure this before using the theme. 77 | 78 | 79 | 80 | ### SNS Information 81 | Your SNS information to display at the bottom of the page. 82 | All values except "email" are text values. 83 | ```yml 84 | social: 85 | email: true 86 | behance: 87 | bitbucket: 88 | dribbble: 89 | facebook: 90 | flickr: 91 | github: 92 | google_plus: 93 | instagram: 94 | keybase: 95 | linkedin: 96 | pinterest: 97 | reddit: 98 | soundcloud: 99 | stack_exchange: 100 | steam: 101 | tumblr: 102 | gitlab: 103 | twitter: 104 | vimeo: 105 | wordpress: 106 | youtube: 107 | default_txt: "Follow On" 108 | ``` 109 | 110 | 111 | ## Portfolio Schema 112 | ```markdown 113 | --- 114 | layout: post 115 | title: [Project title to show in portfolio list] 116 | info: [A brief introduction to show in portfolio list] 117 | tech: [The technologies used in the project to show in portfolio list] 118 | type: [Property of the project to be displayed in front of the project's info(toy or company name)] 119 | --- 120 | ``` 121 | 122 | ## Other formats 123 | It uses the markdown syntax by default, and there is no format other than the one mentioned above. 124 | You can use it as you like. 125 | 126 | 127 | ## License 128 | [The MIT License (MIT)](https://raw.githubusercontent.com/kssim/ap/master/LICENSE) 129 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: A.P 3 | baseurl: "/ap" 4 | url: "https://kssim.github.io" 5 | google_analytics: # Tracking ID, e.g. "UA-000000-01" 6 | 7 | # Author 8 | author: 9 | name: KyeongSeob Sim 10 | desc: Hello nice to meet you 11 | email: ksub0912@gmail.com 12 | selfie: assets/img/profile.jpg 13 | 14 | # social 15 | social: 16 | email: true 17 | behance: 18 | bitbucket: 19 | dribbble: 20 | facebook: Test 21 | flickr: 22 | github: kssim 23 | google_plus: 24 | instagram: 25 | keybase: 26 | linkedin: https://www.linkedin.com/in/kssim/ 27 | pinterest: 28 | reddit: 29 | soundcloud: 30 | stack_exchange: 31 | steam: 32 | tumblr: 33 | gitlab: 34 | twitter: Test 35 | vimeo: 36 | wordpress: 37 | youtube: 38 | default_txt: "Follow On" 39 | 40 | # Build settings 41 | markdown: kramdown 42 | 43 | # Assets 44 | sass: 45 | sass_dir: _sass 46 | style: compressed 47 | 48 | # Gems 49 | plugins: 50 | - jekyll-paginate 51 | 52 | # Permalinks 53 | permalink: /:year-:month-:day/:title 54 | paginate_path: "/portfolio/page:num/" 55 | paginate: 5 56 | exclude: 57 | - "Gemfile" 58 | - "Gemfile.lock" 59 | - "*.gem" 60 | - "LICENSE" 61 | - "READE.md" 62 | - "screenshot.png" 63 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |There is no specific form.
46 | You can write what you want to write.
47 | Since this markdown file is just displayed on the screen, you can create an image or format that matches the format you want.
48 | In the case of the example, I briefly described the project introduction, technique, and period.
I wrote that I used python to run the project.
52 | You just need to describe how you made it.
You can enter the period in a convenient format.
56 | You may specify only the duration of your work, assuming that you create a start date in the filename.
Creating a virtual project as a sample is difficult.
46 | So some of the samples will just copy the existing sample.
This is a project using Python3.
50 | 51 |It seems to take about a week.
53 | 54 | 55 |This time I recorded the creation of the github account.
46 | I can not say this is a project, but I did not have a project to write.
There is no description because I created an account on the homepage.
50 | 51 |It takes less than an hour to create an account.
53 | 54 | 55 |This is just a project that suddenly reminds me.
46 | Of course I did not actually work, I wrote something plausible.
47 | To be honest, the project here is a virtual project.
48 | It’s all fake.
I usually create a Bot with Slack and build it using the slack API.
52 | nd I used my favorite Python.
I’ll make it in a day.
56 | 57 | 58 |This is a project for my github blog.
46 | I actually created a github page, but the contents are fake.
To create a github page, you need to know ruby and jekyll.
50 | 51 |Well, about three days
53 | 54 | 55 |This is about the ap project.
46 | I had a management page for my career.
47 | But this time, I decided to change to the github page.
48 | By the way, I did not have a favorite theme, so I customized it myself.
Now that I have a github page, I need to know ruby and jekyll.
52 | And, html, js, css or so?
It did not take long to change the existing theme.
56 | I made it by modifying the “tale” theme.
There is no specific format here. You can fill out the form you want.
52 | For example, you might want to write a brief introduction about your self, experience, interests, publications, and other information.
53 | I wrote “about me”, “career”, and “interests” on this page as an example.
I am interested in technology trends.
81 | I’m not afraid to learn languages, but I enjoy using Python.
82 | I like to automate and reduce annoying things.
48 | - Create About/Portfolio theme 49 | - ruby, jekyll 50 |
51 | 52 | 53 |63 | - Create my github blog. 64 | - ruby, jekyll 65 |
66 | 67 | 68 |78 | - Restaurant Reservation Bot 79 | - Python, Slack API 80 |
81 | 82 | 83 |93 | - Create new github repository 94 | - none 95 |
96 | 97 | 98 |108 | - toy project 109 | - python3 110 |
111 | 112 | 113 |48 | - toy project 49 | - python 50 |
51 | 52 | 53 |