added Cinzel font

This commit is contained in:
ReznoRMichael 2021-08-04 14:49:21 +02:00
parent 532d3da9db
commit 0959079dad
5 changed files with 55 additions and 19 deletions

View file

@ -121,12 +121,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="favicon.png" rel="icon"> <link href="favicon.png" rel="icon">
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- <link href="css/fontello.css" rel="stylesheet"> --> <link rel="preconnect" href="https://fonts.googleapis.com">
<!-- <link href="css/style.css" rel="stylesheet"> --> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
<title>Save Completion Analyzer for Hollow Knight Online</title> <title>Save Completion Analyzer for Hollow Knight Online</title>
<meta name="description" <meta name="description"
content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage."> content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage.">
<meta name="keywords" <meta name="keywords"
content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left, analyze, analyzer, file"> content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left, analyze, analyzer, file">
@ -161,7 +165,8 @@
<div id="content"> <div id="content">
<h1 id="h1-title">Save Completion Analyzer for Hollow Knight</h1> <h1 id="h1-title">Save Completion Analyzer</h1>
<div id="sub-title">for Hollow Knight</div>
<p class="smalltext"> <p class="smalltext">
<a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i <a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i

View file

@ -211,20 +211,33 @@ strong {
} }
h1 { h1 {
font-size: 1.7rem; font-size: 2.3rem;
color: #d9f3ff; color: #fff;
margin: 0.6rem 0; margin: 2rem 0 0 0;
} }
#h1-title { #h1-title {
font-family: 'Cinzel', 'Times New Roman', serif;
font-weight: 400;
text-align: center; text-align: center;
line-height: 2rem;
}
#sub-title {
font-family: 'Cinzel', 'Times New Roman', serif;
font-weight: 400;
text-align: center;
font-size: 1.2rem;
margin-bottom: 1rem;
line-height: 1.5rem;
} }
h2 { h2 {
font-family: 'Cinzel', 'Times New Roman', serif;
text-align: center; text-align: center;
margin: 0.6rem 0; margin: 0.6rem 0;
color: rgba(231, 251, 255, 0.6); color: #fff;
font-weight: 700; font-weight: 400;
} }
h6 { h6 {

File diff suppressed because one or more lines are too long

View file

@ -103,20 +103,33 @@ strong {
} }
h1 { h1 {
font-size: 1.7rem; font-size: 2.3rem;
color: #d9f3ff; color: #fff;
margin: 0.6rem 0; margin: 2rem 0 0 0;
} }
#h1-title { #h1-title {
font-family: 'Cinzel', 'Times New Roman', serif;
font-weight: 400;
text-align: center; text-align: center;
line-height: 2rem;
}
#sub-title {
font-family: 'Cinzel', 'Times New Roman', serif;
font-weight: 400;
text-align: center;
font-size: 1.2rem;
margin-bottom: 1rem;
line-height: 1.5rem;
} }
h2 { h2 {
font-family: 'Cinzel', 'Times New Roman', serif;
text-align: center; text-align: center;
margin: 0.6rem 0; margin: 0.6rem 0;
color: rgba(231, 251, 255, 0.6); color: #fff;
font-weight: 700; font-weight: 400;
} }
h6 { h6 {

View file

@ -6,12 +6,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="favicon.png" rel="icon"> <link href="favicon.png" rel="icon">
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- <link href="css/fontello.css" rel="stylesheet"> --> <link rel="preconnect" href="https://fonts.googleapis.com">
<!-- <link href="css/style.css" rel="stylesheet"> --> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
<title>Save Completion Analyzer for Hollow Knight Online</title> <title>Save Completion Analyzer for Hollow Knight Online</title>
<meta name="description" <meta name="description"
content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage."> content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage.">
<meta name="keywords" <meta name="keywords"
content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left, analyze, analyzer, file"> content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left, analyze, analyzer, file">
@ -46,7 +50,8 @@
<div id="content"> <div id="content">
<h1 id="h1-title">Save Completion Analyzer for Hollow Knight</h1> <h1 id="h1-title">Save Completion Analyzer</h1>
<div id="sub-title">for Hollow Knight</div>
<p class="smalltext"> <p class="smalltext">
<a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i <a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i