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

If you want to change your profile

Either

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

Working group specific settings

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

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).