evectr.api
Version:
The official eVectr� API.
796 lines • 39 kB
HTML
<html>
<head>
<title>eVectr</title>
<!-- META DATA -->
<meta name="viewport" content="initial-scale=1 maximum-scale=1 user-scalable=no">
<meta name="X-UA-Compatible" content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
<meta name="apple-mobile-web-app-title" content="eVectr">
<meta name="application-name" content="eVectr">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="images/icons/mstile-144x144.png">
<meta name="msapplication-config" content="images/icons/browserconfig.xml">
<meta name="theme-color" content="#e5e5e5">
<!-- ICONS -->
<link type="image/png" rel="mask-icon" href="images/icons/safari-pinned-tab.svg" color="#5bbad5">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-57x57.png" sizes="57x57">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-60x60.png" sizes="60x60">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-72x72.png" sizes="72x72">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-76x76.png" sizes="76x76">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-114x114.png" sizes="114x114">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-120x120.png" sizes="120x120">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-144x144.png" sizes="144x144">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-152x152.png" sizes="152x152">
<link type="image/png" rel="apple-touch-icon" href="images/icons/apple-icon-180x180.png" sizes="180x180">
<link type="image/png" rel="icon" href="images/icons/android-chrome-192x192.png" sizes="192x192">
<link type="image/png" rel="icon" href="images/icons/favicon-32x32.png" sizes="32x32">
<link type="image/png" rel="icon" href="images/icons/favicon-16x16.png" sizes="16x16">
<link type="image/x-icon" rel="icon" href="images/icons/favicon.ico">
<link type="image/x-icon" rel="shortcut icon" href="images/icons/favicon.ico">
<link type="application/json" rel="manifest" href="images/icons/manifest.json">
<!-- CSS -->
<link type="text/css" rel="stylesheet" href="comps/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css">
<link type="text/css" rel="stylesheet" href="css/style.min.css">
<!-- NAV -->
<style type="text/css" id="navigation"></style>
</head>
<body>
<!-- GUIDE TOGGLE -->
<input class="refs" type="checkbox" name="references" id="references"/>
<label class="refs" for="references" aria-hidden="true">Guide</label>
<!-- MAIN -->
<main id="app">
<main class="gridMain cover loggedOut" data-reactroot="" id="content">
<!-- VARIABLES -->
<var data-value="4" id="stat"></var>
<var data-1="Search" data-2="" data-3="" data-page="1" id="nav"></var>
<!-- SEARCH -->
<section class="gridItemSearch gridSearch norm-b" id="search">
<div class="tkn norm"><i class="fas fa-search fa-fw"></i></div>
<input type="search" id="search-box" name="search-box" autocomplete="off"
placeholder="Search for anything (Well, not anything, but...)"
class="gridItemSearchBox">
<button type="button" id="search-go" name="search-go" class="tkn norm">
GO
</button>
</section>
<!-- COVER PHOTO -->
<header class="gridItemCover">
<div class="gpu" style="background-image: url('images/cover.jpg');"></div>
</header>
<!-- PROFILE STUB -->
<!-- PROFILE PHOTO -->
<header class="gridItemPic d">
<div class="bubble small er lite gpu" style="background-image:url('images/profile.jpg');"></div>
</header>
<header class="gridItemPic">
<div class="cutout bubble huge gpu" id="profile_picture" style="background-image:url('images/profile.jpg');"></div>
</header>
<!-- PROFILE INFO -->
<header class="gridItemName d" aria-hidden="true" data-full="Arian LeShaun Johnson
(LeShaunJ)">
<div class="noShadow">
<h1 class="gpu">
<span class="trunc">Arian LeShaun Johnson</span>
<sup aria-hidden="true">
<span>LeShaunJ</span>
<div class="badge sm mron"><i class="fas fa-handshake"></i></div>
<div class="badge sm doog"><i class="fas fa-shield-alt"></i></div>
</sup>
</h1>
</div>
</header>
<header class="gridItemName" aria-labelledby="profileName">
<div class="noShadow">
<h1 class="gpu" id="profileName">
<span class="trunc">Arian LeShaun Johnson</span>
<sup aria-hidden="true">
<span>LeShaunJ</span>
<div class="badge sm norm"><i class="fas fa-handshake"></i></div>
<div class="badge sm good"><i class="fas fa-shield-alt"></i></div>
</sup>
</h1>
</div>
</header>
<header class="gridItemInfo PLR">
<div class="noShadow">
<h4>Calgary, Alberta, Canada</h4>
<h6><i class="fas fa-mars fa-fw"></i>31<sup>years old</sup></h6>
</div>
</header>
<!-- PROFILE JOIN -->
<header class="gridItemJoin">
<div class="cutout">
<button class="tkn good large block" type="submit">
<i class="fas fa-user-plus"></i> Join my Community
</button>
</div>
</header>
<!-- FOOTER -->
<footer class="gridItemFooter">
<section class="gridFooter noSelect gpu" style="background-image: url('images/Logo.sm.white.png');">
<!-- CONTACT -->
<section id="contact" class="gridItemContact gridContact">
<a href="about-us">About</a>
<a href="help">Help</a>
<a href="safety">Safety</a>
<a href="privacy">Privacy</a>
<a href="terms">Terms</a>
</section>
<!-- CREDITS -->
<section id="credits" class="gridItemCredits">
<p><span id="copyright">2018</span><span id="company"><a href="http://eVectr.com" target="_blank">eVectr Inc</a></span></p>
</section>
</section>
</footer>
<!-- CONTENT -->
<section class="gridItemContent gridContent guide" data-guide=".gridItemContent.gridContent">
<!-- SIDE-MENU -->
<nav class="gridItemSidebar gridMenu guide" data-guide=".gridItemSidebar.gridMenu" id="#requests">
<label class="btn"><a href="#about">About Me <i class="fas fa-heart fa-fw"></i></a></label>
<label class="btn"><a href="#services">My Services <i class="fas fa-handshake fa-fw"></i></a></label>
<label class="btn"><a href="#info">Other Info <i class="fas fa-briefcase fa-fw"></i></a></label>
<label class="btn"><a href="#forms">Forms & Inputs <i class="fas fa-edit fa-fw"></i></a></label>
<label class="btn"><a href="#typography">Typography <i class="fas fa-pen-fancy fa-fw"></i></a></label>
</nav>
<!-- MAIN CONTENT -->
<section class="gridItemCopy PLR guide" data-guide=".gridItemCopy.PA">
<!-- ABOUT-ME STYLES -->
<section class="panel guide" data-guide=".panel" id="about">
<header class="heading">
<h3 class="guide" data-guide=".heading">About Me<i class="fas fa-heart fa-fw"></i></h3>
</header>
<article class="body guide" data-guide=".body">
<p class="guide" data-guide="body text">Designer | Innovator | Philosopher</p>
<br>
<div class="spread">
<button type="button" class="multi tkn good" value="5" data-x1>
<a href="/hobby/Computer+programming">Computer programming</a>
</button>
<button type="button" class="multi tkn good" value="10" data-x1>
<a href="/hobby/Digital+arts">Digital arts</a>
</button>
<button type="button" class="multi tkn good" value="156" data-x1>
<a href="/hobby/Weightlifting">Weightlifting</a>
</button>
<button type="button" class="multi tkn good" value="206" data-x4>
<a href="/hobby/Basketball_Spectative">Basketball</a>
</button>
<button type="button" class="multi tkn good" value="1">
<a href="/hobby/Acting">Acting</a>
</button>
</div>
</article>
</section>
<!-- SERVICES STYLES -->
<section class="panel guide" data-guide=".panel" id="services">
<header class="heading">
<h3 class="guide" data-guide=".heading">My Services<i class="fas fa-handshake fa-fw"></i></h3>
</header>
<article class="body accordian PTB guide" data-guide=".body.accordian.PTB">
<div class="panel slab guide" data-guide=".panel.stub">
<input type="checkbox" id="showSvcInfo" name="showSvcInfo" class="reveal">
<label class="heading reveal tkn info block guide" data-guide=".heading.tkn.block.reveal.info" for="showSvcInfo">
<h6>Pretentious Caricatures by Ari<span class="mirror">Artist</span></h6>
</label>
<div class="body gridSlice gap reveal guide" data-guide=".body.gridSlice.gap.reveal" aria-hidden="true">
<div class="greedy guide" data-guide=".greedy">
<p class="lead muted">iamart. urmyart.</p>
<p class="lead muted">This is my masterpiece. My coup de grâce...<br>
We are all God's children.<br>
We are all his pain.<br>
</p>
<p class="lead muted">Praise be to Buddha.</p>
</div>
<div class="sliver gridR guide" data-guide=".sliver.gridR"><h5><dt>$560</dt></h5></div>
<button class="tkn block good some guide" data-guide=".tkn.block.good.some"><i class="fas fa-credit-card"></i><span>Inquire</span></button>
<label class="tkn block norm more reveal guide" data-guide=".tkn.block.norm.more" for="svcInfo-1"><i class="fas fa-binoculars"></i><span>Get more Info</span></label>
<input type="checkbox" id="svcInfo-1" name="svcInfo-1" class="reveal">
<div class="reveal spread guide" data-guide=".reveal.spread">
<p><small>Check out any relavent <b>Documents</b>, <b>Credentials</b>, <b>Images</b> & <b>Links</b> regarding this Service below!</small></p>
<br/>
<div class="tabs flex flexDirColR guide" data-guide=".tabs.flex.flexDirColR">
<div class="tabBody guide" data-guide=".tabBody">
<div>
<input type="radio" id="svcTabDoc-1" name="svcTab-1" class="reveal" checked>
<div class="table spread reveal guide" data-guide=".table.spread.reveal">
<div class="column nowrap guide" data-guide=".column.nowrap">
<div class="trunc head guide" data-guide=".head.trunc">Document</div>
<div class="trunc">
<a href="/doc/2/CanadaUnlocking%20Receipt%20(05-21-16).pdf" target="_blank">CanadaUnlocking Receipt (05-21-16).pdf</a>
</div>
</div>
<div class="column">
<div class="trunc head">Description</div>
<div class="trunc"><p>I unlock phones....</p></div>
</div>
</div>
</div>
<div>
<input type="radio" id="svcTabCrd-1" name="svcTab-1" class="reveal">
<div class="table spread reveal">
<div class="column nowrap">
<div class="trunc head">Credential</div>
<div class="trunc">
<a href="/doc/2/3)%20Government%20IDs.pdf" target="_blank">3) Government IDs.pdf</a>
</div>
</div>
<div class="column">
<div class="trunc head">Description</div>
<div class="trunc">
<p>I am who I say I am. If I wasn't, then why would I say I am?</p>
<p>Seriously, I'm actually asking...</p>
</div>
</div>
</div>
</div>
<div>
<input type="radio" id="svcTabImg-1" name="svcTab-1" class="reveal">
<div class="table spread reveal">
<div class="column nowrap">
<div class="trunc head">Image</div>
<div class="trunc">
<a href="/doc/2/XYFVFD_1_0711154234526_S.jpg" target="_blank">XYFVFD_1_0711154234526_S.jpg</a>
</div>
</div>
<div class="column">
<div class="trunc head">Description</div>
<div class="trunc">
<p>This is me and my boo at the One World Trade Center.</p>
</div>
</div>
</div>
</div>
<div>
<input type="radio" id="svcTabLnk-1" name="svcTab-1" class="reveal">
<div class="table spread reveal">
<div class="column nowrap">
<div class="trunc head">Link</div>
<div class="trunc">
<a href="http://Facebook.com/LeShaunJohn" target="_blank">Facebook.com/LeShaunJohn</a>
</div>
<div class="trunc">
<a href="http://Instagram.com/LeShaunJohn" target="_blank">Instagram.com/LeShaunJohn</a>
</div>
</div>
<div class="column">
<div class="trunc head">Description</div>
<div class="trunc">
<p>Hit me up on my Facebook, y'all.</p>
</div>
<div class="trunc">
<p>Check out my 'Gram, y'all.</p>
</div>
</div>
</div>
</div>
</div>
<nav class="gridTabs buttons guide" data-guide=".gridTabs.buttons" role="tabgroup">
<label for="svcTabDoc-1"><span class="hidden thin">Documents</span><i class="fas fa-file fa-fw hidden wide"></i></label>
<label for="svcTabCrd-1"><span class="hidden thin">Credentials</span><i class="fas fa-id-card fa-fw hidden wide"></i></label>
<label for="svcTabImg-1"><span class="hidden thin">Images</span><i class="fas fa-images fa-fw hidden wide"></i></label>
<label for="svcTabLnk-1"><span class="hidden thin">Links</span><i class="fas fa-link fa-fw hidden wide"></i></label>
</nav>
</div>
</div>
</div>
</div>
</article>
</section>
<!-- DISTINCTION STYLES -->
<section class="panel guide" data-guide=".panel" id="info">
<header class="heading">
<h3 class="guide" data-guide=".heading">Other Information<i class="fas fa-briefcase fa-fw"></i></h3>
</header>
<article class="body gridPair guide" data-guide=".body.gridPair">
<div class="split guide" data-guide=".split">
<h5>Languages</h5>
<button type="button" class="multi tkn info" value="5" data-x1>
<a href="/language/English">English</a>
</button>
</div>
<div class="split guide" data-guide=".split">
<h5>Background</h5>
<button type="button" class="multi tkn info" value="5" data-x1>
<a href="/nationality/Canadian">Canadian</a>
</button>
<button type="button" class="multi tkn info" value="10" data-x1>
<a href="/nationality/Vincentian">Vincentian</a>
</button>
</div>
<div class="split guide" data-guide=".split">
<h5>Spirituality</h5>
<button type="button" class="multi tkn nope" value="5" data-x1>
<a href="/religion/Agnostic">Agnostic</a>
</button>
</div>
<div class="split guide" data-guide=".split">
<h5>Status</h5>
<button type="button" class="multi tkn warn" value="M" data-x1>
<a href="/marital/Married">Married</a>
</button>
</div>
<div class="spread guide" data-guide=".spread">
<h5>Education</h5>
<ul class="bare">
<li>SAIT Polytechnic — Computer Technology</li>
<li>Mount Royal University — Electronic Publishing</li>
</ul>
</div>
</article>
</section>
<!-- FORM/INPUT STYLES -->
<section class="panel guide" data-guide=".panel" id="forms">
<header class="heading">
<h3 class="guide" data-guide=".heading">Forms & Inputs<i class="fas fa-edit fa-fw"></i></h3>
</header>
<form class="body gridSlice guide" data-guide=".body.gridPair">
<!-- CHECKBOX / RADIOS -->
<h5 class="spread">Provider Settings</h5>
<div class="more guide" data-guide=".more">
<label class="input toggle">
<span>You are a Service Provider: </span>
<label for="is-provider" class="toggle gpu">
<input tabindex="5" type="checkbox"
id="is-provider"
name="is-provider"
class="token autocomplete feedback"
value="1">
</label>
</label>
</div>
<div class="some guide" data-guide=".some">
<label for="svc-rating" class="input rating" tabindex="6">
<span>How was the Service?</span>
<div>
<input type="radio" id="svc-star-5" name="svc-rating" value="5">
<label for="svc-star-5"></label>
<input type="radio" id="svc-star-4" name="svc-rating" value="4">
<label for="svc-star-4"></label>
<input type="radio" id="svc-star-3" name="svc-rating" value="3">
<label for="svc-star-3"></label>
<input type="radio" id="svc-star-2" name="svc-rating" value="2">
<label for="svc-star-2"></label>
<input type="radio" id="svc-star-1" name="svc-rating" value="1">
<label for="svc-star-1"></label>
</div>
</label>
<br/>
<label for="cli-rating" class="input rating thumbs" tabindex="7">
<span>How was the Client?</span>
<div>
<input type="radio" id="cli-bad" name="cli-rating" value="0">
<label for="cli-bad"></label>
<input type="radio" id="cli-good" name="cli-rating" value="1">
<label for="cli-good"></label>
</div>
</label>
</div>
<!-- DATES -->
<h5 class="spread">Dates</h5>
<div class="third guide" data-guide=".third">
<label for="bdates" data-rel="*" class="input glyph date fa-birthday-cake">
<input type="number" id="bdate-mth" name="bdates" align="center" placeholder="09" size="2" min="01" max="31" tabindex="8">
<i></i>
<input type="number" id="bdate-day" name="bdates" align="center" placeholder="06" size="2" min="01" max="12" tabindex="8">
<i></i>
<input type="number" id="bdate-yrs" name="bdates" align="center" placeholder="1986" size="4" min="1900" max="2003" tabindex="8">
<input type="hidden" autocomplete="off" id="bdate" name="bdate">
</label>
</div>
<div class="more guide" data-guide=".more">
<label for="datetimes" class="input glyph date time fa-clock">
<input type="number" id="dt-mth" name="dts" align="center" placeholder="09" size="2" min="01" max="31" tabindex="9">
<i></i>
<input type="number" id="dt-day" name="dts" align="center" placeholder="06" size="2" min="01" max="12" tabindex="9">
<i></i>
<input type="number" id="dt-yrs" name="dts" align="center" placeholder="1986" size="4" min="1900" max="2003" tabindex="9">
<input type="number" id="dt-hr" name="dts" align="center" placeholder="00" size="2" min="00" max="24" tabindex="9">
<i></i>
<input type="number" id="dt-min" name="dts" align="center" placeholder="00" size="2" min="00" max="59" tabindex="9" step="10">
<input type="hidden" autocomplete="off" id="datetime" name="datetime">
</label>
</div>
<!-- TOKENS -->
<h5 class="spread">Languages</h5>
<div class="spread guide" data-guide=".spread">
<label for="languages-token" data-rel="~" class="input glyph fa-language">
<input tabindex="10" type="text"
id="languages-token"
name="languages-token"
class="token autocomplete feedback"
placeholder="Other Languages"
autocomplete="off">
</label>
</div>
<h5 class="spread">Background</h5>
<div class="more guide" data-guide=".more">
<label for="nationalities-token" class="input glyph fa-globe-americas">
<input tabindex="11" type="text"
id="nationalities-token"
name="nationalities-token"
class="token autocomplete feedback"
placeholder="Add Nationalities"
autocomplete="off">
</label>
</div>
<div class="some guide" data-guide=".some">
<label for="religion-token" class="input glyph fa-hand-peace fao"
data-nfo="">
<input tabindex="12" type="text"
id="religion-tokenfield"
name="religion-tokenfield"
class="token autocomplete feedback"
placeholder="Spirituality"
autocomplete="off">
<div class="help info">
<p>Hey, just so know; people... They're are dicks.</p>
<p>There's a good chance some intolerant asshole is going to target you because of your religion -- which has nothing to with that person, but that's unfortunately life.</p>
<p>Be careful with this information is all we're saying.</p>
</div>
</label>
</div>
<!-- CODE -->
<div class="spread guide" data-guide=".spread">
<div class="code">
<code><div class="more guide" data-guide=".more"></code>
<code> <label for="nationalities-token" class="input glyph fa-globe-americas"></code>
<code> <input tabindex="11" type="text"</code>
<code> id="nationalities-token"</code>
<code> name="nationalities-token"</code>
<code> class="token autocomplete feedback"</code>
<code> placeholder="Add Nationalities"</code>
<code> autocomplete="off"></code>
<code> </label></code>
<code></div></code>
<code><div class="some guide" data-guide=".some"></code>
<code> <label for="religion-token" class="input glyph fa-hand-peace fao" data-nfo=""></code>
<code> <input tabindex="12" type="text"</code>
<code> id="religion-tokenfield"</code>
<code> name="religion-tokenfield"</code>
<code> class="token autocomplete feedback"</code>
<code> placeholder="Spirituality"</code>
<code> autocomplete="off"></code>
<code> <div class="help info"></code>
<code> <p>Hey, just so know; people... They're are dicks.</p></code>
<code> <p></code>
<code> There's a good chance some intolerant asshole is going to</code>
<code> target you because of your religion -- which has nothing to with</code>
<code> that person, but that's unfortunately life.</code>
<code> </p></code>
<code> <p>Be careful with this information is all we're saying.</p></code>
<code> </div></code>
<code> </label></code>
<code></div></code>
</div>
</div>
<!-- SELECTS -->
<div class="more guide" data-guide=".more">
<label for="sex" class="input glyph slc-txt fa-transgender-alt">
<select tabindex="13" title="Sex"
id="sex" name="sex"
class="token autocomplete feedback">
<option disabled selected value="">Sex</option>
<option value="M">Male</option>
<option value="F">Female</option>
<option value="I">Intersex</option>
</select><span></span>
<input tabindex="14" type="text"
id="gender-tokenfield"
name="gender-tokenfield"
class="token autocomplete feedback"
placeholder="Gender Identity"
autocomplete="off">
</label>
</div>
<div class="some guide" data-guide=".some">
<label for="marital" class="input glyph fa-gem fao">
<select tabindex="15" title="Marital Status"
id="marital" name="marital"
class="token autocomplete feedback">
<option disabled selected value="">Marital Status</option>
<option value="M">Married</option>
<option value="R">In a Relationship</option>
<option value="S">Single</option>
</select><span></span>
</label>
</div>
<!-- TEXTAREAS -->
<h5 class="spread">Education</h5>
<div class="spread guide" data-guide=".spread">
<label for="education" class="input glyph fa-graduation-cap">
<textarea tabindex="16" id="education" name="education" rows="2"
placeholder="Name of School(s) Attended">
SAIT Polytechnic — Computer Technology
Mount Royal University — Electronic Publishing</textarea>
</label>
</div>
<div class="spread guide" data-guide=".spread">
<label for="edu_descr" class="input glyph fa-ellipsis-h">
<textarea tabindex="17" id="edu_descr" name="edu_descr" rows="3"
placeholder="Describe your Education in more detail here if you choose. You may want to include Accreditation, Degrees and Diploma information."></textarea>
</label>
</div>
</form>
</section>
<!-- HEADING STYLES -->
<section class="panel guide" data-guide=".panel" id="typography" aria-hidden="true">
<header class="heading">
<h3 class="guide" data-guide=".heading">Typography<i class="fas fa-pen-fancy fa-fw"></i></h3>
</header>
<article class="body guide" data-guide=".body.gridPair">
<h1 class="guide" data-guide="h1">Heading Level 1</h1>
<h2 class="guide" data-guide="h2">Heading Level 2</h2>
<h3 class="guide" data-guide="h3">Heading Level 3</h3>
<h4 class="guide" data-guide="h4">Heading Level 4</h4>
<h5 class="guide" data-guide="h5">Heading Level 5</h5>
<h6 class="guide" data-guide="h6">Heading Level 6</h6>
</article>
</section>
</section>
<!-- OTHER CONTENT -->
<aside class="gridItemOther guide" data-guide=".gridItemOther" aria-hidden="true">
<section class="panel side guide" data-guide=".panel.side" id="achievements">
<header class="heading">
<h4 class="guide" data-guide=".heading">Trust & Achievements<i class="fas fa-trophy fa-fw"></i></h4>
</header>
<article class="body gridPair guide" data-guide=".body.gridPair">
<label class="shield identified large guide" data-guide=".shield.identified">
<i></i><span></span>
</label>
<label class="shield credential large guide" data-guide=".shield.credential">
<i></i><span></span>
</label>
<div class="spread guide" data-guide=".spread">
<label class="rating">
<div>
<label></label>
<label data-rating></label>
<label></label>
<label></label>
<label></label>
</div>
</label>
<label class="rating" data-cnt="50">
<div>
<label data-rating></label>
<label></label>
<label></label>
<label></label>
<label></label>
</div>
</label>
<label class="rating" data-cnt="100">
<div>
<label></label>
<label data-rating></label>
<label></label>
<label></label>
<label></label>
</div>
</label>
<label class="rating" data-cnt="500">
<div>
<label></label>
<label></label>
<label data-rating></label>
<label></label>
<label></label>
</div>
</label>
<label class="rating" data-cnt="500">
<div>
<label data-rating-half></label>
<label></label>
<label></label>
<label></label>
<label data-strike></label>
</div>
</label>
</div>
</article>
</section>
<section class="panel side guide" data-guide=".panel.side" id="community">
<header class="heading">
<h4 class="guide" data-guide=".heading">My Community<i class="fas fa-users fa-fw"></i></h4>
</header>
<article class="body gridPair guide" data-guide=".body.gridPair">
<a href="theBigBen" class="stub small guide" data-guide=".stub.small">
<div class="bubble small lite gpu guide" data-guide=".bubble.small.lite" style="background-image:url('images/profile.jpg');"></div>
<dt>Ben Ashton</dt>
</a>
<a href="mdjoudi" class="stub small guide" data-guide=".stub.small">
<div class="bubble small lite gpu" style="background-image:url('images/profile.jpg');"></div>
<dt>Marc Djoudi</dt>
</a>
<a href="dsun" class="stub small guide" data-guide=".stub.small">
<div class="bubble small lite gpu" style="background-image:url('images/profile.jpg');"></div>
<dt>Darren Sun</dt>
</a>
</article>
</section>
<section class="panel side guide" data-guide=".panel.side" id="activity">
<header class="heading">
<h4 class="guide" data-guide=".heading">Recent Activity<i class="fas fa-compress fa-fw"></i></h4>
</header>
<article class="body spaced guide" data-guide=".body.spaced">
<dl class="guide" data-guide=".dl">
<dt class="guide" data-guide=".dl > .dt">Marc Djoudi</dt>
<dd class="ellipsis guide" data-guide=".dl > .dd">Quae si potest singula consolando levare, universa quo modo sustinebit?</dd>
</dl>
<dl class="guide" data-guide=".dl">
<dt class="guide" data-guide=".dl > .dt">Ben Ashton</dt>
<dd class="ellipsis guide" data-guide=".dl > .dd">Praesertim cum in re publica princeps esse velles ad eamque tuendam cum summa tua dignitate maxime a nobis ornari atque instrui posses.</dd>
</dl>
</article>
</section>
<section class="panel side guide" data-guide=".panel.side" id="progress">
<article class="body spaced guide" data-guide=".body.spaced">
<dl class="guide" data-guide=".dl">
<dt class="guide" data-guide=".dl > .dt">Marc Djoudi</dt>
<dd class="ellipsis guide" data-guide=".dl > .dd">Quae si potest singula consolando levare, universa quo modo sustinebit?</dd>
</dl>
<dl class="guide" data-guide=".dl">
<dt class="guide" data-guide=".dl > .dt">Ben Ashton</dt>
<dd class="ellipsis guide" data-guide=".dl > .dd">Praesertim cum in re publica princeps esse velles ad eamque tuendam cum summa tua dignitate maxime a nobis ornari atque instrui posses.</dd>
</dl>
</article>
</section>
</aside>
</section>
<!-- HEADER -->
<header class="gridItemHeader gridHeader" id="header">
<!-- BANNER -->
<section class="noSelect gridItemBranding" id="banner" role="banner">
<a href="guide.cover.html">
<div id="logo" class="gpu" style="background-image: url('images/Logo.png');" role="logo"></div>
</a>
</section>
<!-- NAVIGATION -->
<nav class="gridItemNav gridTabs compact" tabindex="0" role="menubar">
<div class="gridDrop">
<label role="menuitem">
<a class="fas fa-search fa-fw" href="#app"></a>
</label>
</div>
<div class="gridDrop">
<input type="radio" class="reveal" name="navDrops" id="navMessages" aria-hidden="true" tabindex="1" />
<label class="reveal" role="menuitem" aria-expanded="false" for="navMessages">
<i class="fas fa-envelope fa-fw"></i>
</label>
<div class="drop reveal" role="menu">
<div class="menu">
<input type="radio" class="ctrl" name="navMsg" id="navMsg-1" aria-hidden="true" tabindex="2" />
<a role="menuitem" href="#">
<div class="message prev">
<header>
<strong>John Smith</strong>
<span class="pull-right muted">
<em>Yesterday</em>
</span>
</header>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
</div>
</a>
<input type="radio" class="ctrl" name="navMsg" id="navMsg-2" aria-hidden="true" tabindex="2" />
<a role="menuitem" href="#">
<div class="message prev">
<header>
<strong>John Smith</strong>
<span class="pull-right muted">
<em>Yesterday</em>
</span>
</header>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
</div>
</a>
<input type="radio" class="ctrl" name="navMsg" id="navMsg-3" aria-hidden="true" tabindex="2" />
<a role="menuitem" href="#">
<div class="message prev">
<header>
<strong>John Smith</strong>
<span class="pull-right muted">
<em>Yesterday</em>
</span>
</header>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
</div>
</a>
<input type="radio" class="ctrl" name="navMsg" id="navMsg-all" aria-hidden="true" tabindex="2" />
<a role="menuitem" class="seeAll" href="#">
<div class="msg all">
<strong>Read All Messages</strong>
<i class="fas fa-angle-right"></i>
</div>
</a>
<input type="radio" class="ctrl" name="navMsg" id="navMsg-0" aria-hidden="true" tabindex="2" />
</div>
</div>
</div>
<div class="gridDrop">
<input type="radio" class="reveal" name="navDrops" id="navNotify" aria-hidden="true" tabindex="1" />
<label class="reveal" role="menuitem" aria-expanded="false" for="navNotify">
<i class="fas fa-bell fa-fw"></i>
</label>
<div class="drop reveal" role="menu">
<div class="menu">
<input type="radio" class="ctrl" name="navNotif" id="navNotif-1" aria-hidden="true" tabindex="3" />
<a role="menuitem" href="#">
<div class="notification">
<i class="fas fa-comment fa-fw"></i> New Comment<span class="pull-right muted small">4 minutes ago</span>
</div>
</a>
<input type="radio" class="ctrl" name="navNotif" id="navNotif-2" aria-hidden="true" tabindex="3" />
<a role="menuitem" href="#">
<div class="notification">
<i class="fas fa-user-friends fa-fw"></i> 3 New Connections<span class="pull-right muted small">12 minutes ago</span>
</div>
</a>
<input type="radio" class="ctrl" name="navNotif" id="navNotif-3" aria-hidden="true" tabindex="3" />
<a role="menuitem" href="#">
<div class="notification">
<i class="fas fa-handshake fa-fw"></i> 1 Provider Response<span class="pull-right muted small">4 minutes ago</span>
</div>
</a>
<input type="radio" class="ctrl" name="navNotif" id="navNotif-all" aria-hidden="true" tabindex="3" />
<a role="menuitem" class="text-center" href="#">
<div class="notif all">
<strong>See All Alerts</strong>
<i class="fas fa-angle-right"></i>
</div>
</a>
<input type="radio" class="ctrl" name="navNotif" id="navNotif-0" aria-hidden="true" tabindex="3" />
</div>
</div>
</div>
<div class="gridDrop">
<input type="radio" class="reveal" name="navDrops" id="navUser" aria-hidden="true" tabindex="1" />
<label class="reveal" role="menuitem" aria-expanded="false" for="navUser">
<i class="fas fa-user-circle fa-fw"></i><span class="hidden-xs hidden-sm">Arian Johnson</span>
</label>
<div class="drop reveal" role="menu">
<div class="menu">
<input type="radio" class="ctrl" name="navDropUser" id="navDropProfile" aria-hidden="true" tabindex="4" />
<a role="menuitem" href="guide.cover.html" class="active divide"><label for="navDropProfile"><i class="fas fa-user fa-fw"></i> Profile</label></a>
<input type="radio" class="ctrl" name="navDropUser" id="navDropSetting" aria-hidden="true" tabindex="4" />
<a role="menuitem" href="guide.stock.html"><label for="navDropSetting"><i class="fas fa-cog fa-fw"></i> Settings</label></a>
<input type="radio" class="ctrl" name="navDropUser" id="navDropLogout" aria-hidden="true" tabindex="4" />
<a role="menuitem" href="/logout"><label for="navDropLogout"><i class="fas fa-sign-out-alt fa-fw"></i> Logout</label></a>
<input type="radio" class="ctrl" name="navDropUser" id="navDropEmpty" aria-hidden="true" tabindex="4" />
</div>
</div>
</div>
<input type="radio" class="ctrl" name="navDrops" id="navNone" tabindex="1" checked/>
</nav>
</header>
<!-- THREADS -->
<section class="noSelect gridItemChat gridThreads" id="footer">
<div class="gridItemThreads" id="chatter">
<div class="bubble more dark small gpu">
<i aria-hidden="true" class="fas fa-ellipsis-h"></i>
</div>
<div class="bubble user lite small gpu" style="grid-column:2">
<i aria-hidden="true" class="fas fa-user" data-initial="RM"></i>
</div>
<div class="bubble user lite small gpu" style="grid-column:3">
<i aria-hidden="true" class="fas fa-user" data-initial="PP"></i>
</div>
<div class="bubble user lite small gpu" style="grid-column:4">
<i aria-hidden="true" class="fas fa-user" data-initial="RL"></i>
</div>
<div class="bubble user lite small gpu" style="grid-column:5">
<i aria-hidden="true" class="fas fa-user" data-initial="FB"></i>
</div>
<div class="bubble add dark small gpu">
<i aria-hidden="true" class="fas fa-plus"></i>
</div>
</div>
</section>
</main>
</main>
<script>
(function(global){global.NMESPC="/api-explorer";global.TITLE="API Explorer";})(window);
</script>
</body>
</html>