Skip to content

Replace Font Awesome kit with inline SVG icons and remove blocking script #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
tobybeevers wants to merge 1 commit into from
Closed

Replace Font Awesome kit with inline SVG icons and remove blocking script #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion Blog-Posts/blog_AIML.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_CareerChange.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_CentralBilling.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_JupyterNotebook.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_MyCSR.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_O365Migrations.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_PowerBI.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_holdingpage.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion Blog-Posts/blog_template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../css/containers.css">
<link rel="stylesheet" href="../css/styles.css">
<title>Toby Beevers</title>
Expand Down
1 change: 0 additions & 1 deletion career_change.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="prefetch" href="./personal_development.html" as="document">
Expand Down
13 changes: 12 additions & 1 deletion css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -248,6 +248,18 @@ img {
color: var(--light-color);
}

.inline-icon {
width: 4rem;
height: 4rem;
display: inline-block;
color: #274C77;
}

.inline-icon--xl {
width: 10rem;
height: 10rem;
}

/*TABLETS & UNDER*/
@media(max-width: 768px){
.grid,
Expand Down Expand Up @@ -312,4 +324,3 @@ img {
padding-top: 2.5rem;
}
}

1 change: 0 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<!-- Keep prefetch hints intentionally small; tune based on analytics review. -->
Expand Down
8 changes: 6 additions & 2 deletions my_blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<title>Toby Beevers</title>
Expand Down Expand Up @@ -46,7 +45,12 @@ <h1>My Blog Posts</h1>

<div style="text-align: center;">

<i class="fa-solid fa-blog fa-10x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon inline-icon--xl" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<rect x="10" y="8" width="44" height="48" rx="4" fill="none" stroke="currentColor" stroke-width="4"></rect>
<line x1="20" y1="24" x2="44" y2="24" stroke="currentColor" stroke-width="4"></line>
<line x1="20" y1="34" x2="44" y2="34" stroke="currentColor" stroke-width="4"></line>
<line x1="20" y1="44" x2="36" y2="44" stroke="currentColor" stroke-width="4"></line>
</svg>
</div>
</div>
</section>
Expand Down
1 change: 0 additions & 1 deletion my_early_years.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="prefetch" href="./career_change.html" as="document">
Expand Down
42 changes: 35 additions & 7 deletions my_links.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<title>Toby Beevers</title>
Expand Down Expand Up @@ -59,37 +58,66 @@ <h1>My Personal Links</h1>
<div class="container">
<div class="grid grid-3 text-center my-4">
<div>
<i class="fa-brands fa-linkedin fa-4x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<rect x="8" y="8" width="48" height="48" rx="8" fill="none" stroke="currentColor" stroke-width="4"></rect>
<rect x="18" y="26" width="8" height="20" fill="currentColor"></rect>
<circle cx="22" cy="18" r="4" fill="currentColor"></circle>
<path d="M34 46V26h8v3c2-2 4-4 8-4 6 0 10 4 10 11v10h-8V37c0-3-1-5-4-5-3 0-5 2-5 6v8z" fill="currentColor" transform="translate(-4 0)"></path>
</svg>
<p class="text-secondary"></p>
<a href="https://www.linkedin.com/in/tobybeevers/" style="color: #274C77" target="_blank" aria-label="Visit My LinkedIn" title="Visit My LinkedIn">Visit My LinkedIn </a>
</div>
<div>
<i class="fa-brands fa-github fa-4x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<circle cx="32" cy="32" r="24" fill="none" stroke="currentColor" stroke-width="4"></circle>
<circle cx="24" cy="28" r="3" fill="currentColor"></circle>
<circle cx="40" cy="28" r="3" fill="currentColor"></circle>
<path d="M24 42c3 2 13 2 16 0" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round"></path>
<path d="M20 22l-4-4M44 22l4-4" stroke="currentColor" stroke-width="4" stroke-linecap="round"></path>
</svg>
<p class="text-secondary"></p>
<a href="https://github.com/tobybeevers" style="color: #274C77" target="_blank" aria-label="Visit My GitHub Space" title="Visit My GitHub Space">Visit My GitHub Space</a>
</div>
<div>
<i class="fa-brands fa-square-instagram fa-4x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<rect x="10" y="10" width="44" height="44" rx="12" fill="none" stroke="currentColor" stroke-width="4"></rect>
<circle cx="32" cy="32" r="10" fill="none" stroke="currentColor" stroke-width="4"></circle>
<circle cx="44" cy="20" r="3" fill="currentColor"></circle>
</svg>
<p class="text-secondary"></p>
<a href="https://www.instagram.com/tobybeevers" style="color: #274C77" target="_blank" aria-label="Visit My Instagram" title="Visit My Instagram">Visit My Instagram</a>
</div>


<div>
<i class="fa-solid fa-list-check fa-4x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<rect x="10" y="10" width="44" height="44" rx="6" fill="none" stroke="currentColor" stroke-width="4"></rect>
<path d="M18 24l4 4 6-8M18 36l4 4 6-8" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<line x1="30" y1="22" x2="46" y2="22" stroke="currentColor" stroke-width="4"></line>
<line x1="30" y1="38" x2="46" y2="38" stroke="currentColor" stroke-width="4"></line>
</svg>
<p class="text-secondary"></p>
<a href="https://www.agilebusiness.org/" style="color: #274C77" target="_blank" aria-label="AgilePM">Agile DSDM</a>
</div>

<div>

<i class="fa-brands fa-atlassian fa-4x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<path d="M16 46l10-28h7L23 46z" fill="currentColor"></path>
<path d="M48 46L38 18h-7l10 28z" fill="currentColor" opacity="0.7"></path>
<path d="M28 46l4-11 4 11z" fill="currentColor" opacity="0.5"></path>
</svg>
<p class="text-secondary"></p>
<a href="https://www.atlassian.com/" style="color: #274C77" target="_blank" aria-label=="Atlassian">Atlassian.com</a>
</div>

<div>
<i class="fa-solid fa-chalkboard-user fa-4x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<rect x="8" y="12" width="48" height="30" rx="3" fill="none" stroke="currentColor" stroke-width="4"></rect>
<line x1="16" y1="50" x2="48" y2="50" stroke="currentColor" stroke-width="4"></line>
<circle cx="24" cy="27" r="5" fill="currentColor"></circle>
<path d="M18 38c2-4 10-4 12 0" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round"></path>
</svg>
<p class="text-secondary"></p>
<a href="https://www.w3schools.com" style="color: #274C77" target="_blank" aria-label=="W3C Schools">W3 Schools</a>
</div>
Expand Down
9 changes: 7 additions & 2 deletions personal_development.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="prefetch" href="./my_links.html" as="document">
Expand Down Expand Up @@ -74,7 +73,13 @@ <h1>My Journey into Tech & Data</h1>
<p>This journey has reinforced a valuable lesson—personal growth isn’t about choosing one path and sticking to it. It’s about continuously learning, adapting, and refining your skills to create the most impact. My career transition has been a testament to that, and I’m excited to see where this ever-evolving field takes me next.
</p>
<div style="text-align: center;">
<i class="fa-solid fa-square-binary fa-10x" style="color: #274C77" aria-hidden="true"></i>
<svg class="inline-icon inline-icon--xl" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<rect x="8" y="8" width="48" height="48" rx="4" fill="none" stroke="currentColor" stroke-width="4"></rect>
<text x="20" y="31" font-size="18" text-anchor="middle" fill="currentColor" font-family="Arial, sans-serif">0</text>
<text x="44" y="31" font-size="18" text-anchor="middle" fill="currentColor" font-family="Arial, sans-serif">1</text>
<text x="20" y="49" font-size="18" text-anchor="middle" fill="currentColor" font-family="Arial, sans-serif">1</text>
<text x="44" y="49" font-size="18" text-anchor="middle" fill="currentColor" font-family="Arial, sans-serif">0</text>
</svg>
</div>
</div>
</div>
Expand Down