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/kanban.png ">
12
13
13
14
<!-- CoCreate CSS -->
14
15
< link rel ="stylesheet " href ="https://cdn.cocreate.app/latest/CoCreate.min.css " type ="text/css "/>
20
21
< div class ="display:flex align-items:center ">
21
22
< h2 > CoCreate-kanban</ h2 >
22
23
</ div >
23
- < 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 ">
24
+ < 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/kanban .png ">
24
25
< a href ="https://github.com/CoCreate-app/CoCreate-kanban " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
25
26
< a class ="margin-right:15px " data-share_network ='twitter ' title ="Share on twitter "> < i class ="fab fa-twitter "> </ i > </ a >
26
27
< 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-kanban</h2>
33
34
< div class ="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px ">
34
35
35
36
< div id ="kanban-install " class ="border-bottom:1px_solid_lightgrey ">
36
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#kanban-install"] '>
37
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#kanban-install"] '>
37
38
< h2 class ="padding:5px_0px "> Install</ h2 >
38
39
< a class ="margin-left:10px display:none " href ="#kanban-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/kanban/latest/CoCreate-kanban.min.js</script></ code > </ pre >
44
45
45
46
< div id ="kanban-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="#kanban-usage"] '>
47
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#kanban-usage"] '>
47
48
< h2 class ="padding:5px_0px "> Usage</ h2 >
48
49
< a class ="margin-left:10px display:none " href ="#kanban-usage "> < i class ="fas fa-link "> </ i > </ a >
49
50
</ span >
@@ -52,15 +53,13 @@ <h2 class="padding:5px_0px">Usage</h2>
52
53
< p class ="padding:10px_0px "> This is kanban reference</ p >
53
54
54
55
< div class ="flex-grow:1 min-width:300px width:100% ">
55
- < pre >
56
- < code class ="language-html "> <div></div></ code >
57
- </ pre >
56
+ < pre > < code class ="language-html "> <div></div></ code > </ pre >
58
57
</ div >
59
58
< p class ="padding:10px_0px "> This is kanban reference</ p >
60
59
< p class ="padding:10px_0px "> This is kanban reference</ p >
61
60
</ div >
62
61
< div id ="kanban-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey ">
63
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#kanban-attributes"] '>
62
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#kanban-attributes"] '>
64
63
< h2 class ="padding:5px_0px "> Attributes</ h2 >
65
64
< a class ="margin-left:10px display:none " href ="#kanban-attributes "> < i class ="fas fa-link "> </ i > </ a >
66
65
</ span >
@@ -80,7 +79,7 @@ <h4><span>data-kanban</span> <span class="cocreate-badge success">string</span>
80
79
< div class ="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey ">
81
80
<!-- SandBox -->
82
81
< div id ="kanban-demo " class ="border-bottom:1px_solid_lightgrey ">
83
- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#kanban-demo"] '>
82
+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#kanban-demo"] '>
84
83
< h2 class ="padding:5px_0px "> Demo</ h2 >
85
84
< a class ="margin-left:10px display:none " href ="#kanban-demo "> < i class ="fas fa-link "> </ i > </ a >
86
85
</ span >
@@ -104,7 +103,7 @@ <h2 class="padding:5px_0px">Demo</h2>
104
103
class ="margin-right:10px ">
105
104
< i class ="fas fa-external-link-alt "> </ i >
106
105
</ a >
107
- < a class ="fs-toggle margin-right:5px " target ="#playground-1 "> < i class ="fas fa-expand "> </ i > </ a >
106
+ < a class ="margin-right:5px " data-fullscreen target ="#playground-1 "> < i class ="fas fa-expand "> </ i > </ a >
108
107
</ div >
109
108
110
109
< div class ="svRow ">
@@ -138,8 +137,7 @@ <h2 class="padding:5px_0px">Demo</h2>
138
137
< script >
139
138
var config = {
140
139
apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
141
- securityKey : 'f26baf68-e3a9-45fc-effe-502e47116265' ,
142
- organization_Id : '5de0387b12e200ea63204d6c'
140
+ organization_Id : '5de0387b12e200ea63204d6c'
143
141
}
144
142
</ script >
145
143
0 commit comments