Replace octicons with Bootstrap Icons. #65

Author: BenJetson

_layouts/project.html

@@ -19,7 +19,7 @@ <h2>{{page.title}}</h2>
             class="btn btn-outline-secondary mb-1 d-block"
             href="{{page.webpage}}"
           >
-            {% octicon link-external height: 16 %} Webpage
+            <i class="bi bi-box-arrow-in-up-left"></i> Webpage
           </a>
           {% comment %}
           <!-- prettier-ignore -->
@@ -41,28 +41,28 @@ <h2>{{page.title}}</h2>
           {% endcomment %}
 
           <a class="btn btn-outline-secondary mb-1 d-block" href="{{repoURL}}">
-            {% octicon mark-github height: 16 %} Repository
+            <i class="bi bi-github"></i> Repository
           </a>
           {% endif %} {% if page.issues %}
           <a
             class="btn btn-outline-secondary mb-1 d-block"
             href="{{repoURL}}/issues"
           >
-            {% octicon issue-opened height: 16 %} Issues
+            <i class="bi bi-exclamation-circle"></i> Issues
           </a>
           {% endif %} {% if page.wiki %}
           <a
             class="btn btn-outline-secondary mb-1 d-block"
             href="{{repoURL}}/wiki"
           >
-            {% octicon book height: 16 %} Wiki
+            <i class="bi bi-book"></i> Wiki
           </a>
           {% endif %} {% if page.releases %}
           <a
             class="btn btn-outline-secondary mb-1 d-block"
             href="{{repoURL}}/releases"
           >
-            {% octicon desktop-download height: 16 %} Releases
+            <i class="bi bi-file-earmark-zip"></i> Releases
           </a>
           {% endif %}
         </div>

blog/index.html

@@ -108,10 +108,10 @@ <h3 class="card-title">{{ post.title }}</h3>
             <a class="page-link" href="{{ paginator.previous_page_path }}">
               <span aria-hidden="true">
                 <span class="d-none d-xl-inline">
-                  {% octicon arrow-left height: 24 %}
+                  <i class="bi bi-chevron-left"></i>
                 </span>
                 <span class="d-xl-none">
-                  {% octicon arrow-left height: 16 %}
+                  <i class="bi bi-chevron-left"></i>
                 </span>
               </span>
               <span class="visually-hidden">Previous Page</span>
@@ -198,10 +198,10 @@ <h3 class="card-title">{{ post.title }}</h3>
             >
               <span aria-hidden="true">
                 <span class="d-none d-xl-inline">
-                  {% octicon arrow-right height: 24 %}
+                  <i class="bi bi-chevron-right"></i>
                 </span>
                 <span class="d-xl-none">
-                  {% octicon arrow-right height: 16 %}
+                  <i class="bi bi-chevron-right"></i>
                 </span>
               </span>
               <span class="visually-hidden">Next Page</span>

contact.html

@@ -12,7 +12,7 @@ <h1>Contact</h1>
 <noscript>
   <div class="alert alert-danger my-5" role="alert">
     <p class="h4 alert-heading">
-      {% octicon alert height: 24 %} Unsupported Configuration
+      <i class="bi bi-exclamation-triangle"></i> Unsupported Configuration
     </p>
     <p>This contact form requires JavaScript in order to function.</p>
     <hr />

projects.html

@@ -34,16 +34,14 @@ <h2>Projects</h2>
   <!-- <div class="container"> -->
   <div class="card mb-3">
     <div class="card-header text-white bg-info">
-      {% octicon pin height: 16 %} Featured
+      <i class="bi bi-pin-angle"></i> Featured
     </div>
   </div>
   {% else %}
   <!-- <section class="bg-light py-3"> -->
   <!-- <div class="container"> -->
   <div class="card mt-5 mb-3 bg-dark text-light">
-    <div class="card-header">
-      {% octicon archive height: 16 %} Other Projects
-    </div>
+    <div class="card-header"><i class="bi bi-archive"></i> Other Projects</div>
   </div>
   {% endif %} {% for project in sorted_projects %}
   <div class="card mb-3 mx-3 bg-light shadow-sm">