From 54ecbb65c432558fc4a2df75f18aab6a16805f87 Mon Sep 17 00:00:00 2001 From: gurusabarish Date: Mon, 28 Feb 2022 19:28:45 +0530 Subject: Added education in home --- exampleSite/config.yaml | 47 +++++++++++++++++ layouts/_default/baseof.html | 2 +- layouts/index.html | 1 + layouts/partials/scripts.html | 16 +++++- layouts/partials/sections/education.html | 64 +++++++++++++++++++++++ layouts/partials/sections/experience.html | 45 ++-------------- layouts/partials/sections/header.html | 12 ++++- layouts/partials/sections/hero/social.html | 30 ++++++----- static/css/index.css | 84 ++++++++++++++++++++++++++++-- 9 files changed, 240 insertions(+), 61 deletions(-) create mode 100644 layouts/partials/sections/education.html diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index 98585d6..9795c30 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -180,6 +180,53 @@ params: companyUrl: "https://example.com" date: "Feb 2016 - Mar 2017" content: "I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city." + + # Education + education: + enable: true + # index: true + items: + - title: "Master of Business Administration" + school: + name: "University of California, Berkeley" + url: "https://example.org" + date: "2013 - 2015" + GPA: "3.8 out of 5.0" + content: |- + Extracurricular Activities + - Lorem ipsum dolor sit amet consectetur adipisicing elit. + - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique. + - Lorem ipsum dolor sit amet consectetur adipisicing elit. + - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique. + - title: "Bachelor of Science in Computer Science" + school: + name: "Massachusetts Institute of Technology" + url: "https://example.org" + date: "2009 - 2013" + GPA: "3.9 out of 5.0" + content: |- + I Publiced two papers in the ACM SIGCHI Conference on Artificial Intelligence. + - [Fast and Accurate Object Detection with a Single Convolutional Neural Network](https://example.com) + - Face mask detection using a single convolutional neural network. + + Extracurricular Activities + - Lorem ipsum dolor sit amet consectetur adipisicing elit. + - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique. + - Lorem ipsum dolor sit amet consectetur adipisicing elit. + - Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique. + featuredLink: + enable: true + name: "My academic record" + url: "https://example.com" + - title: "High School" + school: + name: "Thomas Jefferson High School for Science and Technology." + url: "https://example.org" + GPA: "4.2 out of 5.0" + featuredLink: + enable: true + name: "My academic record" + url: "https://example.com" # Achievements achievements: diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 5540c38..0e75fb7 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -9,7 +9,7 @@ - + diff --git a/layouts/index.html b/layouts/index.html index 9aec77f..5806a58 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -15,6 +15,7 @@ {{- partial "sections/hero/index.html" . -}} {{- partial "sections/about.html" . -}} {{- partial "sections/experience.html" . -}} +{{- partial "sections/education.html" . -}} {{- partial "sections/projects.html" . -}} {{- partial "sections/achievements.html" . -}} {{- partial "sections/contact.html" . -}} diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html index 15238bd..87016fd 100644 --- a/layouts/partials/scripts.html +++ b/layouts/partials/scripts.html @@ -16,4 +16,18 @@ }) -{{- end }} \ No newline at end of file +{{- end }} + + \ No newline at end of file diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html new file mode 100644 index 0000000..7b0b5b9 --- /dev/null +++ b/layouts/partials/sections/education.html @@ -0,0 +1,64 @@ +{{ if .Site.Params.education.enable | default false }} +
+
+

Education

+
+ {{ $indexMenu := .Site.Params.education.index }} + {{ range $index, $element := .Site.Params.education.items }} +
+
+ {{ if $indexMenu }} +
+
+ + {{ add $index 1 }} + +
+
+ {{ end }} + +
+
+
+
+ {{ .date }} +
+
{{ .title }}
+ + {{ if .school.url }} + +
+ {{ .school.name }} +
+ + {{ else }} + {{ .school.name }} + {{ end }} + +
+ GPA: + + {{ .GPA }} + +
+
+ {{ .content | markdownify}} +
+ + {{ if .featuredLink.enable }} +
+ + {{ .featuredLink.name | default "Featured" }} + +
+ {{ end }} +
+
+
+
+
+ {{ end }} +
+
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/sections/experience.html b/layouts/partials/sections/experience.html index 894e8f7..c64c490 100644 --- a/layouts/partials/sections/experience.html +++ b/layouts/partials/sections/experience.html @@ -1,3 +1,4 @@ +{{ if .Site.Params.experience.enable | default false }}

Experience

@@ -57,6 +58,7 @@ {{ if .info.enable | default true }} {{ end }} {{ end }} - -
-
\ No newline at end of file + +{{ end }} \ No newline at end of file diff --git a/layouts/partials/sections/header.html b/layouts/partials/sections/header.html index 09fabe5..cea7ed8 100644 --- a/layouts/partials/sections/header.html +++ b/layouts/partials/sections/header.html @@ -58,14 +58,22 @@ {{ end }} - {{ if not (.Site.Params.navbar.menus.disableExperience | default false) }} + {{ + if and + (.Site.Params.experience.enable | default false) + (not (.Site.Params.navbar.menus.disableExperience | default false)) + }}
  • Experience
    • {{ end }} - {{ if not (.Site.Params.navbar.menus.disableEducation | default false) }} + {{ + if and + (.Site.Params.education.enable | default false) + (not (.Site.Params.navbar.menus.disableEducation | default false)) + }}
  • Education diff --git a/layouts/partials/sections/hero/social.html b/layouts/partials/sections/hero/social.html index b70df15..ab5e8ef 100644 --- a/layouts/partials/sections/hero/social.html +++ b/layouts/partials/sections/hero/social.html @@ -1,15 +1,17 @@ -{{ range .Site.Params.hero.socialLinks.fontAwesomeIcons }} - - - -{{ end }} + \ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css index cb59130..e47df71 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -302,6 +302,79 @@ opacity: 0.7; } +/* Education */ + +#education .container > h3 { + color: var(--text-secondary-color) !important; +} + +#education .row .index { + opacity: 0.8; + padding: 13px 20px; + line-height: 0%; + border-radius: 50%; + max-height: 50px; + z-index: 2; + background-color: var(--primary-color) !important; + color: var(--secondary-color) !important; + font-weight: bold; +} + +#education .card * { + background-color: var(--secondary-color) !important; +} + +#education .card { + border-radius: 1.5rem; + box-shadow: 0px 8px 56px rgb(15 80 100 / 16%); + border: 2px solid var(--text-secondary-color) !important; + transition: box-shadow .2s linear,opacity .2s linear; + transition: transform 0.2s; +} + +#education .card .card-body { + border-radius: 1.5rem; + padding: 2rem; +} + +#education .card:hover { + transition: 0.3s; + box-shadow: 0 4px 11px rgb(15 80 100 / 16%); + border: 2px solid var(--primary-color) !important; +} + +#education .card .card-body > a h6 { + display: inline-block; + text-decoration: none; + color: var(--primary-color) !important; +} + +#education .card .card-body > a h6::after { + content: ""; + display: block; + width: 0px; + height: 2px; + bottom: 0.37em; + background-color: var(--primary-color); + transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1); + opacity: 0.5; +} + +#education .card .card-body > a h6:hover::after, #education .card .card-body > a h6:focus::after, #education .card .card-body > a h6:active::after { + width: 100%; +} + +#education .card .card-body a.btn { + opacity: 0.9; + border: 1px solid var(--primary-color) !important; + border-radius: .75rem; + box-shadow: none; +} + +#education .card .card-body a.btn:hover { + opacity: 0.8; +} + /* achievements */ #achievements a { @@ -314,16 +387,21 @@ #achievements .card { background-color: var(--secondary-color) !important; - border-radius: .75rem; + border-radius: 1rem; box-shadow: 0 0 36px rgba(0,0,0,0.1); cursor: alias; /* transform: translate3d(0, 0, 0); */ transition: box-shadow .2s linear,opacity .2s linear; + border: 2px solid transparent; } #achievements .card:hover { - border: 1px solid var(--text-color); - transition: .4s; + border: 2px solid var(--text-color); + transition: .3s; +} +#achievements .card:focus { + border: 2px solid var(--text-color); + transition: .3s; } #achievements .card-text { -- cgit v1.2.3