Skip to content

Commit 4ed44ea

Browse files
frankpaganfrankpagan
committed
fix: replace fontawesome with svg
1 parent 88af6bd commit 4ed44ea

File tree

9 files changed

+67
-67
lines changed

9 files changed

+67
-67
lines changed

‎demo/CoCreate-card.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -29,20 +29,20 @@
2929
<!--</a>-->
3030
<ul class="overflow:auto display:inline-flex direction:rtl width:100% font-size:20px align-items-center list-style-type-none">
3131
<li class="margin-right:15px">
32-
<a actions="closeModal"><i class="fas fa-times"></i></a>
32+
<a actions="closeModal"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
3333
</li>
3434
<li class="margin-right:15px">
3535
<a actions="minMaxModal"><i toggle="fa-window-restore, fa-window-maximize" class="far fa-window-maximize"></i></a>
3636
</li>
3737
<li class="margin-right:15px">
38-
<a actions="parkModal"><i class="far fa-window-minimize"></i></a>
38+
<a actions="parkModal"><i class="height:18px fill:#505050" src="/assets/svg/window-minimize.svg"></i></a>
3939
</li>
4040
<li class="margin-right:15px">
4141
<a fullscreen></a>
4242
</li>
4343
<li class="margin-right:15px">
4444
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id="" pass_to="builder" modal-width="100%" pass_id="render">
45-
<i class="fas fa-palette"></i>
45+
<i class="display:flex height:18px fill:#505050" src="/assets/svg/palette.svg"></i>
4646
<div pass-collection="modules"
4747
pass-document_id=""
4848
pass_to="render"
@@ -52,7 +52,7 @@
5252
</li>
5353

5454
<li class="margin-right:15px">
55-
<a actions="deleteDocument, closeModal" collection="modules" document_id="" pass_id="form-fields"><i class="far fa-trash-alt"></i></a>
55+
<a actions="deleteDocument, closeModal" collection="modules" document_id="" pass_id="form-fields"><i class="height:18px fill:#505050" src="/assets/svg/trash-alt.svg"></i></a>
5656
</li>
5757
</ul>
5858
</div>
@@ -61,7 +61,7 @@
6161
<div class="card max-width:300px margin:0px_10px margin:10px_0px box-shadow-hover" id="template1">
6262
<div class="position:relative">
6363
<img collection="module_activity" document_id="" name="image" pass_id="me1234" src="https://via.placeholder.com/150" width="100%"></img>
64-
<button class="imageUpload font-size:20px position:absolute bg-blue round float:right bottom:-15px right-20px grow-hover"><i class="fas fa-plus"></i></button>
64+
<button class="imageUpload font-size:20px position:absolute bg-blue round float:right bottom:-15px right-20px grow-hover"><i class="height:16px fill:#505050" src="/assets/svg/plus.svg"></i></button>
6565
<div class="position:absolute bottom-5px width:100% padding:0px_10px font-size-25px color-white bg-black opacity-04">
6666
<span collection="module_activity" document_id="" name="name" pass_id="me1234">Template Name</span>
6767
</div>
@@ -72,7 +72,7 @@
7272

7373
</div>
7474

75-
<button class="submitBtn position:fixed bottom:15px right:15px bg-blue grow-hover round"><i class="far fa-save"></i></button>
75+
<button class="submitBtn position:fixed bottom:15px right:15px bg-blue grow-hover round"><i class="height:20px fill:#505050" src="/assets/svg/save.svg"></i></button>
7676

7777
</div>
7878

‎demo/CoCreate-navbar.1.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
<li class="margin-right:15px">
3939
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id=""
4040
pass_to="builder" modal-width="100%" class="sessionAdminUI_Id">
41-
<i class="fas fa-palette"></i>
41+
<i class="display:flex height:18px fill:#505050" src="/assets/svg/palette.svg"></i>
4242
<div pass-collection="modules" pass-document_id="" pass_to="render" class="sessionBuilderUI_Id">
4343
</div>
4444
</a>
@@ -47,15 +47,15 @@
4747
<span class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px">4</span>
4848
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id=""
4949
pass_to="render" modal-width="100%" modal-height="100%" modal-color="#229954">
50-
<i class="fas fa-history"></i>
50+
<i class="height:18px fill:#505050" src="/assets/svg/history.svg"></i>
5151
</a>
5252
</li>
5353
<li class="display:flex">
5454
<span class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px">4</span>
5555
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules"
5656
pass-document_id="5dc846ebcddd6b0de2c40b80" pass_to="render" modal-width="100%" modal-height="100%"
5757
modal-color="#229954">
58-
<i class="fa fa-calendar" aria-hidden="true"></i>
58+
<i class="height:18px fill:#505050" src="/assets/svg/calendar.svg"></i>
5959
</a>
6060
</li>
6161
</ul>

‎demo/CoCreate-navbar.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
<li class="margin-right:15px">
4141
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id=""
4242
pass_to="builder" modal-width="100%" class="sessionAdminUI_Id">
43-
<i class="fas fa-palette"></i>
43+
<i class="display:flex height:18px fill:#505050" src="/assets/svg/palette.svg"></i>
4444
<div pass-collection="modules" pass-document_id="" pass_to="render" class="sessionBuilderUI_Id">
4545
</div>
4646
</a>
@@ -49,15 +49,15 @@
4949
<span class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px">4</span>
5050
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id=""
5151
pass_to="render" modal-width="100%" modal-height="100%" modal-color="#229954">
52-
<i class="fas fa-history"></i>
52+
<i class="height:18px fill:#505050" src="/assets/svg/history.svg"></i>
5353
</a>
5454
</li>
5555
<li class="display:flex">
5656
<span class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px">4</span>
5757
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules"
5858
pass-document_id="5dc846ebcddd6b0de2c40b80" pass_to="render" modal-width="100%" modal-height="100%"
5959
modal-color="#229954">
60-
<i class="fa fa-calendar" aria-hidden="true"></i>
60+
<i class="height:18px fill:#505050" src="/assets/svg/calendar.svg"></i>
6161
</a>
6262
</li>
6363
</ul>

‎demo/CoCreate-smooth-scroll.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
<li class="margin-right:15px">
4242
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id=""
4343
pass_to="builder" modal-width="100%" class="sessionAdminUI_Id">
44-
<i class="fas fa-palette"></i>
44+
<i class="display:flex height:18px fill:#505050" src="/assets/svg/palette.svg"></i>
4545
<div pass-collection="modules" pass-document_id="" pass_to="render" class="sessionBuilderUI_Id">
4646
</div>
4747
</a>
@@ -50,15 +50,15 @@
5050
<span class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px">4</span>
5151
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules" pass-document_id=""
5252
pass_to="render" modal-width="100%" modal-height="100%" modal-color="#229954">
53-
<i class="fas fa-history"></i>
53+
<i class="height:18px fill:#505050" src="/assets/svg/history.svg"></i>
5454
</a>
5555
</li>
5656
<li class="display:flex">
5757
<span class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px">4</span>
5858
<a actions="pass, openModal" modal-src="render.html" pass-collection="modules"
5959
pass-document_id="5dc846ebcddd6b0de2c40b80" pass_to="render" modal-width="100%" modal-height="100%"
6060
modal-color="#229954">
61-
<i class="fa fa-calendar" aria-hidden="true"></i>
61+
<i class="height:18px fill:#505050" src="/assets/svg/calendar.svg"></i>
6262
</a>
6363
</li>
6464
</ul>

‎demo/avatar.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,13 @@ <h2>CoCreate-avatar</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/boilerplate.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-avatar" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
44+
<a href="https://github.com/CoCreate-app/CoCreate-avatar" target="_blank" class="margin-right:15px"><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
4545
</div>
4646
</div>
4747
<p class="max-width:500px margin:20px_10px line-height:1.5">A headless vinilla javascript micro component. Easy configuration using HTML5 attributes or Javscript api.</p>
@@ -51,7 +51,7 @@ <h2>CoCreate-avatar</h2>
5151
<div id="boilerplate-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-usage-section">
5252
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-usage"]'>
5353
<h2 class="padding:5px_0px">Usage</h2>
54-
<a class="margin-left:10px display:none" href="#boilerplate-usage"><i class="fas fa-link"></i></a>
54+
<a class="margin-left:10px display:none" href="#boilerplate-usage"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
5555
</span>
5656
</div>
5757

@@ -80,7 +80,7 @@ <h2 class="padding:5px_0px">Usage</h2>
8080
<div id="boilerplate-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-attributes-section">
8181
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-attributes"]'>
8282
<h2 class="padding:5px_0px">Attributes</h2>
83-
<a class="margin-left:10px display:none" href="#boilerplate-attributes"><i class="fas fa-link"></i></a>
83+
<a class="margin-left:10px display:none" href="#boilerplate-attributes"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
8484
</span>
8585
</div>
8686
<ul class="list-style-type:none ">
@@ -116,7 +116,7 @@ <h4><span>avatar-label</span></h4>
116116
<div id="boilerplate-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-demo-section">
117117
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-demo"]'>
118118
<h2 class="padding:5px_0px">Demo</h2>
119-
<a class="margin-left:10px display:none" href="#boilerplate-demo"><i class="fas fa-link"></i></a>
119+
<a class="margin-left:10px display:none" href="#boilerplate-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
120120
</span>
121121
</div>
122122
<div class="position:sticky top:0 padding:15px_0px height:100vh">
@@ -133,10 +133,10 @@ <h2 class="padding:5px_0px">Demo</h2>
133133
</div>
134134

135135
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
136-
<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>
137-
<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>
138-
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
139-
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
136+
<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>
137+
<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>
138+
<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>
139+
<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>
140140
<a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
141141
</div>
142142

@@ -147,7 +147,7 @@ <h2 class="padding:5px_0px">Demo</h2>
147147

148148
</div>
149149
<button href="https://github.com/CoCreate-app/CoCreate-boilerplate/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)">
150-
<i class="fas fa-pencil-alt"></i>
150+
<i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
151151
</button>
152152
</main>
153153

0 commit comments

Comments
 (0)