9
9
< meta name ="description " content ="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable. " />
10
10
< meta name ="keywords " content ="helper classes, utility classes, css framework, css library, inline style classes " />
11
11
< meta name ="robots " content ="index,follow " />
12
+ < meta property ="og:image " content ="https://cdn.cocreate.app/docs/boilerplate.png ">
12
13
13
14
<!-- CoCreate CSS -->
14
15
< link rel ="stylesheet " href ="https://cdn.cocreate.app/latest/CoCreate.min.css " type ="text/css "/>
21
22
< div class ="display:flex align-items:center ">
22
23
< h2 > CoCreate-utils</ h2 >
23
24
</ div >
24
- < div class ="display:flex align-items:center font-size:20px " data-share_height ="600 " data-share_width ="500 " data-share_media ="https://via.placeholder.com/300/09f/fff .png ">
25
+ < div class ="display:flex align-items:center font-size:20px " data-share_network =" true " data-share_text =" Enter decription here " data-share_title =" testing im a title " data- share_height ="600 " data-share_width ="700 " data-share_media ="https://cdn.cocreate.app/docs/boilerplate .png ">
25
26
< a href ="https://github.com/CoCreate-app/CoCreate-utils " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
26
27
< a class ="margin-right:15px " data-share_network ='twitter ' title ="Share on twitter "> < i class ="fab fa-twitter "> </ i > </ a >
27
28
< a class ="margin-right:15px " data-share_network ='facebook ' title ="Share on Facebook "> < i class ="fab fa-facebook "> </ i > </ a >
@@ -33,7 +34,7 @@ <h2>CoCreate-utils</h2>
33
34
< div id ="utils-section " class ="display:flex flex-wrap:wrap ">
34
35
< div class ="flex-grow:1 width:300px padding:20px_10px ">
35
36
< div id ="utils-install " class ="border-bottom:1px_solid_lightgrey ">
36
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-install"] '>
37
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-install"] '>
37
38
< h2 class ="padding:5px_0px "> Install</ h2 >
38
39
< a class ="margin-left:10px display:none " href ="#utils-install "> < i class ="fas fa-link "> </ i > </ a >
39
40
</ span >
@@ -43,7 +44,7 @@ <h2 class="padding:5px_0px">Install</h2>
43
44
< pre > < code class ="language-html "> <script>https://cdn.cocreate.app/utils/latest/CoCreate-utils.min.js</script></ code > </ pre >
44
45
45
46
< div id ="utils-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey ">
46
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-usage"] '>
47
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-usage"] '>
47
48
< h2 class ="padding:5px_0px "> Usage</ h2 >
48
49
< a class ="margin-left:10px display:none " href ="#utils-usage "> < i class ="fas fa-link "> </ i > </ a >
49
50
</ span >
@@ -52,7 +53,7 @@ <h2 class="padding:5px_0px">Usage</h2>
52
53
< pre > < code class ="language-html "> <div></div></ code > </ pre >
53
54
54
55
< div id ="utils-reference " class ="margin-top:80px border-bottom:1px_solid_lightgrey ">
55
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-reference"] '>
56
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-reference"] '>
56
57
< h2 class ="padding:5px_0px "> Reference</ h2 >
57
58
< a class ="margin-left:10px display:none " href ="#utils-reference "> < i class ="fas fa-link "> </ i > </ a >
58
59
</ span >
@@ -62,7 +63,7 @@ <h2 class="padding:5px_0px">Reference</h2>
62
63
< p class ="padding:10px_0px "> This is utils reference content</ p >
63
64
64
65
< div id ="utils-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey ">
65
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-attributes"] '>
66
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-attributes"] '>
66
67
< h2 class ="padding:5px_0px "> Attributes</ h2 >
67
68
< a class ="margin-left:10px display:none " href ="#utils-attributes "> < i class ="fas fa-link "> </ i > </ a >
68
69
</ span >
@@ -82,7 +83,7 @@ <h4><span>data-utils</span> <span class="cocreate-badge success">string</span> <
82
83
< div class ="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey ">
83
84
<!-- SandBox -->
84
85
< div id ="utils-demo " class ="border-bottom:1px_solid_lightgrey ">
85
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-demo"] '>
86
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-demo"] '>
86
87
< h2 class ="padding:5px_0px "> Demo</ h2 >
87
88
< a class ="margin-left:10px display:none " href ="#utils-demo "> < i class ="fas fa-link "> </ i > </ a >
88
89
</ span >
@@ -106,7 +107,7 @@ <h2 class="padding:5px_0px">Demo</h2>
106
107
class ="margin-right:10px ">
107
108
< i class ="fas fa-external-link-alt "> </ i >
108
109
</ a >
109
- < a class ="fs-toggle margin-right:5px " data-fullscreen target ="#sandbox "> < i class ="fas fa-expand "> </ i > </ a >
110
+ < a class ="margin-right:5px " data-fullscreen data-fullscreen target ="#sandbox "> < i class ="fas fa-expand "> </ i > </ a >
110
111
</ div >
111
112
112
113
< div class ="svRow ">
@@ -140,8 +141,7 @@ <h2 class="padding:5px_0px">Demo</h2>
140
141
< script >
141
142
var config = {
142
143
apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
143
- securityKey : 'f26baf68-e3a9-45fc-effe-502e47116265' ,
144
- organization_Id : '5de0387b12e200ea63204d6c'
144
+ organization_Id : '5de0387b12e200ea63204d6c'
145
145
}
146
146
</ script >
147
147
0 commit comments