diff --git a/_config.yml b/_config.yml index 46997bb..07f61e9 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,9 @@ github: sharu725 twitter: '@webjeda' #Update all the sections by editing the files inside _data folder. +# uncomment the next line, if you want the education section displayed in main instead of the sidebar +#education_in_main: True + # 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/projects.yml b/_data/projects.yml index 2974bb1..d9e6c27 100644 --- a/_data/projects.yml +++ b/_data/projects.yml @@ -1,24 +1,23 @@ -- intro: - description: "You can list your side projects or open source libraries in this section. Lorem ipsum dolor +intro: "You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus." - -- project: - title: Velocity - link: "#hook" - tagline: "A responsive website template designed to help startups promote, market and sell their products." -- project: - title: DevStudio - link: "#" - tagline: "A responsive website template designed to help web developers/designers market their services." -- project: - title: Tempo - link: "#" - tagline: "A responsive website template designed to help startups promote their products or services and to attract users & investors" -- project: - title: Atom - link: "#" - tagline: "A comprehensive website template solution for startups/developers to market their mobile apps." -- project: - title: Delta - link: "#" - tagline: "A responsive Bootstrap one page theme designed to help app developers promote their mobile apps" +projects: + - project: + title: Velocity + link: "#hook" + tagline: "A responsive website template designed to help startups promote, market and sell their products." + - project: + title: DevStudio + link: "#" + tagline: "A responsive website template designed to help web developers/designers market their services." + - project: + title: Tempo + link: "#" + tagline: "A responsive website template designed to help startups promote their products or services and to attract users & investors" + - project: + title: Atom + link: "#" + tagline: "A comprehensive website template solution for startups/developers to market their mobile apps." + - project: + title: Delta + link: "#" + tagline: "A responsive Bootstrap one page theme designed to help app developers promote their mobile apps" diff --git a/_data/publications.yml b/_data/publications.yml new file mode 100644 index 0000000..1e94bfa --- /dev/null +++ b/_data/publications.yml @@ -0,0 +1,15 @@ +intro: "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." +publications: + - 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.html b/_includes/education.html index 0462032..6d3a5d3 100644 --- a/_includes/education.html +++ b/_includes/education.html @@ -1,15 +1,43 @@ {% if site.data.educations %} -
+ {% if site.education_in_main %} + +
+

Education

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

{{ education.degree }}

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

{{ education.details }}

+
+ {% endif %} +
+ {% endfor %} + +
+ {% else %} +
-

Education

+

Education

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

{{ education.degree }}

-
{{ education.university }}
-
{{ education.time }}
-
- {% endfor %} + {% for education in site.data.educations %} +
+

{{ education.degree }}

+
{{ education.university }}
+
{{ education.time }}
+
+ {% endfor %} -
+
+ {% endif %} {% endif %} diff --git a/_includes/projects.html b/_includes/projects.html index c0812ac..0656720 100644 --- a/_includes/projects.html +++ b/_includes/projects.html @@ -3,13 +3,13 @@

Projects

- {% for intro in site.data.projects %} + {% if site.data.projects.intro %}
-

{{ intro.description }}

+

{{ site.data.projects.intro }}

- {% endfor%} + {% endif %} - {% for project in site.data.projects %} + {% for project in site.data.projects.projects %}
{{ project.title }} diff --git a/_includes/publications.html b/_includes/publications.html new file mode 100644 index 0000000..38a8837 --- /dev/null +++ b/_includes/publications.html @@ -0,0 +1,21 @@ +{% if site.data.publications %} +
+ +

Publications

+ + {% if site.data.publications.intro %} +
+

{{ site.data.publications.intro }}

+
+ {% endif %} + + {% for publication in site.data.publications.publications %} +
+
{{ publication.title }}
+
{{ publication.authors }}
+
{{ publication.conference }}
+
+ {% endfor %} + +
+{% endif %} diff --git a/_includes/sidebar.html b/_includes/sidebar.html index 2ed6e6e..653c907 100644 --- a/_includes/sidebar.html +++ b/_includes/sidebar.html @@ -45,9 +45,13 @@
- {% include education.html %} + {% if site.education_in_main == null or site.education_in_main == false %} + {% include education.html %} + {% endif %} {% 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 7a60f16..070a3cd 100644 --- a/assets/css/styles-2.css +++ b/assets/css/styles-2.css @@ -6,7 +6,6 @@ * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -/* styles-2.css */ /* ======= Base ======= */ body { font-family: 'Roboto', sans-serif; @@ -17,11 +16,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -@media (max-width: 767px) { - body{ - padding: 0; - } -} h1, h2, h3, @@ -49,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); @@ -60,7 +54,7 @@ p { background: #4CAC9D; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -90,6 +84,13 @@ p { .sidebar-wrapper .profile { margin-bottom: 15px; } +.sidebar-wrapper .profile-img { + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} .sidebar-wrapper .contact-list .fa { margin-right: 5px; font-size: 18px; @@ -160,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -195,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 { @@ -203,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; @@ -216,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -232,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; @@ -250,8 +269,7 @@ p { background: #7ec6bb; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; @@ -263,6 +281,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +319,4 @@ p { } /* Large devices (large desktops, 1200px and up) */ /* Ex-Large devices (large desktops, 1200px and up) */ - -/* -used for profile image -*/ -.profile-img { - max-width: 100px; - margin-bottom: 15px; - border: 0px solid #fff; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} - +/* styles-2.css */ diff --git a/assets/css/styles-3.css b/assets/css/styles-3.css index 42b7ad3..24c5582 100644 --- a/assets/css/styles-3.css +++ b/assets/css/styles-3.css @@ -6,7 +6,6 @@ * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -/* styles-3.css */ /* ======= Base ======= */ body { font-family: 'Roboto', sans-serif; @@ -17,11 +16,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -@media (max-width: 767px) { - body{ - padding: 0; - } -} h1, h2, h3, @@ -49,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); @@ -60,7 +54,7 @@ p { background: #5BB66F; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -90,6 +84,13 @@ p { .sidebar-wrapper .profile { margin-bottom: 15px; } +.sidebar-wrapper .profile-img { + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} .sidebar-wrapper .contact-list .fa { margin-right: 5px; font-size: 18px; @@ -160,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -195,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 { @@ -203,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; @@ -216,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -232,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; @@ -250,8 +269,7 @@ p { background: #90ce9d; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; @@ -263,6 +281,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +319,4 @@ p { } /* Large devices (large desktops, 1200px and up) */ /* Ex-Large devices (large desktops, 1200px and up) */ - -/* -used for profile image -*/ -.profile-img { - max-width: 100px; - margin-bottom: 15px; - border: 0px solid #fff; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} - +/* styles-3.css */ diff --git a/assets/css/styles-4.css b/assets/css/styles-4.css index da34b65..1c1645c 100644 --- a/assets/css/styles-4.css +++ b/assets/css/styles-4.css @@ -6,7 +6,6 @@ * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -/* styles-4.css */ /* ======= Base ======= */ body { font-family: 'Roboto', sans-serif; @@ -17,11 +16,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -@media (max-width: 767px) { - body{ - padding: 0; - } -} h1, h2, h3, @@ -49,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); @@ -60,7 +54,7 @@ p { background: #A15277; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -90,6 +84,13 @@ p { .sidebar-wrapper .profile { margin-bottom: 15px; } +.sidebar-wrapper .profile-img { + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} .sidebar-wrapper .contact-list .fa { margin-right: 5px; font-size: 18px; @@ -160,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -195,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 { @@ -203,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; @@ -216,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -232,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; @@ -250,8 +269,7 @@ p { background: #bf819e; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; @@ -263,6 +281,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +319,4 @@ p { } /* Large devices (large desktops, 1200px and up) */ /* Ex-Large devices (large desktops, 1200px and up) */ - -/* -used for profile image -*/ -.profile-img { - max-width: 100px; - margin-bottom: 15px; - border: 0px solid #fff; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} - +/* styles-4.css */ diff --git a/assets/css/styles-5.css b/assets/css/styles-5.css index 87365a2..cb11c53 100644 --- a/assets/css/styles-5.css +++ b/assets/css/styles-5.css @@ -6,7 +6,6 @@ * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -/* styles-5.css */ /* ======= Base ======= */ body { font-family: 'Roboto', sans-serif; @@ -17,11 +16,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -@media (max-width: 767px) { - body{ - padding: 0; - } -} h1, h2, h3, @@ -49,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); @@ -60,7 +54,7 @@ p { background: #FDA246; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -90,6 +84,13 @@ p { .sidebar-wrapper .profile { margin-bottom: 15px; } +.sidebar-wrapper .profile-img { + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} .sidebar-wrapper .contact-list .fa { margin-right: 5px; font-size: 18px; @@ -160,7 +161,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; } .main-wrapper .section-title { text-transform: uppercase; @@ -195,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 { @@ -203,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; @@ -216,7 +219,8 @@ p { top: 0; color: #97AAC3; } -.main-wrapper .company { +.main-wrapper .company, +.main-wrapper .university { margin-bottom: 10px; color: #97AAC3; } @@ -232,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; @@ -250,8 +269,7 @@ p { background: #fec892; } .footer { - padding: 30px; - padding-top: 60px; + padding-top: 30px; } .footer .copyright { line-height: 1.6; @@ -263,6 +281,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +319,4 @@ p { } /* Large devices (large desktops, 1200px and up) */ /* Ex-Large devices (large desktops, 1200px and up) */ - -/* -used for profile image -*/ -.profile-img { - max-width: 100px; - margin-bottom: 15px; - border: 0px solid #fff; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} - +/* styles-5.css */ diff --git a/assets/css/styles-6.css b/assets/css/styles-6.css index 1e4cb70..42a19c2 100644 --- a/assets/css/styles-6.css +++ b/assets/css/styles-6.css @@ -6,7 +6,6 @@ * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -/* styles-6.css */ /* ======= Base ======= */ body { font-family: 'Roboto', sans-serif; @@ -16,12 +15,6 @@ body { padding: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - -} -@media (max-width: 767px) { - body{ - padding: 0; - } } h1, h2, @@ -50,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); @@ -61,7 +54,7 @@ p { background: #4B6A78; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -91,6 +84,13 @@ p { .sidebar-wrapper .profile { margin-bottom: 15px; } +.sidebar-wrapper .profile-img { + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} .sidebar-wrapper .contact-list .fa { margin-right: 5px; font-size: 18px; @@ -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; @@ -264,6 +281,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -299,15 +319,4 @@ p { } /* Large devices (large desktops, 1200px and up) */ /* Ex-Large devices (large desktops, 1200px and up) */ - -/* -used for profile image -*/ -.profile-img { - max-width: 100px; - margin-bottom: 15px; - border: 0px solid #fff; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} - +/* styles-6.css */ diff --git a/assets/css/styles.css b/assets/css/styles.css index bde24d6..38d022e 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -6,7 +6,6 @@ * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -/* styles.css */ /* ======= Base ======= */ body { font-family: 'Roboto', sans-serif; @@ -17,12 +16,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -@media (max-width: 767px) { - body{ - padding: 0; - } -} - h1, h2, h3, @@ -50,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); @@ -61,7 +54,7 @@ p { background: #42A8C0; position: absolute; right: 0; - width: 240px; + width: 280px; height: 100%; min-height: 800px; color: #fff; @@ -91,6 +84,13 @@ p { .sidebar-wrapper .profile { margin-bottom: 15px; } +.sidebar-wrapper .profile-img { + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} .sidebar-wrapper .contact-list .fa { margin-right: 5px; font-size: 18px; @@ -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; @@ -264,6 +281,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -299,14 +319,4 @@ p { } /* Large devices (large desktops, 1200px and up) */ /* Ex-Large devices (large desktops, 1200px and up) */ - -/* -used for profile image -*/ -.profile-img { - max-width: 100px; - margin-bottom: 15px; - border: 0px solid #fff; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -} +/* styles.css */ diff --git a/assets/less/css/styles.css b/assets/less/css/styles.css deleted file mode 100644 index 6181473..0000000 --- a/assets/less/css/styles.css +++ /dev/null @@ -1,295 +0,0 @@ -/* - * Template Name: Orbit - Responsive Resume/CV Template for Developers - * Version: 1.0 - * Author: Xiaoying Riley - * Twitter: @3rdwave_themes - * License: Creative Commons Attribution 3.0 License - * Website: http://themes.3rdwavemedia.com/ -*/ -/* styles-5.css */ -/* ======= Base ======= */ -body { - font-family: 'Roboto', sans-serif; - color: #545E6C; - background: #f5f5f5; - font-size: 14px; - padding: 30px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 700; -} -a { - color: #f47c03; - -webkit-transition: all 0.4s ease-in-out; - -moz-transition: all 0.4s ease-in-out; - -ms-transition: all 0.4s ease-in-out; - -o-transition: all 0.4s ease-in-out; -} -a:hover { - text-decoration: underline; - color: #a85502; -} -a:focus { - text-decoration: none; -} -p { - line-height: 1.5; -} -.wrapper { - background: #FDA246; - max-width: 960px; - margin: 0 auto; - position: relative; - -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); - box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); -} -.sidebar-wrapper { - background: #FDA246; - position: absolute; - right: 0; - width: 240px; - height: 100%; - min-height: 800px; - color: #fff; -} -.sidebar-wrapper a { - color: #fff; -} -.sidebar-wrapper .profile-container { - padding: 30px; - background: rgba(0, 0, 0, 0.2); - text-align: center; - color: #fff; -} -.sidebar-wrapper .name { - font-size: 32px; - font-weight: 900; - margin-top: 0; - margin-bottom: 10px; -} -.sidebar-wrapper .tagline { - color: rgba(255, 255, 255, 0.6); - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; -} -.sidebar-wrapper .profile { - margin-bottom: 15px; -} -.sidebar-wrapper .contact-list .fa { - margin-right: 5px; - font-size: 18px; - vertical-align: middle; -} -.sidebar-wrapper .contact-list li { - margin-bottom: 15px; -} -.sidebar-wrapper .contact-list li:last-child { - margin-bottom: 0; -} -.sidebar-wrapper .contact-list .email .fa { - font-size: 14px; -} -.sidebar-wrapper .container-block { - padding: 30px; -} -.sidebar-wrapper .container-block-title { - text-transform: uppercase; - font-size: 16px; - font-weight: 700; - margin-top: 0; - margin-bottom: 15px; -} -.sidebar-wrapper .degree { - font-size: 14px; - margin-top: 0; - margin-bottom: 5px; -} -.sidebar-wrapper .education-container .item { - margin-bottom: 15px; -} -.sidebar-wrapper .education-container .item:last-child { - margin-bottom: 0; -} -.sidebar-wrapper .education-container .meta { - color: rgba(255, 255, 255, 0.6); - font-weight: 500; - margin-bottom: 0px; - margin-top: 0; -} -.sidebar-wrapper .education-container .time { - color: rgba(255, 255, 255, 0.6); - font-weight: 500; - margin-bottom: 0px; -} -.sidebar-wrapper .languages-container .lang-desc { - color: rgba(255, 255, 255, 0.6); -} -.sidebar-wrapper .languages-list { - margin-bottom: 0; -} -.sidebar-wrapper .languages-list li { - margin-bottom: 10px; -} -.sidebar-wrapper .languages-list li:last-child { - margin-bottom: 0; -} -.sidebar-wrapper .interests-list { - margin-bottom: 0; -} -.sidebar-wrapper .interests-list li { - margin-bottom: 10px; -} -.sidebar-wrapper .interests-list li:last-child { - margin-bottom: 0; -} -.main-wrapper { - background: #fff; - padding: 60px; - padding-right: 300px; -} -.main-wrapper .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: #f47c03; - position: relative; - margin-top: 0; - margin-bottom: 20px; -} -.main-wrapper .section-title .fa { - width: 30px; - height: 30px; - margin-right: 8px; - display: inline-block; - color: #fff; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - background: #f47c03; - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; -} -.main-wrapper .section { - margin-bottom: 60px; -} -.main-wrapper .experiences-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title { - color: #3F4650; - font-size: 16px; - margin-top: 0; - margin-bottom: 0; - font-weight: 500; -} -.main-wrapper .time { - position: absolute; - right: 0; - top: 0; - color: #97AAC3; -} -.main-wrapper .company { - margin-bottom: 10px; - color: #97AAC3; -} -.main-wrapper .project-title { - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 5px; -} -.main-wrapper .projects-section .intro { - margin-bottom: 30px; -} -.main-wrapper .projects-section .item { - margin-bottom: 15px; -} -.skillset .item { - margin-bottom: 15px; - overflow: hidden; -} -.skillset .level-title { - font-size: 14px; - margin-top: 0; - margin-bottom: 12px; -} -.skillset .level-bar { - height: 12px; - background: #f5f5f5; -} -.skillset .level-bar-inner { - height: 12px; - background: #fec892; -} -.footer { - padding: 30px; - padding-top: 60px; -} -.footer .copyright { - line-height: 1.6; - color: #545E6C; - font-size: 13px; -} -.footer .fa-heart { - color: #fb866a; -} -/* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - .sidebar-wrapper { - position: static; - width: inherit; - } - .main-wrapper { - padding: 30px; - } - .main-wrapper .time { - position: static; - display: block; - margin-top: 5px; - } - .main-wrapper .upper-row { - margin-bottom: 0; - } -} -/* Small devices (tablets, 768px and up) */ -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - .skillset .level-title { - display: inline-block; - float: left; - width: 30%; - margin-bottom: 0; - } - .skillset .level-bar { - display: inline-block; - width: 70%; - float: left; - position: relative; - top: 1px; - } -} -/* Large devices (large desktops, 1200px and up) */ -/* Ex-Large devices (large desktops, 1200px and up) */ diff --git a/assets/less/default/base.less b/assets/less/default/base.less index 9ebc6aa..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; @@ -71,6 +71,15 @@ p { .profile { margin-bottom: 15px; } + + .profile-img { + //used for profile image + max-width: 100px; + margin-bottom: 15px; + border: 0px solid #fff; + border-radius: 100%; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + } .contact-list { .fa { margin-right: 5px; @@ -153,7 +162,7 @@ p { .main-wrapper { background: #fff; padding: 60px; - padding-right: 300px; + padding-right: 340px; .section-title { text-transform: uppercase; font-size: 20px; @@ -182,7 +191,7 @@ p { margin-bottom: 60px; } - .experiences-section { + .experiences-section, .educations-section { .item { margin-bottom: 30px; } @@ -192,7 +201,7 @@ p { overflow: hidden; margin-bottom: 2px; } - .job-title { + .job-title, .degree { color: @text-color; font-size: 16px; margin-top: 0; @@ -205,7 +214,7 @@ p { top: 0; color: @text-grey; } - .company { + .company, .university { margin-bottom: 10px; color: @text-grey; } @@ -225,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; + } + } } @@ -252,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/assets/less/theme-2/styles.less b/assets/less/default/default.less similarity index 91% rename from assets/less/theme-2/styles.less rename to assets/less/default/default.less index 4313111..3840da9 100644 --- a/assets/less/theme-2/styles.less +++ b/assets/less/default/default.less @@ -7,6 +7,5 @@ * Website: http://themes.3rdwavemedia.com/ */ @import "mixins.less"; -@import "theme-default.less"; @import "base.less"; @import "responsive.less"; diff --git a/assets/less/default/responsive.less b/assets/less/default/responsive.less index dd5e5d2..50d18d3 100644 --- a/assets/less/default/responsive.less +++ b/assets/less/default/responsive.less @@ -1,6 +1,10 @@ /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body{ + padding: 0; + } + .sidebar-wrapper { position: static; width: inherit; diff --git a/assets/less/default/styles.less b/assets/less/default/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/default/styles.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Template Name: Orbit - Responsive Resume/CV Template for Developers - * Version: 1.0 - * Author: Xiaoying Riley - * Twitter: @3rdwave_themes - * License: Creative Commons Attribution 3.0 License - * Website: http://themes.3rdwavemedia.com/ -*/ -@import "mixins.less"; -@import "theme-default.less"; -@import "base.less"; -@import "responsive.less"; diff --git a/assets/less/styles-2.less b/assets/less/styles-2.less new file mode 100644 index 0000000..8bb5a54 --- /dev/null +++ b/assets/less/styles-2.less @@ -0,0 +1,2 @@ +@import "default/default.less"; +@import "theme-2/theme-2.less"; diff --git a/assets/less/styles-3.less b/assets/less/styles-3.less new file mode 100644 index 0000000..bbd0f8e --- /dev/null +++ b/assets/less/styles-3.less @@ -0,0 +1,2 @@ +@import "default/default.less"; +@import "theme-3/theme-3.less"; diff --git a/assets/less/styles-4.less b/assets/less/styles-4.less new file mode 100644 index 0000000..c289319 --- /dev/null +++ b/assets/less/styles-4.less @@ -0,0 +1,2 @@ +@import "default/default.less"; +@import "theme-4/theme-4.less"; diff --git a/assets/less/styles-5.less b/assets/less/styles-5.less new file mode 100644 index 0000000..f9b7941 --- /dev/null +++ b/assets/less/styles-5.less @@ -0,0 +1,2 @@ +@import "default/default.less"; +@import "theme-5/theme-5.less"; diff --git a/assets/less/styles-6.less b/assets/less/styles-6.less new file mode 100644 index 0000000..f37e6ff --- /dev/null +++ b/assets/less/styles-6.less @@ -0,0 +1,2 @@ +@import "default/default.less"; +@import "theme-6/theme-6.less"; diff --git a/assets/less/styles.less b/assets/less/styles.less new file mode 100644 index 0000000..79a91ae --- /dev/null +++ b/assets/less/styles.less @@ -0,0 +1,2 @@ +@import "default/default.less"; +@import "default/theme-default.less"; diff --git a/assets/less/theme-2/base.less b/assets/less/theme-2/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-2/base.less +++ /dev/null @@ -1,267 +0,0 @@ -/* ======= Base ======= */ -body { - font-family: 'Roboto', sans-serif; - color: @text-color-secondary; - background: @smoky-white; - font-size: 14px; - padding: 30px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h1, h2, h3, h4, h5, h6 { - font-weight: 700; -} - -a { - color: darken(@theme-color, 15%); - .transition (all 0.4s ease-in-out); - &:hover { - text-decoration: underline; - color: darken(@theme-color, 30%); - } - &:focus { - text-decoration: none; - } -} - -p { - line-height: 1.5; -} - -.wrapper { - background:@theme-color; - max-width: 960px; - margin: 0 auto; - position: relative; - .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); -} - -.sidebar-wrapper { - background: @theme-color; - position: absolute; - right: 0; - width: 240px; - height: 100%; - min-height: 800px; - color: #fff; - a { - color: #fff; - } - .profile-container { - padding: 30px; - //background: darken(@theme-color, 10%); - background: rgba(0, 0, 0, 0.2); - text-align: center; - color: #fff; - } - .name { - font-size: 32px; - font-weight: 900; - margin-top: 0; - margin-bottom: 10px; - } - .tagline { - color: rgba(256, 256, 256, 0.6); - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - } - .profile { - margin-bottom: 15px; - } - .contact-list { - .fa { - margin-right: 5px; - font-size: 18px; - vertical-align: middle; - } - li { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .email { - .fa { - font-size: 14px; - } - } - } - .container-block { - padding: 30px; - } - .container-block-title { - text-transform: uppercase; - font-size: 16px; - font-weight: 700; - margin-top: 0; - margin-bottom: 15px; - } - .degree { - font-size: 14px; - margin-top: 0; - margin-bottom: 5px; - } - .education-container { - .item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .meta { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - margin-top: 0; - } - .time { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - } - } - .languages-container { - .lang-desc { - color: rgba(256, 256, 256, 0.6); - } - } - - .languages-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } - - .interests-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } -} - -.main-wrapper { - background: #fff; - padding: 60px; - padding-right: 300px; - .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: darken(@theme-color, 15%); - position: relative; - margin-top: 0; - margin-bottom: 20px; - .fa { - width: 30px; - height: 30px; - margin-right: 8px; - display: inline-block; - color: #fff; - .border-radius(50%); - background: darken(@theme-color, 15%); - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; - } - - } - .section { - margin-bottom: 60px; - } - - .experiences-section { - .item { - margin-bottom: 30px; - } - } - .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; - } - .job-title { - color: @text-color; - font-size: 16px; - margin-top: 0; - margin-bottom: 0; - font-weight: 500; - } - .time { - position: absolute; - right: 0; - top: 0; - color: @text-grey; - } - .company { - margin-bottom: 10px; - color: @text-grey; - } - - .project-title { - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 5px; - } - .projects-section { - .intro { - margin-bottom: 30px; - } - .item { - margin-bottom: 15px; - } - } - -} - - -.skillset { - .item { - margin-bottom: 15px; - overflow: hidden; - } - .level-title { - font-size: 14px; - margin-top: 0; - margin-bottom: 12px; - } - .level-bar { - height: 12px; - background: @smoky-white; - } - .level-bar-inner { - height: 12px; - background: lighten(@theme-color, 15%); - } -} - - - - -.footer { - padding: 30px; - padding-top: 60px; - .copyright { - line-height: 1.6; - color: @text-color-secondary; - font-size: 13px; - } - - .fa-heart { - color: @heart; - } - -} \ No newline at end of file diff --git a/assets/less/theme-2/mixins.less b/assets/less/theme-2/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-2/mixins.less +++ /dev/null @@ -1,180 +0,0 @@ -.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { - text-shadow: @string; -} -.box-shadow (@string) { - -webkit-box-shadow: @string; - -moz-box-shadow: @string; - box-shadow: @string; -} -.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -} -.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -} - -.box-sizing (@type: border-box) { - -webkit-box-sizing: @type; - -moz-box-sizing: @type; - box-sizing: @type; -} - -.border-radius (@radius: 5px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - -ms-border-radius: @radius; - -o-border-radius: @radius; - border-radius: @radius; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { - -webkit-border-top-right-radius: @topright; - -webkit-border-bottom-right-radius: @bottomright; - -webkit-border-bottom-left-radius: @bottomleft; - -webkit-border-top-left-radius: @topleft; - - -moz-border-radius-topright: @topright; - -moz-border-radius-bottomright: @bottomright; - -moz-border-radius-bottomleft: @bottomleft; - -moz-border-radius-topleft: @topleft; - - border-top-right-radius: @topright; - border-bottom-right-radius: @bottomright; - border-bottom-left-radius: @bottomleft; - border-top-left-radius: @topleft; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} - -.opacity (@opacity: 0.5) { - -webkit-opacity: @opacity; - -moz-opacity: @opacity; - opacity: @opacity; -} - -.gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - background: -webkit-linear-gradient(top, @startColor, @endColor); - background: -moz-linear-gradient(top, @startColor, @endColor); - background: -ms-linear-gradient(top, @startColor, @endColor); - background: -o-linear-gradient(top, @startColor, @endColor); -} -.horizontal-gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(left, @startColor, @endColor); - background-image: -moz-linear-gradient(left, @startColor, @endColor); - background-image: -ms-linear-gradient(left, @startColor, @endColor); - background-image: -o-linear-gradient(left, @startColor, @endColor); -} - -.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { - -webkit-animation: @name @duration @delay @ease; - -moz-animation: @name @duration @delay @ease; - -ms-animation: @name @duration @delay @ease; -} - -.transition (@transition) { - -webkit-transition: @transition; - -moz-transition: @transition; - -ms-transition: @transition; - -o-transition: @transition; -} -.transform(@string){ - -webkit-transform: @string; - -moz-transform: @string; - -ms-transform: @string; - -o-transform: @string; -} -.scale (@factor) { - -webkit-transform: scale(@factor); - -moz-transform: scale(@factor); - -ms-transform: scale(@factor); - -o-transform: scale(@factor); -} -.rotate (@deg) { - -webkit-transform: rotate(@deg); - -moz-transform: rotate(@deg); - -ms-transform: rotate(@deg); - -o-transform: rotate(@deg); -} -.skew (@deg, @deg2) { - -webkit-transform: skew(@deg, @deg2); - -moz-transform: skew(@deg, @deg2); - -ms-transform: skew(@deg, @deg2); - -o-transform: skew(@deg, @deg2); -} -.translate (@x, @y:0) { - -webkit-transform: translate(@x, @y); - -moz-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); - -o-transform: translate(@x, @y); -} -.translate3d (@x, @y: 0, @z: 0) { - -webkit-transform: translate3d(@x, @y, @z); - -moz-transform: translate3d(@x, @y, @z); - -ms-transform: translate3d(@x, @y, @z); - -o-transform: translate3d(@x, @y, @z); -} -.perspective (@value: 1000) { - -webkit-perspective: @value; - -moz-perspective: @value; - -ms-perspective: @value; - perspective: @value; -} -.transform-origin (@x:center, @y:center) { - -webkit-transform-origin: @x @y; - -moz-transform-origin: @x @y; - -ms-transform-origin: @x @y; - -o-transform-origin: @x @y; -} - -.reset-box-sizing (@size:content-box) { - &, - *, - *:before, - *:after { - .box-sizing(@size); - } -} - -.truncate (@max-width: 250px) { - max-width: @max-width; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.background-size (@string: contain) { - -webkit-background-size: @string; - -moz-background-size: @string; - -o-background-size: @string; - background-size: @string; -} - -// retina.less -// A helper mixin for applying high-resolution background images (http://www.retinajs.com) - -@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)"; - -.at2x(@path, @w: auto, @h: auto) { - background-image: url(@path); - @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; - - @media @highdpi { - background-image: url("@{at2x_path}"); - background-size: @w @h; - } -} - - diff --git a/assets/less/theme-2/responsive.less b/assets/less/theme-2/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-2/responsive.less +++ /dev/null @@ -1,63 +0,0 @@ -/* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - - .sidebar-wrapper { - position: static; - width: inherit; - } - - .main-wrapper { - padding: 30px; - } - - .main-wrapper .time { - position: static; - display: block; - margin-top: 5px; - } - - .main-wrapper .upper-row { - margin-bottom: 0; - } - - -} -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - - -} - -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - - .skillset .level-title { - display: inline-block; - float: left; - width: 30%; - margin-bottom: 0; - } - - .skillset .level-bar { - display: inline-block; - width: 70%; - float: left; - position: relative; - top: 1px; - } - - -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: 1200px) { - -} - - -/* Ex-Large devices (large desktops, 1200px and up) */ -@media (min-width: 1400px) { - -} - - diff --git a/assets/less/theme-2/theme-default.less b/assets/less/theme-2/theme-2.less similarity index 100% rename from assets/less/theme-2/theme-default.less rename to assets/less/theme-2/theme-2.less diff --git a/assets/less/theme-3/base.less b/assets/less/theme-3/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-3/base.less +++ /dev/null @@ -1,267 +0,0 @@ -/* ======= Base ======= */ -body { - font-family: 'Roboto', sans-serif; - color: @text-color-secondary; - background: @smoky-white; - font-size: 14px; - padding: 30px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h1, h2, h3, h4, h5, h6 { - font-weight: 700; -} - -a { - color: darken(@theme-color, 15%); - .transition (all 0.4s ease-in-out); - &:hover { - text-decoration: underline; - color: darken(@theme-color, 30%); - } - &:focus { - text-decoration: none; - } -} - -p { - line-height: 1.5; -} - -.wrapper { - background:@theme-color; - max-width: 960px; - margin: 0 auto; - position: relative; - .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); -} - -.sidebar-wrapper { - background: @theme-color; - position: absolute; - right: 0; - width: 240px; - height: 100%; - min-height: 800px; - color: #fff; - a { - color: #fff; - } - .profile-container { - padding: 30px; - //background: darken(@theme-color, 10%); - background: rgba(0, 0, 0, 0.2); - text-align: center; - color: #fff; - } - .name { - font-size: 32px; - font-weight: 900; - margin-top: 0; - margin-bottom: 10px; - } - .tagline { - color: rgba(256, 256, 256, 0.6); - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - } - .profile { - margin-bottom: 15px; - } - .contact-list { - .fa { - margin-right: 5px; - font-size: 18px; - vertical-align: middle; - } - li { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .email { - .fa { - font-size: 14px; - } - } - } - .container-block { - padding: 30px; - } - .container-block-title { - text-transform: uppercase; - font-size: 16px; - font-weight: 700; - margin-top: 0; - margin-bottom: 15px; - } - .degree { - font-size: 14px; - margin-top: 0; - margin-bottom: 5px; - } - .education-container { - .item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .meta { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - margin-top: 0; - } - .time { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - } - } - .languages-container { - .lang-desc { - color: rgba(256, 256, 256, 0.6); - } - } - - .languages-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } - - .interests-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } -} - -.main-wrapper { - background: #fff; - padding: 60px; - padding-right: 300px; - .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: darken(@theme-color, 15%); - position: relative; - margin-top: 0; - margin-bottom: 20px; - .fa { - width: 30px; - height: 30px; - margin-right: 8px; - display: inline-block; - color: #fff; - .border-radius(50%); - background: darken(@theme-color, 15%); - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; - } - - } - .section { - margin-bottom: 60px; - } - - .experiences-section { - .item { - margin-bottom: 30px; - } - } - .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; - } - .job-title { - color: @text-color; - font-size: 16px; - margin-top: 0; - margin-bottom: 0; - font-weight: 500; - } - .time { - position: absolute; - right: 0; - top: 0; - color: @text-grey; - } - .company { - margin-bottom: 10px; - color: @text-grey; - } - - .project-title { - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 5px; - } - .projects-section { - .intro { - margin-bottom: 30px; - } - .item { - margin-bottom: 15px; - } - } - -} - - -.skillset { - .item { - margin-bottom: 15px; - overflow: hidden; - } - .level-title { - font-size: 14px; - margin-top: 0; - margin-bottom: 12px; - } - .level-bar { - height: 12px; - background: @smoky-white; - } - .level-bar-inner { - height: 12px; - background: lighten(@theme-color, 15%); - } -} - - - - -.footer { - padding: 30px; - padding-top: 60px; - .copyright { - line-height: 1.6; - color: @text-color-secondary; - font-size: 13px; - } - - .fa-heart { - color: @heart; - } - -} \ No newline at end of file diff --git a/assets/less/theme-3/mixins.less b/assets/less/theme-3/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-3/mixins.less +++ /dev/null @@ -1,180 +0,0 @@ -.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { - text-shadow: @string; -} -.box-shadow (@string) { - -webkit-box-shadow: @string; - -moz-box-shadow: @string; - box-shadow: @string; -} -.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -} -.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -} - -.box-sizing (@type: border-box) { - -webkit-box-sizing: @type; - -moz-box-sizing: @type; - box-sizing: @type; -} - -.border-radius (@radius: 5px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - -ms-border-radius: @radius; - -o-border-radius: @radius; - border-radius: @radius; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { - -webkit-border-top-right-radius: @topright; - -webkit-border-bottom-right-radius: @bottomright; - -webkit-border-bottom-left-radius: @bottomleft; - -webkit-border-top-left-radius: @topleft; - - -moz-border-radius-topright: @topright; - -moz-border-radius-bottomright: @bottomright; - -moz-border-radius-bottomleft: @bottomleft; - -moz-border-radius-topleft: @topleft; - - border-top-right-radius: @topright; - border-bottom-right-radius: @bottomright; - border-bottom-left-radius: @bottomleft; - border-top-left-radius: @topleft; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} - -.opacity (@opacity: 0.5) { - -webkit-opacity: @opacity; - -moz-opacity: @opacity; - opacity: @opacity; -} - -.gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - background: -webkit-linear-gradient(top, @startColor, @endColor); - background: -moz-linear-gradient(top, @startColor, @endColor); - background: -ms-linear-gradient(top, @startColor, @endColor); - background: -o-linear-gradient(top, @startColor, @endColor); -} -.horizontal-gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(left, @startColor, @endColor); - background-image: -moz-linear-gradient(left, @startColor, @endColor); - background-image: -ms-linear-gradient(left, @startColor, @endColor); - background-image: -o-linear-gradient(left, @startColor, @endColor); -} - -.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { - -webkit-animation: @name @duration @delay @ease; - -moz-animation: @name @duration @delay @ease; - -ms-animation: @name @duration @delay @ease; -} - -.transition (@transition) { - -webkit-transition: @transition; - -moz-transition: @transition; - -ms-transition: @transition; - -o-transition: @transition; -} -.transform(@string){ - -webkit-transform: @string; - -moz-transform: @string; - -ms-transform: @string; - -o-transform: @string; -} -.scale (@factor) { - -webkit-transform: scale(@factor); - -moz-transform: scale(@factor); - -ms-transform: scale(@factor); - -o-transform: scale(@factor); -} -.rotate (@deg) { - -webkit-transform: rotate(@deg); - -moz-transform: rotate(@deg); - -ms-transform: rotate(@deg); - -o-transform: rotate(@deg); -} -.skew (@deg, @deg2) { - -webkit-transform: skew(@deg, @deg2); - -moz-transform: skew(@deg, @deg2); - -ms-transform: skew(@deg, @deg2); - -o-transform: skew(@deg, @deg2); -} -.translate (@x, @y:0) { - -webkit-transform: translate(@x, @y); - -moz-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); - -o-transform: translate(@x, @y); -} -.translate3d (@x, @y: 0, @z: 0) { - -webkit-transform: translate3d(@x, @y, @z); - -moz-transform: translate3d(@x, @y, @z); - -ms-transform: translate3d(@x, @y, @z); - -o-transform: translate3d(@x, @y, @z); -} -.perspective (@value: 1000) { - -webkit-perspective: @value; - -moz-perspective: @value; - -ms-perspective: @value; - perspective: @value; -} -.transform-origin (@x:center, @y:center) { - -webkit-transform-origin: @x @y; - -moz-transform-origin: @x @y; - -ms-transform-origin: @x @y; - -o-transform-origin: @x @y; -} - -.reset-box-sizing (@size:content-box) { - &, - *, - *:before, - *:after { - .box-sizing(@size); - } -} - -.truncate (@max-width: 250px) { - max-width: @max-width; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.background-size (@string: contain) { - -webkit-background-size: @string; - -moz-background-size: @string; - -o-background-size: @string; - background-size: @string; -} - -// retina.less -// A helper mixin for applying high-resolution background images (http://www.retinajs.com) - -@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)"; - -.at2x(@path, @w: auto, @h: auto) { - background-image: url(@path); - @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; - - @media @highdpi { - background-image: url("@{at2x_path}"); - background-size: @w @h; - } -} - - diff --git a/assets/less/theme-3/responsive.less b/assets/less/theme-3/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-3/responsive.less +++ /dev/null @@ -1,63 +0,0 @@ -/* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - - .sidebar-wrapper { - position: static; - width: inherit; - } - - .main-wrapper { - padding: 30px; - } - - .main-wrapper .time { - position: static; - display: block; - margin-top: 5px; - } - - .main-wrapper .upper-row { - margin-bottom: 0; - } - - -} -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - - -} - -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - - .skillset .level-title { - display: inline-block; - float: left; - width: 30%; - margin-bottom: 0; - } - - .skillset .level-bar { - display: inline-block; - width: 70%; - float: left; - position: relative; - top: 1px; - } - - -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: 1200px) { - -} - - -/* Ex-Large devices (large desktops, 1200px and up) */ -@media (min-width: 1400px) { - -} - - diff --git a/assets/less/theme-3/styles.less b/assets/less/theme-3/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-3/styles.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Template Name: Orbit - Responsive Resume/CV Template for Developers - * Version: 1.0 - * Author: Xiaoying Riley - * Twitter: @3rdwave_themes - * License: Creative Commons Attribution 3.0 License - * Website: http://themes.3rdwavemedia.com/ -*/ -@import "mixins.less"; -@import "theme-default.less"; -@import "base.less"; -@import "responsive.less"; diff --git a/assets/less/theme-3/theme-default.less b/assets/less/theme-3/theme-3.less similarity index 100% rename from assets/less/theme-3/theme-default.less rename to assets/less/theme-3/theme-3.less diff --git a/assets/less/theme-4/base.less b/assets/less/theme-4/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-4/base.less +++ /dev/null @@ -1,267 +0,0 @@ -/* ======= Base ======= */ -body { - font-family: 'Roboto', sans-serif; - color: @text-color-secondary; - background: @smoky-white; - font-size: 14px; - padding: 30px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h1, h2, h3, h4, h5, h6 { - font-weight: 700; -} - -a { - color: darken(@theme-color, 15%); - .transition (all 0.4s ease-in-out); - &:hover { - text-decoration: underline; - color: darken(@theme-color, 30%); - } - &:focus { - text-decoration: none; - } -} - -p { - line-height: 1.5; -} - -.wrapper { - background:@theme-color; - max-width: 960px; - margin: 0 auto; - position: relative; - .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); -} - -.sidebar-wrapper { - background: @theme-color; - position: absolute; - right: 0; - width: 240px; - height: 100%; - min-height: 800px; - color: #fff; - a { - color: #fff; - } - .profile-container { - padding: 30px; - //background: darken(@theme-color, 10%); - background: rgba(0, 0, 0, 0.2); - text-align: center; - color: #fff; - } - .name { - font-size: 32px; - font-weight: 900; - margin-top: 0; - margin-bottom: 10px; - } - .tagline { - color: rgba(256, 256, 256, 0.6); - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - } - .profile { - margin-bottom: 15px; - } - .contact-list { - .fa { - margin-right: 5px; - font-size: 18px; - vertical-align: middle; - } - li { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .email { - .fa { - font-size: 14px; - } - } - } - .container-block { - padding: 30px; - } - .container-block-title { - text-transform: uppercase; - font-size: 16px; - font-weight: 700; - margin-top: 0; - margin-bottom: 15px; - } - .degree { - font-size: 14px; - margin-top: 0; - margin-bottom: 5px; - } - .education-container { - .item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .meta { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - margin-top: 0; - } - .time { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - } - } - .languages-container { - .lang-desc { - color: rgba(256, 256, 256, 0.6); - } - } - - .languages-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } - - .interests-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } -} - -.main-wrapper { - background: #fff; - padding: 60px; - padding-right: 300px; - .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: darken(@theme-color, 15%); - position: relative; - margin-top: 0; - margin-bottom: 20px; - .fa { - width: 30px; - height: 30px; - margin-right: 8px; - display: inline-block; - color: #fff; - .border-radius(50%); - background: darken(@theme-color, 15%); - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; - } - - } - .section { - margin-bottom: 60px; - } - - .experiences-section { - .item { - margin-bottom: 30px; - } - } - .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; - } - .job-title { - color: @text-color; - font-size: 16px; - margin-top: 0; - margin-bottom: 0; - font-weight: 500; - } - .time { - position: absolute; - right: 0; - top: 0; - color: @text-grey; - } - .company { - margin-bottom: 10px; - color: @text-grey; - } - - .project-title { - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 5px; - } - .projects-section { - .intro { - margin-bottom: 30px; - } - .item { - margin-bottom: 15px; - } - } - -} - - -.skillset { - .item { - margin-bottom: 15px; - overflow: hidden; - } - .level-title { - font-size: 14px; - margin-top: 0; - margin-bottom: 12px; - } - .level-bar { - height: 12px; - background: @smoky-white; - } - .level-bar-inner { - height: 12px; - background: lighten(@theme-color, 15%); - } -} - - - - -.footer { - padding: 30px; - padding-top: 60px; - .copyright { - line-height: 1.6; - color: @text-color-secondary; - font-size: 13px; - } - - .fa-heart { - color: @heart; - } - -} \ No newline at end of file diff --git a/assets/less/theme-4/mixins.less b/assets/less/theme-4/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-4/mixins.less +++ /dev/null @@ -1,180 +0,0 @@ -.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { - text-shadow: @string; -} -.box-shadow (@string) { - -webkit-box-shadow: @string; - -moz-box-shadow: @string; - box-shadow: @string; -} -.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -} -.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -} - -.box-sizing (@type: border-box) { - -webkit-box-sizing: @type; - -moz-box-sizing: @type; - box-sizing: @type; -} - -.border-radius (@radius: 5px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - -ms-border-radius: @radius; - -o-border-radius: @radius; - border-radius: @radius; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { - -webkit-border-top-right-radius: @topright; - -webkit-border-bottom-right-radius: @bottomright; - -webkit-border-bottom-left-radius: @bottomleft; - -webkit-border-top-left-radius: @topleft; - - -moz-border-radius-topright: @topright; - -moz-border-radius-bottomright: @bottomright; - -moz-border-radius-bottomleft: @bottomleft; - -moz-border-radius-topleft: @topleft; - - border-top-right-radius: @topright; - border-bottom-right-radius: @bottomright; - border-bottom-left-radius: @bottomleft; - border-top-left-radius: @topleft; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} - -.opacity (@opacity: 0.5) { - -webkit-opacity: @opacity; - -moz-opacity: @opacity; - opacity: @opacity; -} - -.gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - background: -webkit-linear-gradient(top, @startColor, @endColor); - background: -moz-linear-gradient(top, @startColor, @endColor); - background: -ms-linear-gradient(top, @startColor, @endColor); - background: -o-linear-gradient(top, @startColor, @endColor); -} -.horizontal-gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(left, @startColor, @endColor); - background-image: -moz-linear-gradient(left, @startColor, @endColor); - background-image: -ms-linear-gradient(left, @startColor, @endColor); - background-image: -o-linear-gradient(left, @startColor, @endColor); -} - -.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { - -webkit-animation: @name @duration @delay @ease; - -moz-animation: @name @duration @delay @ease; - -ms-animation: @name @duration @delay @ease; -} - -.transition (@transition) { - -webkit-transition: @transition; - -moz-transition: @transition; - -ms-transition: @transition; - -o-transition: @transition; -} -.transform(@string){ - -webkit-transform: @string; - -moz-transform: @string; - -ms-transform: @string; - -o-transform: @string; -} -.scale (@factor) { - -webkit-transform: scale(@factor); - -moz-transform: scale(@factor); - -ms-transform: scale(@factor); - -o-transform: scale(@factor); -} -.rotate (@deg) { - -webkit-transform: rotate(@deg); - -moz-transform: rotate(@deg); - -ms-transform: rotate(@deg); - -o-transform: rotate(@deg); -} -.skew (@deg, @deg2) { - -webkit-transform: skew(@deg, @deg2); - -moz-transform: skew(@deg, @deg2); - -ms-transform: skew(@deg, @deg2); - -o-transform: skew(@deg, @deg2); -} -.translate (@x, @y:0) { - -webkit-transform: translate(@x, @y); - -moz-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); - -o-transform: translate(@x, @y); -} -.translate3d (@x, @y: 0, @z: 0) { - -webkit-transform: translate3d(@x, @y, @z); - -moz-transform: translate3d(@x, @y, @z); - -ms-transform: translate3d(@x, @y, @z); - -o-transform: translate3d(@x, @y, @z); -} -.perspective (@value: 1000) { - -webkit-perspective: @value; - -moz-perspective: @value; - -ms-perspective: @value; - perspective: @value; -} -.transform-origin (@x:center, @y:center) { - -webkit-transform-origin: @x @y; - -moz-transform-origin: @x @y; - -ms-transform-origin: @x @y; - -o-transform-origin: @x @y; -} - -.reset-box-sizing (@size:content-box) { - &, - *, - *:before, - *:after { - .box-sizing(@size); - } -} - -.truncate (@max-width: 250px) { - max-width: @max-width; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.background-size (@string: contain) { - -webkit-background-size: @string; - -moz-background-size: @string; - -o-background-size: @string; - background-size: @string; -} - -// retina.less -// A helper mixin for applying high-resolution background images (http://www.retinajs.com) - -@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)"; - -.at2x(@path, @w: auto, @h: auto) { - background-image: url(@path); - @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; - - @media @highdpi { - background-image: url("@{at2x_path}"); - background-size: @w @h; - } -} - - diff --git a/assets/less/theme-4/responsive.less b/assets/less/theme-4/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-4/responsive.less +++ /dev/null @@ -1,63 +0,0 @@ -/* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - - .sidebar-wrapper { - position: static; - width: inherit; - } - - .main-wrapper { - padding: 30px; - } - - .main-wrapper .time { - position: static; - display: block; - margin-top: 5px; - } - - .main-wrapper .upper-row { - margin-bottom: 0; - } - - -} -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - - -} - -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - - .skillset .level-title { - display: inline-block; - float: left; - width: 30%; - margin-bottom: 0; - } - - .skillset .level-bar { - display: inline-block; - width: 70%; - float: left; - position: relative; - top: 1px; - } - - -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: 1200px) { - -} - - -/* Ex-Large devices (large desktops, 1200px and up) */ -@media (min-width: 1400px) { - -} - - diff --git a/assets/less/theme-4/styles.less b/assets/less/theme-4/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-4/styles.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Template Name: Orbit - Responsive Resume/CV Template for Developers - * Version: 1.0 - * Author: Xiaoying Riley - * Twitter: @3rdwave_themes - * License: Creative Commons Attribution 3.0 License - * Website: http://themes.3rdwavemedia.com/ -*/ -@import "mixins.less"; -@import "theme-default.less"; -@import "base.less"; -@import "responsive.less"; diff --git a/assets/less/theme-4/theme-default.less b/assets/less/theme-4/theme-4.less similarity index 100% rename from assets/less/theme-4/theme-default.less rename to assets/less/theme-4/theme-4.less diff --git a/assets/less/theme-5/base.less b/assets/less/theme-5/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-5/base.less +++ /dev/null @@ -1,267 +0,0 @@ -/* ======= Base ======= */ -body { - font-family: 'Roboto', sans-serif; - color: @text-color-secondary; - background: @smoky-white; - font-size: 14px; - padding: 30px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h1, h2, h3, h4, h5, h6 { - font-weight: 700; -} - -a { - color: darken(@theme-color, 15%); - .transition (all 0.4s ease-in-out); - &:hover { - text-decoration: underline; - color: darken(@theme-color, 30%); - } - &:focus { - text-decoration: none; - } -} - -p { - line-height: 1.5; -} - -.wrapper { - background:@theme-color; - max-width: 960px; - margin: 0 auto; - position: relative; - .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); -} - -.sidebar-wrapper { - background: @theme-color; - position: absolute; - right: 0; - width: 240px; - height: 100%; - min-height: 800px; - color: #fff; - a { - color: #fff; - } - .profile-container { - padding: 30px; - //background: darken(@theme-color, 10%); - background: rgba(0, 0, 0, 0.2); - text-align: center; - color: #fff; - } - .name { - font-size: 32px; - font-weight: 900; - margin-top: 0; - margin-bottom: 10px; - } - .tagline { - color: rgba(256, 256, 256, 0.6); - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - } - .profile { - margin-bottom: 15px; - } - .contact-list { - .fa { - margin-right: 5px; - font-size: 18px; - vertical-align: middle; - } - li { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .email { - .fa { - font-size: 14px; - } - } - } - .container-block { - padding: 30px; - } - .container-block-title { - text-transform: uppercase; - font-size: 16px; - font-weight: 700; - margin-top: 0; - margin-bottom: 15px; - } - .degree { - font-size: 14px; - margin-top: 0; - margin-bottom: 5px; - } - .education-container { - .item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .meta { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - margin-top: 0; - } - .time { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - } - } - .languages-container { - .lang-desc { - color: rgba(256, 256, 256, 0.6); - } - } - - .languages-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } - - .interests-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } -} - -.main-wrapper { - background: #fff; - padding: 60px; - padding-right: 300px; - .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: darken(@theme-color, 15%); - position: relative; - margin-top: 0; - margin-bottom: 20px; - .fa { - width: 30px; - height: 30px; - margin-right: 8px; - display: inline-block; - color: #fff; - .border-radius(50%); - background: darken(@theme-color, 15%); - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; - } - - } - .section { - margin-bottom: 60px; - } - - .experiences-section { - .item { - margin-bottom: 30px; - } - } - .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; - } - .job-title { - color: @text-color; - font-size: 16px; - margin-top: 0; - margin-bottom: 0; - font-weight: 500; - } - .time { - position: absolute; - right: 0; - top: 0; - color: @text-grey; - } - .company { - margin-bottom: 10px; - color: @text-grey; - } - - .project-title { - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 5px; - } - .projects-section { - .intro { - margin-bottom: 30px; - } - .item { - margin-bottom: 15px; - } - } - -} - - -.skillset { - .item { - margin-bottom: 15px; - overflow: hidden; - } - .level-title { - font-size: 14px; - margin-top: 0; - margin-bottom: 12px; - } - .level-bar { - height: 12px; - background: @smoky-white; - } - .level-bar-inner { - height: 12px; - background: lighten(@theme-color, 15%); - } -} - - - - -.footer { - padding: 30px; - padding-top: 60px; - .copyright { - line-height: 1.6; - color: @text-color-secondary; - font-size: 13px; - } - - .fa-heart { - color: @heart; - } - -} \ No newline at end of file diff --git a/assets/less/theme-5/mixins.less b/assets/less/theme-5/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-5/mixins.less +++ /dev/null @@ -1,180 +0,0 @@ -.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { - text-shadow: @string; -} -.box-shadow (@string) { - -webkit-box-shadow: @string; - -moz-box-shadow: @string; - box-shadow: @string; -} -.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -} -.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -} - -.box-sizing (@type: border-box) { - -webkit-box-sizing: @type; - -moz-box-sizing: @type; - box-sizing: @type; -} - -.border-radius (@radius: 5px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - -ms-border-radius: @radius; - -o-border-radius: @radius; - border-radius: @radius; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { - -webkit-border-top-right-radius: @topright; - -webkit-border-bottom-right-radius: @bottomright; - -webkit-border-bottom-left-radius: @bottomleft; - -webkit-border-top-left-radius: @topleft; - - -moz-border-radius-topright: @topright; - -moz-border-radius-bottomright: @bottomright; - -moz-border-radius-bottomleft: @bottomleft; - -moz-border-radius-topleft: @topleft; - - border-top-right-radius: @topright; - border-bottom-right-radius: @bottomright; - border-bottom-left-radius: @bottomleft; - border-top-left-radius: @topleft; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} - -.opacity (@opacity: 0.5) { - -webkit-opacity: @opacity; - -moz-opacity: @opacity; - opacity: @opacity; -} - -.gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - background: -webkit-linear-gradient(top, @startColor, @endColor); - background: -moz-linear-gradient(top, @startColor, @endColor); - background: -ms-linear-gradient(top, @startColor, @endColor); - background: -o-linear-gradient(top, @startColor, @endColor); -} -.horizontal-gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(left, @startColor, @endColor); - background-image: -moz-linear-gradient(left, @startColor, @endColor); - background-image: -ms-linear-gradient(left, @startColor, @endColor); - background-image: -o-linear-gradient(left, @startColor, @endColor); -} - -.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { - -webkit-animation: @name @duration @delay @ease; - -moz-animation: @name @duration @delay @ease; - -ms-animation: @name @duration @delay @ease; -} - -.transition (@transition) { - -webkit-transition: @transition; - -moz-transition: @transition; - -ms-transition: @transition; - -o-transition: @transition; -} -.transform(@string){ - -webkit-transform: @string; - -moz-transform: @string; - -ms-transform: @string; - -o-transform: @string; -} -.scale (@factor) { - -webkit-transform: scale(@factor); - -moz-transform: scale(@factor); - -ms-transform: scale(@factor); - -o-transform: scale(@factor); -} -.rotate (@deg) { - -webkit-transform: rotate(@deg); - -moz-transform: rotate(@deg); - -ms-transform: rotate(@deg); - -o-transform: rotate(@deg); -} -.skew (@deg, @deg2) { - -webkit-transform: skew(@deg, @deg2); - -moz-transform: skew(@deg, @deg2); - -ms-transform: skew(@deg, @deg2); - -o-transform: skew(@deg, @deg2); -} -.translate (@x, @y:0) { - -webkit-transform: translate(@x, @y); - -moz-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); - -o-transform: translate(@x, @y); -} -.translate3d (@x, @y: 0, @z: 0) { - -webkit-transform: translate3d(@x, @y, @z); - -moz-transform: translate3d(@x, @y, @z); - -ms-transform: translate3d(@x, @y, @z); - -o-transform: translate3d(@x, @y, @z); -} -.perspective (@value: 1000) { - -webkit-perspective: @value; - -moz-perspective: @value; - -ms-perspective: @value; - perspective: @value; -} -.transform-origin (@x:center, @y:center) { - -webkit-transform-origin: @x @y; - -moz-transform-origin: @x @y; - -ms-transform-origin: @x @y; - -o-transform-origin: @x @y; -} - -.reset-box-sizing (@size:content-box) { - &, - *, - *:before, - *:after { - .box-sizing(@size); - } -} - -.truncate (@max-width: 250px) { - max-width: @max-width; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.background-size (@string: contain) { - -webkit-background-size: @string; - -moz-background-size: @string; - -o-background-size: @string; - background-size: @string; -} - -// retina.less -// A helper mixin for applying high-resolution background images (http://www.retinajs.com) - -@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)"; - -.at2x(@path, @w: auto, @h: auto) { - background-image: url(@path); - @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; - - @media @highdpi { - background-image: url("@{at2x_path}"); - background-size: @w @h; - } -} - - diff --git a/assets/less/theme-5/responsive.less b/assets/less/theme-5/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-5/responsive.less +++ /dev/null @@ -1,63 +0,0 @@ -/* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - - .sidebar-wrapper { - position: static; - width: inherit; - } - - .main-wrapper { - padding: 30px; - } - - .main-wrapper .time { - position: static; - display: block; - margin-top: 5px; - } - - .main-wrapper .upper-row { - margin-bottom: 0; - } - - -} -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - - -} - -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - - .skillset .level-title { - display: inline-block; - float: left; - width: 30%; - margin-bottom: 0; - } - - .skillset .level-bar { - display: inline-block; - width: 70%; - float: left; - position: relative; - top: 1px; - } - - -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: 1200px) { - -} - - -/* Ex-Large devices (large desktops, 1200px and up) */ -@media (min-width: 1400px) { - -} - - diff --git a/assets/less/theme-5/styles.less b/assets/less/theme-5/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-5/styles.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Template Name: Orbit - Responsive Resume/CV Template for Developers - * Version: 1.0 - * Author: Xiaoying Riley - * Twitter: @3rdwave_themes - * License: Creative Commons Attribution 3.0 License - * Website: http://themes.3rdwavemedia.com/ -*/ -@import "mixins.less"; -@import "theme-default.less"; -@import "base.less"; -@import "responsive.less"; diff --git a/assets/less/theme-5/theme-default.less b/assets/less/theme-5/theme-5.less similarity index 100% rename from assets/less/theme-5/theme-default.less rename to assets/less/theme-5/theme-5.less diff --git a/assets/less/theme-6/base.less b/assets/less/theme-6/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-6/base.less +++ /dev/null @@ -1,267 +0,0 @@ -/* ======= Base ======= */ -body { - font-family: 'Roboto', sans-serif; - color: @text-color-secondary; - background: @smoky-white; - font-size: 14px; - padding: 30px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h1, h2, h3, h4, h5, h6 { - font-weight: 700; -} - -a { - color: darken(@theme-color, 15%); - .transition (all 0.4s ease-in-out); - &:hover { - text-decoration: underline; - color: darken(@theme-color, 30%); - } - &:focus { - text-decoration: none; - } -} - -p { - line-height: 1.5; -} - -.wrapper { - background:@theme-color; - max-width: 960px; - margin: 0 auto; - position: relative; - .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); -} - -.sidebar-wrapper { - background: @theme-color; - position: absolute; - right: 0; - width: 240px; - height: 100%; - min-height: 800px; - color: #fff; - a { - color: #fff; - } - .profile-container { - padding: 30px; - //background: darken(@theme-color, 10%); - background: rgba(0, 0, 0, 0.2); - text-align: center; - color: #fff; - } - .name { - font-size: 32px; - font-weight: 900; - margin-top: 0; - margin-bottom: 10px; - } - .tagline { - color: rgba(256, 256, 256, 0.6); - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - } - .profile { - margin-bottom: 15px; - } - .contact-list { - .fa { - margin-right: 5px; - font-size: 18px; - vertical-align: middle; - } - li { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .email { - .fa { - font-size: 14px; - } - } - } - .container-block { - padding: 30px; - } - .container-block-title { - text-transform: uppercase; - font-size: 16px; - font-weight: 700; - margin-top: 0; - margin-bottom: 15px; - } - .degree { - font-size: 14px; - margin-top: 0; - margin-bottom: 5px; - } - .education-container { - .item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - } - .meta { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - margin-top: 0; - } - .time { - color: rgba(256, 256, 256, 0.6); - font-weight: 500; - margin-bottom: 0px; - } - } - .languages-container { - .lang-desc { - color: rgba(256, 256, 256, 0.6); - } - } - - .languages-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } - - .interests-list { - margin-bottom: 0; - li { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0; - } - } - } -} - -.main-wrapper { - background: #fff; - padding: 60px; - padding-right: 300px; - .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: darken(@theme-color, 15%); - position: relative; - margin-top: 0; - margin-bottom: 20px; - .fa { - width: 30px; - height: 30px; - margin-right: 8px; - display: inline-block; - color: #fff; - .border-radius(50%); - background: darken(@theme-color, 15%); - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; - } - - } - .section { - margin-bottom: 60px; - } - - .experiences-section { - .item { - margin-bottom: 30px; - } - } - .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; - } - .job-title { - color: @text-color; - font-size: 16px; - margin-top: 0; - margin-bottom: 0; - font-weight: 500; - } - .time { - position: absolute; - right: 0; - top: 0; - color: @text-grey; - } - .company { - margin-bottom: 10px; - color: @text-grey; - } - - .project-title { - font-size: 16px; - font-weight: 400; - margin-top: 0; - margin-bottom: 5px; - } - .projects-section { - .intro { - margin-bottom: 30px; - } - .item { - margin-bottom: 15px; - } - } - -} - - -.skillset { - .item { - margin-bottom: 15px; - overflow: hidden; - } - .level-title { - font-size: 14px; - margin-top: 0; - margin-bottom: 12px; - } - .level-bar { - height: 12px; - background: @smoky-white; - } - .level-bar-inner { - height: 12px; - background: lighten(@theme-color, 15%); - } -} - - - - -.footer { - padding: 30px; - padding-top: 60px; - .copyright { - line-height: 1.6; - color: @text-color-secondary; - font-size: 13px; - } - - .fa-heart { - color: @heart; - } - -} \ No newline at end of file diff --git a/assets/less/theme-6/mixins.less b/assets/less/theme-6/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-6/mixins.less +++ /dev/null @@ -1,180 +0,0 @@ -.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { - text-shadow: @string; -} -.box-shadow (@string) { - -webkit-box-shadow: @string; - -moz-box-shadow: @string; - box-shadow: @string; -} -.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -} -.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { - -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); - box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -} - -.box-sizing (@type: border-box) { - -webkit-box-sizing: @type; - -moz-box-sizing: @type; - box-sizing: @type; -} - -.border-radius (@radius: 5px) { - -webkit-border-radius: @radius; - -moz-border-radius: @radius; - -ms-border-radius: @radius; - -o-border-radius: @radius; - border-radius: @radius; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { - -webkit-border-top-right-radius: @topright; - -webkit-border-bottom-right-radius: @bottomright; - -webkit-border-bottom-left-radius: @bottomleft; - -webkit-border-top-left-radius: @topleft; - - -moz-border-radius-topright: @topright; - -moz-border-radius-bottomright: @bottomright; - -moz-border-radius-bottomleft: @bottomleft; - -moz-border-radius-topleft: @topleft; - - border-top-right-radius: @topright; - border-bottom-right-radius: @bottomright; - border-bottom-left-radius: @bottomleft; - border-top-left-radius: @topleft; - - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} - -.opacity (@opacity: 0.5) { - -webkit-opacity: @opacity; - -moz-opacity: @opacity; - opacity: @opacity; -} - -.gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); - background: -webkit-linear-gradient(top, @startColor, @endColor); - background: -moz-linear-gradient(top, @startColor, @endColor); - background: -ms-linear-gradient(top, @startColor, @endColor); - background: -o-linear-gradient(top, @startColor, @endColor); -} -.horizontal-gradient (@startColor: #eee, @endColor: white) { - background-color: @startColor; - background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); - background-image: -webkit-linear-gradient(left, @startColor, @endColor); - background-image: -moz-linear-gradient(left, @startColor, @endColor); - background-image: -ms-linear-gradient(left, @startColor, @endColor); - background-image: -o-linear-gradient(left, @startColor, @endColor); -} - -.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { - -webkit-animation: @name @duration @delay @ease; - -moz-animation: @name @duration @delay @ease; - -ms-animation: @name @duration @delay @ease; -} - -.transition (@transition) { - -webkit-transition: @transition; - -moz-transition: @transition; - -ms-transition: @transition; - -o-transition: @transition; -} -.transform(@string){ - -webkit-transform: @string; - -moz-transform: @string; - -ms-transform: @string; - -o-transform: @string; -} -.scale (@factor) { - -webkit-transform: scale(@factor); - -moz-transform: scale(@factor); - -ms-transform: scale(@factor); - -o-transform: scale(@factor); -} -.rotate (@deg) { - -webkit-transform: rotate(@deg); - -moz-transform: rotate(@deg); - -ms-transform: rotate(@deg); - -o-transform: rotate(@deg); -} -.skew (@deg, @deg2) { - -webkit-transform: skew(@deg, @deg2); - -moz-transform: skew(@deg, @deg2); - -ms-transform: skew(@deg, @deg2); - -o-transform: skew(@deg, @deg2); -} -.translate (@x, @y:0) { - -webkit-transform: translate(@x, @y); - -moz-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); - -o-transform: translate(@x, @y); -} -.translate3d (@x, @y: 0, @z: 0) { - -webkit-transform: translate3d(@x, @y, @z); - -moz-transform: translate3d(@x, @y, @z); - -ms-transform: translate3d(@x, @y, @z); - -o-transform: translate3d(@x, @y, @z); -} -.perspective (@value: 1000) { - -webkit-perspective: @value; - -moz-perspective: @value; - -ms-perspective: @value; - perspective: @value; -} -.transform-origin (@x:center, @y:center) { - -webkit-transform-origin: @x @y; - -moz-transform-origin: @x @y; - -ms-transform-origin: @x @y; - -o-transform-origin: @x @y; -} - -.reset-box-sizing (@size:content-box) { - &, - *, - *:before, - *:after { - .box-sizing(@size); - } -} - -.truncate (@max-width: 250px) { - max-width: @max-width; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.background-size (@string: contain) { - -webkit-background-size: @string; - -moz-background-size: @string; - -o-background-size: @string; - background-size: @string; -} - -// retina.less -// A helper mixin for applying high-resolution background images (http://www.retinajs.com) - -@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)"; - -.at2x(@path, @w: auto, @h: auto) { - background-image: url(@path); - @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; - - @media @highdpi { - background-image: url("@{at2x_path}"); - background-size: @w @h; - } -} - - diff --git a/assets/less/theme-6/responsive.less b/assets/less/theme-6/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-6/responsive.less +++ /dev/null @@ -1,63 +0,0 @@ -/* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - - .sidebar-wrapper { - position: static; - width: inherit; - } - - .main-wrapper { - padding: 30px; - } - - .main-wrapper .time { - position: static; - display: block; - margin-top: 5px; - } - - .main-wrapper .upper-row { - margin-bottom: 0; - } - - -} -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - - -} - -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - - .skillset .level-title { - display: inline-block; - float: left; - width: 30%; - margin-bottom: 0; - } - - .skillset .level-bar { - display: inline-block; - width: 70%; - float: left; - position: relative; - top: 1px; - } - - -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: 1200px) { - -} - - -/* Ex-Large devices (large desktops, 1200px and up) */ -@media (min-width: 1400px) { - -} - - diff --git a/assets/less/theme-6/styles.less b/assets/less/theme-6/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-6/styles.less +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Template Name: Orbit - Responsive Resume/CV Template for Developers - * Version: 1.0 - * Author: Xiaoying Riley - * Twitter: @3rdwave_themes - * License: Creative Commons Attribution 3.0 License - * Website: http://themes.3rdwavemedia.com/ -*/ -@import "mixins.less"; -@import "theme-default.less"; -@import "base.less"; -@import "responsive.less"; diff --git a/assets/less/theme-6/theme-default.less b/assets/less/theme-6/theme-6.less similarity index 100% rename from assets/less/theme-6/theme-default.less rename to assets/less/theme-6/theme-6.less 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 %}