diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..72a5c3b --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +_site/ \ No newline at end of file diff --git a/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_base.scssc b/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_base.scssc deleted file mode 100644 index d87212d..0000000 Binary files a/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_base.scssc and /dev/null differ diff --git a/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_layout.scssc b/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_layout.scssc deleted file mode 100644 index 14582af..0000000 Binary files a/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_layout.scssc and /dev/null differ diff --git a/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_syntax-highlighting.scssc b/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_syntax-highlighting.scssc deleted file mode 100644 index 13f8998..0000000 Binary files a/.sass-cache/56bbe8315285906ae80b40120cc7536c2dfffbc7/_syntax-highlighting.scssc and /dev/null differ diff --git a/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_base.scssc b/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_base.scssc deleted file mode 100644 index 935db43..0000000 Binary files a/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_base.scssc and /dev/null differ diff --git a/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_layout.scssc b/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_layout.scssc deleted file mode 100644 index deb186c..0000000 Binary files a/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_layout.scssc and /dev/null differ diff --git a/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_syntax-highlighting.scssc b/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_syntax-highlighting.scssc deleted file mode 100644 index 32dea04..0000000 Binary files a/.sass-cache/83e996d6ea18acb00f24dde90df948ee5219207e/_syntax-highlighting.scssc and /dev/null differ diff --git a/README.md b/README.md index 0290024..3b64283 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,9 @@ -# Jekyll Resume Builder +## Credit +Jekyll builder: [timklapdor resume builder](https://github.com/timklapdor/resume-builder) -This site started out with the idea of working out how to build a resume with Jekyll. Rather than Pages and Posts it makes use of Collections to populate the single page. +## How it works -## The Way it Works - -All of the configuration take place in the _config.yml file. - -### Site Settings - -This set of values allows you to change the main settings heading and tagline of the site - plus set the baseurl (which you might need to change if you rename the directory of where the site is hosted) - -### Collections Builder - -This area sets up each of the collections currently included in the site. Each of the Outputs is set to false to stop Jekyll from unnecessarily generating additional HTML pages. +Configuration is in the _config.yml file. ### Colour Configuration @@ -20,7 +11,7 @@ Allows you to set all the colours used throughout the site without having to get ### Folder Structure -Each folder in the site contains a markdown file for each section. For areas like Awards, Education, Experience, Interests, Publications and Skills you can add multiple files. You just need to use the same YAML structure as the dummy sections. +Each folder in the site contains a markdown file for each section. Folders of Awards, Education, Experience, Interests, Publications and Skills can contain multiple files. Use the same YAML structure as the dummy sections. The Profile section just has a single page. With the profiles listed you can remove or add them from the YAML front end, but you will also need to add/remove them from the index.html @@ -32,6 +23,6 @@ The index file fairly clearly shows how to build a section. I've used IDs and Se You can swap out the header image by changing the ```bgimage:``` in the config file. Centred images work best for the responsive design. -## Pointing a URL +### Pointing a URL -This site works great running in GitHub Pages - basically giving you free hosting. You just need to change the branch to ```gh-pages``` and then add in a CNAME file with the domain to the root folder. [Instructions are available here](https://help.github.com/articles/using-a-custom-domain-with-github-pages/) \ No newline at end of file +[Github Pages Custom Domain](https://help.github.com/articles/using-a-custom-domain-with-github-pages/) \ No newline at end of file diff --git a/_config.yml b/_config.yml index 000147b..f908c6e 100644 --- a/_config.yml +++ b/_config.yml @@ -6,6 +6,7 @@ baseurl: "/site" # the subpath of your site, e.g. /blog/ #url: "" # the base hostname & protocol for your site # Collections-builder +# each output is false to stop Jekyll from unnecessarily generating additional HTML pages collections: award: output: false diff --git a/_experience/2022-05-09-lazada-fe.md b/_experience/2022-05-09-lazada-fe.md index eaec4cb..7dbf7d6 100644 --- a/_experience/2022-05-09-lazada-fe.md +++ b/_experience/2022-05-09-lazada-fe.md @@ -11,6 +11,6 @@ title: "Redmart Frontend developer" - Spearheaded using Cypress for e2e tests in Alibaba platform and facilitated training of this new process to team of 6 which cut down testing time by about 300% (2 hours to 0.5 hours) - Facilitated DevOps practices through test automation and continuous deployment scripts - Architected code structure, including best practices using jQuery (fetch data) and state management solutions, for more maintainable code -- Leveraged knowledge Typescript, React, jQuery, Cypress, React Testing Library, Sass +- Leveraged knowledge: Typescript, React, jQuery, Cypress, React Testing Library, Sass diff --git a/_site/README.md b/_site/README.md deleted file mode 100644 index 0290024..0000000 --- a/_site/README.md +++ /dev/null @@ -1,37 +0,0 @@ -# Jekyll Resume Builder - -This site started out with the idea of working out how to build a resume with Jekyll. Rather than Pages and Posts it makes use of Collections to populate the single page. - -## The Way it Works - -All of the configuration take place in the _config.yml file. - -### Site Settings - -This set of values allows you to change the main settings heading and tagline of the site - plus set the baseurl (which you might need to change if you rename the directory of where the site is hosted) - -### Collections Builder - -This area sets up each of the collections currently included in the site. Each of the Outputs is set to false to stop Jekyll from unnecessarily generating additional HTML pages. - -### Colour Configuration - -Allows you to set all the colours used throughout the site without having to get into the CSS file. - -### Folder Structure - -Each folder in the site contains a markdown file for each section. For areas like Awards, Education, Experience, Interests, Publications and Skills you can add multiple files. You just need to use the same YAML structure as the dummy sections. - -The Profile section just has a single page. With the profiles listed you can remove or add them from the YAML front end, but you will also need to add/remove them from the index.html - -## Customising - -The Resume builder is completely customisable but you will have to do some editing. To create new sections - create new Collections in the config file, create new folders, and customise your YAML front end. - -The index file fairly clearly shows how to build a section. I've used IDs and Sections and then referred to them in the CSS (see bottom of the file) to create the alternative coloured sections. - -You can swap out the header image by changing the ```bgimage:``` in the config file. Centred images work best for the responsive design. - -## Pointing a URL - -This site works great running in GitHub Pages - basically giving you free hosting. You just need to change the branch to ```gh-pages``` and then add in a CNAME file with the domain to the root folder. [Instructions are available here](https://help.github.com/articles/using-a-custom-domain-with-github-pages/) \ No newline at end of file diff --git a/_site/about/index.html b/_site/about/index.html deleted file mode 100644 index 438b226..0000000 --- a/_site/about/index.html +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - About - - - - - - - - - - - - - - - - -
-
-
-

Samuel Yip

-

Ice-cream = 4x performance optimization

-
- -
- - - -
-
-
- -
-

About

-
- -
-

This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at jekyllrb.com

- -

You can find the source code for the Jekyll new theme at: github.com/jglovier/jekyll-new

- -

You can find the source code for Jekyll at github.com/jekyll/jekyll

- -
- -
- -
-
- -
- -
2021
- -
- - - - - diff --git a/_site/css/main.css b/_site/css/main.css deleted file mode 100644 index 39f3587..0000000 --- a/_site/css/main.css +++ /dev/null @@ -1,582 +0,0 @@ -/** - * Reset some basic elements - */ -body, h1, h2, h3, h4, h5, h6, -p, blockquote, pre, hr, -dl, dd, ol, ul, figure { - margin: 0; - padding: 0; -} - -/** - * Basic styling - */ -body { - font-family: Helvetica, Arial, sans-serif; - font-size: 16px; - line-height: 1.5; - font-weight: 300; - color: #111; - background-color: #fdfdfd; - -webkit-text-size-adjust: 100%; -} - -/** - * Set `margin-bottom` to maintain vertical rhythm - */ -h1, h2, h3, h4, h5, h6, -p, blockquote, pre, -ul, ol, dl, figure, -.highlight { - margin-bottom: 15px; -} - -/** - * Images - */ -img { - max-width: 100%; - vertical-align: middle; -} - -/** - * Figures - */ -figure > img { - display: block; -} - -figcaption { - font-size: 14px; -} - -/** - * Lists - */ -ul, ol { - margin-left: 30px; -} - -li > ul, -li > ol { - margin-bottom: 0; -} - -/** - * Headings - */ -h1, h2, h3, h4, h5, h6 { - font-weight: 300; -} - -/** - * projectss - */ -a { - color: #2a7ae2; - text-decoration: none; -} -a:visited { - color: #1756a9; -} -a:hover { - color: #111; - text-decoration: underline; -} - -/** - * Blockquotes - */ -blockquote { - color: #828282; - border-left: 4px solid #e8e8e8; - padding-left: 15px; - font-size: 18px; - letter-spacing: -1px; - font-style: italic; -} -blockquote > :last-child { - margin-bottom: 0; -} - -/** - * Code formatting - */ -pre, -code { - font-size: 15px; - border: 1px solid #e8e8e8; - border-radius: 3px; - background-color: #eef; -} - -code { - padding: 1px 5px; -} - -pre { - padding: 8px 12px; - overflow-x: scroll; -} -pre > code { - border: 0; - padding-right: 0; - padding-left: 0; -} - -/** - * Wrapper - */ -.wrapper { - max-width: -webkit-calc(800px - (30px * 2)); - max-width: calc(800px - (30px * 2)); - margin-right: auto; - margin-left: auto; - padding-right: 30px; - padding-left: 30px; -} -@media screen and (max-width: 800px) { - .wrapper { - max-width: -webkit-calc(800px - (30px)); - max-width: calc(800px - (30px)); - padding-right: 15px; - padding-left: 15px; - } -} - -/** - * Clearfix - */ -.footer-col-wrapper:after, .wrapper:after { - content: ""; - display: table; - clear: both; -} - -/** - * Icons - */ -.icon > svg { - display: inline-block; - width: 16px; - height: 16px; - vertical-align: middle; -} -.icon > svg path { - fill: #828282; -} - -/** - * Site header - */ -.site-header { - border-top: 5px solid #424242; - border-bottom: 1px solid #e8e8e8; - min-height: 56px; - position: relative; -} - -.site-title { - font-size: 26px; - line-height: 56px; - letter-spacing: -1px; - margin-bottom: 0; - float: left; -} -.site-title, .site-title:visited { - color: #424242; -} - -.site-nav { - float: right; - line-height: 56px; -} -.site-nav .menu-icon { - display: none; -} -.site-nav .page-link { - color: #111; - line-height: 1.5; -} -.site-nav .page-link:not(:first-child) { - margin-left: 20px; -} -@media screen and (max-width: 600px) { - .site-nav { - position: absolute; - top: 9px; - right: 30px; - background-color: #fdfdfd; - border: 1px solid #e8e8e8; - border-radius: 5px; - text-align: right; - } - .site-nav .menu-icon { - display: block; - float: right; - width: 36px; - height: 26px; - line-height: 0; - padding-top: 10px; - text-align: center; - } - .site-nav .menu-icon > svg { - width: 18px; - height: 15px; - } - .site-nav .menu-icon > svg path { - fill: #424242; - } - .site-nav .trigger { - clear: both; - display: none; - } - .site-nav:hover .trigger { - display: block; - padding-bottom: 5px; - } - .site-nav .page-link { - display: block; - padding: 5px 10px; - } -} - -/** - * Site footer - */ -.site-footer { - border-top: 1px solid #e8e8e8; - padding: 30px 0; -} - -.footer-heading { - font-size: 18px; - margin-bottom: 15px; -} - -.contact-list, -.social-media-list { - list-style: none; - margin-left: 0; -} - -.footer-col-wrapper { - font-size: 15px; - color: #828282; - margin-left: -15px; -} - -.footer-col { - float: left; - margin-bottom: 15px; - padding-left: 15px; -} - -.footer-col-1 { - width: -webkit-calc(35% - (30px / 2)); - width: calc(35% - (30px / 2)); -} - -.footer-col-2 { - width: -webkit-calc(20% - (30px / 2)); - width: calc(20% - (30px / 2)); -} - -.footer-col-3 { - width: -webkit-calc(45% - (30px / 2)); - width: calc(45% - (30px / 2)); -} - -@media screen and (max-width: 800px) { - .footer-col-1, - .footer-col-2 { - width: -webkit-calc(50% - (30px / 2)); - width: calc(50% - (30px / 2)); - } - .footer-col-3 { - width: -webkit-calc(100% - (30px / 2)); - width: calc(100% - (30px / 2)); - } -} -@media screen and (max-width: 600px) { - .footer-col { - float: none; - width: -webkit-calc(100% - (30px / 2)); - width: calc(100% - (30px / 2)); - } -} -/** - * Page content - */ -.page-content { - padding: 30px 0; -} - -.page-heading { - font-size: 20px; -} - -.post-list { - margin-left: 0; - list-style: none; -} -.post-list > li { - margin-bottom: 30px; -} - -.post-meta { - font-size: 14px; - color: #828282; -} - -.post-link { - display: block; - font-size: 24px; -} - -/** - * Posts - */ -.post-header { - margin-bottom: 30px; -} - -.post-title { - font-size: 42px; - letter-spacing: -1px; - line-height: 1; -} -@media screen and (max-width: 800px) { - .post-title { - font-size: 36px; - } -} - -.post-content { - margin-bottom: 30px; -} -.post-content h2 { - font-size: 32px; -} -@media screen and (max-width: 800px) { - .post-content h2 { - font-size: 28px; - } -} -.post-content h3 { - font-size: 26px; -} -@media screen and (max-width: 800px) { - .post-content h3 { - font-size: 22px; - } -} -.post-content h4 { - font-size: 20px; -} -@media screen and (max-width: 800px) { - .post-content h4 { - font-size: 18px; - } -} - -/** - * Syntax highlighting styles - */ -.highlight { - background: #fff; -} -.highlight .c { - color: #998; - font-style: italic; -} -.highlight .err { - color: #a61717; - background-color: #e3d2d2; -} -.highlight .k { - font-weight: bold; -} -.highlight .o { - font-weight: bold; -} -.highlight .cm { - color: #998; - font-style: italic; -} -.highlight .cp { - color: #999; - font-weight: bold; -} -.highlight .c1 { - color: #998; - font-style: italic; -} -.highlight .cs { - color: #999; - font-weight: bold; - font-style: italic; -} -.highlight .gd { - color: #000; - background-color: #fdd; -} -.highlight .gd .x { - color: #000; - background-color: #faa; -} -.highlight .ge { - font-style: italic; -} -.highlight .gr { - color: #a00; -} -.highlight .gh { - color: #999; -} -.highlight .gi { - color: #000; - background-color: #dfd; -} -.highlight .gi .x { - color: #000; - background-color: #afa; -} -.highlight .go { - color: #888; -} -.highlight .gp { - color: #555; -} -.highlight .gs { - font-weight: bold; -} -.highlight .gu { - color: #aaa; -} -.highlight .gt { - color: #a00; -} -.highlight .kc { - font-weight: bold; -} -.highlight .kd { - font-weight: bold; -} -.highlight .kp { - font-weight: bold; -} -.highlight .kr { - font-weight: bold; -} -.highlight .kt { - color: #458; - font-weight: bold; -} -.highlight .m { - color: #099; -} -.highlight .s { - color: #d14; -} -.highlight .na { - color: #008080; -} -.highlight .nb { - color: #0086B3; -} -.highlight .nc { - color: #458; - font-weight: bold; -} -.highlight .no { - color: #008080; -} -.highlight .ni { - color: #800080; -} -.highlight .ne { - color: #900; - font-weight: bold; -} -.highlight .nf { - color: #900; - font-weight: bold; -} -.highlight .nn { - color: #555; -} -.highlight .nt { - color: #000080; -} -.highlight .nv { - color: #008080; -} -.highlight .ow { - font-weight: bold; -} -.highlight .w { - color: #bbb; -} -.highlight .mf { - color: #099; -} -.highlight .mh { - color: #099; -} -.highlight .mi { - color: #099; -} -.highlight .mo { - color: #099; -} -.highlight .sb { - color: #d14; -} -.highlight .sc { - color: #d14; -} -.highlight .sd { - color: #d14; -} -.highlight .s2 { - color: #d14; -} -.highlight .se { - color: #d14; -} -.highlight .sh { - color: #d14; -} -.highlight .si { - color: #d14; -} -.highlight .sx { - color: #d14; -} -.highlight .sr { - color: #009926; -} -.highlight .s1 { - color: #d14; -} -.highlight .ss { - color: #990073; -} -.highlight .bp { - color: #999; -} -.highlight .vc { - color: #008080; -} -.highlight .vg { - color: #008080; -} -.highlight .vi { - color: #008080; -} -.highlight .il { - color: #099; -} - -/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/_site/css/main.css.map b/_site/css/main.css.map deleted file mode 100644 index 0057ce9..0000000 --- a/_site/css/main.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../_sass/_base.scss","main.scss","../_sass/_layout.scss","../_sass/_syntax-highlighting.scss"],"names":[],"mappings":"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","sourcesContent":["/**\n * Reset some basic elements\n */\nbody, h1, h2, h3, h4, h5, h6,\np, blockquote, pre, hr,\ndl, dd, ol, ul, figure {\n margin: 0;\n padding: 0;\n}\n\n\n\n/**\n * Basic styling\n */\nbody {\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: 300;\n color: $text-color;\n background-color: $background-color;\n -webkit-text-size-adjust: 100%;\n}\n\n\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1, h2, h3, h4, h5, h6,\np, blockquote, pre,\nul, ol, dl, figure,\n%vertical-rhythm {\n margin-bottom: $spacing-unit / 2;\n}\n\n\n\n/**\n * Images\n */\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n\n\n/**\n * Figures\n */\nfigure > img {\n display: block;\n}\n\nfigcaption {\n font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul, ol {\n margin-left: $spacing-unit;\n}\n\nli {\n > ul,\n > ol {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n font-weight: 300;\n}\n\n\n\n/**\n * projectss\n */\na {\n color: $brand-color;\n text-decoration: none;\n\n &:visited {\n color: darken($brand-color, 15%);\n }\n\n &:hover {\n color: $text-color;\n text-decoration: underline;\n }\n}\n\n\n\n/**\n * Blockquotes\n */\nblockquote {\n color: $grey-color;\n border-left: 4px solid $grey-color-light;\n padding-left: $spacing-unit / 2;\n font-size: 18px;\n letter-spacing: -1px;\n font-style: italic;\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Code formatting\n */\npre,\ncode {\n font-size: 15px;\n border: 1px solid $grey-color-light;\n border-radius: 3px;\n background-color: #eef;\n}\n\ncode {\n padding: 1px 5px;\n}\n\npre {\n padding: 8px 12px;\n overflow-x: scroll;\n\n > code {\n border: 0;\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n\n/**\n * Wrapper\n */\n.wrapper {\n max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));\n max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));\n margin-right: auto;\n margin-left: auto;\n padding-right: $spacing-unit;\n padding-left: $spacing-unit;\n @extend %clearfix;\n\n @include media-query($on-laptop) {\n max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));\n max-width: calc(#{$content-width} - (#{$spacing-unit}));\n padding-right: $spacing-unit / 2;\n padding-left: $spacing-unit / 2;\n }\n}\n\n\n\n/**\n * Clearfix\n */\n%clearfix {\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n}\n\n\n\n/**\n * Icons\n */\n.icon {\n\n > svg {\n display: inline-block;\n width: 16px;\n height: 16px;\n vertical-align: middle;\n\n path {\n fill: $grey-color;\n }\n }\n}\n","@charset \"utf-8\";\n\n\n\n// Our variables\n$base-font-family: Helvetica, Arial, sans-serif;\n$base-font-size: 16px;\n$small-font-size: $base-font-size * 0.875;\n$base-line-height: 1.5;\n\n$spacing-unit: 30px;\n\n$text-color: #111;\n$background-color: #fdfdfd;\n$brand-color: #2a7ae2;\n\n$grey-color: #828282;\n$grey-color-light: lighten($grey-color, 40%);\n$grey-color-dark: darken($grey-color, 25%);\n\n// Width of the content area\n$content-width: 800px;\n\n$on-palm: 600px;\n$on-laptop: 800px;\n\n\n\n// Using media queries with like this:\n// @include media-query($on-palm) {\n// .wrapper {\n// padding-right: $spacing-unit / 2;\n// padding-left: $spacing-unit / 2;\n// }\n// }\n@mixin media-query($device) {\n @media screen and (max-width: $device) {\n @content;\n }\n}\n\n\n\n// Import partials from `sass_dir` (defaults to `_sass`)\n@import\n \"base\",\n \"layout\",\n \"syntax-highlighting\"\n;\n","/**\n * Site header\n */\n.site-header {\n border-top: 5px solid $grey-color-dark;\n border-bottom: 1px solid $grey-color-light;\n min-height: 56px;\n\n // Positioning context for the mobile navigation icon\n position: relative;\n}\n\n.site-title {\n font-size: 26px;\n line-height: 56px;\n letter-spacing: -1px;\n margin-bottom: 0;\n float: left;\n\n &,\n &:visited {\n color: $grey-color-dark;\n }\n}\n\n.site-nav {\n float: right;\n line-height: 56px;\n\n .menu-icon {\n display: none;\n }\n\n .page-link {\n color: $text-color;\n line-height: $base-line-height;\n\n // Gaps between nav items, but not on the first one\n &:not(:first-child) {\n margin-left: 20px;\n }\n }\n\n @include media-query($on-palm) {\n position: absolute;\n top: 9px;\n right: 30px;\n background-color: $background-color;\n border: 1px solid $grey-color-light;\n border-radius: 5px;\n text-align: right;\n\n .menu-icon {\n display: block;\n float: right;\n width: 36px;\n height: 26px;\n line-height: 0;\n padding-top: 10px;\n text-align: center;\n\n > svg {\n width: 18px;\n height: 15px;\n\n path {\n fill: $grey-color-dark;\n }\n }\n }\n\n .trigger {\n clear: both;\n display: none;\n }\n\n &:hover .trigger {\n display: block;\n padding-bottom: 5px;\n }\n\n .page-link {\n display: block;\n padding: 5px 10px;\n }\n }\n}\n\n\n\n/**\n * Site footer\n */\n.site-footer {\n border-top: 1px solid $grey-color-light;\n padding: $spacing-unit 0;\n}\n\n.footer-heading {\n font-size: 18px;\n margin-bottom: $spacing-unit / 2;\n}\n\n.contact-list,\n.social-media-list {\n list-style: none;\n margin-left: 0;\n}\n\n.footer-col-wrapper {\n font-size: 15px;\n color: $grey-color;\n margin-left: -$spacing-unit / 2;\n @extend %clearfix;\n}\n\n.footer-col {\n float: left;\n margin-bottom: $spacing-unit / 2;\n padding-left: $spacing-unit / 2;\n}\n\n.footer-col-1 {\n width: -webkit-calc(35% - (#{$spacing-unit} / 2));\n width: calc(35% - (#{$spacing-unit} / 2));\n}\n\n.footer-col-2 {\n width: -webkit-calc(20% - (#{$spacing-unit} / 2));\n width: calc(20% - (#{$spacing-unit} / 2));\n}\n\n.footer-col-3 {\n width: -webkit-calc(45% - (#{$spacing-unit} / 2));\n width: calc(45% - (#{$spacing-unit} / 2));\n}\n\n@include media-query($on-laptop) {\n .footer-col-1,\n .footer-col-2 {\n width: -webkit-calc(50% - (#{$spacing-unit} / 2));\n width: calc(50% - (#{$spacing-unit} / 2));\n }\n\n .footer-col-3 {\n width: -webkit-calc(100% - (#{$spacing-unit} / 2));\n width: calc(100% - (#{$spacing-unit} / 2));\n }\n}\n\n@include media-query($on-palm) {\n .footer-col {\n float: none;\n width: -webkit-calc(100% - (#{$spacing-unit} / 2));\n width: calc(100% - (#{$spacing-unit} / 2));\n }\n}\n\n\n\n/**\n * Page content\n */\n.page-content {\n padding: $spacing-unit 0;\n}\n\n.page-heading {\n font-size: 20px;\n}\n\n.post-list {\n margin-left: 0;\n list-style: none;\n\n > li {\n margin-bottom: $spacing-unit;\n }\n}\n\n.post-meta {\n font-size: $small-font-size;\n color: $grey-color;\n}\n\n.post-link {\n display: block;\n font-size: 24px;\n}\n\n\n\n/**\n * Posts\n */\n.post-header {\n margin-bottom: $spacing-unit;\n}\n\n.post-title {\n font-size: 42px;\n letter-spacing: -1px;\n line-height: 1;\n\n @include media-query($on-laptop) {\n font-size: 36px;\n }\n}\n\n.post-content {\n margin-bottom: $spacing-unit;\n\n h2 {\n font-size: 32px;\n\n @include media-query($on-laptop) {\n font-size: 28px;\n }\n }\n\n h3 {\n font-size: 26px;\n\n @include media-query($on-laptop) {\n font-size: 22px;\n }\n }\n\n h4 {\n font-size: 20px;\n\n @include media-query($on-laptop) {\n font-size: 18px;\n }\n }\n}\n","/**\n * Syntax highlighting styles\n */\n.highlight {\n background: #fff;\n @extend %vertical-rhythm;\n\n .c { color: #998; font-style: italic } // Comment\n .err { color: #a61717; background-color: #e3d2d2 } // Error\n .k { font-weight: bold } // Keyword\n .o { font-weight: bold } // Operator\n .cm { color: #998; font-style: italic } // Comment.Multiline\n .cp { color: #999; font-weight: bold } // Comment.Preproc\n .c1 { color: #998; font-style: italic } // Comment.Single\n .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n .gd { color: #000; background-color: #fdd } // Generic.Deleted\n .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\n .ge { font-style: italic } // Generic.Emph\n .gr { color: #a00 } // Generic.Error\n .gh { color: #999 } // Generic.Heading\n .gi { color: #000; background-color: #dfd } // Generic.Inserted\n .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\n .go { color: #888 } // Generic.Output\n .gp { color: #555 } // Generic.Prompt\n .gs { font-weight: bold } // Generic.Strong\n .gu { color: #aaa } // Generic.Subheading\n .gt { color: #a00 } // Generic.Traceback\n .kc { font-weight: bold } // Keyword.Constant\n .kd { font-weight: bold } // Keyword.Declaration\n .kp { font-weight: bold } // Keyword.Pseudo\n .kr { font-weight: bold } // Keyword.Reserved\n .kt { color: #458; font-weight: bold } // Keyword.Type\n .m { color: #099 } // Literal.Number\n .s { color: #d14 } // Literal.String\n .na { color: #008080 } // Name.Attribute\n .nb { color: #0086B3 } // Name.Builtin\n .nc { color: #458; font-weight: bold } // Name.Class\n .no { color: #008080 } // Name.Constant\n .ni { color: #800080 } // Name.Entity\n .ne { color: #900; font-weight: bold } // Name.Exception\n .nf { color: #900; font-weight: bold } // Name.Function\n .nn { color: #555 } // Name.Namespace\n .nt { color: #000080 } // Name.Tag\n .nv { color: #008080 } // Name.Variable\n .ow { font-weight: bold } // Operator.Word\n .w { color: #bbb } // Text.Whitespace\n .mf { color: #099 } // Literal.Number.Float\n .mh { color: #099 } // Literal.Number.Hex\n .mi { color: #099 } // Literal.Number.Integer\n .mo { color: #099 } // Literal.Number.Oct\n .sb { color: #d14 } // Literal.String.Backtick\n .sc { color: #d14 } // Literal.String.Char\n .sd { color: #d14 } // Literal.String.Doc\n .s2 { color: #d14 } // Literal.String.Double\n .se { color: #d14 } // Literal.String.Escape\n .sh { color: #d14 } // Literal.String.Heredoc\n .si { color: #d14 } // Literal.String.Interpol\n .sx { color: #d14 } // Literal.String.Other\n .sr { color: #009926 } // Literal.String.Regex\n .s1 { color: #d14 } // Literal.String.Single\n .ss { color: #990073 } // Literal.String.Symbol\n .bp { color: #999 } // Name.Builtin.Pseudo\n .vc { color: #008080 } // Name.Variable.Class\n .vg { color: #008080 } // Name.Variable.Global\n .vi { color: #008080 } // Name.Variable.Instance\n .il { color: #099 } // Literal.Number.Integer.Long\n}\n"],"file":"main.css"} \ No newline at end of file diff --git a/_site/css/normalize.css b/_site/css/normalize.css deleted file mode 100644 index 81c6f31..0000000 --- a/_site/css/normalize.css +++ /dev/null @@ -1,427 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} \ No newline at end of file diff --git a/_site/css/skeleton.css b/_site/css/skeleton.css deleted file mode 100644 index da914f0..0000000 --- a/_site/css/skeleton.css +++ /dev/null @@ -1,500 +0,0 @@ -/* -* Skeleton V2.0.4 -* Copyright 2014, Dave Gamache -* www.getskeleton.com -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/29/2014 -*/ - - -/* Table of contents -–––––––––––––––––––––––––––––––––––––––––––––––––– -- Grid -- Base Styles -- Typography -- Links -- Buttons -- Forms -- Lists -- Code -- Tables -- Spacing -- Utilities -- Clearing -- Media Queries -*/ - - -/* Grid -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.container { - position: relative; - width: 100%; - max-width: 960px; - margin: 0 auto; - padding: 0 20px; - box-sizing: border-box; } -.column, -.columns { - width: 100%; - float: left; - box-sizing: border-box; } - -/* For devices larger than 400px */ -@media (min-width: 400px) { - .container { - width: 85%; - padding: 0; } -} - -/* For devices larger than 550px */ -@media (min-width: 550px) { - .container { - width: 80%; } - .column, - .columns { - margin-left: 4%; } - .column:first-child, - .columns:first-child { - margin-left: 0; } - - .one.column, - .one.columns { width: 4.66666666667%; } - .two.columns { width: 13.3333333333%; } - .three.columns { width: 22%; } - .four.columns { width: 30.6666666667%; } - .five.columns { width: 39.3333333333%; } - .six.columns { width: 48%; } - .seven.columns { width: 56.6666666667%; } - .eight.columns { width: 65.3333333333%; } - .nine.columns { width: 74.0%; } - .ten.columns { width: 82.6666666667%; } - .eleven.columns { width: 91.3333333333%; } - .twelve.columns { width: 100%; margin-left: 0; } - - .one-third.column { width: 30.6666666667%; } - .two-thirds.column { width: 65.3333333333%; } - - .one-half.column { width: 48%; } - - /* Offsets */ - .offset-by-one.column, - .offset-by-one.columns { margin-left: 8.66666666667%; } - .offset-by-two.column, - .offset-by-two.columns { margin-left: 17.3333333333%; } - .offset-by-three.column, - .offset-by-three.columns { margin-left: 26%; } - .offset-by-four.column, - .offset-by-four.columns { margin-left: 34.6666666667%; } - .offset-by-five.column, - .offset-by-five.columns { margin-left: 43.3333333333%; } - .offset-by-six.column, - .offset-by-six.columns { margin-left: 52%; } - .offset-by-seven.column, - .offset-by-seven.columns { margin-left: 60.6666666667%; } - .offset-by-eight.column, - .offset-by-eight.columns { margin-left: 69.3333333333%; } - .offset-by-nine.column, - .offset-by-nine.columns { margin-left: 78.0%; } - .offset-by-ten.column, - .offset-by-ten.columns { margin-left: 86.6666666667%; } - .offset-by-eleven.column, - .offset-by-eleven.columns { margin-left: 95.3333333333%; } - - .offset-by-one-third.column, - .offset-by-one-third.columns { margin-left: 34.6666666667%; } - .offset-by-two-thirds.column, - .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } - - .offset-by-one-half.column, - .offset-by-one-half.columns { margin-left: 52%; } - -} - - -/* Base Styles -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* NOTE -html is set to 62.5% so that all the REM measurements throughout Skeleton -are based on 10px sizing. So basically 1.5rem = 15px :) */ -html { - font-size: 62.5%; } -body { - font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ - line-height: 1.6; - font-weight: 400; - font-family: "HelveticaNeue", "Helvetica Neue", "PT Sans", Helvetica, Arial, sans-serif; - color: #222; } - - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 2rem; - font-weight: 300; } -h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} -h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } -h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } -h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; } -h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; } -h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } - -/* Larger than phablet */ -@media (min-width: 550px) { - h1 { font-size: 5.0rem; } - h2 { font-size: 4.2rem; } - h3 { font-size: 3.6rem; } - h4 { font-size: 3.0rem; } - h5 { font-size: 2.4rem; } - h6 { font-size: 1.5rem; } -} - -p { - margin-top: 0; } - - -/* Links -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: #FF9800; - text-decoration: none; -} -a:hover { - color: #7E8AA2; } - - -/* Buttons -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.button, -button, -input[type="submit"], -input[type="reset"], -input[type="button"] { - display: inline-block; - height: 38px; - padding: 0 30px; - color: #555; - text-align: center; - font-size: 11px; - font-weight: 600; - line-height: 38px; - letter-spacing: .1rem; - text-transform: uppercase; - text-decoration: none; - white-space: nowrap; - background-color: transparent; - border-radius: 4px; - border: 1px solid #bbb; - cursor: pointer; - box-sizing: border-box; } -.button:hover, -button:hover, -input[type="submit"]:hover, -input[type="reset"]:hover, -input[type="button"]:hover, -.button:focus, -button:focus, -input[type="submit"]:focus, -input[type="reset"]:focus, -input[type="button"]:focus { - color: #333; - border-color: #888; - outline: 0; } -.button.button-primary, -button.button-primary, -input[type="submit"].button-primary, -input[type="reset"].button-primary, -input[type="button"].button-primary { - color: #FFF; - background-color: #FF9800; - border-color: #FF9800; } -.button.button-primary:hover, -button.button-primary:hover, -input[type="submit"].button-primary:hover, -input[type="reset"].button-primary:hover, -input[type="button"].button-primary:hover, -.button.button-primary:focus, -button.button-primary:focus, -input[type="submit"].button-primary:focus, -input[type="reset"].button-primary:focus, -input[type="button"].button-primary:focus { - color: #FFF; - background-color: #7E8AA2; - border-color: #7E8AA2; } - - -/* Lists -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -ul { - list-style: circle inside; } -ol { - list-style: decimal inside; } -ol, ul { - padding-left: 0; - margin-top: 0; } -ul ul, -ul ol, -ol ol, -ol ul { - margin: 1.5rem 0 1.5rem 3rem; - font-size: 90%; } -li { - margin-bottom: 1rem; } - - -/* Code -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -code { - padding: .2rem .5rem; - margin: 0 .2rem; - font-size: 90%; - white-space: nowrap; - background: #F1F1F1; - border: 1px solid #E1E1E1; - border-radius: 4px; } -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre; } - - -/* Tables -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -th, -td { - padding: 12px 15px; - text-align: left; - border-bottom: 1px solid #E1E1E1; } -th:first-child, -td:first-child { - padding-left: 0; } -th:last-child, -td:last-child { - padding-right: 0; } - - -/* Spacing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -button, -.button { - margin-bottom: 1rem; } -input, -textarea, -select, -fieldset { - margin-bottom: 1.5rem; } -pre, -blockquote, -dl, -figure, -table, -p, -ul, -ol, -form { - margin-bottom: 2.5rem; } - - -/* Utilities -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-full-width { - width: 100%; - box-sizing: border-box; } -.u-max-full-width { - max-width: 100%; - box-sizing: border-box; } -.u-pull-right { - float: right; } -.u-pull-left { - float: left; } - - -/* Misc -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -hr { - margin-top: 3rem; - margin-bottom: 3.5rem; - border-width: 0; - border-top: 1px solid #E1E1E1; } - - -/* Clearing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - -/* Self Clearing Goodness */ -.container:after, -.row:after, -.u-cf { - content: ""; - display: table; - clear: both; } - - -/* Media Queries -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* -Note: The best way to structure the use of media queries is to create the queries -near the relevant code. For example, if you wanted to change the styles for buttons -on small devices, paste the mobile query code up in the buttons section and style it -there. -*/ - - -/* Larger than mobile */ -@media (min-width: 400px) {} - -/* Larger than phablet (also point when grid becomes active) */ -@media (min-width: 550px) {} - -/* Larger than tablet */ -@media (min-width: 750px) {} - -/* Larger than desktop */ -@media (min-width: 1000px) {} - -/* Larger than Desktop HD */ -@media (min-width: 1200px) {} - - -.row { - margin-top: 30px; - padding-top: 15px; -} - -.headline { - position: relative; - display: inline-block; - border: 1px solid; - margin: 40px 0px 40px 0px; - font: 12px 'PT Sans', sans-serif; - line-height: 20px; - text-align: center; -} - -.headline h1 { - padding: 10px 15px; - margin-bottom: 0; - text-transform: uppercase; - line-height: 53px; -} - -.headline h2 { - padding: 30px 40px; - margin-bottom: 0; - text-transform: uppercase; - line-height: 28x; -} - -.headline p { - position: absolute; - top: -10px; - right: 0; - left: 0; - letter-spacing: 1px; - text-transform: uppercase; -} - -.headline p span { - padding: 0 10px; - background-color: #fff; -} - -.personal-details li { - padding: 9px 0; - border-bottom: 1px solid #e1e1e1; - color: #252525; - list-style: none; -} - -.personal-details li:first-child { padding-top: 0; } - -.personal-details li:last-child { border-bottom: none; } - - -.five.columns h2 { - text-transform: uppercase; - font-size: 2.5rem; - font-weight: bold; - letter-spacing: 1px; - padding-bottom: 10px; - border-bottom: 1px solid; -} - -.five.columns h4 { - text-transform: uppercase; - font-size: 2rem; - letter-spacing: 2px; -} -section { - padding-top: 40px; -} - -.members { - font-style: italic; -} - -#footer { - margin-top: 50px; - padding: 50px; - text-align: center; -} - -/* uses this fix http://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element */ - -.site-title { - padding-top: 1px; - margin-top: -1px; -} - -.site-title-text { - background-color: rgba(0,0,0,0.4); - padding: 20px; - font: 'PT Sans', sans-serif,; - margin-top: 60vh; - -} -.site-title-text h1{ - font-weight: 700; - font-size: 10rem; - line-height: 8rem; -} - -.site-title-text p{ - font-size: 3rem; - font-weight: 400; - line-height: 10rem: - margin-top: -30px; - text-transform: uppercase - -} - -/* Alternate Row Colouring -––––––––––––––––––––––––––––––––––––––––––––––––––*/ - -#experience, #awards, #skills { - background-color: #263248; - color: #ffffff; -} - -#experience .headline p span, #awards .headline p span, #skills .headline p span { - background-color: #263248; -} - - - -/* Header Image -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - -#header { - background-image: url(../images/2-squawk_24394345845_o.jpg); - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - background-position: center top; - min-height: 100vh; - position: relative; - color: #fff; -} diff --git a/_site/feed.xml b/_site/feed.xml deleted file mode 100644 index e67c8a9..0000000 --- a/_site/feed.xml +++ /dev/null @@ -1,13 +0,0 @@ - - - - Samuel Yip - Welcome to the Resume Builder. You can create your own resume by adding a few markdown files, tweaking values in a a config file and changing some CSS - http://localhost:4000/site/ - - Thu, 03 Aug 2023 15:25:52 +0800 - Thu, 03 Aug 2023 15:25:52 +0800 - Jekyll v4.3.2 - - - diff --git a/_site/images/2-squawk_24394345845_o.jpg b/_site/images/2-squawk_24394345845_o.jpg deleted file mode 100644 index ebc5ca7..0000000 Binary files a/_site/images/2-squawk_24394345845_o.jpg and /dev/null differ diff --git a/_site/images/favicon.png b/_site/images/favicon.png deleted file mode 100644 index 1625a7b..0000000 Binary files a/_site/images/favicon.png and /dev/null differ diff --git a/_site/index.html b/_site/index.html deleted file mode 100644 index 88ac259..0000000 --- a/_site/index.html +++ /dev/null @@ -1,430 +0,0 @@ - - - - - - - - - Samuel Yip - - - - - - - - - - - - - - - - -
-
-
-

Samuel Yip

-

Ice-cream = 4x performance optimization

-
- -
- - - -
-
- -
-
-

Who Am I?

-

Personal Details

-
-
-
- -
-
-
    -
  • Name Samuel Yip
    • -
  • Location Singapore
    • -
  • Country Singapore
    • -
  • - Email samyipsh@gmail.com -
    • -
  • - Youtube Piano Recordings -
    • -
  • - LinkedIn - Profile -
    • -
  • - GitHub - Repositories -
    • -
  • - Artworks Paintings & Digital art -
    • -
-
-
-

Professional Profile

-

Hi, I’m a Computer Science student in my final year of NUS. Welcome to my personal site.

- -

It has been said that polishing your code can bring up to 2x improvement, but selecting a better algorithm can lead to better. Dear readers, may I suggest some food for thought? The greatest optimization can be attained if you optimize the source. Treat yourself to a bowl of chocolate ice-cream, it is guaranteed to bring about untold performance improvements :)

- -

Ok but seriously…so abit about me, I’m graduating soon with focus areas in Database and Software Engineering. The applications of coding magic is really cool but independent learning is tough >< I have to try hard to trick myself to learn more. Looking forward to explore more coding paradigms, architectural patterns, and new concepts. I’m an easy-going individual who works well with others!

- -
-
- -
- -
-
-
-

Professional Background

-

Work Experience

-
-
-
- -
-
-

May 2022 - Jul 2022

-

Foodpanda

-
-
-

Pandago Backend developer

-
    -
  • Planned and Presented RFC to optimize DynamoDB performance and reduce cost through restructuring GSIs
    • -
  • Assited in Re-engagement Feature implementation to increase micro conversion rate by re-engaging dropped-off customers who leave the app before completing a purchase
    • -
  • Summarized WOR (Weekly Operations Review) meetings to inform team about best practices regarding alerting and monitoring (SRE)
    • -
  • Leveraged knowledge: Golang, Hexagonal Architecture, SNS, SQS, DynamoDB, Docker Containers, Cypress
    • -
- - -
-
- -
-
-

May 2022 - Oct 2022

-

Lazada

-
-
-

Redmart Frontend developer

-
    -
  • Extended functionality of merchant’s platform with new features in quick succession
    • -
  • Enhanced user experience by migrating MUI libraries and via stylistic changes
    • -
  • Spearheaded using Cypress for e2e tests in Alibaba platform and facilitated training of this new process to team of 6 which cut down testing time by about 300% (2 hours to 0.5 hours)
    • -
  • Facilitated DevOps practices through test automation and continuous deployment scripts
    • -
  • Architected code structure, including best practices using jQuery (fetch data) and state management solutions, for more maintainable code
    • -
  • Leveraged knowledge Typescript, React, jQuery, Cypress, React Testing Library, Sass
    • -
- - -
-
- -
-
-

Aug 2019 - Oct 2020

-

Self-employed

-
-
-

Private math tutor

-

Planned and executed necessary tuition framework for Mathematics for IB, AS, and N Level. Assessed the student’s progress and incorporated a systematic learning timeline. Provided timely feedback to parents via messages and updated records. Evaluated character and learning style to use different teaching approaches for each student

- - -
-
- -
-
-

Apr 2018 - Apr 2020

-

Singapore Police Force

-
-
-

Infocomm Technology Liaison Officer

-

Troubleshooted IT related matters for SPF Operations Dept (200+ people). -Interacted with senior management very frequently, improved social acumen. -Communicated solutions face to face, via email, and over the phone. -Integrated a systematic Excel document for storing hardware asset records. -Maintained the website for the SPF Intranet Ops Website. -Internalized and presented key points of GovTech’s migration to new software to my entire department. -Leveraged knowledge Outlook, Security protocols, Windows PowerShell, HTML.

- -
-
- -
-
- -
-
-
-

Learning & Training

-

Education

-
-
- -
- -
-
-

2020-PRESENT

-

National University of Singapore (NUS)

-
-
-

Bachelor of Computing (Honours) in Computer Science

-
-
- -
-
-

2012-2017

-

St Joseph's Institution (SJI)

-
-
-

IB Diploma

-
-
- -
-
- -
-
-
-

Recognition

-

Honours & Awards

-
-
- -
- -
-
-

2016

-

SJI

-
-
-

SJI Scholarship JC IBDP

-
-
- -
-
-

2014

-

MOE

-
-
-

Edusave Scholarship for Intergrated Program

-
-
- -
-
- -
-
-
-

Experience

-

Projects

-
-
- -
- -
-
-

Sep 2021- Nov 2021

-

Java app contact manager

-
-
-

NetworkUS

- -

@samyipsh, @dystoriax, @e0543403, @jeromewjj, @commanderw324

- -
    -
  • Brownfield, group project, github forking and feature workflow
    • -
  • Youtube demo video: https://youtu.be/ZavLV5jWn6M
    • -
  • Utilized: Jekyll plugin & Liquid, for Static Site Generation of User and Developer Docs
    • -
- -

- Check it out - - Youtube - -

-
-
- -
-
-

Aug 2021 - Sep 2021

-

Java app task organizer

-
-
-

Meap

- -

@samyipsh

- -
    -
  • Individual Project for CS2103T Software Engineering Module
    • -
  • Integrated GUI by incorporating JavaFX and Scene Builder tools for a friendly user-centric experience
    • -
  • Utilized Software Unit Tests and Build Automation like Gradle to ensure code sustainability and extensibility
    • -
  • Utilized: JavaFX, Java, OOP style, Test Driven Development, Unit test, Junit, Gradle
    • -
- -

- Check it out - -

-
-
- -
-
-

May 2021 - Dec 2021

-

E-commerce Website

-
-
-

Bakeswitch

- -

@samyipsh, @laitzheng, @yichong96

- -
    -
  • Developed a React application in a 2-man team that acts that provide home-bakers an online central store, for management of their bakes and orders
    • -
  • Learnt and utilized web development related languages and frameworks in the short span of 3 months (React, JavaScript, HTML, CSS)
    • -
  • Integrated project with version control tools like GitHub
    • -
  • Incorporated a NoSQL database using Cloud Firestore, structuring multiple tiers of information from users, sellers, bakes
    • -
  • Utilized: React JS, Firebase hosting, Cloud Firestore, Denormalized data structures, HTML
    • -
- -

- Check it out - - Youtube - -

-
-
- -
-
- -
-
-
-

Areas of Expertise

-

Skills

-
-
- -
- -
-
-

Programming Languages

-
-
    -
  • (Working knowledge) Go, JavaScript, HTML, CSS, Java
    • -
  • (Basic knowledge) C, Unix, Powershell, Python
    • -
-
-
- -
-
-

Software Workflows

-
-
    -
  • (Working knowledge) Git, Github, SourceTree, JUnit
    • -
  • (Basic knowledge) Gradle
    • -
-
-
- -
-
-

Frontend / Backend

-
-
    -
  • Frontend framework: React, Bootstrap, JavaFX, Jekyll
    • -
  • Backend systems: Firebase, Firestore
    • -
-
-
- -
-
-

Soft Skills

-
-
    -
  • Team player (easy-going, empathetic, effective communicator)
    • -
  • Analytical / Critical thinker, Problem-solver
    • -
  • Attentive to details
    • -
  • Willingness to learn
    • -
-
-
- -
-
- -
-
-
-

Outside

-

Interests

-
-
- -
- -
-
-

Current Hobbies & Interests

-
-

Digital Art (Video & Audio editing), Art (Watercolor, Calligraphy), Piano, International Chess, Indoor sports (Billiards, Table Tennis, Badminton, Tennis)

-
-
- -
-
- -
-
- -
- -
2021
- -
- - - - - diff --git a/_site/package-lock.json b/_site/package-lock.json deleted file mode 100644 index ec73fec..0000000 --- a/_site/package-lock.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "name": "site", - "lockfileVersion": 3, - "requires": true, - "packages": {} -} diff --git a/_site/projects/2021-05-01-bakeswitch.html b/_site/projects/2021-05-01-bakeswitch.html deleted file mode 100644 index 4a0ed11..0000000 --- a/_site/projects/2021-05-01-bakeswitch.html +++ /dev/null @@ -1,7 +0,0 @@ -
    -
  • Developed a React application in a 2-man team that acts that provide home-bakers an online central store, for management of their bakes and orders
    • -
  • Learnt and utilized web development related languages and frameworks in the short span of 3 months (React, JavaScript, HTML, CSS)
    • -
  • Integrated project with version control tools like GitHub
    • -
  • Incorporated a NoSQL database using Cloud Firestore, structuring multiple tiers of information from users, sellers, bakes
    • -
  • Utilized: React JS, Firebase hosting, Cloud Firestore, Denormalized data structures, HTML
    • -
diff --git a/_site/projects/2021-08-01-meap-task-manager.html b/_site/projects/2021-08-01-meap-task-manager.html deleted file mode 100644 index d2b9651..0000000 --- a/_site/projects/2021-08-01-meap-task-manager.html +++ /dev/null @@ -1,6 +0,0 @@ -
    -
  • Individual Project for CS2103T Software Engineering Module
    • -
  • Integrated GUI by incorporating JavaFX and Scene Builder tools for a friendly user-centric experience
    • -
  • Utilized Software Unit Tests and Build Automation like Gradle to ensure code sustainability and extensibility
    • -
  • Utilized: JavaFX, Java, OOP style, Test Driven Development, Unit test, Junit, Gradle
    • -
diff --git a/_site/projects/2021-09-15-networkus-contact-manager.html b/_site/projects/2021-09-15-networkus-contact-manager.html deleted file mode 100644 index aa0e32a..0000000 --- a/_site/projects/2021-09-15-networkus-contact-manager.html +++ /dev/null @@ -1,5 +0,0 @@ -
    -
  • Brownfield, group project, github forking and feature workflow
    • -
  • Youtube demo video: https://youtu.be/ZavLV5jWn6M
    • -
  • Utilized: Jekyll plugin & Liquid, for Static Site Generation of User and Developer Docs
    • -