From 1cee9a16d5e91888f32e555d6ecd541d3231bf8f Mon Sep 17 00:00:00 2001 From: Stefan Forstenlechner Date: Wed, 17 Jan 2018 14:10:57 +0000 Subject: [PATCH] added publications and education in main; more config added config option to remove about section in sidebar added config option to not show education in main (as it is shown in the sidebar anyway) increased with of sidebar for longer names reduced padding for footer --- _config.yml | 3 +++ _data/educations.yml | 8 ++++++++ _data/publications.yml | 16 ++++++++++++++++ _includes/education-section.html | 29 ++++++++++++++++++++++++++++ _includes/publications.html | 21 ++++++++++++++++++++ _includes/sidebar.html | 4 +++- assets/css/styles-2.css | 33 ++++++++++++++++++++++++-------- assets/css/styles-3.css | 33 ++++++++++++++++++++++++-------- assets/css/styles-4.css | 33 ++++++++++++++++++++++++-------- assets/css/styles-5.css | 33 ++++++++++++++++++++++++-------- assets/css/styles-6.css | 33 ++++++++++++++++++++++++-------- assets/css/styles.css | 33 ++++++++++++++++++++++++-------- assets/less/default/base.less | 32 +++++++++++++++++++++++-------- index.html | 6 ++++++ 14 files changed, 260 insertions(+), 57 deletions(-) create mode 100644 _data/publications.yml create mode 100644 _includes/education-section.html create mode 100644 _includes/publications.html diff --git a/_config.yml b/_config.yml index 46997bb..d398b4d 100644 --- a/_config.yml +++ b/_config.yml @@ -2,6 +2,7 @@ title: My Resume url: 'http://webjeda.com' baseurl: '/online-cv' #change it according to your repository name +about: true # set to false or comment line if you want to remove the "How to use?" in the sidebar # Enable one of these styles by removing #. Style will be applied only after restarting the build or serve. #style: styles-2 @@ -28,6 +29,8 @@ github: sharu725 twitter: '@webjeda' #Update all the sections by editing the files inside _data folder. +education_in_main: true # set to false or comment line if you do not want an education section in main + # Tracker analytics: UA-83979019-1 diff --git a/_data/educations.yml b/_data/educations.yml index 0cc16bc..4deeae2 100644 --- a/_data/educations.yml +++ b/_data/educations.yml @@ -2,7 +2,15 @@ degree: MSc in Computer Science university: University of London time: 2011 - 2012 + details: "Describe your study here lorem ipsum dolor sit amet, consectetuer adipiscing + elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et + magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, + pellentesque eu, pretium quis, sem." - education: degree: BSc in Applied Mathematics university: Bristol University time: 2007 - 2011 + details: "Describe your study here lorem ipsum dolor sit amet, consectetuer adipiscing + elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et + magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, + pellentesque eu, pretium quis, sem." diff --git a/_data/publications.yml b/_data/publications.yml new file mode 100644 index 0000000..2c19a57 --- /dev/null +++ b/_data/publications.yml @@ -0,0 +1,16 @@ +- intro: + description: "You can list your publications in this section. Lorem ipsum dolor + sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus." + +- paper: + title: The Art of Computer Programming + authors: Donald E. Knuth + conference: Addison-Wesley, 1968 +- paper: + title: "Genetic Programming III: Darwinian Invention & Problem Solving" + authors: Koza, J.R., Andre, D., Bennett, F.H., Keane, M.A. + conference: "Morgan Kaufmann Publishers Inc., San Francisco, CA, USA, 1st edn. (1999)" +- paper: + title: A syntax directed compiler for Algol 60 + authors: Edgar T. Irons + conference: "Comm. ACM 4 (1961), 51–55" diff --git a/_includes/education-section.html b/_includes/education-section.html new file mode 100644 index 0000000..6186349 --- /dev/null +++ b/_includes/education-section.html @@ -0,0 +1,29 @@ +{% if site.data.educations %} +
+

Education

+ +{% for education in site.data.educations %} +
+ +
+ +
+

{{ education.degree }}

+
{{ education.time }}
+
+ +
{{ education.university }}
+ +
+ + {% if education.details %} +
+

{{ education.details }}

+
+ {% endif %} + +
+{% endfor %} + +
+{% endif %} diff --git a/_includes/publications.html b/_includes/publications.html new file mode 100644 index 0000000..8a672d8 --- /dev/null +++ b/_includes/publications.html @@ -0,0 +1,21 @@ +{% if site.data.publications %} +
+ +

Publications

+ + {% for intro in site.data.publications %} +
+

{{ intro.description }}

+
+ {% endfor%} + + {% for publication in site.data.publications %} +
+
{{ publication.title }}
+
{{ publication.authors }}
+
{{ publication.conference }}
+
+ {% endfor %} + +
+{% endif %} diff --git a/_includes/sidebar.html b/_includes/sidebar.html index 2ed6e6e..b11f353 100644 --- a/_includes/sidebar.html +++ b/_includes/sidebar.html @@ -48,6 +48,8 @@ {% include education.html %} {% include language.html %} {% include interests.html %} - {% include about.html %} + {% if site.about %} + {% include about.html %} + {% endif %} diff --git a/assets/css/styles-2.css b/assets/css/styles-2.css index 3a7dbe0..070a3cd 100644 --- a/assets/css/styles-2.css +++ b/assets/css/styles-2.css @@ -43,7 +43,7 @@ p { } .wrapper { background: #4CAC9D; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @@ -54,7 +54,7 @@ p { background: #4CAC9D; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -161,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -196,7 +196,8 @@ p { .main-wrapper .section { margin-bottom: 60px; } -.main-wrapper .experiences-section .item { +.main-wrapper .experiences-section .item, +.main-wrapper .educations-section .item { margin-bottom: 30px; } .main-wrapper .upper-row { @@ -204,7 +205,8 @@ p { overflow: hidden; margin-bottom: 2px; } -.main-wrapper .job-title { +.main-wrapper .job-title, +.main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; @@ -217,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -233,6 +236,21 @@ p { .main-wrapper .projects-section .item { margin-bottom: 15px; } +.main-wrapper .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; +} +.main-wrapper .publication-authors { + font-style: italic; + margin-bottom: 1px; +} +.main-wrapper .publications-section .intro { + margin-bottom: 30px; +} +.main-wrapper .publications-section .item { + margin-bottom: 15px; +} .skillset .item { margin-bottom: 15px; overflow: hidden; @@ -251,8 +269,7 @@ p { background: #7ec6bb; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; diff --git a/assets/css/styles-3.css b/assets/css/styles-3.css index 2a491f8..24c5582 100644 --- a/assets/css/styles-3.css +++ b/assets/css/styles-3.css @@ -43,7 +43,7 @@ p { } .wrapper { background: #5BB66F; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @@ -54,7 +54,7 @@ p { background: #5BB66F; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -161,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -196,7 +196,8 @@ p { .main-wrapper .section { margin-bottom: 60px; } -.main-wrapper .experiences-section .item { +.main-wrapper .experiences-section .item, +.main-wrapper .educations-section .item { margin-bottom: 30px; } .main-wrapper .upper-row { @@ -204,7 +205,8 @@ p { overflow: hidden; margin-bottom: 2px; } -.main-wrapper .job-title { +.main-wrapper .job-title, +.main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; @@ -217,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -233,6 +236,21 @@ p { .main-wrapper .projects-section .item { margin-bottom: 15px; } +.main-wrapper .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; +} +.main-wrapper .publication-authors { + font-style: italic; + margin-bottom: 1px; +} +.main-wrapper .publications-section .intro { + margin-bottom: 30px; +} +.main-wrapper .publications-section .item { + margin-bottom: 15px; +} .skillset .item { margin-bottom: 15px; overflow: hidden; @@ -251,8 +269,7 @@ p { background: #90ce9d; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; diff --git a/assets/css/styles-4.css b/assets/css/styles-4.css index f9c43bb..1c1645c 100644 --- a/assets/css/styles-4.css +++ b/assets/css/styles-4.css @@ -43,7 +43,7 @@ p { } .wrapper { background: #A15277; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @@ -54,7 +54,7 @@ p { background: #A15277; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -161,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -196,7 +196,8 @@ p { .main-wrapper .section { margin-bottom: 60px; } -.main-wrapper .experiences-section .item { +.main-wrapper .experiences-section .item, +.main-wrapper .educations-section .item { margin-bottom: 30px; } .main-wrapper .upper-row { @@ -204,7 +205,8 @@ p { overflow: hidden; margin-bottom: 2px; } -.main-wrapper .job-title { +.main-wrapper .job-title, +.main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; @@ -217,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -233,6 +236,21 @@ p { .main-wrapper .projects-section .item { margin-bottom: 15px; } +.main-wrapper .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; +} +.main-wrapper .publication-authors { + font-style: italic; + margin-bottom: 1px; +} +.main-wrapper .publications-section .intro { + margin-bottom: 30px; +} +.main-wrapper .publications-section .item { + margin-bottom: 15px; +} .skillset .item { margin-bottom: 15px; overflow: hidden; @@ -251,8 +269,7 @@ p { background: #bf819e; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; diff --git a/assets/css/styles-5.css b/assets/css/styles-5.css index 875b400..cb11c53 100644 --- a/assets/css/styles-5.css +++ b/assets/css/styles-5.css @@ -43,7 +43,7 @@ p { } .wrapper { background: #FDA246; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @@ -54,7 +54,7 @@ p { background: #FDA246; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -161,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -196,7 +196,8 @@ p { .main-wrapper .section { margin-bottom: 60px; } -.main-wrapper .experiences-section .item { +.main-wrapper .experiences-section .item, +.main-wrapper .educations-section .item { margin-bottom: 30px; } .main-wrapper .upper-row { @@ -204,7 +205,8 @@ p { overflow: hidden; margin-bottom: 2px; } -.main-wrapper .job-title { +.main-wrapper .job-title, +.main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; @@ -217,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -233,6 +236,21 @@ p { .main-wrapper .projects-section .item { margin-bottom: 15px; } +.main-wrapper .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; +} +.main-wrapper .publication-authors { + font-style: italic; + margin-bottom: 1px; +} +.main-wrapper .publications-section .intro { + margin-bottom: 30px; +} +.main-wrapper .publications-section .item { + margin-bottom: 15px; +} .skillset .item { margin-bottom: 15px; overflow: hidden; @@ -251,8 +269,7 @@ p { background: #fec892; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; diff --git a/assets/css/styles-6.css b/assets/css/styles-6.css index 0ba47ca..42a19c2 100644 --- a/assets/css/styles-6.css +++ b/assets/css/styles-6.css @@ -43,7 +43,7 @@ p { } .wrapper { background: #4B6A78; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @@ -54,7 +54,7 @@ p { background: #4B6A78; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -161,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -196,7 +196,8 @@ p { .main-wrapper .section { margin-bottom: 60px; } -.main-wrapper .experiences-section .item { +.main-wrapper .experiences-section .item, +.main-wrapper .educations-section .item { margin-bottom: 30px; } .main-wrapper .upper-row { @@ -204,7 +205,8 @@ p { overflow: hidden; margin-bottom: 2px; } -.main-wrapper .job-title { +.main-wrapper .job-title, +.main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; @@ -217,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -233,6 +236,21 @@ p { .main-wrapper .projects-section .item { margin-bottom: 15px; } +.main-wrapper .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; +} +.main-wrapper .publication-authors { + font-style: italic; + margin-bottom: 1px; +} +.main-wrapper .publications-section .intro { + margin-bottom: 30px; +} +.main-wrapper .publications-section .item { + margin-bottom: 15px; +} .skillset .item { margin-bottom: 15px; overflow: hidden; @@ -251,8 +269,7 @@ p { background: #6c92a3; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; diff --git a/assets/css/styles.css b/assets/css/styles.css index 6ca29de..38d022e 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -43,7 +43,7 @@ p { } .wrapper { background: #42A8C0; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); @@ -54,7 +54,7 @@ p { background: #42A8C0; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -161,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -196,7 +196,8 @@ p { .main-wrapper .section { margin-bottom: 60px; } -.main-wrapper .experiences-section .item { +.main-wrapper .experiences-section .item, +.main-wrapper .educations-section .item { margin-bottom: 30px; } .main-wrapper .upper-row { @@ -204,7 +205,8 @@ p { overflow: hidden; margin-bottom: 2px; } -.main-wrapper .job-title { +.main-wrapper .job-title, +.main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; @@ -217,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -233,6 +236,21 @@ p { .main-wrapper .projects-section .item { margin-bottom: 15px; } +.main-wrapper .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; +} +.main-wrapper .publication-authors { + font-style: italic; + margin-bottom: 1px; +} +.main-wrapper .publications-section .intro { + margin-bottom: 30px; +} +.main-wrapper .publications-section .item { + margin-bottom: 15px; +} .skillset .item { margin-bottom: 15px; overflow: hidden; @@ -251,8 +269,7 @@ p { background: #7bc2d3; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; diff --git a/assets/less/default/base.less b/assets/less/default/base.less index 42c8579..1c65a63 100644 --- a/assets/less/default/base.less +++ b/assets/less/default/base.less @@ -31,7 +31,7 @@ p { .wrapper { background:@theme-color; - max-width: 960px; + max-width: 1000px; margin: 0 auto; position: relative; .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); @@ -41,7 +41,7 @@ p { background: @theme-color; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -162,7 +162,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; .section-title { text-transform: uppercase; font-size: 20px; @@ -191,7 +191,7 @@ p { margin-bottom: 60px; } - .experiences-section { + .experiences-section, .educations-section { .item { margin-bottom: 30px; } @@ -201,7 +201,7 @@ p { overflow: hidden; margin-bottom: 2px; } - .job-title { + .job-title, .degree { color: @text-color; font-size: 16px; margin-top: 0; @@ -214,7 +214,7 @@ p { top: 0; color: @text-grey; } - .company { + .company, .university { margin-bottom: 10px; color: @text-grey; } @@ -234,6 +234,23 @@ p { } } + .publication-title { + font-size: 16px; + font-weight: 500; + margin-bottom: 1px; + } + .publication-authors { + font-style: italic; + margin-bottom: 1px; + } + .publications-section { + .intro { + margin-bottom: 30px; + } + .item { + margin-bottom: 15px; + } + } } @@ -261,8 +278,7 @@ p { .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; .copyright { line-height: 1.6; color: @text-color-secondary; diff --git a/index.html b/index.html index 681ee8c..e9604df 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,16 @@ layout: default {% include career-profile.html %} +{% if site.education_in_main %} + {% include education-section.html %} +{% endif %} + {% include experience.html %} {% include projects.html %} +{% include publications.html %} + {% include skills.html %}