How to update your profile

This page explains how to update or create a profile/”floating head” as e.g. shown on the training community page.

Basics

Your profile corresponds to a text file in the _profiles directory (view on github).

If you don’t have a profile yet

Simply copy the template at the bottom of this page and modify it to include your information. You can then either

send it to the conveners via email, or
(preferred) fork the github repository, put your profile in the _profiles directory as first_name_last_name.md (don’t worry about the exact form of the name) and open a pull request.

If you want to change your profile

Either

Find your profile on github (first_name_last_name.md), copy it to a text file, make your modifcations and send your new version to the conveners via email
(preferred) fork the github repository, update your information in _profiles/first_name_last_name.md and open a pull request

The template

---
# Required:
title: "Your Name"     # first (middle) last
country:               # your country of residence (2 capital letters, e.g. US, GB, DE)

# Optional (please add github or gravatar for your picture)
github:       # your github ID (not full url)
gravatar:     # your gravatar ID (the hex hash of your email, something like 123ef...123)
homepage:     # your personal homepage (full url)
twitter:      # your twitter ID (not full URL, no leading '@')
gitlab:       # your gitlab ID (not full URL)
bitbucket:    # your bitbucket ID (not full URL)
orcid:        # your orcid ID (not full URL)
linkedin:     # your linkedin ID (not full url, i.e. the last bit of the url to your profile)
email:

# Training WG
training_roles: []              # subset of [facilitator, instructor, mentor], can stay empty ([])
training_years: []              # in which years did you help out? (e.g. [2020, 2019])

# Don't modify the following setting
layout: educator
---

<!-- Optional: Write something about yourself below the '- - >'.
You can use Markdown syntax to style this page.
-->

Notes

If you have specified your gravatar (a free service for global avatar synchornization), we will take your profile picture from there. Else, the profile picture will be taken from your github profile (if specified). If the latter is not specified either, you will have a blank profile picture showing an octocat.
If you don’t know your gravatar email hash, you can use this page (or look here for more background information about the hashing)

Working group specific settings

To be listed as “educator” on the training community page or the educators page:
- Set the training-roles field: The training-roles are explained here. Valid examples: [], [instructor, mentor]. Invalid: mentor (no brackets). Please keep the order of the roles as they are in the template.
- Set the training-years field: This should be a list of years that you were actively contributing to the HSF Training efforts. Valid examples: [2012] , [2012, 2014]. Invalid: ["2012"].

Example

---
title: Kilian Lieret
country: DE
training_roles: []
training_years:
- 2020
github: klieret
homepage: https://lieret.net
gitlab: klieret
bitbucket: klieret
orcid: 0000-0003-2792-7511
linkedin: kilian-lieret-0b0667104
layout: educator
---
Hi, I'm Kilian. I'm a PhD student for the Belle II experiment and joined the HSF training group in 2020.

If you want to include a specific selection of people on your page

Use this:

<!-- If the persons array is set, this will only include profiles of those
people who are in the persons array. This can be used to include the convenors 
for example.-->

<!-- Include this in order to get the floating-heads of the educator list -->

<!-- lazy loading of images for the avatars of educators to avoid slowing the page down -->
<script src="/assets/js/lazysizes.min.js" async=""></script>

<!-- for the github/orcid/etc icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" crossorigin="anonymous"/>

<style>
/* These style definitions are mostly adapted from 
https://github.com/carpentries/carpentries.org/blob/gh-pages/assets/css/extras.css
*/

.img-circle {
    border-radius: 50%;
    width: 128px;
    height: 128px;
}

.anchor-offset {
    padding-top: 50px;
    margin-top: -50px;
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}

.column,
.columns {
 padding-left:.9375rem;
 padding-right:.9375rem;
 width:100%;
 float:left
}
[class*="column"]+[class*="column"]:last-child {
 float:left
}
[class*="column"]+[class*="column"].end {
 float:left
}

@media only screen {
 .column,
 .columns {
  position:relative;
  padding-left:.9375rem;
  padding-right:.9375rem;
  float:left
 }
 
  .row.small-collapse>.column,
 .row.small-collapse>.columns {
  padding-left:0;
  padding-right:0
 }
 .row.small-collapse .row {
  margin-left:0;
  margin-right:0
 }
 .row.small-uncollapse>.column,
 .row.small-uncollapse>.columns {
  padding-left:.9375rem;
  padding-right:.9375rem;
  float:left
 }
}

@media only screen and (min-width: 40.063em) {
 .column,
 .columns {
  position:relative;
  padding-left:.9375rem;
  padding-right:.9375rem;
  float:left
 }
 
 .row.medium-collapse>.column,
 .row.medium-collapse>.columns {
  padding-left:0;
  padding-right:0
 }
 .row.medium-collapse .row {
  margin-left:0;
  margin-right:0
 }
 .row.medium-uncollapse>.column,
 .row.medium-uncollapse>.columns {
  padding-left:.9375rem;
  padding-right:.9375rem;
  float:left
}

.medium-3 {
	width:25%
};
 
</style>

<div class="row">

<!-- to do delayed loading etc., see https://www.ratanparai.com/jekyll/Responsive-image-on-jekyll/ and then the original carpentries template -->

<div class="medium-3 columns">
<div class="team-member anchor-offset" id="klieret">
<a href="/profiles/kilian_lieret.html"><!-- Make sure to include educator_header to use this -->

<img data-src="https://avatars.githubusercontent.com/klieret" class="img-circle lazyload" alt="GitHub profile photo of Kilian Lieret">

</a>
<h3><a href="/profiles/kilian_lieret.html">Kilian Lieret</a></h3>
<!-- social badges for people -->
<!-- this needs the font awesome css to be included, e.g. by including profile_header.html -->

<ul class="list-inline social-buttons">

<li> <a href="https://github.com/klieret"> <i class="fab fa-github"></i> </a> </li> 
<li> <a href="https://gitlab.com/klieret"> <i class="fab fa-gitlab"></i> </a> </li> 
<li> <a href="https://bitbucket.com/klieret"> <i class="fab fa-bitbucket"></i> </a> </li> 
<li> <a href="https://orcid.org/0000-0003-2792-7511"> <i class="fab fa-orcid"></i> </a> </li> 
<li> <a href="https://www.linkedin.com/in/kilian-lieret-0b0667104"> <i class="fab fa-linkedin"></i> </a> </li> 

<li> <a href="https://lieret.net"> <i class="fas fa-link"></i> </a> </li> 
</ul>

<!-- <img width="64" src="/files/flags/de.svg"/> -->

</div>
</div>

<!-- to do delayed loading etc., see https://www.ratanparai.com/jekyll/Responsive-image-on-jekyll/ and then the original carpentries template -->

<div class="medium-3 columns">
<div class="team-member anchor-offset" id="smeehan12">
<a href="/profiles/samuel_meehan.html"><!-- Make sure to include educator_header to use this -->

<img data-src="https://avatars.githubusercontent.com/smeehan12" class="img-circle lazyload" alt="GitHub profile photo of Sam Meehan">

</a>
<h3><a href="/profiles/samuel_meehan.html">Sam Meehan</a></h3>
<!-- social badges for people -->
<!-- this needs the font awesome css to be included, e.g. by including profile_header.html -->

<ul class="list-inline social-buttons">

<li> <a href="https://github.com/smeehan12"> <i class="fab fa-github"></i> </a> </li> 

<li> <a href="https://orcid.org/0000-0002-3613-7514"> <i class="fab fa-orcid"></i> </a> </li> 

<li> <a href="mailto:smeehan12@gmail.com"> <i class="fa fa-envelope"></i> </a> </li> 

</ul>

<!-- <img width="64" src="/files/flags/us.svg"/> -->

</div>
</div>

<!-- to do delayed loading etc., see https://www.ratanparai.com/jekyll/Responsive-image-on-jekyll/ and then the original carpentries template -->

<div class="medium-3 columns">
<div class="team-member anchor-offset" id="fatala22">
<a href="/profiles/sudhir_malik.html"><!-- Make sure to include educator_header to use this -->

<img data-src="https://avatars.githubusercontent.com/fatala22" class="img-circle lazyload" alt="GitHub profile photo of Sudhir Malik">

</a>
<h3><a href="/profiles/sudhir_malik.html">Sudhir Malik</a></h3>
<!-- social badges for people -->
<!-- this needs the font awesome css to be included, e.g. by including profile_header.html -->

<ul class="list-inline social-buttons">
<li> <a href="https://twitter.com/SudhirM39407009"> <i class="fab fa-twitter"></i> </a> </li> 
<li> <a href="https://github.com/fatala22"> <i class="fab fa-github"></i> </a> </li> 

<li> <a href="https://orcid.org/0000-0002-6356-2655"> <i class="fab fa-orcid"></i> </a> </li> 
<li> <a href="https://www.linkedin.com/in/sudhir-malik-19932534"> <i class="fab fa-linkedin"></i> </a> </li> 

<li> <a href="http://charma.uprm.edu/~malik/"> <i class="fas fa-link"></i> </a> </li> 
</ul>

<!-- <img width="64" src="/files/flags/usa.svg"/> -->

</div>
</div>

<!-- The last </div> never happened, because we ended short of a full last column. -->
</div>

FAQ

I’ve added my profile, but it doesn’t appear on the webpage

The webpage takes a couple of minutes to update
If you don’t find yourself on the list of educators/training people, make sure that the training-years information is correct and includes at least one year. Valid examples: [2020, 2019]. Invalid: ["2020"], 2020, []

My profile picture doesn’t show up

Make sure that your github link works or that you’ve added your gravatar ID.

I want to add/update my profile with git, but I’m stuck. Help?

Perhaps one of these links might help you:

If it doesn’t, don’t hesitate to ask us :)

My file contained some (syntax) errors and destroyed the community page

Cool, that never happened before. But no worries, just write to the convenors, who apparently did a bad job at checking your file (if you can fix it quickly, a pull request would also be nice of course).