updates.vicklr.com
Open in
urlscan Pro
52.45.159.115
Public Scan
URL:
https://updates.vicklr.com/
Submission: On August 29 via automatic, source certstream-suspicious
Submission: On August 29 via automatic, source certstream-suspicious
Form analysis 4 forms found in the DOM
POST /opportunity_requests
<form class="simple_form modal-content" id="new_opportunity_request" novalidate="novalidate" data-controller="opportunity-form" action="/opportunity_requests" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token"
value="fivP668JVqPIPChWuUL5scjcrQKIaHa5NbxTB8AdzBeKDJnMVkbQpxgjL4utJAybkk3B4Zg_85e-YbLhahJesQ">
<div class="pt-4 m-n1 btn-group btn-group-toggle d-block" data-toggle="buttons">
<div class="d-inline-block m-1">
<label class="btn badge badge-pill badge-pill-yellow d-inline-flex align-items-center m-0" style="pointer-events: none" aria-pressed="false" for="opportunity_request_badge_id_5" id="opportunity_request_badge_id_5_label">
<svg class="svg-inline--fa fa-microphone fa-w-11 mr-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="microphone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg="">
<path fill="currentColor"
d="M176 352c53.02 0 96-42.98 96-96V96c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96zm160-160h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16z">
</path>
</svg><!-- <i class="fas fa-microphone mr-2"></i> Font Awesome fontawesome.com -->
<span>Speaking on Clubhouse</span>
<input name="opportunity_request[badge_id]" class="btn-check d-none" type="radio" value="5" id="opportunity_request_badge_id_5">
</label>
</div>
<div class="d-inline-block m-1">
<label class="btn badge badge-pill badge-pill-yellow d-inline-flex align-items-center m-0" style="pointer-events: none" aria-pressed="false" for="opportunity_request_badge_id_29" id="opportunity_request_badge_id_29_label">
<svg class="svg-inline--fa fa-coffee fa-w-20 mr-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="coffee" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z">
</path>
</svg><!-- <i class="fas fa-coffee mr-2"></i> Font Awesome fontawesome.com -->
<span>Mentoring</span>
<input name="opportunity_request[badge_id]" class="btn-check d-none" type="radio" value="29" id="opportunity_request_badge_id_29">
</label>
</div>
<div class="d-inline-block m-1">
<label class="btn badge badge-pill badge-pill-pink d-inline-flex align-items-center m-0" style="pointer-events: none" aria-pressed="false" for="opportunity_request_badge_id_70" id="opportunity_request_badge_id_70_label">
<svg class="svg-inline--fa fa-keynote fa-w-16 mr-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="keynote" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M368 448h-80v-64h-64v64h-80c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h224c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm140.62-166.76l-51.78-103.55A32 32 0 0 0 428.22 160H144c0-37.62 26.21-69.06 62.68-77.55C215.31 90.81 227.03 96 240 96h64c26.51 0 48-21.49 48-48S330.51 0 304 0h-64c-22.35 0-40.96 15.34-46.31 36.02C137.77 49.72 96 99.91 96 160H83.78a32 32 0 0 0-28.62 17.69L3.38 281.24A32.066 32.066 0 0 0 0 295.55V320c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-24.45c0-4.96-1.16-9.86-3.38-14.31z">
</path>
</svg><!-- <i class="fas fa-keynote mr-2"></i> Font Awesome fontawesome.com -->
<span>Speaking at Events</span>
<input name="opportunity_request[badge_id]" class="btn-check d-none" type="radio" value="70" id="opportunity_request_badge_id_70">
</label>
</div>
<div class="d-inline-block m-1">
<label class="btn badge badge-pill badge-pill-turquoise d-inline-flex align-items-center m-0" style="pointer-events: none" aria-pressed="false" for="opportunity_request_badge_id_78" id="opportunity_request_badge_id_78_label">
<svg class="svg-inline--fa fa-user-tag fa-w-20 mr-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M630.6 364.9l-90.3-90.2c-12-12-28.3-18.7-45.3-18.7h-79.3c-17.7 0-32 14.3-32 32v79.2c0 17 6.7 33.2 18.7 45.2l90.3 90.2c12.5 12.5 32.8 12.5 45.3 0l92.5-92.5c12.6-12.5 12.6-32.7.1-45.2zm-182.8-21c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24c0 13.2-10.7 24-24 24zm-223.8-88c70.7 0 128-57.3 128-128C352 57.3 294.7 0 224 0S96 57.3 96 128c0 70.6 57.3 127.9 128 127.9zm127.8 111.2V294c-12.2-3.6-24.9-6.2-38.2-6.2h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 287.9 0 348.1 0 422.3v41.6c0 26.5 21.5 48 48 48h352c15.5 0 29.1-7.5 37.9-18.9l-58-58c-18.1-18.1-28.1-42.2-28.1-67.9z">
</path>
</svg><!-- <i class="fas fa-user-tag mr-2"></i> Font Awesome fontawesome.com -->
<span>Advising companies</span>
<input name="opportunity_request[badge_id]" class="btn-check d-none" type="radio" value="78" id="opportunity_request_badge_id_78">
</label>
</div>
<div class="d-inline-block m-1">
<label class="btn badge badge-pill badge-pill-blue d-inline-flex align-items-center m-0" style="pointer-events: none" aria-pressed="false" for="opportunity_request_badge_id_93" id="opportunity_request_badge_id_93_label">
<svg class="svg-inline--fa fa-microphone-alt fa-w-11 mr-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="microphone-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg="">
<path fill="currentColor"
d="M336 192h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16zM176 352c53.02 0 96-42.98 96-96h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272v-32h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272v-32h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96z">
</path>
</svg><!-- <i class="fas fa-microphone-alt mr-2"></i> Font Awesome fontawesome.com -->
<span>Speaking on podcasts</span>
<input name="opportunity_request[badge_id]" class="btn-check d-none" type="radio" value="93" id="opportunity_request_badge_id_93">
</label>
</div>
</div>
</form>POST /users/opportunity_request/sign_up?username=mithrandir
<form class="simple_form new_user" id="new_user" novalidate="novalidate" action="/users/opportunity_request/sign_up?username=mithrandir" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token"
value="aN6Zt1Jmuk3pmJ3GJD-iRVDpxl4AV63JShMRK3q6STqqlqjf3YfC9vxGksXYaOaqFlxA8FgdZkN1n0zpxOvRFw">
<div class="form-row mb-3">
<div class="col-12 col-md-6">
<div class="form-group citext required user_first_name"><label class="caption-1 text-muted citext required" for="user_first_name">First Name*</label><input class="form-control citext required" required="required" aria-required="true"
placeholder="First name" type="text" name="user[first_name]" id="user_first_name"></div>
</div>
<div class="col-12 col-md-6">
<div class="form-group citext required user_last_name"><label class="caption-1 text-muted citext required" for="user_last_name">Last Name*</label><input class="form-control citext required" required="required" aria-required="true"
placeholder="Last name" type="text" name="user[last_name]" id="user_last_name"></div>
</div>
</div>
<div class="form-group email required user_email mb-4"><label class="caption-1 text-muted email required" for="user_email">Email address</label><input class="form-control string email required" autocomplete="email" required="required"
aria-required="true" placeholder="Enter email address" type="email" value="" name="user[email]" id="user_email"></div>
<div class="form-group password required user_password"><label class="caption-1 text-muted password required" for="user_password">Password</label><input class="form-control password required" required="required" aria-required="true"
placeholder="Enter password" type="password" name="user[password]" id="user_password"></div>
<div class="form-group password required user_password_confirmation"><label class="caption-1 text-muted password required" for="user_password_confirmation">Password Confirmation</label><input class="form-control password required"
required="required" aria-required="true" placeholder="Confirm password" type="password" name="user[password_confirmation]" id="user_password_confirmation"></div>
<input type="submit" name="commit" value="Sign Up + Get in touch" class="btn btn-lg btn-block btn-primary text-white mb-3 mt-2" data-disable-with="Sign Up + Get in touch">
<span class="caption-1 text-center text-muted separator">OR</span>
<div class="mt-3">
<a class="btn btn-block btn-outline-dark-gray mt-2" data-turbo-frame="_top" href="/users/auth/google_oauth2">
<div class="d-flex flex-row justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" class="mr-2">
<g clip-path="url(#clip0)">
<path d="M5.45455 21.0046V11.7319L2.57875 9.10097L0 7.64101V19.3683C0 20.2737 0.733636 21.0046 1.63636 21.0046H5.45455Z" fill="#4285F4"></path>
<path d="M18.5455 21.0046H22.3637C23.2691 21.0046 24 20.271 24 19.3683V7.64101L21.0792 9.31334L18.5455 11.7319V21.0046Z" fill="#34A853"></path>
<path d="M5.45455 11.7319L5.06323 8.10875L5.45455 4.64101L12 9.5501L18.5455 4.64101L18.9832 7.9215L18.5455 11.7319L12 16.641L5.45455 11.7319Z" fill="#EA4335"></path>
<path d="M18.5455 4.64101V11.7319L24 7.64101V5.45919C24 3.43555 21.69 2.28191 20.0727 3.49555L18.5455 4.64101Z" fill="#FBBC04"></path>
<path d="M0 7.64101L2.50864 9.52248L5.45455 11.7319V4.64101L3.92727 3.49555C2.30727 2.28191 0 3.43555 0 5.45919V7.64101Z" fill="#C5221F"></path>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
<div class="text-dark">Continue with Google</div>
</div></a>
<a class="btn btn-block btn-outline-dark-gray mt-2" data-turbo-frame="_top" href="/users/auth/twitter?scope=contacts">
<div class="d-flex flex-row justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 17 14" fill="none" class="mr-2">
<path d="M16.5 1.5392C15.9114 1.80032 15.2786 1.97672 14.6147 2.05608C15.2924 1.64984 15.813 1.00656 16.058 0.240002C15.4237 0.616242 14.7212 0.889361 13.9734 1.03656C13.3747 0.39856 12.5216 0 11.5774 0C9.76463 0 8.29479 1.46968 8.29479 3.28249C8.29479 3.53977 8.32383 3.79033 8.37983 4.03057C5.65166 3.89369 3.23294 2.5868 1.6139 0.600801C1.33133 1.0856 1.16941 1.64944 1.16941 2.25105C1.16941 3.38993 1.74894 4.39465 2.62974 4.98329C2.09166 4.96625 1.58549 4.81857 1.14293 4.57273C1.14256 4.58641 1.14256 4.60017 1.14256 4.61401C1.14256 6.20441 2.27408 7.53105 3.77577 7.83281C3.50033 7.90785 3.21032 7.94793 2.91096 7.94793C2.69944 7.94793 2.49385 7.92729 2.29337 7.88905C2.71113 9.19314 3.92337 10.1422 5.35985 10.1686C4.23641 11.0491 2.82104 11.5739 1.28304 11.5739C1.01808 11.5739 0.756801 11.5583 0.5 11.5279C1.95272 12.4594 3.67817 13.0028 5.53193 13.0028C11.5698 13.0028 14.8716 8.00097 14.8716 3.66304C14.8716 3.52073 14.8684 3.3792 14.8621 3.23832C15.5034 2.7756 16.0599 2.19752 16.5 1.5392Z" fill="#2AA9E0"></path>
</svg>
<div class="text-dark">Continue with Twitter</div>
</div></a>
<a class="btn btn-block btn-outline-dark-gray mt-2" data-turbo-frame="_top" href="/users/auth/apple">
<div class="d-flex flex-row justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="16px" viewBox="0 0 15 16" width="16px" class="mr-2"><path d="m14.028 12.4691c-.242.559-.5284 1.0736-.8603 1.5466-.4523.645-.8226 1.0914-1.1081 1.3393-.4424.4069-.9165.6153-1.4241.6271-.3645 0-.80394-.1037-1.31553-.3141-.51327-.2093-.98496-.313-1.41625-.313-.45233 0-.93745.1037-1.45635.313-.51968.2104-.93834.32-1.25843.3309-.48679.0207-.97201-.1936-1.45634-.6439-.30913-.2697-.69578-.7319-1.15898-1.3867-.49697-.6992-.90555-1.51-1.22563-2.4345-.34281-.9985-.514654-1.96534-.514654-2.90141 0-1.07226.231694-1.99708.695784-2.77207.36472-.6225.84994-1.11354 1.45723-1.47403.60729-.36048 1.26347-.54418 1.97011-.55593.38665 0 .8937.1196 1.5238.35465.62833.23585 1.03177.35545 1.20865.35545.13224 0 .58043-.13985 1.3402-.41865.7185-.25856 1.32489-.36562 1.82169-.32345 1.3461.10864 2.3574.63929 3.03 1.59531-1.2039.72946-1.7994 1.75116-1.7876 3.06184.0109 1.02091.3812 1.87049 1.1091 2.54499.3299.3131.6983.5551 1.1081.7269-.0889.2578-.1827.5047-.2824.7417zm-3.0873-12.148764c0 .800184-.2924 1.547314-.8751 2.238844-.70316.8221-1.5537 1.29715-2.47604 1.22219-.01175-.096-.01857-.19703-.01857-.3032 0-.76818.33441-1.59028.92827-2.26245.29648-.340339.67355-.623323 1.13082-.849065.45632-.222374.88792-.3453515 1.29382-.36641086.0118.10697186.0168.21395086.0168.32008086z" fill="#000"></path></svg>
<div class="text-dark">Continue with Apple</div>
</div></a>
</div>
</form>GET /mithrandir/retro_highlights
<form class="simple_form new_profile" id="new_profile" novalidate="novalidate" data-turbo-frame="profile-highlights" data-badge-highlights-filter-target="form" action="/mithrandir/retro_highlights" accept-charset="UTF-8" method="get">
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-professional">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-purple rounded">
<svg class="svg-inline--fa fa-user-tie fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="user-tie" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M191.35 414.77L208 344l-32-56h96l-32 56 16.65 70.77L224 480zM224 256A128 128 0 1 0 96 128a128 128 0 0 0 128 128z"></path>
<path class="fa-primary" fill="currentColor" d="M319.8 288.6L224 480l-95.8-191.4C56.9 292 0 350.3 0 422.4V464a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48v-41.6c0-72.1-56.9-130.4-128.2-133.8z"></path>
</g>
</svg><!-- <i class="fad fa-user-tie badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Professional</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">7 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-851" value="Professional" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-851" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-software-engineering">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-blue rounded">
<svg class="svg-inline--fa fa-code fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z">
</path>
</svg><!-- <i class="fas fa-code badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Software Engineering</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">2 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-77" value="Software Engineering" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-77" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-founder">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-navy rounded">
<svg class="svg-inline--fa fa-rocket fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="rocket" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M505.12019,19.09375c-1.18945-5.53125-6.65819-11-12.207-12.1875C460.716,0,435.507,0,410.40747,0,307.17523,0,245.26909,55.20312,199.05238,128H94.83772c-16.34763.01562-35.55658,11.875-42.88664,26.48438L2.51562,253.29688A28.4,28.4,0,0,0,0,264a24.00867,24.00867,0,0,0,24.00582,24H127.81618l-22.47457,22.46875c-11.36521,11.36133-12.99607,32.25781,0,45.25L156.24582,406.625c11.15623,11.1875,32.15619,13.15625,45.27726,0l22.47457-22.46875V488a24.00867,24.00867,0,0,0,24.00581,24,28.55934,28.55934,0,0,0,10.707-2.51562l98.72834-49.39063c14.62888-7.29687,26.50776-26.5,26.50776-42.85937V312.79688c72.59753-46.3125,128.03493-108.40626,128.03493-211.09376C512.07526,76.5,512.07526,51.29688,505.12019,19.09375ZM384.04033,168A40,40,0,1,1,424.05,128,40.02322,40.02322,0,0,1,384.04033,168Z">
</path>
</svg><!-- <i class="fas fa-rocket badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Founder</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">1 highlight</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-53" value="Founder" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-53" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-open-source">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-navy rounded">
<svg class="svg-inline--fa fa-lock-open fa-w-18 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lock-open" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor"
d="M423.5 0C339.5.3 272 69.5 272 153.5V224H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48h-48v-71.1c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v80c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-80C576 68 507.5-.3 423.5 0z">
</path>
</svg><!-- <i class="fas fa-lock-open badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Open Source</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">1 highlight</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-87" value="Open Source" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-87" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-graduate">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-green rounded">
<svg class="svg-inline--fa fa-graduation-cap fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="graduation-cap" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z">
</path>
</svg><!-- <i class="fas fa-graduation-cap badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Graduate</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">1 highlight</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-94" value="Graduate" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-94" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-coding">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-navy rounded">
<svg class="svg-inline--fa fa-code-branch fa-w-12 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code-branch" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor"
d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z">
</path>
</svg><!-- <i class="fas fa-code-branch badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Coding</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">1 highlight</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-154" value="Coding" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-154" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-web-developer">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-html5 fa-w-12 badge-icon" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="html5" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor" d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z"></path>
</svg><!-- <i class="fab fa-html5 badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Web Developer</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">1 highlight</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-279" value="Web Developer" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-279" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-laravel">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-red rounded">
<svg class="svg-inline--fa fa-laravel fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="laravel" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M504.4,115.83a5.72,5.72,0,0,0-.28-.68,8.52,8.52,0,0,0-.53-1.25,6,6,0,0,0-.54-.71,9.36,9.36,0,0,0-.72-.94c-.23-.22-.52-.4-.77-.6a8.84,8.84,0,0,0-.9-.68L404.4,55.55a8,8,0,0,0-8,0L300.12,111h0a8.07,8.07,0,0,0-.88.69,7.68,7.68,0,0,0-.78.6,8.23,8.23,0,0,0-.72.93c-.17.24-.39.45-.54.71a9.7,9.7,0,0,0-.52,1.25c-.08.23-.21.44-.28.68a8.08,8.08,0,0,0-.28,2.08V223.18l-80.22,46.19V63.44a7.8,7.8,0,0,0-.28-2.09c-.06-.24-.2-.45-.28-.68a8.35,8.35,0,0,0-.52-1.24c-.14-.26-.37-.47-.54-.72a9.36,9.36,0,0,0-.72-.94,9.46,9.46,0,0,0-.78-.6,9.8,9.8,0,0,0-.88-.68h0L115.61,1.07a8,8,0,0,0-8,0L11.34,56.49h0a6.52,6.52,0,0,0-.88.69,7.81,7.81,0,0,0-.79.6,8.15,8.15,0,0,0-.71.93c-.18.25-.4.46-.55.72a7.88,7.88,0,0,0-.51,1.24,6.46,6.46,0,0,0-.29.67,8.18,8.18,0,0,0-.28,2.1v329.7a8,8,0,0,0,4,6.95l192.5,110.84a8.83,8.83,0,0,0,1.33.54c.21.08.41.2.63.26a7.92,7.92,0,0,0,4.1,0c.2-.05.37-.16.55-.22a8.6,8.6,0,0,0,1.4-.58L404.4,400.09a8,8,0,0,0,4-6.95V287.88l92.24-53.11a8,8,0,0,0,4-7V117.92A8.63,8.63,0,0,0,504.4,115.83ZM111.6,17.28h0l80.19,46.15-80.2,46.18L31.41,63.44Zm88.25,60V278.6l-46.53,26.79-33.69,19.4V123.5l46.53-26.79Zm0,412.78L23.37,388.5V77.32L57.06,96.7l46.52,26.8V338.68a6.94,6.94,0,0,0,.12.9,8,8,0,0,0,.16,1.18h0a5.92,5.92,0,0,0,.38.9,6.38,6.38,0,0,0,.42,1v0a8.54,8.54,0,0,0,.6.78,7.62,7.62,0,0,0,.66.84l0,0c.23.22.52.38.77.58a8.93,8.93,0,0,0,.86.66l0,0,0,0,92.19,52.18Zm8-106.17-80.06-45.32,84.09-48.41,92.26-53.11,80.13,46.13-58.8,33.56Zm184.52,4.57L215.88,490.11V397.8L346.6,323.2l45.77-26.15Zm0-119.13L358.68,250l-46.53-26.79V131.79l33.69,19.4L392.37,178Zm8-105.28-80.2-46.17,80.2-46.16,80.18,46.15Zm8,105.28V178L455,151.19l33.68-19.4v91.39h0Z">
</path>
</svg><!-- <i class="fab fa-laravel badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Laravel</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">1 highlight</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-355" value="Laravel" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-355" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-pastry-chef">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-yellow rounded">
<svg class="svg-inline--fa fa-apple-alt fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="apple-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M350.85 129c25.97 4.67 47.27 18.67 63.92 42 14.65 20.67 24.64 46.67 29.96 78 4.67 28.67 4.32 57.33-1 86-7.99 47.33-23.97 87-47.94 119-28.64 38.67-64.59 58-107.87 58-10.66 0-22.3-3.33-34.96-10-8.66-5.33-18.31-8-28.97-8s-20.3 2.67-28.97 8c-12.66 6.67-24.3 10-34.96 10-43.28 0-79.23-19.33-107.87-58-23.97-32-39.95-71.67-47.94-119-5.32-28.67-5.67-57.33-1-86 5.32-31.33 15.31-57.33 29.96-78 16.65-23.33 37.95-37.33 63.92-42 15.98-2.67 37.95-.33 65.92 7 23.97 6.67 44.28 14.67 60.93 24 16.65-9.33 36.96-17.33 60.93-24 27.98-7.33 49.96-9.67 65.94-7zm-54.94-41c-9.32 8.67-21.65 15-36.96 19-10.66 3.33-22.3 5-34.96 5l-14.98-1c-1.33-9.33-1.33-20 0-32 2.67-24 10.32-42.33 22.97-55 9.32-8.67 21.65-15 36.96-19 10.66-3.33 22.3-5 34.96-5l14.98 1 1 15c0 12.67-1.67 24.33-4.99 35-3.99 15.33-10.31 27.67-18.98 37z">
</path>
</svg><!-- <i class="fas fa-apple-alt badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Pastry Chef</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-111" value="Pastry Chef" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-111" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-php">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-purple rounded">
<svg class="svg-inline--fa fa-elephant fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="elephant" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M512 32c-13.16 0-25.52 2.66-37.4 6.4C464.71 15.82 442.23 0 416 0c-35.35 0-64 28.65-64 64 0 23.63 12.95 44.04 32 55.12V160c0 17.67 14.33 32 32 32h8c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8h-8c-35.29 0-64-28.71-64-64v-24.8c-20.08-18.03-32-43.92-32-71.2 0-11.28 2.31-21.94 5.9-32H192C85.96 32 0 117.96 0 224v112c0 8.84 7.16 16 16 16h16v144c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V388.15C160.35 405.7 198.72 416 240 416s79.65-10.3 112-27.85V496c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V288h64c23.44 0 45.11-6.76 64-17.75V368c0 8.83-7.17 16-16 16s-16-7.17-16-16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16 0 46.87 40.52 84.46 88.36 79.57 41.62-4.25 71.64-42.46 71.64-84.3V160c0-70.69-57.31-128-128-128zm16 128c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16z">
</path>
</svg><!-- <i class="fas fa-elephant badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">PHP</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-374" value="PHP" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-374" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-gamer">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-purple rounded">
<svg class="svg-inline--fa fa-joystick fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="joystick" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M416 352H128v-16a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v16H32a32 32 0 0 0-32 32v96a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32v-96a32 32 0 0 0-32-32zM192 218.8V320h64V218.8c46.15-13.8 80-56.14 80-106.8a112 112 0 0 0-224 0c0 50.66 33.85 93 80 106.8zM200 48a24 24 0 1 1-24 24 24 24 0 0 1 24-24z">
</path>
</svg><!-- <i class="fas fa-joystick badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Gamer</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-422" value="Gamer" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-422" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-imposter-syndrome">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-purple rounded">
<svg class="svg-inline--fa fa-user fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z">
</path>
</svg><!-- <i class="fas fa-user badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Imposter Syndrome</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-447" value="Imposter Syndrome" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-447" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-introvert">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-blue rounded">
<svg class="svg-inline--fa fa-thumbs-up fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="thumbs-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z">
</path>
</svg><!-- <i class="fas fa-thumbs-up badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Introvert</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-596" value="Introvert" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-596" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-admitter-of-failures">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-red rounded">
<svg class="svg-inline--fa fa-thumbs-down fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="thumbs-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M0 56v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56zm40 200c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm272 256c-20.183 0-29.485-39.293-33.931-57.795-5.206-21.666-10.589-44.07-25.393-58.902-32.469-32.524-49.503-73.967-89.117-113.111a11.98 11.98 0 0 1-3.558-8.521V59.901c0-6.541 5.243-11.878 11.783-11.998 15.831-.29 36.694-9.079 52.651-16.178C256.189 17.598 295.709.017 343.995 0h2.844c42.777 0 93.363.413 113.774 29.737 8.392 12.057 10.446 27.034 6.148 44.632 16.312 17.053 25.063 48.863 16.382 74.757 17.544 23.432 19.143 56.132 9.308 79.469l.11.11c11.893 11.949 19.523 31.259 19.439 49.197-.156 30.352-26.157 58.098-59.553 58.098H350.723C358.03 364.34 384 388.132 384 430.548 384 504 336 512 312 512z">
</path>
</svg><!-- <i class="fas fa-thumbs-down badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Admitter of Failures </h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-621" value="Admitter of Failures " class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-621" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-thinker">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-orange rounded">
<svg class="svg-inline--fa fa-head-side-brain fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="head-side-brain" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M509.21 275c-20.94-47.12-48.44-151.73-73.08-186.75A207.94 207.94 0 0 0 266.09 0H200C95.47 0 4.12 80.08.14 184.55A191.3 191.3 0 0 0 64 334.82V504a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8V320.54L85.36 311a159.67 159.67 0 0 1-53.25-125.23C35.35 101 110.66 32 200 32h66.08A176.08 176.08 0 0 1 410 106.66c12.52 17.8 29.11 66.74 42.45 106.07 9.73 28.71 18.93 55.83 27.57 75.27H416v96a32 32 0 0 1-32 32h-96v88a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8v-56h64a64 64 0 0 0 64-64v-64h32a32 32 0 0 0 29.21-45zM313.6 192c21.21 0 38.4-16.48 38.4-36.8s-17.19-36.8-38.4-36.8H311a38.09 38.09 0 0 0-35.8-25.6c-7.1 0-13.38 2.45-19.08 5.81C249.35 87.68 237.8 80 224 80s-25.34 7.68-32.11 18.61c-5.71-3.36-12-5.81-19.09-5.81a38.4 38.4 0 0 0-38.4 38.4A38.4 38.4 0 0 0 96 169.6c0 16.85 11 30.74 26.11 35.92-.06.86-.51 1.6-.51 2.48a38.4 38.4 0 0 0 38.4 38.4 37.91 37.91 0 0 0 12.8-2.58V288H224v-44.18a37.91 37.91 0 0 0 12.8 2.58 38.4 38.4 0 0 0 38.4-38.4 37.84 37.84 0 0 0-3.73-16z">
</path>
</svg><!-- <i class="fal fa-head-side-brain badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Thinker</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-809" value="Thinker" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-809" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-continuous-deployment">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-navy rounded">
<svg class="svg-inline--fa fa-truck-container fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="truck-container" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M32 320h336c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v224c0 17.7 14.3 32 32 32zm0-256h336v224H32V64zm589.3 141.3l-58.5-58.5c-12-12-28.3-18.7-45.3-18.7H448c-8.8 0-16 7.2-16 16v208H228.7c-12.3-9.9-27.7-16-44.7-16-22.8 0-42.8 10.8-56 27.3-13.2-16.6-33.2-27.4-56-27.4-39.8 0-72 32.2-72 72s32.2 72 72 72c22.8 0 42.8-10.8 56-27.3 13.2 16.5 33.2 27.3 56 27.3 39.8 0 72-32.2 72-72 0-8.5-1.7-16.5-4.4-24h198c-2.7 13.2-2.2 27.6 2.8 42.4 8.4 25.1 29.9 44.9 55.6 51.1 52.8 12.8 100-26.9 100-77.6 0-5.5-.6-10.8-1.6-16H624c8.8 0 16-7.2 16-16V250.5c0-17-6.7-33.2-18.7-45.2zM72 448c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm112 0c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm280-288h53.5c8.5 0 16.6 3.3 22.6 9.4l54.6 54.6H464v-64zm64 288c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-96h-16.4c-14.6-19.3-37.5-32-63.6-32s-49 12.7-63.6 32h-.4v-96h144v96zm-504-96h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8zm96 0h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8zm96 0h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8z">
</path>
</svg><!-- <i class="fal fa-truck-container badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Continuous Deployment</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-1466" value="Continuous Deployment" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-1466" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-dog-dad">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-blue rounded">
<svg class="svg-inline--fa fa-paw fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="paw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M256 224c-79.41 0-192 122.76-192 200.25 0 34.9 26.81 55.75 71.74 55.75 48.84 0 81.09-25.08 120.26-25.08 39.51 0 71.85 25.08 120.26 25.08 44.93 0 71.74-20.85 71.74-55.75C448 346.76 335.41 224 256 224zm-147.28-12.61c-10.4-34.65-42.44-57.09-71.56-50.13-29.12 6.96-44.29 40.69-33.89 75.34 10.4 34.65 42.44 57.09 71.56 50.13 29.12-6.96 44.29-40.69 33.89-75.34zm84.72-20.78c30.94-8.14 46.42-49.94 34.58-93.36s-46.52-72.01-77.46-63.87-46.42 49.94-34.58 93.36c11.84 43.42 46.53 72.02 77.46 63.87zm281.39-29.34c-29.12-6.96-61.15 15.48-71.56 50.13-10.4 34.65 4.77 68.38 33.89 75.34 29.12 6.96 61.15-15.48 71.56-50.13 10.4-34.65-4.77-68.38-33.89-75.34zm-156.27 29.34c30.94 8.14 65.62-20.45 77.46-63.87 11.84-43.42-3.64-85.21-34.58-93.36s-65.62 20.45-77.46 63.87c-11.84 43.42 3.64 85.22 34.58 93.36z">
</path>
</svg><!-- <i class="fas fa-paw badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Dog Dad</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-140" value="Dog Dad" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-140" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-docker">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-blue rounded">
<svg class="svg-inline--fa fa-docker fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="docker" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M349.9 236.3h-66.1v-59.4h66.1v59.4zm0-204.3h-66.1v60.7h66.1V32zm78.2 144.8H362v59.4h66.1v-59.4zm-156.3-72.1h-66.1v60.1h66.1v-60.1zm78.1 0h-66.1v60.1h66.1v-60.1zm276.8 100c-14.4-9.7-47.6-13.2-73.1-8.4-3.3-24-16.7-44.9-41.1-63.7l-14-9.3-9.3 14c-18.4 27.8-23.4 73.6-3.7 103.8-8.7 4.7-25.8 11.1-48.4 10.7H2.4c-8.7 50.8 5.8 116.8 44 162.1 37.1 43.9 92.7 66.2 165.4 66.2 157.4 0 273.9-72.5 328.4-204.2 21.4.4 67.6.1 91.3-45.2 1.5-2.5 6.6-13.2 8.5-17.1l-13.3-8.9zm-511.1-27.9h-66v59.4h66.1v-59.4zm78.1 0h-66.1v59.4h66.1v-59.4zm78.1 0h-66.1v59.4h66.1v-59.4zm-78.1-72.1h-66.1v60.1h66.1v-60.1z">
</path>
</svg><!-- <i class="fab fa-docker badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Docker</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-890" value="Docker" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-890" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-web-performance">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-bolt fa-w-10 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bolt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
<path fill="currentColor"
d="M296 160H180.6l42.6-129.8C227.2 15 215.7 0 200 0H56C44 0 33.8 8.9 32.2 20.8l-32 240C-1.7 275.2 9.5 288 24 288h118.7L96.6 482.5c-3.6 15.2 8 29.5 23.3 29.5 8.4 0 16.4-4.4 20.8-12l176-304c9.3-15.9-2.2-36-20.7-36z"></path>
</svg><!-- <i class="fas fa-bolt badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Web Performance</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-411" value="Web Performance" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-411" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-automated-testing">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-green rounded">
<svg class="svg-inline--fa fa-check fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
</path>
</svg><!-- <i class="fas fa-check badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Automated Testing</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-501" value="Automated Testing" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-501" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-vuejs">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-green rounded">
<svg class="svg-inline--fa fa-code fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="code" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<g class="fa-group">
<path class="fa-secondary" fill="currentColor" d="M422.12 18.16a12 12 0 0 1 8.2 14.9l-136.5 470.2a12 12 0 0 1-14.89 8.2l-61-17.7a12 12 0 0 1-8.2-14.9l136.5-470.2a12 12 0 0 1 14.89-8.2z"></path>
<path class="fa-primary" fill="currentColor"
d="M636.23 247.26l-144.11-135.2a12.11 12.11 0 0 0-17 .5L431.62 159a12 12 0 0 0 .81 17.2L523 256l-90.59 79.7a11.92 11.92 0 0 0-.81 17.2l43.5 46.4a12 12 0 0 0 17 .6l144.11-135.1a11.94 11.94 0 0 0 .02-17.54zm-427.8-88.2l-43.5-46.4a12 12 0 0 0-17-.5l-144.11 135a11.94 11.94 0 0 0 0 17.5l144.11 135.1a11.92 11.92 0 0 0 17-.5l43.5-46.4a12 12 0 0 0-.81-17.2L117 256l90.6-79.7a11.92 11.92 0 0 0 .83-17.24z">
</path>
</g>
</svg><!-- <i class="fad fa-code badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">VueJS</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-572" value="VueJS" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-572" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-college-graduate">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-graduation-cap fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="far" data-icon="graduation-cap" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M606.72 147.91l-258-79.57c-18.81-5.78-38.62-5.78-57.44 0l-258 79.57C13.38 154.05 0 171.77 0 192.02s13.38 37.97 33.28 44.11l22.64 6.98c-2.46 5.19-4.4 10.62-5.7 16.31C39.53 264.6 32 275.33 32 288.01c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.95 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.66c8.17-5.8 13.86-14.87 13.86-25.65 0-10.6-5.49-19.54-13.43-25.36 1.13-3.55 2.96-6.67 4.85-9.83l54.87 16.92L128 384c0 35.34 85.96 64 192 64s192-28.65 192-64l-14.28-114.26 109-33.62c19.91-6.14 33.28-23.86 33.28-44.11s-13.38-37.96-33.28-44.1zM462.44 374.47c-59.7 34.2-225.9 33.78-284.87 0l11.3-90.36 102.42 31.59c11.15 3.43 32.24 7.77 57.44 0l102.42-31.59 11.29 90.36zM334.59 269.82c-9.44 2.91-19.75 2.91-29.19 0L154.62 223.3l168.31-31.56c8.69-1.62 14.41-9.98 12.78-18.67-1.62-8.72-10.09-14.36-18.66-12.76l-203.78 38.2c-6.64 1.24-12.8 3.54-18.71 6.27L53.19 192l252.22-77.79c9.44-2.91 19.75-2.91 29.19 0l252.22 77.82-252.23 77.79z">
</path>
</svg><!-- <i class="far fa-graduation-cap badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">College Graduate</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-645" value="College Graduate" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-645" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-side-hustle">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-green rounded">
<svg class="svg-inline--fa fa-flask fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="flask" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M437.2 403.5L320 215V64h8c13.3 0 24-10.7 24-24V24c0-13.3-10.7-24-24-24H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h8v151L10.8 403.5C-18.5 450.6 15.3 512 70.9 512h306.2c55.7 0 89.4-61.5 60.1-108.5zM137.9 320l48.2-77.6c3.7-5.2 5.8-11.6 5.8-18.4V64h64v160c0 6.9 2.2 13.2 5.8 18.4l48.2 77.6h-172z">
</path>
</svg><!-- <i class="fas fa-flask badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Side Hustle</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-102" value="Side Hustle" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-102" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-amateur-chef">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-red rounded">
<svg class="svg-inline--fa fa-hamburger fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="hamburger" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M464 256H48a48 48 0 0 0 0 96h416a48 48 0 0 0 0-96zm16 128H32a16 16 0 0 0-16 16v16a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64v-16a16 16 0 0 0-16-16zM58.64 224h394.72c34.57 0 54.62-43.9 34.82-75.88C448 83.2 359.55 32.1 256 32c-103.54.1-192 51.2-232.18 116.11C4 180.09 24.07 224 58.64 224zM384 112a16 16 0 1 1-16 16 16 16 0 0 1 16-16zM256 80a16 16 0 1 1-16 16 16 16 0 0 1 16-16zm-128 32a16 16 0 1 1-16 16 16 16 0 0 1 16-16z">
</path>
</svg><!-- <i class="fas fa-hamburger badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Amateur Chef</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-136" value="Amateur Chef" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-136" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-game-player">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-game-console-handheld fa-w-12 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="game-console-handheld" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
data-fa-i2svg="">
<path fill="currentColor"
d="M352 0H32A32 32 0 0 0 0 32v448a32 32 0 0 0 32 32h256a96 96 0 0 0 96-96V32a32 32 0 0 0-32-32zM160 344a8 8 0 0 1-8 8h-24v24a8 8 0 0 1-8 8h-16a8 8 0 0 1-8-8v-24H72a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h24v-24a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v24h24a8 8 0 0 1 8 8zm72 40a24 24 0 1 1 24-24 24 24 0 0 1-24 24zM112 224a16 16 0 0 1-16-16V80a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16v112a32 32 0 0 1-32 32zm184 112a24 24 0 1 1 24-24 24 24 0 0 1-24 24z">
</path>
</svg><!-- <i class="fas fa-game-console-handheld badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Game Player</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-209" value="Game Player" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-209" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-self-taught">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-book-heart fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book-heart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM149.8 109.1c24-20 59.7-16.4 81.6 5.8l8.6 8.7 8.6-8.7c22-22.2 57.7-25.8 81.6-5.8 27.5 23 28.9 64.2 4.3 89.1l-84.7 85.6c-5.5 5.5-14.3 5.5-19.8 0l-84.7-85.6c-24.5-24.9-23-66.1 4.5-89.1zM381.4 448H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z">
</path>
</svg><!-- <i class="fas fa-book-heart badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Self-Taught</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-434" value="Self-Taught" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-434" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-scientist">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-atom-alt fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="far" data-icon="atom-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M397.88114,255.83232c53.65542,83.42019,66.68647,161.24674,27.09333,200.80844-61.06155,60.95189-182.77841-15.32781-200.96563-26.99945C205.88412,441.26607,84.04227,517.6239,23.012,456.64076c-39.56188-39.5617-26.53083-117.40388,27.09333-200.80844C-3.55012,172.41213-16.54992,94.57,23.012,55.02388,62.6676,15.4778,140.54139,28.50879,224.00884,82.07021c83.43621-53.59267,161.3725-66.63928,200.96563-27.04633C464.56761,94.57,451.53656,172.41213,397.88114,255.83232ZM80.69857,213.2863A619.57734,619.57734,0,0,1,181.447,112.61646C139.6664,88.617,79.32359,66.69552,56.98019,88.96069,40.23045,105.69473,46.41785,153.61564,80.69857,213.2863ZM181.5095,398.92318A610.36594,610.36594,0,0,1,80.69857,298.34709C46.41785,358.03338,40.23045,405.93866,56.98019,422.6727,73.79243,439.39111,121.79168,433.20373,181.5095,398.92318ZM338.94456,255.83232a552.289,552.289,0,0,0-114.967-115.357,551.74859,551.74859,0,0,0-114.93571,115.357c33.96822,45.71783,69.90516,81.42023,114.93571,114.84143C269.41439,337.00255,305.25758,301.17515,338.94456,255.83232Zm-82.905-.01563a32.04639,32.04639,0,1,1-32.03075-32.015A32.021,32.021,0,0,1,256.03959,255.81669Zm111.24828,42.5304A610.3659,610.3659,0,0,1,266.47693,398.92318c59.71782,34.29618,107.71708,40.48355,124.52932,23.74952C407.756,405.93866,401.59983,358.03338,367.28787,298.34709ZM266.53943,112.61646A619.36058,619.36058,0,0,1,367.28787,213.2863c34.312-59.67066,40.46812-107.59157,23.71838-124.32561C368.75659,66.78927,308.63253,88.44508,266.53943,112.61646Z">
</path>
</svg><!-- <i class="far fa-atom-alt badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Scientist</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-706" value="Scientist" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-706" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-rabbit-hole-explorer">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-rabbit fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="rabbit" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M445.54 487.52L352 337.85V272h7.35c31.29 0 56.65-25.36 56.65-56.65a56.66 56.66 0 0 0-23.72-46.1l-48.65-34.75c-1.1-.54-2.27-.74-3.38-1.21 7.8-12.49 15.21-29.76 20.54-49.66 11.32-42.24 9.08-79.55-5-83.32-14.08-3.77-34.67 27.41-45.99 69.66-2.72 10.15-4.61 19.97-5.79 29.15-1.18-9.18-3.07-19-5.79-29.15-11.33-42.25-31.92-73.43-46-69.66s-16.32 41.08-5 83.32c6.94 25.9 17.37 47.54 27.64 59.62-9.11 7.93-15.9 18.5-18.03 31.55-.54 3.32-.82 6.72-.82 10.19V256h-12.8c-83.19 0-152.93 56.77-173.12 133.61C63.44 386.15 56.01 384 48 384c-26.51 0-48 21.49-48 48s21.49 48 48 48c7.93 0 15.3-2.11 21.89-5.51C79.98 496.58 102.13 512 128 512h144c8.84 0 16-7.16 16-16v-16c0-17.67-14.33-32-32-32h-22.59l74.35-60.18 72.91 116.66a15.99 15.99 0 0 0 13.57 7.52h37.74c12.56 0 20.22-13.82 13.56-24.48zM336 208c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16z">
</path>
</svg><!-- <i class="fas fa-rabbit badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Rabbit Hole Explorer</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-238" value="Rabbit Hole Explorer" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-238" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-leader">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-navy rounded">
<svg class="svg-inline--fa fa-users-crown fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="users-crown" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M564 288h-40c-15.18 0-29.27 4.83-41.15 12.93 9.38 6.37 17.93 13.87 25.45 22.37 4.89-2.05 10.15-3.3 15.7-3.3h40c24.25 0 44 21.53 44 48 0 8.84 7.16 16 16 16s16-7.16 16-16c0-44.11-34.09-80-76-80zm-20-32c44.18 0 80-35.82 80-80s-35.82-80-80-80-80 35.82-80 80 35.82 80 80 80zm0-128c26.47 0 48 21.53 48 48s-21.53 48-48 48-48-21.53-48-48 21.53-48 48-48zM400.15 308.02c-11.88 0-23.87 1.73-35.49 5.26-14.16 4.3-29.1 6.72-44.66 6.72s-30.5-2.42-44.66-6.71a122.209 122.209 0 0 0-35.49-5.26c-36.29 0-71.58 16.18-92.28 46.93C135.21 373.3 128 395.41 128 419.2V432c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-12.8c0-23.79-7.21-45.9-19.57-64.25-20.7-30.75-56-46.93-92.28-46.93zM480 432c0 8.82-7.18 16-16 16H176c-8.82 0-16-7.18-16-16v-12.8c0-16.63 4.88-32.67 14.11-46.38 13.83-20.54 38.4-32.8 65.74-32.8 8.9 0 17.71 1.31 26.19 3.88 17.69 5.37 35.84 8.1 53.96 8.1s36.27-2.72 53.96-8.1a89.887 89.887 0 0 1 26.19-3.88c27.34 0 51.91 12.26 65.74 32.8 9.23 13.71 14.11 29.75 14.11 46.38V432zM96 256c44.18 0 80-35.82 80-80s-35.82-80-80-80-80 35.82-80 80 35.82 80 80 80zm0-128c26.47 0 48 21.53 48 48s-21.53 48-48 48-48-21.53-48-48 21.53-48 48-48zm61.15 172.93C145.27 292.83 131.18 288 116 288H76c-41.91 0-76 35.89-76 80 0 8.84 7.16 16 16 16s16-7.16 16-16c0-26.47 19.75-48 44-48h40c5.55 0 10.81 1.25 15.7 3.3 7.52-8.5 16.07-16 25.45-22.37zM320 288c61.86 0 112-50.14 112-112V32l-56 28-56-28-56 28-56-28v144c0 61.86 50.14 112 112 112zM240 83.78l24 12 56-28 56 28 24-12V128H240V83.78zm0 76.22h160v16c0 44.11-35.89 80-80 80s-80-35.89-80-80v-16z">
</path>
</svg><!-- <i class="fal fa-users-crown badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Leader</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-683" value="Leader" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-683" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-mental-health">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-green rounded">
<svg class="svg-inline--fa fa-brain fa-w-18 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="brain" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor"
d="M208 0c-29.9 0-54.7 20.5-61.8 48.2-.8 0-1.4-.2-2.2-.2-35.3 0-64 28.7-64 64 0 4.8.6 9.5 1.7 14C52.5 138 32 166.6 32 200c0 12.6 3.2 24.3 8.3 34.9C16.3 248.7 0 274.3 0 304c0 33.3 20.4 61.9 49.4 73.9-.9 4.6-1.4 9.3-1.4 14.1 0 39.8 32.2 72 72 72 4.1 0 8.1-.5 12-1.2 9.6 28.5 36.2 49.2 68 49.2 39.8 0 72-32.2 72-72V64c0-35.3-28.7-64-64-64zm368 304c0-29.7-16.3-55.3-40.3-69.1 5.2-10.6 8.3-22.3 8.3-34.9 0-33.4-20.5-62-49.7-74 1-4.5 1.7-9.2 1.7-14 0-35.3-28.7-64-64-64-.8 0-1.5.2-2.2.2C422.7 20.5 397.9 0 368 0c-35.3 0-64 28.6-64 64v376c0 39.8 32.2 72 72 72 31.8 0 58.4-20.7 68-49.2 3.9.7 7.9 1.2 12 1.2 39.8 0 72-32.2 72-72 0-4.8-.5-9.5-1.4-14.1 29-12 49.4-40.6 49.4-73.9z">
</path>
</svg><!-- <i class="fas fa-brain badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Mental Health</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-426" value="Mental Health" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-426" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-life-long-learner">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-book-alt fa-w-14 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M448 358.4V25.6c0-16-9.6-25.6-25.6-25.6H96C41.6 0 0 41.6 0 96v320c0 54.4 41.6 96 96 96h326.4c12.8 0 25.6-9.6 25.6-25.6v-16c0-6.4-3.2-12.8-9.6-19.2-3.2-16-3.2-60.8 0-73.6 6.4-3.2 9.6-9.6 9.6-19.2zM380.8 448H96c-19.2 0-32-12.8-32-32s16-32 32-32h284.8v64z">
</path>
</svg><!-- <i class="fas fa-book-alt badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Life Long Learner</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-361" value="Life Long Learner" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-361" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-conference-attendee">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-globe fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="globe" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" data-fa-i2svg="">
<path fill="currentColor"
d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z">
</path>
</svg><!-- <i class="fas fa-globe badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Conference Attendee</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-4" value="Conference Attendee" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-4" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-aws">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-yellow rounded">
<svg class="svg-inline--fa fa-server fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="server" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z">
</path>
</svg><!-- <i class="fas fa-server badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">AWS</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-256" value="AWS" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-256" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-entrepreneur">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-yellow rounded">
<svg class="svg-inline--fa fa-lightbulb-dollar fa-w-11 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lightbulb-dollar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" data-fa-i2svg="">
<path fill="currentColor"
d="M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM175.45 0C73.44.31 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0zM192 255.88V272c0 4.42-3.58 8-8 8h-16c-4.42 0-8-3.58-8-8v-16.29c-11.29-.58-22.27-4.52-31.37-11.35-3.9-2.93-4.1-8.77-.57-12.14l11.75-11.21c2.77-2.64 6.89-2.76 10.13-.73 3.87 2.42 8.26 3.72 12.82 3.72h28.11c6.5 0 11.8-5.92 11.8-13.19 0-5.95-3.61-11.19-8.77-12.73l-45-13.5c-18.59-5.58-31.58-23.42-31.58-43.39 0-24.52 19.05-44.44 42.67-45.07V80c0-4.42 3.58-8 8-8h16c4.42 0 8 3.58 8 8v16.29c11.29.58 22.27 4.51 31.37 11.35 3.9 2.93 4.1 8.77.57 12.14l-11.75 11.21c-2.77 2.64-6.89 2.76-10.13.73-3.87-2.43-8.26-3.72-12.82-3.72h-28.11c-6.5 0-11.8 5.92-11.8 13.19 0 5.95 3.61 11.19 8.77 12.73l45 13.5c18.59 5.58 31.58 23.42 31.58 43.39 0 24.53-19.05 44.44-42.67 45.07z">
</path>
</svg><!-- <i class="fas fa-lightbulb-dollar badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Entrepreneur</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-36" value="Entrepreneur" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-36" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-book-worm">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-light-red rounded">
<svg class="svg-inline--fa fa-glasses fa-w-18 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="glasses" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
<path fill="currentColor"
d="M574.1 280.37L528.75 98.66c-5.91-23.7-21.59-44.05-43-55.81-21.44-11.73-46.97-14.11-70.19-6.33l-15.25 5.08c-8.39 2.79-12.92 11.86-10.12 20.24l5.06 15.18c2.79 8.38 11.85 12.91 20.23 10.12l13.18-4.39c10.87-3.62 23-3.57 33.16 1.73 10.29 5.37 17.57 14.56 20.37 25.82l38.46 153.82c-22.19-6.81-49.79-12.46-81.2-12.46-34.77 0-73.98 7.02-114.85 26.74h-73.18c-40.87-19.74-80.08-26.75-114.86-26.75-31.42 0-59.02 5.65-81.21 12.46l38.46-153.83c2.79-11.25 10.09-20.45 20.38-25.81 10.16-5.3 22.28-5.35 33.15-1.73l13.17 4.39c8.38 2.79 17.44-1.74 20.23-10.12l5.06-15.18c2.8-8.38-1.73-17.45-10.12-20.24l-15.25-5.08c-23.22-7.78-48.75-5.41-70.19 6.33-21.41 11.77-37.09 32.11-43 55.8L1.9 280.37A64.218 64.218 0 0 0 0 295.86v70.25C0 429.01 51.58 480 115.2 480h37.12c60.28 0 110.37-45.94 114.88-105.37l2.93-38.63h35.75l2.93 38.63C313.31 434.06 363.4 480 423.68 480h37.12c63.62 0 115.2-50.99 115.2-113.88v-70.25c0-5.23-.64-10.43-1.9-15.5zm-370.72 89.42c-1.97 25.91-24.4 46.21-51.06 46.21H115.2C86.97 416 64 393.62 64 366.11v-37.54c18.12-6.49 43.42-12.92 72.58-12.92 23.86 0 47.26 4.33 69.93 12.92l-3.13 41.22zM512 366.12c0 27.51-22.97 49.88-51.2 49.88h-37.12c-26.67 0-49.1-20.3-51.06-46.21l-3.13-41.22c22.67-8.59 46.08-12.92 69.95-12.92 29.12 0 54.43 6.44 72.55 12.93v37.54z">
</path>
</svg><!-- <i class="fas fa-glasses badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Book Worm</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-52" value="Book Worm" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-52" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-freelancer">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-yellow rounded">
<svg class="svg-inline--fa fa-briefcase fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="briefcase" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z">
</path>
</svg><!-- <i class="fas fa-briefcase badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Freelancer</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-145" value="Freelancer" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-145" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-consultant">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-blue rounded">
<svg class="svg-inline--fa fa-laptop-house fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="laptop-house" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M272,288H208a16,16,0,0,1-16-16V208a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v37.12C299.11,232.24,315,224,332.8,224H469.74l6.65-7.53A16.51,16.51,0,0,0,480,207a16.31,16.31,0,0,0-4.75-10.61L416,144V48a16,16,0,0,0-16-16H368a16,16,0,0,0-16,16V87.3L263.5,8.92C258,4,247.45,0,240.05,0s-17.93,4-23.47,8.92L4.78,196.42A16.15,16.15,0,0,0,0,207a16.4,16.4,0,0,0,3.55,9.39L22.34,237.7A16.22,16.22,0,0,0,33,242.48,16.51,16.51,0,0,0,42.34,239L64,219.88V384a32,32,0,0,0,32,32H272ZM629.33,448H592V288c0-17.67-12.89-32-28.8-32H332.8c-15.91,0-28.8,14.33-28.8,32V448H266.67A10.67,10.67,0,0,0,256,458.67v10.66A42.82,42.82,0,0,0,298.6,512H597.4A42.82,42.82,0,0,0,640,469.33V458.67A10.67,10.67,0,0,0,629.33,448ZM544,448H352V304H544Z">
</path>
</svg><!-- <i class="fas fa-laptop-house badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Consultant</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-144" value="Consultant" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-144" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-coach">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-purple rounded">
<svg class="svg-inline--fa fa-whistle fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="whistle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M232 256c0 13.2-10.8 24-24 24s-24-10.8-24-24 10.8-24 24-24 24 10.8 24 24zm252-49.7l150 120c6.7 5.4 8 15.2 2.8 22.1l-78.2 104.3c-4.8 6.5-13.7 8.3-20.7 4.3l-150.4-86C312.1 484.4 150.8 492.8 61 403c-65.5-65.5-78.1-163.8-38-242-14.4-11.8-23-29.7-23-49 0-35.3 28.7-64 64-64 19.2 0 36.9 8.9 49 23.5 65.3-33.6 144.4-30.8 207 9.3l86.6 63.6c5.3 4.2 7.3 11.3 5.1 17.7l-10.2 29.5c-1.1 3.2-.1 6.7 2.6 8.9l25.2 20.2c2.6 2.1 6.2 2.3 9.1.6l27.4-16.2c5.8-3.4 13-2.9 18.2 1.2zM85.5 88.3C79.7 83 72 80 64 80c-17.7 0-32 14.3-32 32 0 8.1 3.3 15.4 8.4 21.2 15.2-20.6 27.3-31.9 45.1-44.9zM280 256c0-39.7-32.3-72-72-72s-72 32.3-72 72 32.3 72 72 72 72-32.3 72-72z">
</path>
</svg><!-- <i class="fas fa-whistle badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Coach</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-24" value="Coach" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-24" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-mentor">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-yellow rounded">
<svg class="svg-inline--fa fa-coffee fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="coffee" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z">
</path>
</svg><!-- <i class="fas fa-coffee badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Mentor</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-29" value="Mentor" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-29" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-advisor">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-user-tag fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user-tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M630.6 364.9l-90.3-90.2c-12-12-28.3-18.7-45.3-18.7h-79.3c-17.7 0-32 14.3-32 32v79.2c0 17 6.7 33.2 18.7 45.2l90.3 90.2c12.5 12.5 32.8 12.5 45.3 0l92.5-92.5c12.6-12.5 12.6-32.7.1-45.2zm-182.8-21c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24c0 13.2-10.7 24-24 24zm-223.8-88c70.7 0 128-57.3 128-128C352 57.3 294.7 0 224 0S96 57.3 96 128c0 70.6 57.3 127.9 128 127.9zm127.8 111.2V294c-12.2-3.6-24.9-6.2-38.2-6.2h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 287.9 0 348.1 0 422.3v41.6c0 26.5 21.5 48 48 48h352c15.5 0 29.1-7.5 37.9-18.9l-58-58c-18.1-18.1-28.1-42.2-28.1-67.9z">
</path>
</svg><!-- <i class="fas fa-user-tag badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Advisor</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-78" value="Advisor" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-78" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-speaker">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-pink rounded">
<svg class="svg-inline--fa fa-keynote fa-w-16 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="keynote" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M368 448h-80v-64h-64v64h-80c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h224c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm140.62-166.76l-51.78-103.55A32 32 0 0 0 428.22 160H144c0-37.62 26.21-69.06 62.68-77.55C215.31 90.81 227.03 96 240 96h64c26.51 0 48-21.49 48-48S330.51 0 304 0h-64c-22.35 0-40.96 15.34-46.31 36.02C137.77 49.72 96 99.91 96 160H83.78a32 32 0 0 0-28.62 17.69L3.38 281.24A32.066 32.066 0 0 0 0 295.55V320c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-24.45c0-4.96-1.16-9.86-3.38-14.31z">
</path>
</svg><!-- <i class="fas fa-keynote badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">Speaker</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-70" value="Speaker" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-70" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
<label class="dropdown-item" role="button" id="highlight-badge-filter-badge-devops">
<div class="list-item " id="">
<div class="list-item-avatar text-center">
<div class="d-flex align-items-center justify-content-center position-relative flex-column badge badge-sm badge-turquoise rounded">
<svg class="svg-inline--fa fa-infinity fa-w-20 badge-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="infinity" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M471.1 96C405 96 353.3 137.3 320 174.6 286.7 137.3 235 96 168.9 96 75.8 96 0 167.8 0 256s75.8 160 168.9 160c66.1 0 117.8-41.3 151.1-78.6 33.3 37.3 85 78.6 151.1 78.6 93.1 0 168.9-71.8 168.9-160S564.2 96 471.1 96zM168.9 320c-40.2 0-72.9-28.7-72.9-64s32.7-64 72.9-64c38.2 0 73.4 36.1 94 64-20.4 27.6-55.9 64-94 64zm302.2 0c-38.2 0-73.4-36.1-94-64 20.4-27.6 55.9-64 94-64 40.2 0 72.9 28.7 72.9 64s-32.7 64-72.9 64z">
</path>
</svg><!-- <i class="fas fa-infinity badge-icon"></i> Font Awesome fontawesome.com -->
</div>
</div>
<div class="list-item-details">
<div class="d-inline-flex text-nowrap">
<h4 class="text-dark">DevOps</h4>
</div>
<div class="d-inline-flex"><span class="ellipsable caption-2 text-muted">0 highlights</span></div>
<div class="d-inline-flex"></div>
<div class="d-inline-flex"></div>
</div>
<div class="list-item-button">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="badges[]" id="filter-badge-257" value="DevOps" class="custom-control-input" data-action="change->badge-highlights-filter#applyFilter">
<label for="filter-badge-257" class="custom-control-label"></label>
</div>
</div>
</div>
</label>
</form>GET /mithrandir/retro_highlights
<form class="simple_form edit_user_profile" id="edit_user_profile_74275" novalidate="novalidate" data-pagination-target="form" action="/mithrandir/retro_highlights" accept-charset="UTF-8" method="get">
<div class="d-none justify-content-center mt-4" data-pagination-target="spinner">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div> <input type="hidden" name="timeline_earliest_year" id="timeline_earliest_year" value="2016">
<input type="hidden" name="timeline_page" id="timeline_page" value="2">
</form>Text Content
Follow CONTACT WANT TO COLLABORATE? Right now, you can get in touch with me for a few things: Speaking on Clubhouse Mentoring Speaking at Events + more GET IN TOUCH WITH JAN YOU CAN GET IN TOUCH WITH JAN FOR... Speaking on Clubhouse Mentoring Speaking at Events Advising companies Speaking on podcasts CREATE AN ACCOUNT TO SEND A REQUEST First Name* Last Name* Email address Password Password Confirmation OR Continue with Google Continue with Twitter Continue with Apple To contact Jan you will be signing up to the professional social network Polywork and accepting their Terms Already have an account? Log in JAN KELLER * @mithrandir * Strong full stack developer/leader * Denmark Pastry Chef Laravel Imposter Syndrome Introvert Admitter of Failures Thinker Continuous Deployment Docker Web Performance Automated Testing VueJS College Graduate Side Hustle Amateur Chef Self-Taught Scientist Leader Mental Health Life Long Learner Conference Attendee AWS Entrepreneur Coding Web Developer Book Worm Freelancer Consultant Mentor Advisor Founder DevOps Open Source Software Engineering + 29 Writes unit tests and makes them pass for a living. Laravel, Inertia, CI/CD enthusiast... READ MORE All highlights FILTERS Reset Filters PROFESSIONAL 7 highlights SOFTWARE ENGINEERING 2 highlights FOUNDER 1 highlight OPEN SOURCE 1 highlight GRADUATE 1 highlight CODING 1 highlight WEB DEVELOPER 1 highlight LARAVEL 1 highlight PASTRY CHEF 0 highlights PHP 0 highlights GAMER 0 highlights IMPOSTER SYNDROME 0 highlights INTROVERT 0 highlights ADMITTER OF FAILURES 0 highlights THINKER 0 highlights CONTINUOUS DEPLOYMENT 0 highlights DOG DAD 0 highlights DOCKER 0 highlights WEB PERFORMANCE 0 highlights AUTOMATED TESTING 0 highlights VUEJS 0 highlights COLLEGE GRADUATE 0 highlights SIDE HUSTLE 0 highlights AMATEUR CHEF 0 highlights GAME PLAYER 0 highlights SELF-TAUGHT 0 highlights SCIENTIST 0 highlights RABBIT HOLE EXPLORER 0 highlights LEADER 0 highlights MENTAL HEALTH 0 highlights LIFE LONG LEARNER 0 highlights CONFERENCE ATTENDEE 0 highlights AWS 0 highlights ENTREPRENEUR 0 highlights BOOK WORM 0 highlights FREELANCER 0 highlights CONSULTANT 0 highlights COACH 0 highlights MENTOR 0 highlights ADVISOR 0 highlights SPEAKER 0 highlights DEVOPS 0 highlights 2021 Jun 29, 2021 Jun 29, 2021 Built something new Deploy a Laravel App Launched SurveyUno - getting rid of subscriptions when all you really need is one survey for a given period. Jan 01, 2021 Jan 01, 2021 Started a new role at Vicklr Excited to join Vicklr as Owner! 🎉 Owner, Vicklr 2020 Dec 01, 2020 Dec 01, 2020 Left a role at Ziik Ended my journey as CTO & developer at Ziik! CTO & developer, Ziik 2017 Sep 01, 2017 Sep 01, 2017 Established a Deployment Process Automated deployment automated testing + 1 Established automated deployment of updates to Ziik through Bitbucket Pipelines and Docker with automated testing processes. 2016 Oct 01, 2016 Oct 01, 2016 Wrote a New API Deployed a Backend System Improved site performance Improved page load + 2 Built a new version of Ziik, exclusively using a Laravel API consumed by a VueJS frontend and native mobile apps. Apr 01, 2016 Apr 01, 2016 Started a new role at Ziik Excited to join Ziik as CTO & developer! 🎉 CTO & developer, Ziik Loading... Get your own page like this