home > community: use fa-github / rg-img with style for icon-inline #4 …

…#8
FabianBartl · Sep 21, 2022 · 22ad49b · 22ad49b
1 parent debe3a4
commit 22ad49b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/css/customstyles.css b/css/customstyles.css
@@ -1222,15 +1222,12 @@ abbr[title]:after { content: "\f129"; } /* info */
     content: "\f0c6"; /* paperclip */
 }
 
-/* GitHub / ResearchGate Icon inline with text */
-.gh-icon-inline,
-.rg-icon-inline {
+/* icon inline with text */
+.icon-inline {
     border-radius: 100%;
     height: 1em;
     vertical-align: sub;
 }
-.gh-icon-inline { background-image: url("../images/icons/GitHub_512px.png"); }
-.rg-icon-inline { background-image: url("../images/icons/ResearchGate_256px.png"); }
 
 /* inline list with font awesome separator */
 .ul-inline > .li-inline:not(:first-of-type):before {

diff --git a/index.md b/index.md
@@ -86,15 +86,13 @@ of material scientists, geologists and mathematicians.
                     <li>
                         {% capture ref_content %}
                             GitHub Repository
-                            <img src="{{ "images/icons/GitHub_512px.png" }}" style="border-radius: 100%; height: 1em; vertical-align: sub;">
-                            <i class="gh-icon-inline"></i>
+                            <i class="fa fa-github"></i>
                         {% endcapture %}
                         {% include reference.html link="https://github.com/mtex-toolbox/mtex" content=ref_content no_icon=true %}
                         and
                         {% capture ref_content %}
                             ResearchGate Project
-                            <img src="{{ "images/icons/ResearchGate_256px.png" }}" style="border-radius: 100%; height: 1em; vertical-align: sub;">
-                            <i class="rg-icon-inline"></i>
+                            <img src="{{ "images/icons/ResearchGate_256px.png" }}" class="icon-inline">
                         {% endcapture %}
                         {% include reference.html link="https://www.researchgate.net/project/MTEX-free-crystallographic-texture-analysis-software" content=ref_content no_icon=true %}
                     </li>