whoami

<style type="text/css"> .container { margin: 0 auto; max-width: 1200px; padding: 0 1rem; position: absolute; } .responsive-image { max-width: 100%; width: 400px; padding: 10px; } .cell img { display: block; position: relative; z-index: -1; } @media screen and (min-width: 600px) { .grid { display: flex; flex-wrap: wrap; flex-direction: row; } .cell { width: 50%; } } @media screen and (min-width: 1000px) { .cell { width: calc(100% / 6); } } .cell img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .cell:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } .cell div.background { background: #CCC; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; top: -15%; left: 60%; height: 20%; width: 100%; } .cell div.label { position: relative; /* top: -15%; */ left: 60%; transform: translate(-50%, -50%); } .cell div.name { font-size: 50%; } .cell div.role, div.contact { font-size: 30%; } .cell div.contact { top: 1%; } </style>

Who's Who

{% for page in site.pages %} {% if page.resource == true %} {% for pc in page.categories %} {% if pc == "whoami" %} {% assign counter = counter | plus:1 %}

{{ page.yourname }}

{{ page.role }}

{{ page.contact | markdownify }}

{% endif %} {% endfor %} {% endif %} {% endfor %}

Hints for Adding Yourself to this List

• Put your character sheet in the /hackdays/whoami/ directory of this git repository
• You can use this page as a template. Make sure to use the meta tags at the top of the file (see template for clues)
• If you want a Gameboy-ified version of your photo try this (Google Translate FTW)
• Put your pictures in the /hackdays/whoami/pics/ directory of this repo