diff --git a/_layouts/people-category.html b/_layouts/people-category.html index d37cc08..085c262 100644 --- a/_layouts/people-category.html +++ b/_layouts/people-category.html @@ -12,28 +12,44 @@ {% assign people_by_category = site.people | group_by: "position_category" %} {% for category in site.data.categories-order %} -

{{ category }}

-
- - {% assign currentPositionCategory = people_by_category | where: "name" , category | first %} - - {% for person in currentPositionCategory.items %} -
- {% if person.image %} -
-
- {{ person.name }} -
-
-

{{ person.person_title }}

-

{{ person.subtitle }}

-

{{ person.professional_title }}

- {% comment %} Read more {% endcomment %} -
+
+

{{ category }}

+ + {% assign currentPositionCategory = people_by_category | where: "name" , category | first %} + +
+ {% for person in currentPositionCategory.items %} +
+ {% if person.image %} +
+
+ {{ person.name }} +
+
+

{{ person.person_title }}

+

{{ person.subtitle }}

+ {% comment %} Read more {% endcomment %} + {% if person.additional_links %} +
+ {% if person.additional_links.github %} + + + + {% endif %} + {% if person.additional_links.linkedin %} + + + + {% endif %} +
+ {% endif %} +
+
+ {% endif %} +
+ {% endfor %}
- {% endif %}
- {% endfor %} {% endfor %}
diff --git a/_layouts/person.html b/_layouts/person.html index 20b444c..c38d212 100644 --- a/_layouts/person.html +++ b/_layouts/person.html @@ -63,7 +63,9 @@
{% if page.name %} -

{{ page.name }}

+
+

{{ page.name }}

+
{% endif %} {% if page.professional_title %}

{{ page.professional_title }}

@@ -79,17 +81,40 @@

{{ page.professional_title }}

{% endif %} - {% if page.description %} - {{ page.description }} - {% else %} - {{ page.content }} - {% endif %} +
+ {% if page.description %} + {{ page.description }} + {% else %} + {{ page.content }} + {% endif %} +
+
+ {% if page.additional_links %} +
+ Additional Links +
+
+ {% if page.additional_links.github %} + + + + {% endif %} + {% if page.additional_links.linkedin %} + + + + {% endif %} +
+
+
+ {% endif %} + {% if page.contact_information %}
Contact Information diff --git a/_people/cesar-ferreyra-mansilla.md b/_people/cesar-ferreyra-mansilla.md index cadd299..aa8c573 100644 --- a/_people/cesar-ferreyra-mansilla.md +++ b/_people/cesar-ferreyra-mansilla.md @@ -3,10 +3,14 @@ person_title: Cesar Ferreyra-Mansilla< name: Cesar Ferreyra-Mansilla subtitle: Software Engineer # Set subtitle to position_link_text professional_title: "Front End Engineer" -description: "I received a BA in Information Science at Cornell University. During my time there, I worked as a Software Developer for the university newspaper organization, the Cornell Daily Sun, where I built interactive web pages for news articles. Afterwards, I worked as a software developer at a digital agency based out of New York City, where I built websites and portals for healthcare startups. Outside of programming I like running, cooking, and admiring my indoor plants." layout: person academic: 5 # Updated academic field image: ./img/cesar-ferreyra-mansilla.jpg hide_footer: true position_category: Staff Scientists and Software Engineers +additional_links: + github: "https://github.com/crfmc" + linkedin: "https://www.linkedin.com/in/cesarferreyramansilla/" --- + +I received a BA in Information Science at Cornell University. During my time there, I worked as a Software Developer for the university newspaper organization, the Cornell Daily Sun, where I built interactive web pages for news articles. Afterwards, I worked as a software developer at a digital agency based out of New York City, where I built websites and portals for healthcare startups. Outside of programming I like running, cooking, and admiring my indoor plants. \ No newline at end of file diff --git a/_sass/pages/_people.scss b/_sass/pages/_people.scss index 97dbc46..288dc55 100644 --- a/_sass/pages/_people.scss +++ b/_sass/pages/_people.scss @@ -4,90 +4,128 @@ .page-body-container { margin-top: 50px; - .category-header { - font-weight: 700; - font-size: 1.5rem; - margin-top: 20px; - } + .category-container { + .category { + &-header { + font-weight: 700; + font-size: 1.5rem; + margin-top: 20px; + } + &-body { + display: flex; + flex-wrap: wrap; + gap: 32px; - hr { - margin: 10px 0px; - } - .person-container { - display: flex; - max-height: 150px; - height: min-content; - width: 100%; - margin: 0px ; - padding: 20px 0px; - - .person-card { - height: min-content; - display: flex; - width: 100%; + .person-container { + display: flex; + width: 380px; + min-width: 300px; + height: min-content; + margin: 0px ; + padding: 8px 0px; - .image-container { - height: 100%; - max-width: 75px; - - img { - height: auto; - width: auto; - border-radius: 5px; - box-shadow: 0px 0px 5px 1px lightgray; - } - } - .person-information { - max-width: 80%; - padding: 0px 20px; - - .title { - font-size: 1.125rem; - line-height: inherit; - font-weight: bold; - margin: 0px auto; - } - .subtitle { - font-size: 0.9rem; - line-height: inherit; - font-weight: bold; - margin: 0px auto; - } - .professional_title { - display: none; - } - .description { - display: none; - margin-top: 10px; + .person-card { + height: min-content; + display: flex; + width: 100%; + + .image-container { + display: flex; + max-width: 120px; + + img { + height: auto; + width: auto; + // border-radius: 5px; + // box-shadow: 0px 0px 5px 1px lightgray; + } + } + .person-information { + display: flex; + flex-direction: column; + justify-content: start; + align-items: flex-start; + max-width: 80%; + padding: 10px 20px 0px; + + .title { + margin: 0px; + + a { + color: #4A4A4A; + font-size: 1rem; + line-height: inherit; + font-weight: bold; + text-decoration: underline; + + &:hover { + color: #404040; + } + } + } + .subtitle { + font-size: 0.875rem; + line-height: inherit; + font-weight: 400; + margin: 0px; + } + .description { + display: none; + margin-top: 10px; + } + .additional-links-container { + display: flex; + justify-content: center; + gap: 12px; + .link { + color: #4A4A4A; + font-size: 1.5rem; + + &:hover { + color: #404040; + } + } + } + } + } + .person-container { + width: 100%; + } } } } - .person-container { - width: 100%; - } } + + @media (min-width: 992px) { - .category-header { - margin-top: 30px; - } - - .person-container { - max-height: 200px; - padding: 10px 0px; + .category-container { - .person-card { - .person-information { - .professional_title { - display: flex; - font-size: 0.875rem; - font-weight: 500; - } - .description { - display: flex; - font-size: 0.875rem; - line-height: inherit; + .category { + &-header { + margin-top: 30px; + } + + &-body { + .person-container { + max-height: 200px; + padding: 10px 0px; + + .person-card { + .person-information { + .professional_title { + display: flex; + font-size: 0.875rem; + font-weight: 500; + } + .description { + display: flex; + font-size: 0.875rem; + line-height: inherit; + } + } + } } } } diff --git a/_sass/pages/_person.scss b/_sass/pages/_person.scss index 598bd0f..138717f 100644 --- a/_sass/pages/_person.scss +++ b/_sass/pages/_person.scss @@ -22,27 +22,28 @@ } .title { font-size: 1rem; - margin: 0px; + margin-top: 8px; } } .image-and-description { - margin-top: 30px; + display: flex; + flex-direction: column; font-size: 1rem; min-height: 230px; .image-container { + display: flex; + flex-direction: column; float: left; - min-width: 150px; - width: 20%; + min-width: 250px; padding: 0px 15px 15px 0px; } .description-container { - margin-left: 25px; - display: flex; .description { font-size: 1rem; + margin-left: 0px; } } } @@ -68,6 +69,26 @@ .value { font-size: 1rem; } + + .additional-links-container { + display: flex; + justify-content: flex-start; + gap: 12px; + .link { + color: #4A4A4A; + font-size: 1.5rem; + + &:hover { + color: #404040; + } + } + } + } + } + + @media screen and (min-width: 480px) { + .image-and-description { + display: inline-block; } }