Move to Fork Awesome instead of Font Awesome. Mainly for Diaspora icon.

This commit is contained in:
Dominik V. Salonen 2018-03-15 13:35:10 +01:00
parent 5417a8b053
commit c22f3c6a34
4 changed files with 15 additions and 7 deletions

View File

@ -4,7 +4,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/favicon.png" type="image/png"/> <link rel="icon" href="assets/favicon.png" type="image/png"/>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" />
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css" integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8=" crossorigin="anonymous">
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
</head> </head>
<body onload="javascript:initialContent();"> <body onload="javascript:initialContent();">

View File

@ -14,7 +14,7 @@ var page3 = "pages/projects.html";
const contentArea = document.getElementById("page"); const contentArea = document.getElementById("page");
const spinner = '<i class="fas fa-spinner loading"></i>'; const spinner = '<div class="loading-box"><i class="fa fa-spinner loading" aria-hidden="true"></i></div>';
// Very bad function to get rid of the "active" class wherever it is atm // Very bad function to get rid of the "active" class wherever it is atm
function resetButtons() { function resetButtons() {

View File

@ -1,7 +1,8 @@
<a href="https://masto.quad.moe/" class="mastodon"><img src="/assets/masto-full.svg"></img></a> <a href="https://masto.quad.moe/" class="mastodon"><img src="assets/masto-full.svg"></img></a>
<div class="icon-container"> <div class="icon-container">
<a href="https://twitter.com/Kuwaddo"><i class="fab fa-twitter"></i><br />Twitter</a> <a href="https://twitter.com/Kuwaddo"><i class="fa fa-twitter" aria-hidden="true"></i><br />Twitter</a>
<a href="mailto:contact@quad.moe"><i class="fas fa-envelope"></i><br />E-Mail</a> <a href="https://dspr.io/people/f220b440085b0136727e525400007ebd"><i class="fa fa-diaspora" aria-hidden="true"></i><br />diaspora</a>
<a href="mailto:contact@quad.moe"><i class="fa fa-envelope" aria-hidden="true"></i><br />E-Mail</a>
</div> </div>
<div class="notice-container"> <div class="notice-container">
<p>Also available via XMPP.</p> <p>Also available via XMPP.</p>

View File

@ -172,11 +172,18 @@ a:hover {
margin-bottom: 70px; margin-bottom: 70px;
} }
.loading-box {
display: block;
overflow: hidden;
margin: 70px auto;
}
.loading { .loading {
font-size: 26pt; font-size: 26pt;
color: #FF5555; color: #FF5555;
display: block; display: block;
margin: 70px auto; margin: 5px;
text-align: center;
animation-name: spin; animation-name: spin;
animation-duration: 2000ms; animation-duration: 2000ms;
animation-iteration-count: infinite; animation-iteration-count: infinite;
@ -224,7 +231,7 @@ a:hover {
text-decoration: none; text-decoration: none;
} }
.icon-container a svg { .icon-container a .fa {
font-size: 42pt; font-size: 42pt;
} }