|
|
| (18 intermediate revisions by the same user not shown) |
| Line 11: |
Line 11: |
| == Join us == | | == Join us == |
| If you’d like to share your experience, translate an article or suggest a new topic, we’re always delighted to welcome new people on board! | | If you’d like to share your experience, translate an article or suggest a new topic, we’re always delighted to welcome new people on board! |
| | |
|
| |
|
|
| |
|
| == DreamTeam == | | == DreamTeam == |
|
| |
|
| | All participants who contributed to the project |
|
| |
|
| | <div class="volunteer-grid"> |
|
| |
|
| <div class="card"> | | <div class="volunteer-card"> |
| <div class="card__inner">
| | <div class="volunteer-avatar" style="font-size: 36px; font-weight: bold;">D</div> |
| <img class="card__cover" src="https://images.unsplash.com/photo-1506366197612-8acc64095e53?q=80&w=480&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D">
| | <div style="font-size: 22px; font-weight: 800; color: #0f172a; margin-bottom: 5px;">d3lirium</div> |
| | | <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Media Creator</div> |
| <div class="card__body">
| | <div class="volunteer-links"> |
| <h2 class="card__header">
| | [mailto:v@kikalo.cc v@kikalo.cc] |
| <span class="chips">Anna Lorenza <svg class="icon">
| | [https://kikalo.cc kikalo.cc] |
| <use xlink:href="#icon-check"></use>
| | </div></div> |
| </svg>
| |
| </span>
| |
| | |
| </h2>
| |
| <p>Through the lens, I create stories worth remembering.</p>
| |
| | |
| <p class="flex">
| |
| <span class="chips">
| |
| <svg class="icon">
| |
| <use xlink:href="#icon-user"></use>
| |
| </svg>
| |
| 114
| |
| </span>
| |
| <span class="chips">
| |
| <svg class="icon">
| |
| <use xlink:href="#icon-cards"></use>
| |
| </svg>
| |
| 92
| |
| </span>
| |
| <a href="#" class="button">Follow
| |
| <svg class="icon">
| |
| <use xlink:href="#icon-plus"></use>
| |
| </svg>
| |
| </a>
| |
| </p>
| |
| | |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| <svg width="0" height="0" class="display-none">
| |
| <symbol id="icon-plus" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="M453-140v-313H140v-54h313v-313h54v313h313v54H507v313h-54Z"/></symbol>
| |
| <symbol id="icon-user" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="M480-524q-54.55 0-92.27-37.72Q350-599.45 350-654q0-54.55 37.73-92.28Q425.45-784 480-784t92.28 37.72Q610-708.55 610-654q0 54.55-37.72 92.28Q534.55-524 480-524ZM182-171v-83q0-29 15.69-52.85Q213.38-330.71 240-344q59-29 119.41-43.5t120.5-14.5q60.09 0 120.59 14.5T720-344q26.63 13.29 42.31 37.15Q778-283 778-254v83H182Zm54-54h488v-29q0-14-7.5-24.5T695-296q-49-23-105.19-37.5Q533.63-348 480-348t-109.81 14Q314-320 265-296q-14 6-21.5 17t-7.5 25v29Zm244-353q32 0 54-22t22-54q0-32-22-54t-54-22q-32 0-54 22t-22 54q0 32 22 54t54 22Zm0-76Zm0 429Z"/></symbol>
| |
| <symbol id="icon-cards" height="24" viewBox="0 -960 960 960" width="24" fill="currentColor"><path d="m493-469 87-52 87 52-24-98 77-67-101-9-39-92-39 92-101 9 77 67-24 98Zm129 257h118q9 18-10.5 28.5T691-170l-447 58q-36 3-63.4-18.65Q153.19-152.3 149-188l-49-382q-4-36 18.35-64.86Q140.7-663.71 177-667l33-1v54l-28 1q-14 1-22 11.5t-6 24.5l48 383q2 14 12 22t24 6l384-46Zm-246-80q-36.73 0-61.36-24.64Q290-341.27 290-378v-408q0-36.72 24.64-61.36Q339.27-872 376-872h408q36.72 0 61.36 24.64T870-786v408q0 36.73-24.64 61.36Q820.72-292 784-292H376Zm0-54h408q14 0 23-9t9-23v-408q0-14-9-23t-23-9H376q-14 0-23 9t-9 23v408q0 14 9 23t23 9Zm204-236ZM196-162Z"/></symbol>
| |
| <symbol id="icon-check" height="35" viewBox="0 -960 960 960" width="35" fill="currentColor"><path d="m443-429 169-169-38-39-131 132-57-56-38 38 95 94ZM222-160v-578q0-36.72 24.64-61.36Q271.27-824 308-824h344q36.72 0 61.36 24.64T738-738v578L480-270 222-160Zm54-82 204-87.66L684-242v-496q0-12-10-22t-22-10H308q-12 0-22 10t-10 22v496Zm0-528h408-408Z"/></symbol>
| |
| </svg> | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
|
| |
| <div class="volunteer-grid">
| |
|
| |
|
| <!--CARD 1: d3lirium COOOOOOOMMMMMEEENNNTTTT | | <!--CARD 1: d3lirium COOOOOOOMMMMMEEENNNTTTT |
| Line 101: |
Line 39: |
| </div></div> | | </div></div> |
| --> | | --> |
|
| |
| <!-- CARD Template for a new member -->
| |
| <div class="volunteer-card">
| |
| <div class="volunteer-avatar" style="font-size: 36px; font-weight: bold;">A</div>
| |
| <div style="font-size: 22px; font-weight: 800; color: #0f172a; margin-bottom: 5px;">Contributor Name</div>
| |
| <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Profession / Role</div>
| |
| <div class="volunteer-links">
| |
| [mailto:yourmail@example.com yourmail@example.com]
| |
| [https://example.com example.com]
| |
| </div></div>
| |
|
| |
| <!-- CARD Template for a new member -->
| |
| <div class="volunteer-card">
| |
| <div class="volunteer-avatar" style="font-size: 36px; font-weight: bold;">A</div>
| |
| <div style="font-size: 22px; font-weight: 800; color: #0f172a; margin-bottom: 5px;">Contributor Name</div>
| |
| <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Profession / Role</div>
| |
| <div class="volunteer-links">
| |
| [mailto:yourmail@example.com yourmail@example.com]
| |
| [https://example.com example.com]
| |
| </div></div>
| |
|
| |
| <!-- CARD Template for a new member -->
| |
| <div class="volunteer-card">
| |
| <div class="volunteer-avatar" style="font-size: 36px; font-weight: bold;">A</div>
| |
| <div style="font-size: 22px; font-weight: 800; color: #0f172a; margin-bottom: 5px;">Contributor Name</div>
| |
| <div style="font-size: 12px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Profession / Role</div>
| |
| <div class="volunteer-links">
| |
| [mailto:yourmail@example.com yourmail@example.com]
| |
| [https://example.com example.com]
| |
| </div></div>
| |
|
| |
|
| </div> | | </div> |