@cocreate/cocreatejs
Version:
A collaborative low code headless CMS and Javascript framework for building collaborative no code platforms, apps and UI's. Build powerful applications using HTML5 attributes or Javascript api.
139 lines (131 loc) • 4.27 kB
HTML
<!--Menu Icon Animations -->
<a
class="menu_icon"
click="active"
toggle="width:300px, width:0px"
toggle-query="#menuL"
toggle-attribute="style">
<span></span>
<span></span>
<span></span>
</a>
<div class="display:flex justify-content:space-between width:100%">
<!--Icon Logo -->
<span class="padding:5px_12px display:none@md@lg@xl">
<a href="/">
<img src="/assets/icon.png" height="40px" alt="..." />
</a>
</span>
<!--Navigation -->
<div
class="display:flex align-items:center display:none@xs@sm overflow:auto height:50px width:100% font-size:20px">
<!-- <a class="margin-right:25px color:dodgerblue:hover" toggle="display:block,display:none" toggle-query="#products">Products</a>
<ul id="products" class="card position:absolute padding:10px list-style:none top:50px background:white display:none">
<li class="padding:5px">
<a href="/business-builder" class="color:dodgerblue:hover">
<p class="font-weight:600">CoCreate</p>
<p class="font-size:14px">Business Building Platform</p>
</a>
</li>
<li class="padding:5px">
<a href="/" class="color:dodgerblue:hover">
<p class="font-weight:600">CoCreateJS</p>
<p class="font-size:14px">Collaborative Low Code Framework</p>
</a>
</li>
<li class="padding:5px">
<a href="/css" class="color:dodgerblue:hover">
<p class="font-weight:600">CoCreateCSS</p>
<p class="font-size:14px">Atomic CSS Framework</p>
</a>
</li>
</ul> -->
<div class="margin-right:25px">
<a href="/docs/" class="color:dodgerblue:hover">Docs</a>
</div>
<!-- <div class="margin-right:25px">
<a href="/blog/" class="color:dodgerblue:hover">Blog</a>
</div>
<div class="margin-right:25px">
<a href="/discuss/" class="color:dodgerblue:hover">Discuss</a>
</div>
<div class="margin-right:25px">
<a href="/university/" class="color:dodgerblue:hover">University</a>
</div> -->
</div>
<div class="display:flex">
<!--Horizontal Scroll Nav/Tabs -->
<div
class="display:flex direction:rtl overflow:auto align-items:center width:100%!important@xs@sm height:50px padding-right:10px font-size:20px">
<!--Social Share -->
<div
class="display:flex align-items:center transition:0.3s padding-left:10px"
share-network="true"
share-text="Enter decription here"
share-title="testing im a title"
share-height="600"
share-width="700"
share-media="https://cdn.cocreate.app/docs/boilerplate.png">
<a
href="https://github.com/CoCreate-app/CoCreateJS"
target="_blank"
class="margin-right:15px"
><i src="/assets/svg/github.svg"></i
></a>
<a
href="https://twitter.com/CoCreate_App"
target="_blank"
class="margin-right:15px"
><i src="/assets/svg/twitter.svg"></i
></a>
<a
href="https://www.facebook.com/CoCreate.apps"
target="_blank"
class="margin-right:15px"
><i src="/assets/svg/facebook.svg"></i
></a>
<a
href="https://www.instagram.com/cocreateai/"
target="_blank"
class="margin-right:15px"
><i src="/assets/svg/instagram.svg"></i
></a>
</div>
<!--fullscreen toogle and icon transform-->
<a class="margin-right:15px" fullscreen>
<i src="../assets/svg/expand.svg"></i>
<i src="../assets/svg/compress.svg"></i>
</a>
</div>
<!-- Avatar -->
<div
localstorage-get="user_id"
localstorage-key="userId"
localstorage-query=".avatar-wrapper"></div>
<div class="avatar-wrapper margin-right:10px">
<a class="avatar round" href="/admin/signin.html">
<span
array="users"
object="$user_id"
key="name"
class="avatar-name">
<i src="/assets/svg/sign-in-alt.svg"></i>
</span>
<span class="avatar-image">
<img
array="users"
object="$user_id"
key="avatar"
onerror="this.style.display='none'"
width="40px" />
</span>
</a>
<div
class="avatar-status"
array="users"
object="$user_id"
user-status="{'name':'status'}"></div>
</div>
</div>
</div>