|
2 | 2 |
|
3 | 3 | <!--Menu Icon Animations -->
|
4 | 4 | <a
|
5 |
| - class="menu_icon" |
6 |
| - click="active" |
7 |
| - toggle="width:300px, width:0px" |
8 |
| - toggle-selector="#menuL" |
9 |
| - toggle-attribute="style"> |
10 |
| - <span></span> |
11 |
| - <span></span> |
12 |
| - <span></span> |
| 5 | + class="menu_icon" |
| 6 | + click="active" |
| 7 | + toggle="width:300px, width:0px" |
| 8 | + toggle-selector="#menuL" |
| 9 | + toggle-attribute="style"> |
| 10 | + <span></span> |
| 11 | + <span></span> |
| 12 | + <span></span> |
13 | 13 | </a>
|
14 | 14 |
|
15 | 15 | <div class="display:flex justify-content:space-between width:100%">
|
16 |
| - <!--Icon Logo --> |
17 |
| - <span class="padding:5px_12px display:none@md@lg@xl"> |
18 |
| - <a href="/"> |
19 |
| - <img src="/assets/icon.png" height="40px" alt="..." /> |
20 |
| - </a> |
21 |
| - </span> |
| 16 | + <!--Icon Logo --> |
| 17 | + <span class="padding:5px_12px display:none@md@lg@xl"> |
| 18 | + <a href="/"> |
| 19 | + <img src="/assets/icon.png" height="40px" alt="..." /> |
| 20 | + </a> |
| 21 | + </span> |
22 | 22 |
|
23 |
| - <!--Navigation --> |
24 |
| - <div |
25 |
| - class="display:flex align-items:center display:none@xs@sm overflow:auto height:50px width:100% font-size:20px"> |
26 |
| - <!-- <a class="margin-right:25px color:dodgerblue:hover" toggle="display:block,display:none" toggle-selector="#products">Products</a> |
| 23 | + <!--Navigation --> |
| 24 | + <div |
| 25 | + class="display:flex align-items:center display:none@xs@sm overflow:auto height:50px width:100% font-size:20px"> |
| 26 | + <!-- <a class="margin-right:25px color:dodgerblue:hover" toggle="display:block,display:none" toggle-selector="#products">Products</a> |
27 | 27 | <ul id="products" class="card position:absolute padding:10px list-style:none top:50px background:white display:none">
|
28 | 28 | <li class="padding:5px">
|
29 | 29 | <a href="/business-builder" class="color:dodgerblue:hover">
|
|
45 | 45 | </li>
|
46 | 46 | </ul> -->
|
47 | 47 |
|
48 |
| - <div class="margin-right:25px"> |
49 |
| - <a href="/docs/" class="color:dodgerblue:hover">Docs</a> |
50 |
| - </div> |
51 |
| - <!-- <div class="margin-right:25px"> |
| 48 | + <div class="margin-right:25px"> |
| 49 | + <a href="/docs/" class="color:dodgerblue:hover">Docs</a> |
| 50 | + </div> |
| 51 | + <!-- <div class="margin-right:25px"> |
52 | 52 | <a href="/blog/" class="color:dodgerblue:hover">Blog</a>
|
53 | 53 | </div>
|
54 | 54 | <div class="margin-right:25px">
|
|
57 | 57 | <div class="margin-right:25px">
|
58 | 58 | <a href="/university/" class="color:dodgerblue:hover">University</a>
|
59 | 59 | </div> -->
|
60 |
| - </div> |
| 60 | + </div> |
61 | 61 |
|
62 |
| - <div class="display:flex"> |
63 |
| - <!--Horizontal Scroll Nav/Tabs --> |
64 |
| - <div |
65 |
| - class="display:flex direction:rtl overflow:auto align-items:center width:100%!important@xs@sm height:50px padding-right:10px font-size:20px"> |
66 |
| - <!--Social Share --> |
67 |
| - <div |
68 |
| - class="display:flex align-items:center transition:0.3s padding-left:10px" |
69 |
| - share-network="true" |
70 |
| - share-text="Enter decription here" |
71 |
| - share-title="testing im a title" |
72 |
| - share-height="600" |
73 |
| - share-width="700" |
74 |
| - share-media="https://cdn.cocreate.app/docs/boilerplate.png"> |
75 |
| - <a |
76 |
| - href="https://github.com/CoCreate-app/CoCreateJS" |
77 |
| - target="_blank" |
78 |
| - class="margin-right:15px" |
79 |
| - ><i src="/assets/svg/github.svg"></i |
80 |
| - ></a> |
81 |
| - <a |
82 |
| - href="https://twitter.com/CoCreate_App" |
83 |
| - target="_blank" |
84 |
| - class="margin-right:15px" |
85 |
| - ><i src="/assets/svg/twitter.svg"></i |
86 |
| - ></a> |
87 |
| - <a |
88 |
| - href="https://www.facebook.com/CoCreate.apps" |
89 |
| - target="_blank" |
90 |
| - class="margin-right:15px" |
91 |
| - ><i src="/assets/svg/facebook.svg"></i |
92 |
| - ></a> |
93 |
| - <a |
94 |
| - href="https://www.instagram.com/cocreate_app/" |
95 |
| - target="_blank" |
96 |
| - class="margin-right:15px" |
97 |
| - ><i src="/assets/svg/instagram.svg"></i |
98 |
| - ></a> |
99 |
| - </div> |
| 62 | + <div class="display:flex"> |
| 63 | + <!--Horizontal Scroll Nav/Tabs --> |
| 64 | + <div |
| 65 | + class="display:flex direction:rtl overflow:auto align-items:center width:100%!important@xs@sm height:50px padding-right:10px font-size:20px"> |
| 66 | + <!--Social Share --> |
| 67 | + <div |
| 68 | + class="display:flex align-items:center transition:0.3s padding-left:10px" |
| 69 | + share-network="true" |
| 70 | + share-text="Enter decription here" |
| 71 | + share-title="testing im a title" |
| 72 | + share-height="600" |
| 73 | + share-width="700" |
| 74 | + share-media="https://cdn.cocreate.app/docs/boilerplate.png"> |
| 75 | + <a |
| 76 | + href="https://github.com/CoCreate-app/CoCreateJS" |
| 77 | + target="_blank" |
| 78 | + class="margin-right:15px" |
| 79 | + ><i src="/assets/svg/github.svg"></i |
| 80 | + ></a> |
| 81 | + <a |
| 82 | + href="https://twitter.com/CoCreate_App" |
| 83 | + target="_blank" |
| 84 | + class="margin-right:15px" |
| 85 | + ><i src="/assets/svg/twitter.svg"></i |
| 86 | + ></a> |
| 87 | + <a |
| 88 | + href="https://www.facebook.com/CoCreate.apps" |
| 89 | + target="_blank" |
| 90 | + class="margin-right:15px" |
| 91 | + ><i src="/assets/svg/facebook.svg"></i |
| 92 | + ></a> |
| 93 | + <a |
| 94 | + href="https://www.instagram.com/cocreateai/" |
| 95 | + target="_blank" |
| 96 | + class="margin-right:15px" |
| 97 | + ><i src="/assets/svg/instagram.svg"></i |
| 98 | + ></a> |
| 99 | + </div> |
100 | 100 |
|
101 |
| - <!--fullscreen toogle and icon transform--> |
102 |
| - <a class="margin-right:15px" fullscreen> |
103 |
| - <i src="../assets/svg/expand.svg"></i> |
104 |
| - <i src="../assets/svg/compress.svg"></i> |
105 |
| - </a> |
106 |
| - </div> |
| 101 | + <!--fullscreen toogle and icon transform--> |
| 102 | + <a class="margin-right:15px" fullscreen> |
| 103 | + <i src="../assets/svg/expand.svg"></i> |
| 104 | + <i src="../assets/svg/compress.svg"></i> |
| 105 | + </a> |
| 106 | + </div> |
107 | 107 |
|
108 |
| - <!-- Avatar --> |
109 |
| - <div |
110 |
| - localstorage-get="user_id" |
111 |
| - localstorage-key="userId" |
112 |
| - localstorage-selector=".avatar-wrapper"></div> |
113 |
| - <div class="avatar-wrapper margin-right:10px"> |
114 |
| - <a class="avatar round" href="/admin/signin.html"> |
115 |
| - <span |
116 |
| - array="users" |
117 |
| - object="$user_id" |
118 |
| - key="name" |
119 |
| - class="avatar-name"> |
120 |
| - <i src="/assets/svg/sign-in-alt.svg"></i> |
121 |
| - </span> |
122 |
| - <span class="avatar-image"> |
123 |
| - <img |
124 |
| - array="users" |
125 |
| - object="$user_id" |
126 |
| - key="avatar" |
127 |
| - onerror="this.style.display='none'" |
128 |
| - width="40px" /> |
129 |
| - </span> |
130 |
| - </a> |
131 |
| - <div |
132 |
| - class="avatar-status" |
133 |
| - array="users" |
134 |
| - object="$user_id" |
135 |
| - user-status="{'name':'status'}"></div> |
136 |
| - </div> |
137 |
| - </div> |
| 108 | + <!-- Avatar --> |
| 109 | + <div |
| 110 | + localstorage-get="user_id" |
| 111 | + localstorage-key="userId" |
| 112 | + localstorage-selector=".avatar-wrapper"></div> |
| 113 | + <div class="avatar-wrapper margin-right:10px"> |
| 114 | + <a class="avatar round" href="/admin/signin.html"> |
| 115 | + <span |
| 116 | + array="users" |
| 117 | + object="$user_id" |
| 118 | + key="name" |
| 119 | + class="avatar-name"> |
| 120 | + <i src="/assets/svg/sign-in-alt.svg"></i> |
| 121 | + </span> |
| 122 | + <span class="avatar-image"> |
| 123 | + <img |
| 124 | + array="users" |
| 125 | + object="$user_id" |
| 126 | + key="avatar" |
| 127 | + onerror="this.style.display='none'" |
| 128 | + width="40px" /> |
| 129 | + </span> |
| 130 | + </a> |
| 131 | + <div |
| 132 | + class="avatar-status" |
| 133 | + array="users" |
| 134 | + object="$user_id" |
| 135 | + user-status="{'name':'status'}"></div> |
| 136 | + </div> |
| 137 | + </div> |
138 | 138 | </div>
|
0 commit comments