|
| 1 | +{% assign locale = include.locale | default: page.locale | default: layout.locale | default: site.locale %} |
| 2 | +{% assign author = page.author | default: page.authors[0] | default: site.author %} |
| 3 | +{% assign author = site.data.authors[author] | default: author %} |
| 4 | + |
| 5 | +<div itemscope itemtype="https://schema.org/Person" class="h-card"> |
| 6 | + |
| 7 | + {% if author.avatar %} |
| 8 | + <div class="author__avatar"> |
| 9 | + <a href="{{ author.home | default: '/' | absolute_url }}"> |
| 10 | + <img src="{{ author.avatar | relative_url }}" alt="{{ author.name }}" itemprop="image" class="u-photo"> |
| 11 | + </a> |
| 12 | + </div> |
| 13 | + {% endif %} |
| 14 | + |
| 15 | + <div class="author__content"> |
| 16 | + <h3 class="author__name p-name" itemprop="name"> |
| 17 | + <a class="u-url" rel="me" href="{{ author.home | default: '/' | absolute_url }}" itemprop="url">{{ author.name }}</a> |
| 18 | + </h3> |
| 19 | + {% if author.bio %} |
| 20 | + <div class="author__bio p-note" itemprop="description"> |
| 21 | + {{ author.bio | markdownify }} |
| 22 | + </div> |
| 23 | + {% endif %} |
| 24 | + </div> |
| 25 | + |
| 26 | + <div class="author__urls-wrapper"> |
| 27 | + <button class="btn btn--inverse">{{ site.data.ui-text[locale].follow_label | remove: ":" | default: "Follow" }}</button> |
| 28 | + <ul class="author__urls social-icons"> |
| 29 | + {% if author.location %} |
| 30 | + <li itemprop="homeLocation" itemscope itemtype="https://schema.org/Place"> |
| 31 | + <i class="fas fa-fw fa-map-marker-alt" aria-hidden="true"></i> <span itemprop="name" class="p-locality">{{ author.location }}</span> |
| 32 | + </li> |
| 33 | + {% endif %} |
| 34 | + |
| 35 | + {% if author.links %} |
| 36 | + {% for link in author.links %} |
| 37 | + {% if link.label and link.url %} |
| 38 | + <li><a href="{{ link.url }}" rel="nofollow noopener noreferrer me"{% if link.url contains 'http' %} itemprop="sameAs"{% endif %}><i class="{{ link.icon | default: 'fas fa-link' }}" aria-hidden="true"></i><span class="label">{{ link.label }}</span></a></li> |
| 39 | + {% endif %} |
| 40 | + {% endfor %} |
| 41 | + {% endif %} |
| 42 | + |
| 43 | + {% if author.uri %} |
| 44 | + <li> |
| 45 | + <a href="{{ author.uri }}" itemprop="url" rel="me"> |
| 46 | + <i class="fas fa-fw fa-link" aria-hidden="true"></i><span class="label">{{ site.data.ui-text[locale].website_label | default: "Website" }}</span> |
| 47 | + </a> |
| 48 | + </li> |
| 49 | + {% endif %} |
| 50 | + |
| 51 | + {% if author.email %} |
| 52 | + <li> |
| 53 | + <a href="mailto:{{ author.email }}" rel="me" class="u-email"> |
| 54 | + <meta itemprop="email" content="{{ author.email }}" /> |
| 55 | + <i class="fas fa-fw fa-envelope-square" aria-hidden="true"></i><span class="label">{{ site.data.ui-text[locale].email_label | default: "Email" }}</span> |
| 56 | + </a> |
| 57 | + </li> |
| 58 | + {% endif %} |
| 59 | + |
| 60 | + {% if author.keybase %} |
| 61 | + <li> |
| 62 | + <a href="https://keybase.io/{{ author.keybase }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 63 | + <i class="fab fa-fw fa-keybase" aria-hidden="true"></i><span class="label">Keybase</span> |
| 64 | + </a> |
| 65 | + </li> |
| 66 | + {% endif %} |
| 67 | + |
| 68 | + {% if author.twitter %} |
| 69 | + <li> |
| 70 | + <a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 71 | + <i class="fab fa-fw fa-twitter-square" aria-hidden="true"></i><span class="label">Twitter</span> |
| 72 | + </a> |
| 73 | + </li> |
| 74 | + {% endif %} |
| 75 | + |
| 76 | + {% if author.facebook %} |
| 77 | + <li> |
| 78 | + <a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 79 | + <i class="fab fa-fw fa-facebook-square" aria-hidden="true"></i><span class="label">Facebook</span> |
| 80 | + </a> |
| 81 | + </li> |
| 82 | + {% endif %} |
| 83 | + |
| 84 | + {% if author.linkedin %} |
| 85 | + <li> |
| 86 | + <a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 87 | + <i class="fab fa-fw fa-linkedin" aria-hidden="true"></i><span class="label">LinkedIn</span> |
| 88 | + </a> |
| 89 | + </li> |
| 90 | + {% endif %} |
| 91 | + |
| 92 | + {% if author.xing %} |
| 93 | + <li> |
| 94 | + <a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 95 | + <i class="fab fa-fw fa-xing-square" aria-hidden="true"></i><span class="label">XING</span> |
| 96 | + </a> |
| 97 | + </li> |
| 98 | + {% endif %} |
| 99 | + |
| 100 | + {% if author.instagram %} |
| 101 | + <li> |
| 102 | + <a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 103 | + <i class="fab fa-fw fa-instagram" aria-hidden="true"></i><span class="label">Instagram</span> |
| 104 | + </a> |
| 105 | + </li> |
| 106 | + {% endif %} |
| 107 | + |
| 108 | + {% if author.tumblr %} |
| 109 | + <li> |
| 110 | + <a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 111 | + <i class="fab fa-fw fa-tumblr-square" aria-hidden="true"></i><span class="label">Tumblr</span> |
| 112 | + </a> |
| 113 | + </li> |
| 114 | + {% endif %} |
| 115 | + |
| 116 | + {% if author.bitbucket %} |
| 117 | + <li> |
| 118 | + <a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 119 | + <i class="fab fa-fw fa-bitbucket" aria-hidden="true"></i><span class="label">Bitbucket</span> |
| 120 | + </a> |
| 121 | + </li> |
| 122 | + {% endif %} |
| 123 | + |
| 124 | + {% if author.github %} |
| 125 | + <li> |
| 126 | + <a href="https://github.com/{{ author.github }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 127 | + <i class="fab fa-fw fa-github" aria-hidden="true"></i><span class="label">GitHub</span> |
| 128 | + </a> |
| 129 | + </li> |
| 130 | + {% endif %} |
| 131 | + |
| 132 | + {% if author.gitlab %} |
| 133 | + <li> |
| 134 | + <a href="https://gitlab.com/{{ author.gitlab }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 135 | + <i class="fab fa-fw fa-gitlab" aria-hidden="true"></i><span class="label">GitLab</span> |
| 136 | + </a> |
| 137 | + </li> |
| 138 | + {% endif %} |
| 139 | + |
| 140 | + {% if author.stackoverflow %} |
| 141 | + <li> |
| 142 | + <a href="https://stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 143 | + <i class="fab fa-fw fa-stack-overflow" aria-hidden="true"></i><span class="label">Stack Overflow</span> |
| 144 | + </a> |
| 145 | + </li> |
| 146 | + {% endif %} |
| 147 | + |
| 148 | + {% if author.lastfm %} |
| 149 | + <li> |
| 150 | + <a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 151 | + <i class="fab fa-fw fa-lastfm-square" aria-hidden="true"></i><span class="label">Last.fm</span> |
| 152 | + </a> |
| 153 | + </li> |
| 154 | + {% endif %} |
| 155 | + |
| 156 | + {% if author.dribbble %} |
| 157 | + <li> |
| 158 | + <a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 159 | + <i class="fab fa-fw fa-dribbble" aria-hidden="true"></i><span class="label">Dribbble</span> |
| 160 | + </a> |
| 161 | + </li> |
| 162 | + {% endif %} |
| 163 | + |
| 164 | + {% if author.pinterest %} |
| 165 | + <li> |
| 166 | + <a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 167 | + <i class="fab fa-fw fa-pinterest" aria-hidden="true"></i><span class="label">Pinterest</span> |
| 168 | + </a> |
| 169 | + </li> |
| 170 | + {% endif %} |
| 171 | + |
| 172 | + {% if author.foursquare %} |
| 173 | + <li> |
| 174 | + <a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 175 | + <i class="fab fa-fw fa-foursquare" aria-hidden="true"></i><span class="label">Foursquare</span> |
| 176 | + </a> |
| 177 | + </li> |
| 178 | + {% endif %} |
| 179 | + |
| 180 | + {% if author.steam %} |
| 181 | + <li> |
| 182 | + <a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 183 | + <i class="fab fa-fw fa-steam" aria-hidden="true"></i><span class="label">Steam</span> |
| 184 | + </a> |
| 185 | + </li> |
| 186 | + {% endif %} |
| 187 | + |
| 188 | + {% if author.youtube %} |
| 189 | + {% if author.youtube contains "://" %} |
| 190 | + <li> |
| 191 | + <a href="{{ author.youtube }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 192 | + <i class="fab fa-fw fa-youtube" aria-hidden="true"></i><span class="label">YouTube</span> |
| 193 | + </a> |
| 194 | + </li> |
| 195 | + {% elsif author.youtube %} |
| 196 | + <li> |
| 197 | + <a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 198 | + <i class="fab fa-fw fa-youtube" aria-hidden="true"></i><span class="label">YouTube</span> |
| 199 | + </a> |
| 200 | + </li> |
| 201 | + {% endif %} |
| 202 | + {% endif %} |
| 203 | + |
| 204 | + {% if author.soundcloud %} |
| 205 | + <li> |
| 206 | + <a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 207 | + <i class="fab fa-fw fa-soundcloud" aria-hidden="true"></i><span class="label">SoundCloud</span> |
| 208 | + </a> |
| 209 | + </li> |
| 210 | + {% endif %} |
| 211 | + |
| 212 | + {% if author.weibo %} |
| 213 | + <li> |
| 214 | + <a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 215 | + <i class="fab fa-fw fa-weibo" aria-hidden="true"></i><span class="label">Weibo</span> |
| 216 | + </a> |
| 217 | + </li> |
| 218 | + {% endif %} |
| 219 | + |
| 220 | + {% if author.flickr %} |
| 221 | + <li> |
| 222 | + <a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 223 | + <i class="fab fa-fw fa-flickr" aria-hidden="true"></i><span class="label">Flickr</span> |
| 224 | + </a> |
| 225 | + </li> |
| 226 | + {% endif %} |
| 227 | + |
| 228 | + {% if author.codepen %} |
| 229 | + <li> |
| 230 | + <a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 231 | + <i class="fab fa-fw fa-codepen" aria-hidden="true"></i><span class="label">CodePen</span> |
| 232 | + </a> |
| 233 | + </li> |
| 234 | + {% endif %} |
| 235 | + |
| 236 | + {% if author.vine %} |
| 237 | + <li> |
| 238 | + <a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs" rel="nofollow noopener noreferrer me"> |
| 239 | + <i class="fab fa-fw fa-vine" aria-hidden="true"></i><span class="label">{{ site.data.ui-text[locale].email_label | default: "Email" }}</span> |
| 240 | + </a> |
| 241 | + </li> |
| 242 | + {% endif %} |
| 243 | + |
| 244 | + {% include author-profile-custom-links.html %} |
| 245 | + </ul> |
| 246 | + </div> |
| 247 | +</div> |
0 commit comments