Removed font-awesome to decrease website size

linkdotnet · linkdotnet · commit 7f2f83739a44 · 2022-06-14T07:56:02.000+02:00
diff --git a/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/AddProfileShortItem.razor b/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/AddProfileShortItem.razor
@@ -1,6 +1,6 @@
 ﻿<li><input type="text" @bind-value="@content" placeholder="supports markdown" class="w-100"/>
     <button type="button" class="btn btn-default" aria-label="Add Item" @onclick="@AddItemAsync">
-        <i class="far fa-plus-square" aria-hidden="true"></i>
+        <i class="plus" aria-hidden="true"></i>
     </button>
 </li>
 
diff --git a/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Profile.razor b/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Profile.razor
@@ -28,7 +28,7 @@
                     @ondrop="@(() => HandleDrop(entry))">
 
                     <button type="button" class="btn btn-default" aria-label="Delete Item" @onclick="() => ShowDeleteDialog(entry.Content)">
-                        <i class="fas fa-trash-alt" aria-hidden="true"></i>
+                        <i class="bin2" aria-hidden="true"></i>
                     </button>
                     @MarkdownConverter.ToMarkupString(entry.Content)
                 </li>
diff --git a/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/SkillTable.razor b/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/SkillTable.razor
@@ -4,9 +4,8 @@
 <div>
         @if (ShowAdminActions)
         {
-            <button type="button" class="btn btn-primary" @onclick="() => AddSkillDialog.Open()"><i class="fas
-            fa-plus-square"></i>
-                Add skill</button>
+            <button type="button" class="btn btn-primary" @onclick="() => AddSkillDialog.Open()">
+                <i class="plus"></i>Add skill</button>
             <AddSkillDialog @ref="AddSkillDialog" SkillAdded="@AddSkill"></AddSkillDialog>
         }
     </div>
diff --git a/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/SkillTag.razor b/src/LinkDotNet.Blog.Web/Features/AboutMe/Components/SkillTag.razor
@@ -9,7 +9,7 @@
     @if (ShowAdminActions)
     {
         <button type="button" class="btn btn-default" aria-label="Delete Skill" @onclick="() => DeleteSkill.InvokeAsync()">
-            <i class="fas fa-trash-alt" aria-hidden="true"></i>
+            <i class="bin2" aria-hidden="true"></i>
         </button>
     }
 </span>
diff --git a/src/LinkDotNet.Blog.Web/Features/Admin/BlogPostEditor/Components/FeatureInfoDialog.razor b/src/LinkDotNet.Blog.Web/Features/Admin/BlogPostEditor/Components/FeatureInfoDialog.razor
@@ -1,7 +1,8 @@
 ﻿@using LinkDotNet.Blog.Web.Features.Components
 <ModalDialog @ref="FeatureDialog" Title="Additional Features">
     <p>Here you will find a comprehensive list over feature you can use additional to classic markdown</p>
-    <p>Features marked with <i class="fas fa-flask"></i> are experimental and can change heavily, get removed or the usage changes.</p>
+    <p>Features marked with <i class="lab"></i> are experimental and can change heavily, get removed or the usage 
+    changes.</p>
     <p>Use with caution and check the changelog</p>
     <hr>
     <h3 style="display:inline-block">Shortcuts</h3>
@@ -28,7 +29,7 @@
         </tbody>
     </table>
     <hr/>
-    <h3 style="display:inline-block">Slide-Show</h3><i class="fas fa-flask"></i>
+    <h3 style="display:inline-block">Slide-Show</h3><i class="lab"></i>
     <p>Will create a slide-show with images specified by the tag.</p>
     <strong>Usage:</strong>
     <code><pre>&lt;slide-show&gt;
diff --git a/src/LinkDotNet.Blog.Web/Features/Home/Components/AccessControl.razor b/src/LinkDotNet.Blog.Web/Features/Home/Components/AccessControl.razor
@@ -3,7 +3,7 @@
         <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" 
                aria-expanded="false">
-                <i class="fa-solid fa-toolbox"></i> Admin
+                <i class="user-tie"></i> Admin
             </a>
             <ul class="dropdown-menu ps-0" aria-labelledby="navbarDropdown">
                 <li><h6 class="dropdown-header">Blog posts</h6></li>
@@ -19,10 +19,10 @@
                 <li><a class="dropdown-item" target="_blank" href="https://github.com/linkdotnet/Blog/releases">Version 3.8</a></li>
             </ul>
         </li>
-        <li class="nav-item"><a class="nav-link" href="logout?redirectUri=@CurrentUri"><i class="fa-solid fa-lock"></i> Log out</a></li>
+        <li class="nav-item"><a class="nav-link" href="logout?redirectUri=@CurrentUri"><i class="lock"></i> Log out</a></li>
     </Authorized>
     <NotAuthorized>
-        <li class="nav-item"><a class="nav-link" href="login?redirectUri=@CurrentUri"><i class="fa-solid fa-unlock"></i> Log in</a></li>
+        <li class="nav-item"><a class="nav-link" href="login?redirectUri=@CurrentUri"><i class="unlocked"></i> Log in</a></li>
     </NotAuthorized>
 </AuthorizeView>
 
diff --git a/src/LinkDotNet.Blog.Web/Features/Home/Components/NavMenu.razor b/src/LinkDotNet.Blog.Web/Features/Home/Components/NavMenu.razor
@@ -21,15 +21,15 @@
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-5">
-                <li class="nav-item active"><a class="nav-link" href="/"><i class="fa-solid fa-house"></i> Home</a></li>
-                <li class="nav-item active"><a class="nav-link" href="/archive"><i class="fa-solid fa-box-archive"></i> Archive</a></li>
+                <li class="nav-item active"><a class="nav-link" href="/"><i class="home"></i> Home</a></li>
+                <li class="nav-item active"><a class="nav-link" href="/archive"><i class="books"></i> Archive</a></li>
                 @if (configuration.IsAboutMeEnabled)
                 {
                     <li class="nav-item">
-                        <a class="nav-link" href="AboutMe"><i class="far fa-address-card"></i> About
+                        <a class="nav-link" href="AboutMe"><i class="profile"></i> About
                             me</a></li>
                 }
-                <li class="nav-item active"><a class="nav-link" href="/feed.rss"><i class="fas fa-rss"></i> RSS</a></li>
+                <li class="nav-item active"><a class="nav-link" href="/feed.rss"><i class="rss2"></i> RSS</a></li>
 
                 <AccessControl CurrentUri="@currentUri"></AccessControl>
                 <li class="nav-item d-flex">
diff --git a/src/LinkDotNet.Blog.Web/Features/Home/Components/SearchInput.razor b/src/LinkDotNet.Blog.Web/Features/Home/Components/SearchInput.razor
@@ -1,7 +1,7 @@
 ﻿<div class="search-bar">
     <input type="text" class="search-bar-input" placeholder="search" aria-label="search" @bind-value="searchTerm" 
     @onkeyup="@CheckForEnter" title="Search for blog post via title or tags"/>
-    <button class="search-bar-button" aria-label="search submit" @onclick="CallSearchEntered"><i class="fas fa-search"></i></button>
+    <button class="search-bar-button" aria-label="search submit" @onclick="CallSearchEntered"><i class="search"></i></button>
 </div>
 
 @code {
diff --git a/src/LinkDotNet.Blog.Web/Features/Home/Components/SocialAccounts.razor b/src/LinkDotNet.Blog.Web/Features/Home/Components/SocialAccounts.razor
@@ -3,19 +3,19 @@
     @if (Social.HasLinkedinAccount)
     {
         <a id="linkedin" class="nav-link" target="_blank" href="@Social.LinkedinAccountUrl">
-            <i class="fab fa-linkedin"></i>
+            <i class="linkedin"></i>
         </a>
     }
     @if (Social.HasGithubAccount)
     {
         <a id="github" class="nav-link" target="_blank" href="@Social.GithubAccountUrl">
-            <i class="fab fa-github"></i>
+            <i class="github"></i>
         </a>
     }
     @if (Social.HasTwitterAccount)
     {
         <a id="twitter" class="nav-link" target="_blank" href="@Social.TwitterAccountUrl">
-            <i class="fab fa-twitter"></i>
+            <i class="twitter"></i>
         </a>
     }
 </div>
diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/BlogPostAdminActions.razor b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/BlogPostAdminActions.razor
@@ -6,11 +6,9 @@
 
 <AuthorizeView>
     <div class="blogpost-admin">
-        <button id="edit-blogpost" type="button" class="btn btn-primary" @onclick="EditBlogPost" aria-label="edit"><i 
-        class="fas 
-        fa-pen-square"></i> Edit 
-            Blogpost</button>
-        <button id="delete-blogpost" type="button" class="btn btn-danger" @onclick="ShowConfirmDialog" aria-label="delete"><i class="fas fa-trash"></i> Delete 
+        <button id="edit-blogpost" type="button" class="btn btn-primary" @onclick="EditBlogPost" aria-label="edit">
+            <i class="pencil"></i> Edit Blogpost</button>
+        <button id="delete-blogpost" type="button" class="btn btn-danger" @onclick="ShowConfirmDialog" aria-label="delete"><i class="bin2"></i> Delete 
             Blogpost</button>
     </div>
     <ConfirmDialog @ref="ConfirmDialog" Title="Delete Blog Post" Content="Do you want to delete the Blog Post?" OnYesPressed="@DeleteBlogPostAsync">
diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/ShareBlogPost.razor b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/ShareBlogPost.razor
@@ -3,8 +3,8 @@
 @inject IToastService toastService
 
 <div class="flex-row">
-    <a id="share-linkedin" href="@LinkedInShare" target="_blank"><i class="fab fa-linkedin fa-lg"></i></a>
-    <a id="share-clipboard" href="javascript:void(0)" @onclick="CopyToClipboard"><i class="fas fa-link fa-lg"></i></a>
+    <a id="share-linkedin" href="@LinkedInShare" target="_blank"><i class="linkedin"></i></a>
+    <a id="share-clipboard" href="javascript:void(0)" @onclick="CopyToClipboard"><i class="copy"></i></a>
 </div>
 @code {
     private string LinkedInShare => $"https://www.linkedin.com/shareArticle?mini=true&url={navigationManager.Uri}";
diff --git a/src/LinkDotNet.Blog.Web/Pages/_Layout.cshtml b/src/LinkDotNet.Blog.Web/Pages/_Layout.cshtml
@@ -20,13 +20,13 @@
     <link rel="preload" href="css/bootstrap/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"></noscript>
     <environment include="Development">
         <link href="css/basic.css" rel="stylesheet" />
+        <link href="css/icons.css" rel="stylesheet" />
     </environment>
     <environment include="Staging,Production">
         <link href="css/bundle.min.css" rel="stylesheet"/>
     </environment>
     <link href="LinkDotNet.Blog.Web.styles.css" rel="stylesheet"/>
     <link rel="preload" href="_content/Blazored.Toast/blazored-toast.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="_content/Blazored.Toast/blazored-toast.min.css"></noscript>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/monokai.min.css" integrity="sha512-RLF8eOxhuwsRINc7r56dpl9a3VStqrXD+udWahutJrYdyh++2Ghnf+s4jFsOyryKZt/GNjPwbXVPH3MJpKrn2g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
 </head>
@@ -46,7 +46,6 @@
 <script src="_framework/blazor.server.js"></script>
 <script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js" integrity="sha512-yUUc0qWm2rhM7X0EFe82LNnv2moqArj5nro/w1bi05A09hRVeIZbN6jlMoyu0+4I/Bu4Ck/85JQIU82T82M28w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/languages/csharp.min.js" integrity="sha512-wOhBmvmYJyIcnoY/XHP/c7SyyK05H0NleQgId+c6taC3OWIJNj0DbG0J8dAuxpWNjsk84y4yHQraUtJnWHnpNA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script></script>
-<script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" integrity="sha512-6PM0qYu5KExuNcKt5bURAoT6KCThUmHRewN3zUFNaoI6Di7XJPTMoT6K0nsagZKk2OB4L7E3q1uQKHNHd4stIQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script async src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha256-cMPWkL3FzjuaFSfEYESYmjF25hCIL6mfRSPnW8OVvM4=" crossorigin="anonymous"></script>
 <script async src="components/selection.js" ></script>
 <script async src="components/slideshow.js" ></script>
diff --git a/src/LinkDotNet.Blog.Web/bundleconfig.json b/src/LinkDotNet.Blog.Web/bundleconfig.json
@@ -2,7 +2,8 @@
   {
     "outputFileName": "wwwroot/css/bundle.min.css",
     "inputFiles": [
-      "wwwroot/css/basic.css"
+      "wwwroot/css/basic.css",
+      "wwwroot/css/icons.css"
     ]
   }
 ]
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/bundle.min.css b/src/LinkDotNet.Blog.Web/wwwroot/css/bundle.min.css
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/fonts/icons.svg b/src/LinkDotNet.Blog.Web/wwwroot/css/fonts/icons.svg
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/fonts/icons.ttf b/src/LinkDotNet.Blog.Web/wwwroot/css/fonts/icons.ttf
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/fonts/icons.woff b/src/LinkDotNet.Blog.Web/wwwroot/css/fonts/icons.woff
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/icons.css b/src/LinkDotNet.Blog.Web/wwwroot/css/icons.css

Original file line number	Diff line number	Diff line change
`@@ -4,9 +4,8 @@`
`4`	`4`	`<div>`
`5`	`5`	`@if (ShowAdminActions)`
`6`	`6`	`{`
`7`		`- <button type="button" class="btn btn-primary" @onclick="() => AddSkillDialog.Open()"><i class="fas`
`8`		`- fa-plus-square"></i>`
`9`		`- Add skill</button>`
	`7`	`+ <button type="button" class="btn btn-primary" @onclick="() => AddSkillDialog.Open()">`
	`8`	`+ <i class="plus"></i>Add skill</button>`
`10`	`9`	`<AddSkillDialog @ref="AddSkillDialog" SkillAdded="@AddSkill"></AddSkillDialog>`
`11`	`10`	`}`
`12`	`11`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`@if (ShowAdminActions)`
`10`	`10`	`{`
`11`	`11`	`<button type="button" class="btn btn-default" aria-label="Delete Skill" @onclick="() => DeleteSkill.InvokeAsync()">`
`12`		`- <i class="fas fa-trash-alt" aria-hidden="true"></i>`
	`12`	`+ <i class="bin2" aria-hidden="true"></i>`
`13`	`13`	`</button>`
`14`	`14`	`}`
`15`	`15`	`</span>`
Original file line number	Diff line number	Diff line change
`@@ -3,19 +3,19 @@`
`3`	`3`	`@if (Social.HasLinkedinAccount)`
`4`	`4`	`{`
`5`	`5`	`<a id="linkedin" class="nav-link" target="_blank" href="@Social.LinkedinAccountUrl">`
`6`		`- <i class="fab fa-linkedin"></i>`
	`6`	`+ <i class="linkedin"></i>`
`7`	`7`	`</a>`
`8`	`8`	`}`
`9`	`9`	`@if (Social.HasGithubAccount)`
`10`	`10`	`{`
`11`	`11`	`<a id="github" class="nav-link" target="_blank" href="@Social.GithubAccountUrl">`
`12`		`- <i class="fab fa-github"></i>`
	`12`	`+ <i class="github"></i>`
`13`	`13`	`</a>`
`14`	`14`	`}`
`15`	`15`	`@if (Social.HasTwitterAccount)`
`16`	`16`	`{`
`17`	`17`	`<a id="twitter" class="nav-link" target="_blank" href="@Social.TwitterAccountUrl">`
`18`		`- <i class="fab fa-twitter"></i>`
	`18`	`+ <i class="twitter"></i>`
`19`	`19`	`</a>`
`20`	`20`	`}`
`21`	`21`	`</div>`