diff --git a/_config.yml b/_config.yml index 0d8bb0d..7827fd2 100644 --- a/_config.yml +++ b/_config.yml @@ -2,11 +2,11 @@ # Site settings # ----------------------------------------------------------------------------- -title: Robby's portfolio # the website title (if blank, full name will be used instead) +title: Robby Ahn # the website title (if blank, full name will be used instead) first_name: Robby -middle_name: SJ +middle_name: last_name: Ahn -email: you@example.com +email: robbyahn@gmail.com description: > # the ">" symbol means to ignore newlines until "footer_text:" A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. footer_text: > @@ -67,13 +67,13 @@ og_image: # The site-wide (default for all links) Open Graph preview image # Social integration # ----------------------------------------------------------------------------- -github_username: # your GitHub user name +github_username: robbyahn # your GitHub user name gitlab_username: # your GitLab user name x_username: # your X handle mastodon_username: # your mastodon instance+username in the format instance.tld/@username -linkedin_username: # your LinkedIn user name +linkedin_username: robby-ahn-262b5a39 # your LinkedIn user name telegram_username: # your Telegram user name -scholar_userid: qc6CJjYAAAAJ # your Google Scholar ID +scholar_userid: # your Google Scholar ID semanticscholar_id: # your Semantic Scholar ID whatsapp_number: # your WhatsApp number (full phone number in international format. Omit any zeroes, brackets, or dashes when adding the phone number in international format.) orcid_id: # your ORCID ID @@ -378,7 +378,7 @@ enable_masonry: true # enables automatic project cards arrangement enable_math: true # enables math typesetting (uses MathJax) enable_tooltips: false # enables automatic tooltip links generated for each section titles on pages and posts enable_darkmode: true # enables switching between light/dark modes -enable_navbar_social: false # enables displaying social links in the navbar on the about page +enable_navbar_social: true # enables displaying social links in the navbar on the about page enable_project_categories: true # enables categorization of projects into multiple categories enable_medium_zoom: true # enables image zoom feature (as on medium.com) enable_progressbar: true # enables a horizontal progress bar linked to the vertical scroll position diff --git a/_data/cv.yml b/_data/cv.yml index 5885b30..2b4a9ee 100644 --- a/_data/cv.yml +++ b/_data/cv.yml @@ -2,96 +2,63 @@ type: map contents: - name: Full Name - value: Albert Einstein - - name: Date of Birth - value: 14th March 1879 + value: Robby Ahn - name: Languages - value: English, German - -- title: Education - type: time_table - contents: - - title: PhD - institution: University of Zurich, Zurich, Switzerland - year: 1905 - description: - - Description 1. - - Description 2. - - title: Description 3. - contents: - - Sub-description 1. - - Sub-description 2. - - title: Federal teaching diploma - institution: Eidgenössische Technische Hochschule, Zurich, Switzerland - year: 1900 - description: - - Description 1. - - Description 2. + value: English, Korean - title: Experience type: time_table contents: - - title: Professor of Theoretical Physics - institution: Institute for Advanced Study, Princeton University - year: 1933 - 1955 - description: - - Description 1. - - Description 2. - - title: Description 3. - contents: - - Sub-description 1. - - Sub-description 2. - - title: Visiting Professor - institution: California Institute of Technology, Pasadena, California, US - year: 1933 + - title: Senior Web developer – Ministry of Social Development + institution: MSD - Ministry of Social Development, Wellington + year: 2021 - Current description: - - Description 1. - - Description 2. + - Silverstripe projects + - React and JQuery + - Accessibility + - Opentext Teamsite - BAU supports and JQuery and JSP & Perl templates supports. - - title: Director - institution: Kaiser Wilhelm Institute for Physics, Berlin, Germany. - year: 1917-1933 + - title: Senior Web developer – New Zealand Transport Agency - Waka Kotahi + institution: NZTA New Zealand Transport Agency, Wellington + year: 2015 - 2021 + description: + - New Zealand Transport Agency - website migration from traditional PHP sites to Silverstripe + - Silverstripe CMS - NZTA external site - nzta.govt.nz and intranet maintenance and enhancement. + - Front-end support and development (HTML & CSS, NodeJS and ReAct). + - Develop Silverstripe modules and contributions. + - Support internal customers and content editors / Provide intranet MS Sharepoint supports - - title: Professor of Theoretical Physics - institution: Karl-Ferdinand University, Prague, Czechoslovakia - year: 1911 - 1917 + - title: Web developer - Drupal - IRD intranet & extranet support, training and development + institution: Inland Revenue, Wellington + year: 2013 - 2015 description: + - Front-end support and development (HTML, CSS and Jquery). + - Develop and customise Drupal and CWP (Common Web Platform - Silverstripe) modules. Intranet Maintenance and Web development projects. + - Support internal customers and content editors. + - Provide intranet training + - Web Server (Suse and Ubuntu) management. + - Develop external and intenal web sites (Whatstax.govt.nz and GST online Forum) - - title: Associate Professor of Theoretical Physics - institution: University of Zurich, Zurich, Switzerland - year: 1909 - 1911 - -- title: Open Source Projects - type: time_table - contents: - - title: al-folio - year: 2015-now - description: A beautiful, simple, clean, and responsive Jekyll theme for academics. - -- title: Honors and Awards - type: time_table - contents: - - year: 1921 - items: - - Nobel Prize in Physics - - Matteucci Medal - - year: 2029 - items: - - Max Planck Medal + - title: Web developer - Drupal - PHP open source Content Management System + institution: Sparks Interactive, Wellington + year: 2012 - 2013 + description: + - Develop and customize Drupal modules / Database (MySql) maintenance + - Theming Google map API using Gmap module + - Customize Drupal Commerce module for eCommerce project + - Build front-end theme (UI) + - New Zealand Film Commission responsive theme supporting ipad and iphone Convert from design to theme code using omega theme + - Adobe Creative Suite – Fireworks, Illustrator and Photoshop -- title: Academic Interests - type: nested_list - contents: - - title: Topic 1. - items: - - Description 1. - - Description 2. - - title: Topic 2. - items: - - Description 1. - - Description 2. + - title: Web designer / Front-end developer + institution: FNZ, Wellington + year: 2010 - 2012 + description: + - C# .Net + - UI/UX & Styleguide + - National Austrailia Bank - NAB - WealthHub project - title: Other Interests type: list contents: - - Hobbies: Hobby 1, Hobby 2, etc. + - Hobbies: Badminton, Playing the guitar and Swimming. diff --git a/_data/repositories.yml b/_data/repositories.yml index 5205c9f..9915aff 100644 --- a/_data/repositories.yml +++ b/_data/repositories.yml @@ -1,12 +1,13 @@ github_users: - - torvalds - - alshedivat + - robbyahn + # - nzta + # - dnadesign github_repos: - - alshedivat/al-folio - - twbs/bootstrap - - jekyll/jekyll - - jquery/jquery - - FortAwesome/Font-Awesome - - jpswalsh/academicons - - mathjax/MathJax + - nzta/nzta-map-components + # - twbs/bootstrap + # - jekyll/jekyll + # - dnadesign/silverstripe-glossary + # - FortAwesome/Font-Awesome + # - jpswalsh/academicons + # - mathjax/MathJax diff --git a/_includes/projects.liquid b/_includes/projects.liquid index 926ad1e..91dd77d 100644 --- a/_includes/projects.liquid +++ b/_includes/projects.liquid @@ -12,7 +12,7 @@ %} {% endif %}
-

{{ project.title }}

+

{{ project.title }}

{{ project.description }}

{% if project.github %} diff --git a/_pages/about.md b/_pages/about.md index 120688f..4e6cebf 100644 --- a/_pages/about.md +++ b/_pages/about.md @@ -2,25 +2,21 @@ layout: about title: about permalink: / -subtitle: Affiliations. Address. Contacts. Moto. Etc. +subtitle: Web Developer, Coder and Themer profile: align: right - image: prof_pic.jpg + image: robby_profile.jpg image_circular: false # crops the image to make it circular more_info: > -

555 your office number

-

123 your address street

-

Your City, State 12345

+

Located in Wellington, New Zealand

-news: true # includes a list of news items -latest_posts: true # includes a list of the newest posts -selected_papers: true # includes a list of papers marked as "selected={true}" +news: false # includes a list of news items +latest_posts: false # includes a list of the newest posts +selected_papers: false # includes a list of papers marked as "selected={true}" social: true # includes social icons at the bottom of the page --- -Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder. +Hey there, fellow digital enthusiasts! I'm Robby, a web developer with a flair for crafting unforgettable online experiences. My journey in the realm of web development has led me to master [Silverstripe CMS](https://www.silverstripe.com/), [Drupal](https://www.drupal.org/), and the art of web design. Specializing in crafting robust themes with rock-solid multi-browser support, I bring a blend of creativity and technical finesse to every project. -Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically. - -Link to your social media connections, too. This theme is set up to use [Font Awesome icons](https://fontawesome.com/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them. +But that's not all! During my time at a prestigious news agency, I delved into the world of Advertisement Design, honing my skills in Adobe Photoshop, InDesign, and Illustrator. And let's not forget my passion for programming, where I've dabbled in Jade, Java, and JavaScript, all while keeping the principles of information design close at hand. diff --git a/_pages/b213d437c0ac98eb2a20d0ee88937cf56358da7b b/_pages/b213d437c0ac98eb2a20d0ee88937cf56358da7b new file mode 100644 index 0000000..aa77b5b --- /dev/null +++ b/_pages/b213d437c0ac98eb2a20d0ee88937cf56358da7b @@ -0,0 +1 @@ +b213d437c0ac98eb2a20d0ee88937cf56358da7b \ No newline at end of file diff --git a/_pages/cv.md b/_pages/cv.md index 1c7d733..7bab1e5 100644 --- a/_pages/cv.md +++ b/_pages/cv.md @@ -7,5 +7,5 @@ nav_order: 2 cv_pdf: example_pdf.pdf description: This is a description of the page. You can modify it in '_pages/cv.md'. You can also change or remove the top pdf download button. toc: - sidebar: left + sidebar: right --- diff --git a/_pages/projects.md b/_pages/projects.md index 183c628..22d9879 100644 --- a/_pages/projects.md +++ b/_pages/projects.md @@ -5,7 +5,7 @@ permalink: /projects/ description: A growing collection of your cool projects. nav: true nav_order: 3 -display_categories: [work, fun] +display_categories: [work] horizontal: false --- diff --git a/_pages/repositories.md b/_pages/repositories.md index 676137d..28e202f 100644 --- a/_pages/repositories.md +++ b/_pages/repositories.md @@ -2,7 +2,7 @@ layout: page permalink: /repositories/ title: repositories -description: Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories. +description: My git activities nav: true nav_order: 4 --- diff --git a/_projects/1_project.md b/_projects/1_project.md deleted file mode 100644 index 11c41af..0000000 --- a/_projects/1_project.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -layout: page -title: project 1 -description: a project with a background image -img: assets/img/12.jpg -importance: 1 -category: work -related_publications: true ---- - -Every project has a beautiful feature showcase page. -It's easy to include images in a flexible 3-column grid format. -Make your photos 1/3, 2/3, or full width. - -To give your project a background in the portfolio page, just add the img tag to the front matter like so: - - --- - layout: page - title: project - description: a project with a background image - img: /assets/img/12.jpg - --- - -
-
- {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. -
-
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- This image can also have a caption. It's like magic. -
- -You can also put regular text between your rows of images, even citations {% cite einstein1950meaning %}. -Say you wanted to write a bit about your project before you posted the rest of the images. -You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images. - -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these. -
- -The code is simple. -Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). -To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. -Here's the code for the last row of images above: - -{% raw %} - -```html -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-``` - -{% endraw %} diff --git a/_projects/1_project.md.bak.saf b/_projects/1_project.md.bak.saf new file mode 100644 index 0000000..6285335 --- /dev/null +++ b/_projects/1_project.md.bak.saf @@ -0,0 +1,35 @@ + --> diff --git a/_projects/2_project.md b/_projects/2_project.md deleted file mode 100644 index 25de228..0000000 --- a/_projects/2_project.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -layout: page -title: project 2 -description: a project with a background image and giscus comments -img: assets/img/3.jpg -importance: 2 -category: work -giscus_comments: true ---- - -Every project has a beautiful feature showcase page. -It's easy to include images in a flexible 3-column grid format. -Make your photos 1/3, 2/3, or full width. - -To give your project a background in the portfolio page, just add the img tag to the front matter like so: - - --- - layout: page - title: project - description: a project with a background image - img: /assets/img/12.jpg - --- - -
-
- {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. -
-
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- This image can also have a caption. It's like magic. -
- -You can also put regular text between your rows of images. -Say you wanted to write a little bit about your project before you posted the rest of the images. -You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images. - -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these. -
- -The code is simple. -Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). -To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. -Here's the code for the last row of images above: - -{% raw %} - -```html -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-``` - -{% endraw %} diff --git a/_projects/3_project.md b/_projects/3_project.md deleted file mode 100644 index ae4eecf..0000000 --- a/_projects/3_project.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -layout: page -title: project 3 -description: a project that redirects to another website -img: assets/img/7.jpg -redirect: https://unsplash.com -importance: 3 -category: work ---- - -Every project has a beautiful feature showcase page. -It's easy to include images in a flexible 3-column grid format. -Make your photos 1/3, 2/3, or full width. - -To give your project a background in the portfolio page, just add the img tag to the front matter like so: - - --- - layout: page - title: project - description: a project with a background image - img: /assets/img/12.jpg - --- - -
-
- {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. -
-
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- This image can also have a caption. It's like magic. -
- -You can also put regular text between your rows of images. -Say you wanted to write a little bit about your project before you posted the rest of the images. -You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images. - -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these. -
- -The code is simple. -Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). -To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. -Here's the code for the last row of images above: - -{% raw %} - -```html -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-``` - -{% endraw %} diff --git a/_projects/4_project.md b/_projects/4_project.md deleted file mode 100644 index 1144b9c..0000000 --- a/_projects/4_project.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -layout: page -title: project 4 -description: another without an image -img: -importance: 3 -category: fun ---- - -Every project has a beautiful feature showcase page. -It's easy to include images in a flexible 3-column grid format. -Make your photos 1/3, 2/3, or full width. - -To give your project a background in the portfolio page, just add the img tag to the front matter like so: - - --- - layout: page - title: project - description: a project with a background image - img: /assets/img/12.jpg - --- - -
-
- {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. -
-
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- This image can also have a caption. It's like magic. -
- -You can also put regular text between your rows of images. -Say you wanted to write a little bit about your project before you posted the rest of the images. -You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images. - -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these. -
- -The code is simple. -Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). -To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. -Here's the code for the last row of images above: - -{% raw %} - -```html -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-``` - -{% endraw %} diff --git a/_projects/5_project.md b/_projects/5_project.md deleted file mode 100644 index 35c8e63..0000000 --- a/_projects/5_project.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -layout: page -title: project 5 -description: a project with a background image -img: assets/img/1.jpg -importance: 3 -category: fun ---- - -Every project has a beautiful feature showcase page. -It's easy to include images in a flexible 3-column grid format. -Make your photos 1/3, 2/3, or full width. - -To give your project a background in the portfolio page, just add the img tag to the front matter like so: - - --- - layout: page - title: project - description: a project with a background image - img: /assets/img/12.jpg - --- - -
-
- {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. -
-
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- This image can also have a caption. It's like magic. -
- -You can also put regular text between your rows of images. -Say you wanted to write a little bit about your project before you posted the rest of the images. -You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images. - -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these. -
- -The code is simple. -Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). -To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. -Here's the code for the last row of images above: - -{% raw %} - -```html -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-``` - -{% endraw %} diff --git a/_projects/6_project.md b/_projects/6_project.md deleted file mode 100644 index 36ea874..0000000 --- a/_projects/6_project.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -layout: page -title: project 6 -description: a project with no image -img: -importance: 4 -category: fun ---- - -Every project has a beautiful feature showcase page. -It's easy to include images in a flexible 3-column grid format. -Make your photos 1/3, 2/3, or full width. - -To give your project a background in the portfolio page, just add the img tag to the front matter like so: - - --- - layout: page - title: project - description: a project with a background image - img: /assets/img/12.jpg - --- - -
-
- {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. -
-
-
- {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- This image can also have a caption. It's like magic. -
- -You can also put regular text between your rows of images. -Say you wanted to write a little bit about your project before you posted the rest of the images. -You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images. - -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these. -
- -The code is simple. -Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). -To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. -Here's the code for the last row of images above: - -{% raw %} - -```html -
-
- {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
- {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} -
-
-``` - -{% endraw %} diff --git a/_projects/drupal.md b/_projects/drupal.md new file mode 100644 index 0000000..430a483 --- /dev/null +++ b/_projects/drupal.md @@ -0,0 +1,23 @@ +--- +layout: page +title: Drupal projects +description: Drupal projects +img: +importance: 4 +category: work +related_publications: false +--- + +Drupal projects + + diff --git a/_projects/fm7.md b/_projects/fm7.md new file mode 100644 index 0000000..cca4265 --- /dev/null +++ b/_projects/fm7.md @@ -0,0 +1,28 @@ +--- +layout: page +title: FM7 Windows Tinting +description: Gatsby JS website +img: +importance: 3 +category: work +related_publications: false +--- + +GatsbyJS Node based website +Build a open leaflet module to display branch on the open street map + +FM7 Australia windows tinting +
    +
  • GastbyJS
    • +
  • Contentful CMS
    • +
  • Netlify
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project-fm7.jpg" title="weag" class="img-fluid rounded z-depth-1" %} +
+
+
+ FM7 Windows tinting +
diff --git a/_projects/heartland.md b/_projects/heartland.md new file mode 100644 index 0000000..675e42a --- /dev/null +++ b/_projects/heartland.md @@ -0,0 +1,29 @@ +--- +layout: page +title: Heartland Services +description: A project Heartland Services +img: +importance: 2 +category: work +giscus_comments: false +--- + +Silverstripe theme development + +Heartland Services +
    +
  • Silverstripe
    • +
  • React component
    • +
  • Web Accessibility
    • +
  • Webpack
    • +
  • Squiz Funnelback integration
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project_heartlandservice.png" title="Heartland service" class="img-fluid rounded z-depth-1" %} +
+
+
+ Heartland Services +
diff --git a/_projects/jsh.md b/_projects/jsh.md new file mode 100644 index 0000000..f8e4f02 --- /dev/null +++ b/_projects/jsh.md @@ -0,0 +1,28 @@ +--- +layout: page +title: Jobs and Skills Hubs +description: Develop Jobs and Skills Hubs Silverstripe. +img: +importance: 1 +category: work +related_publications: false +--- + +Silverstripe theme and react integration + +Jobs and Skills Hubs +
    +
  • Silverstripe
    • +
  • React component
    • +
  • Web Accessibility
    • +
  • Webpack
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project_jsh.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+
+ Jobs and Skills Hubs +
diff --git a/_projects/koreanassoc.md b/_projects/koreanassoc.md new file mode 100644 index 0000000..2d74a7f --- /dev/null +++ b/_projects/koreanassoc.md @@ -0,0 +1,28 @@ +--- +layout: page +title: Wellington Korean Association +description: .Net C# +img: +importance: 4 +category: work +related_publications: false +--- + +Wellington Korean Association + +Koreans.org.nz +
    +
  • Develop Q&A Forum, Navigation, configuration.
    • +
  • Design content layout & graphic icons & images
    • +
  • Logo branding
    • +
  • Content writing
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project-korean_org.png" title="Korean assoc" class="img-fluid rounded z-depth-1" %} +
+
+
+ Jobs and Skills Hubs +
diff --git a/_projects/nab.md b/_projects/nab.md new file mode 100644 index 0000000..0fe7538 --- /dev/null +++ b/_projects/nab.md @@ -0,0 +1,29 @@ +--- +layout: page +title: NAB Wealthhub +description: National Australia Bank Wealthhub - FNZ +img: +importance: 4 +# category: fun +category: work +--- + +As a member of the UI team at FNZ, my responsibilities included overseeing all UI components and UX for the Wealth Hub project, which serves as a wealth management tool for the National Australia Bank (NAB), a banking solution provider serving various banks globally. In my role, I serve as a front-end developer/web designer collaborating with the NAB UI team. + +NAB: NAB trade + +Technology +
    +
  • .Net C#
    • +
  • CSS
    • +
  • JQuery
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/nab-logo.jpg" title="nab logo" class="img-fluid rounded z-depth-1" %} +
+
+
+ This image can also have a caption. It's like magic. +
diff --git a/_projects/nzta-applewatch.md b/_projects/nzta-applewatch.md new file mode 100644 index 0000000..5d003dc --- /dev/null +++ b/_projects/nzta-applewatch.md @@ -0,0 +1,12 @@ +--- +layout: page +title: NZTA - Apple watch traffic alert +description: Apple watch api swift code traffic alert +img: +importance: 3 +category: work +--- + +Load Silverstripe traffic api to Apple watch OS. +Version upgrade to new Apple Watch OS App +Swift diff --git a/_projects/nzta.md b/_projects/nzta.md new file mode 100644 index 0000000..1f6d547 --- /dev/null +++ b/_projects/nzta.md @@ -0,0 +1,39 @@ +--- +layout: page +title: New Zealand Transport Agency +description: Silverstripe migration project from PHP +img: +importance: 3 +category: work +--- + +Silverstripe website migration + +git. NZTA github + + + +What I have done +
    +
  • Silverstripe 3 and 4 migration
    • +
  • Silverstripe intranet build
    • +
  • Web Accessibility
    • +
  • Webpack
    • +
  • PHP
    • +
  • Google Map + Leaflet
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project_nzta.png" title="NZTA" class="img-fluid rounded z-depth-1" %} +
+
+
+ NZTA website migration +
diff --git a/_projects/odi.md b/_projects/odi.md new file mode 100644 index 0000000..5887450 --- /dev/null +++ b/_projects/odi.md @@ -0,0 +1,30 @@ +--- +layout: page +title: Office for Disability Issues +description: Silverstripe CMS website development +img: +# redirect: https://unsplash.com +importance: 3 +category: work +--- + +Silverstripe migration project from Silverstripe 3 to 4. +Assets and Database migration +Namespaces fixes and replaced obsoleted modules update + +Office for Disability Issues +
    +
  • Silverstripe
    • +
  • Web Accessibility
    • +
  • Webpack
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project_odi.png" title="odi" class="img-fluid rounded z-depth-1" %} +
+
+
+ Office for Disability Issues +
+ diff --git a/_projects/sushitime.md b/_projects/sushitime.md new file mode 100644 index 0000000..03573be --- /dev/null +++ b/_projects/sushitime.md @@ -0,0 +1,26 @@ +--- +layout: page +title: Sushitime Avonhead +description: Sushitime Avonhead sushi business website +img: +importance: 3 +category: work +related_publications: false +--- + +Woo Commerce website for brochure feature + +Sushitime Avonhead sushi business +
    +
  • Wordpress
    • +
  • Woo Commerce
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project-sushitime.jpg" title="weag" class="img-fluid rounded z-depth-1" %} +
+
+
+ Sushitime +
diff --git a/_projects/weag.md b/_projects/weag.md new file mode 100644 index 0000000..fcd341b --- /dev/null +++ b/_projects/weag.md @@ -0,0 +1,27 @@ +--- +layout: page +title: Welfare Expert Advisory Group +description: Silverstripe website migration from Silverstripe 3 to 4. +img: +importance: 1 +category: work +related_publications: false +--- + +Silverstripe theme and react integration + +Welfare Expert Advisory Group +
    +
  • Silverstripe 3 to 4 migration
    • +
  • Web Accessibility
    • +
  • CWP
    • +
+ +
+
+ {% include figure.liquid loading="eager" path="assets/img/project-weag.jpg" title="weag" class="img-fluid rounded z-depth-1" %} +
+
+
+ Welfare Expert Advisory Group +
diff --git a/assets/img/nab-logo.png b/assets/img/nab-logo.png new file mode 100644 index 0000000..02094bc Binary files /dev/null and b/assets/img/nab-logo.png differ diff --git a/assets/img/project-fm7.png b/assets/img/project-fm7.png new file mode 100644 index 0000000..1a83f07 Binary files /dev/null and b/assets/img/project-fm7.png differ diff --git a/assets/img/project-korean_org.png b/assets/img/project-korean_org.png new file mode 100644 index 0000000..0c7ff6d Binary files /dev/null and b/assets/img/project-korean_org.png differ diff --git a/assets/img/project-sushitime.png b/assets/img/project-sushitime.png new file mode 100644 index 0000000..13a5573 Binary files /dev/null and b/assets/img/project-sushitime.png differ diff --git a/assets/img/project-weag.png b/assets/img/project-weag.png new file mode 100644 index 0000000..0937c77 Binary files /dev/null and b/assets/img/project-weag.png differ diff --git a/assets/img/project_heartlandservice.png b/assets/img/project_heartlandservice.png new file mode 100644 index 0000000..90e191c Binary files /dev/null and b/assets/img/project_heartlandservice.png differ diff --git a/assets/img/project_jsh.png b/assets/img/project_jsh.png new file mode 100644 index 0000000..d06389f Binary files /dev/null and b/assets/img/project_jsh.png differ diff --git a/assets/img/project_nzta.png b/assets/img/project_nzta.png new file mode 100644 index 0000000..f48c76e Binary files /dev/null and b/assets/img/project_nzta.png differ diff --git a/assets/img/project_odi.png b/assets/img/project_odi.png new file mode 100644 index 0000000..35a49ca Binary files /dev/null and b/assets/img/project_odi.png differ diff --git a/assets/img/robby_profile.jpg b/assets/img/robby_profile.jpg new file mode 100644 index 0000000..e14c48b Binary files /dev/null and b/assets/img/robby_profile.jpg differ diff --git a/assets/json/resume.json b/assets/json/resume.json index a6fbc20..f9f55b7 100644 --- a/assets/json/resume.json +++ b/assets/json/resume.json @@ -1,24 +1,24 @@ { "basics": { - "name": "Albert Einstein", - "label": "Scientist", + "name": "Robby Ahn", + "label": "Web Developer", "image": "", - "email": "albert@einstein.de", - "phone": "(912) 123-4567", - "url": "https://alshedivat.github.io/al-folio/", - "summary": "A German-born theoretical physicist, widely ranked among the greatest and most influential scientists of all time", + "email": "robbyahn@gmail.com", + "phone": "", + "url": "https://robbyahn.github.io/", + "summary": "A Web developer in Wellington, NZ", "location": { - "address": "2712 Broadway St", - "postalCode": "CA 94115", - "city": "San Francisco", - "countryCode": "US", - "region": "California" + "address": "", + "postalCode": "", + "city": "Wellington", + "countryCode": "NZ", + "region": "Wellington" }, "profiles": [ { - "network": "Twitter", - "username": "AlbertEinstein", - "url": "https://twitter.com/AlbertEinstein" + "network": "", + "username": "", + "url": "" } ] }, @@ -34,15 +34,15 @@ } ], "volunteer": [ - { - "organization": "People's Climate March", - "position": "Lead Organizer", - "url": "https://example.com", - "startDate": "2014-04-01", - "endDate": "2015-07-01", - "summary": "Lead organizer for the New York City branch of the People's Climate March, the largest climate march in history.", - "highlights": ["Awarded 'Climate Hero' award by Greenpeace for my efforts organizing the march.", "Men of the year 2014 by Time magazine"] - } + // { + // "organization": "People's Climate March", + // "position": "Lead Organizer", + // "url": "https://example.com", + // "startDate": "2014-04-01", + // "endDate": "2015-07-01", + // "summary": "Lead organizer for the New York City branch of the People's Climate March, the largest climate march in history.", + // "highlights": ["Awarded 'Climate Hero' award by Greenpeace for my efforts organizing the march.", "Men of the year 2014 by Time magazine"] + // } ], "education": [ { @@ -58,13 +58,13 @@ } ], "awards": [ - { - "title": "Nobel Prize in Physics", - "date": "1921-11-01", - "awarder": "Royal Swedish Academy of Sciences", - "url": "https://www.nobelprize.org/prizes/physics/1921/einstein/biographical/", - "summary": "The Nobel Prizes are five separate prizes that, according to Alfred Nobel's will of 1895, are awarded to 'those who, during the preceding year, have conferred the greatest benefit to humankind.'" - } + // { + // "title": "Nobel Prize in Physics", + // "date": "1921-11-01", + // "awarder": "Royal Swedish Academy of Sciences", + // "url": "https://www.nobelprize.org/prizes/physics/1921/einstein/biographical/", + // "summary": "The Nobel Prizes are five separate prizes that, according to Alfred Nobel's will of 1895, are awarded to 'those who, during the preceding year, have conferred the greatest benefit to humankind.'" + // } ], "certificates": [ { @@ -88,50 +88,50 @@ "url": "https://example.com", "icon": "fa-solid fa-envelope" }, - { - "name": "Quantum Cryptography", - "date": "2018-01-01", - "issuer": "Stanford University", - "url": "https://example.com", - "icon": "fa-solid fa-hashtag" - }, - { - "name": "Quantum Communication", - "date": "2018-01-01", - "issuer": "Stanford University", - "url": "https://example.com", - "icon": "fa-solid fa-calendar" - }, - { - "name": "Quantum Teleportation", - "date": "2018-01-01", - "issuer": "Stanford University", - "url": "https://example.com", - "icon": "fa-solid fa-clipboard-check" - } + // { + // "name": "Quantum Cryptography", + // "date": "2018-01-01", + // "issuer": "Stanford University", + // "url": "https://example.com", + // "icon": "fa-solid fa-hashtag" + // }, + // { + // "name": "Quantum Communication", + // "date": "2018-01-01", + // "issuer": "Stanford University", + // "url": "https://example.com", + // "icon": "fa-solid fa-calendar" + // }, + // { + // "name": "Quantum Teleportation", + // "date": "2018-01-01", + // "issuer": "Stanford University", + // "url": "https://example.com", + // "icon": "fa-solid fa-clipboard-check" + // } ], "publications": [ - { - "name": "Zur Elektrody/namik bewegter Körper", - "publisher": "Annalen der Physik", - "releaseDate": "1905-06-30", - "url": "https://en.wikisource.org/wiki/Translation:On_the_Electrodynamics_of_Moving_Bodies", - "summary": "It concerned an interpretation of the Michelson–Morley experiment and the properties of light and time. Special relativity incorporates the principle that the speed of light is the same for all inertial observers regardless of the state of motion of the source." - }, - { - "name": "Über einen die Erzeugung und Verwandlung des Lichtes betreffenden heuristischen Gesichtspunkt", - "publisher": "Annalen der Physik", - "releaseDate": "1905-03-18", - "url": "https://de.wikisource.org/wiki/Über_einen_die_Erzeugung_und_Verwandlung_des_Lichtes_betreffenden_heuristischen_Gesichtspunkt", - "summary": "In the second paper, he applied the quantum theory to light to explain the photoelectric effect. In particular, he used the idea of light quanta (photons) to explain experimental results, but stressed the importance of the experimental results. The importance of his work on the photoelectric effect earned him the Nobel Prize in Physics in 1921." - }, - { - "name": "Die Grundlage der allgemeinen Relativitätstheorie", - "publisher": "Annalen der Physik", - "releaseDate": "1916-03-20", - "url": "https://de.wikisource.org/wiki/Die_Grundlage_der_allgemeinen_Relativitätstheorie", - "summary": "The publication of the theory of general relativity made him internationally famous. He was professor of physics at the universities of Zurich (1909–1911) and Prague (1911–1912), before he returned to ETH Zurich (1912–1914)." - } + // { + // "name": "Zur Elektrody/namik bewegter Körper", + // "publisher": "Annalen der Physik", + // "releaseDate": "1905-06-30", + // "url": "https://en.wikisource.org/wiki/Translation:On_the_Electrodynamics_of_Moving_Bodies", + // "summary": "It concerned an interpretation of the Michelson–Morley experiment and the properties of light and time. Special relativity incorporates the principle that the speed of light is the same for all inertial observers regardless of the state of motion of the source." + // }, + // { + // "name": "Über einen die Erzeugung und Verwandlung des Lichtes betreffenden heuristischen Gesichtspunkt", + // "publisher": "Annalen der Physik", + // "releaseDate": "1905-03-18", + // "url": "https://de.wikisource.org/wiki/Über_einen_die_Erzeugung_und_Verwandlung_des_Lichtes_betreffenden_heuristischen_Gesichtspunkt", + // "summary": "In the second paper, he applied the quantum theory to light to explain the photoelectric effect. In particular, he used the idea of light quanta (photons) to explain experimental results, but stressed the importance of the experimental results. The importance of his work on the photoelectric effect earned him the Nobel Prize in Physics in 1921." + // }, + // { + // "name": "Die Grundlage der allgemeinen Relativitätstheorie", + // "publisher": "Annalen der Physik", + // "releaseDate": "1916-03-20", + // "url": "https://de.wikisource.org/wiki/Die_Grundlage_der_allgemeinen_Relativitätstheorie", + // "summary": "The publication of the theory of general relativity made him internationally famous. He was professor of physics at the universities of Zurich (1909–1911) and Prague (1911–1912), before he returned to ETH Zurich (1912–1914)." + // } ], "skills": [ { @@ -150,7 +150,7 @@ ], "languages": [ { - "language": "German", + "language": "Korean", "fluency": "Native speaker", "icon": "" },