Addresses #963. Supports two setups: getting profile text from page content. ```markdown --- layout: about title: about permalink: / subtitle: <a href='#'>Affiliations</a>. Address. Contacts. Moto. Etc. profiles: # if you want to include more than one profile, just replicate the following block # and create one content file for each profile inside _pages/ - align: right image: prof_pic.jpg # content: about_einstein.md image_circular: false # crops the image to make it circular more_info: > <p>555 your office number</p> <p>123 your address street</p> <p>Your City, State 12345</p> news: true # includes a list of news items selected_papers: true # includes a list of papers marked as "selected={true}" social: true # includes social icons at the bottom of the page --- Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder. Put your address / P.O. box / other info right below your picture. You can also disable any these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically. Link to your social media connections, too. This theme is set up to use [Font Awesome icons](http://fortawesome.github.io/Font-Awesome/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them. ``` Or getting profile text from `content` (useful when having multiple profiles). ```markdown --- layout: about title: about permalink: / subtitle: <a href='#'>Affiliations</a>. Address. Contacts. Moto. Etc. profiles: # if you want to include more than one profile, just replicate the following block # and create one content file for each profile inside _pages/ - align: right image: prof_pic.jpg content: about_einstein.md image_circular: false # crops the image to make it circular more_info: > <p>555 your office number</p> <p>123 your address street</p> <p>Your City, State 12345</p> - align: left image: prof_pic.jpg content: about_einstein.md image_circular: false # crops the image to make it circular more_info: > <p>555 your office number</p> <p>123 your address street</p> <p>Your City, State 12345</p> news: true # includes a list of news items selected_papers: true # includes a list of papers marked as "selected={true}" social: true # includes social icons at the bottom of the page --- ``` Which looks like this:  --------- Signed-off-by: George Araújo <george.gcac@gmail.com> Signed-off-by: George Araujo <george.gcac@gmail.com>
78 lines
2.6 KiB
HTML
78 lines
2.6 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
|
|
<!-- about.html -->
|
|
<div class="post">
|
|
<header class="post-header">
|
|
<h1 class="post-title">
|
|
{% if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif %}
|
|
</h1>
|
|
<p class="desc">{{ page.subtitle }}</p>
|
|
</header>
|
|
|
|
<article>
|
|
{% if page.profile -%}
|
|
<div class="profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}">
|
|
{%- if page.profile.image %}
|
|
{%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%}
|
|
|
|
{% if page.profile.image_circular %}
|
|
{%- assign profile_image_class = "img-fluid z-depth-1 rounded-circle" -%}
|
|
{% else %}
|
|
{%- assign profile_image_class = "img-fluid z-depth-1 rounded" -%}
|
|
{% endif %}
|
|
|
|
{% include figure.html
|
|
path=profile_image_path
|
|
class=profile_image_class
|
|
alt=page.profile.image
|
|
cache_bust=true -%}
|
|
{% endif -%}
|
|
{%- if page.profile.more_info %}
|
|
<div class="more-info">
|
|
{{ page.profile.more_info }}
|
|
</div>
|
|
{%- endif %}
|
|
</div>
|
|
{%- endif %}
|
|
|
|
<div class="clearfix">
|
|
{{ content }}
|
|
</div>
|
|
|
|
<!-- News -->
|
|
{% if page.news and site.announcements.enabled -%}
|
|
<h2><a href="{{ '/news/' | relative_url }}" style="color: inherit;">news</a></h2>
|
|
{%- include news.html limit=true %}
|
|
{%- endif %}
|
|
|
|
<!-- Latest posts -->
|
|
{% if page.latest_posts -%}
|
|
<h2><a href="{{ '/blog/' | relative_url }}" style="color: inherit;">latest posts</a></h2>
|
|
{%- include latest_posts.html %}
|
|
{%- endif %}
|
|
|
|
<!-- Selected papers -->
|
|
{% if page.selected_papers -%}
|
|
<h2><a href="{{ '/publications/' | relative_url }}" style="color: inherit;">selected publications</a></h2>
|
|
{%- include selected_papers.html %}
|
|
{%- endif %}
|
|
|
|
<!-- Social -->
|
|
{%- if page.social %}
|
|
<div class="social">
|
|
<div class="contact-icons">
|
|
{% include social.html %}
|
|
</div>
|
|
|
|
<div class="contact-note">
|
|
{{ site.contact_note }}
|
|
</div>
|
|
|
|
</div>
|
|
{%- endif %}
|
|
</article>
|
|
|
|
</div>
|