@@ -35,13 +35,13 @@ <h2>CoCreate-render</h2>
3535 < 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/render.png "
3636 hover ="display:block!important " hover-target =".social-networks ">
3737 < div class ="display:none social-networks ">
38- < a class ="margin-right:15px " share-network ='twitter ' title ="Share on twitter "> < i class ="fab fa- twitter> </ i > </ a >
39- < a class ="margin-right:15px " share-network ='facebook ' title ="Share on Facebook "> < i class ="fab fa- facebook> </ i > </ a >
40- < a class ="margin-right:15px " share-network ='instagram ' title ="Share on instagram "> < i class ="fab fa- instagram> </ i > </ a >
38+ < a class ="margin-right:15px " share-network ='twitter ' title ="Share on twitter "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ twitter.svg > </ i > </ a >
39+ < a class ="margin-right:15px " share-network ='facebook ' title ="Share on Facebook "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ facebook.svg > </ i > </ a >
40+ < a class ="margin-right:15px " share-network ='instagram ' title ="Share on instagram "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ instagram.svg > </ i > </ a >
4141 </ div >
42- < a class ="margin-right:15px " share-network ='share ' title ="Share on share "> < i class ="fas fa- share-alt> </ i > </ a >
42+ < a class ="margin-right:15px " share-network ='share ' title ="Share on share "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ share-alt.svg > </ i > </ a >
4343 </ div >
44- < a href ="https://github.com/CoCreate-app/CoCreate-dnd " target ="_blank " class =""> < i class ="fab fa- github> </ i > </ a >
44+ < a href ="https://github.com/CoCreate-app/CoCreate-dnd " target ="_blank " class =""> < i class ="height:20px fill:#505050 " src =" /assets/svg/ github.svg > </ i > </ a >
4545 </ div >
4646 </ div >
4747 < h1 class ="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100 "> CoCreate-render javascript component. Easy configuration using HTML5 attributes or Javscript api and highly styleable.</ p >
@@ -50,7 +50,7 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
5050 < div id ="render-install " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#render-install-section ">
5151 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#render-install"] '>
5252 < h2 class ="padding:5px_0px "> Install</ h2 >
53- < a class ="margin-left:10px display:none " href ="#render-install "> < i class ="fas fa- link> </ i > </ a >
53+ < a class ="margin-left:10px display:none " href ="#render-install "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
5454 </ span >
5555 </ div >
5656 < pre > < code class ="language-bash "> npm i @cocreate/render</ code > </ pre >
@@ -61,7 +61,7 @@ <h2 class="padding:5px_0px">Install</h2>
6161 < div id ="render-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#render-usage-section ">
6262 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#render-usage"] '>
6363 < h2 class ="padding:5px_0px "> Usage</ h2 >
64- < a class ="margin-left:10px display:none " href ="#render-usage "> < i class ="fas fa- link> </ i > </ a >
64+ < a class ="margin-left:10px display:none " href ="#render-usage "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
6565 </ span >
6666 </ div >
6767 < p class ="padding:10px_0px line-height:1.5 ">
@@ -151,7 +151,7 @@ <h4 class="margin-top:40px padding:5px_0px">CoCreate-render usage</h4>
151151 < div id ="render-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#render-attributes-section ">
152152 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#render-attributes"] '>
153153 < h2 class ="padding:5px_0px "> Attributes</ h2 >
154- < a class ="margin-left:10px display:none " href ="#render-attributes "> < i class ="fas fa- link> </ i > </ a >
154+ < a class ="margin-left:10px display:none " href ="#render-attributes "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
155155 </ span >
156156 </ div >
157157 < ul class ="list-style-type:none ">
@@ -228,7 +228,7 @@ <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Ev
228228 < div id ="render-demo " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#render-demo-section ">
229229 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#render-demo"] '>
230230 < h2 class ="padding:5px_0px "> Demo</ h2 >
231- < a class ="margin-left:10px display:none " href ="#render-demo "> < i class ="fas fa- link> </ i > </ a >
231+ < a class ="margin-left:10px display:none " href ="#render-demo "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
232232 </ span >
233233 </ div >
234234 < div class ="position:sticky top:0 padding:15px_0px height:100vh ">
@@ -245,10 +245,10 @@ <h2 class="padding:5px_0px">Demo</h2>
245245 </ div >
246246
247247 < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 ">
248- < a class ="margin-right:10px " id ="eye " show ="#eye-slash " hide ="#eye, #demo-preview " toggle ="code-height " toggle-target ="#demo-code "> < i class ="far fa- eye> </ i > </ a >
249- < a class ="margin-right:10px " hidden id ="eye-slash " show ="#eye, #demo-preview " hide ="#eye-slash " toggle ="code-height " toggle-target ="#demo-code "> < i class ="fas fa- eye-slash> </ i > </ a >
250- < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="fa fa- code> </ i > </ a >
251- < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="fas fa- code> </ i > </ a >
248+ < a class ="margin-right:10px " id ="eye " show ="#eye-slash " hide ="#eye, #demo-preview " toggle ="code-height " toggle-target ="#demo-code "> < i class ="height:18px fill:#505050 " src =" /assets/svg/ eye.svg > </ i > </ a >
249+ < a class ="margin-right:10px " hidden id ="eye-slash " show ="#eye, #demo-preview " hide ="#eye-slash " toggle ="code-height " toggle-target ="#demo-code "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ eye-slash.svg > </ i > </ a >
250+ < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ code.svg > </ i > </ a >
251+ < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="display:flex height:18px fill:#505050 " src =" /assets/svg/ code.svg > </ i > </ a >
252252 < a class ="margin-right:5px " fullscreen fullscreen-target ="#playground "> </ a >
253253 </ div >
254254
@@ -258,7 +258,7 @@ <h2 class="padding:5px_0px">Demo</h2>
258258 </ div >
259259 </ div >
260260 < button href ="https://github.com/CoCreate-app/CoCreate-render/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change... " target ="_blank " class ="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4) ">
261- < i class ="fas fa- pencil-alt> </ i >
261+ < i class ="height:20px fill:#505050 " src =" /assets/svg/ pencil-alt.svg > </ i >
262262 </ button >
263263 </ main >
264264
0 commit comments