Commit c22f3c6a authored by Dominik V. Salonen's avatar Dominik V. Salonen

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

parent 5417a8b0
......@@ -4,7 +4,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/favicon.png" type="image/png"/>
<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" />
</head>
<body onload="javascript:initialContent();">
......
......@@ -14,7 +14,7 @@ var page3 = "pages/projects.html";
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
function resetButtons() {
......
<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">
<a href="https://twitter.com/Kuwaddo"><i class="fab fa-twitter"></i><br />Twitter</a>
<a href="mailto:contact@quad.moe"><i class="fas fa-envelope"></i><br />E-Mail</a>
<a href="https://twitter.com/Kuwaddo"><i class="fa fa-twitter" aria-hidden="true"></i><br />Twitter</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 class="notice-container">
<p>Also available via XMPP.</p>
......
......@@ -172,11 +172,18 @@ a:hover {
margin-bottom: 70px;
}
.loading-box {
display: block;
overflow: hidden;
margin: 70px auto;
}
.loading {
font-size: 26pt;
color: #FF5555;
display: block;
margin: 70px auto;
margin: 5px;
text-align: center;
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
......@@ -224,7 +231,7 @@ a:hover {
text-decoration: none;
}
.icon-container a svg {
.icon-container a .fa {
font-size: 42pt;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment