Skip to content

Commit

Permalink
Sped up Google font loading time.
Browse files Browse the repository at this point in the history
  • Loading branch information
t-schreibs committed Oct 23, 2024
1 parent 30aa0da commit 950147d
Showing 1 changed file with 85 additions and 82 deletions.
167 changes: 85 additions & 82 deletions src/_includes/layout.html
Original file line number Diff line number Diff line change
@@ -1,85 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ description }}">
<meta name="theme-color" content="#AA55AA">
<meta property="og:title" content="{{ title }}"/>
<meta property="og:url" content="{{ "https://soundaccumulator.com" | append: page.url }}"/>
<meta property="og:description" content="{{ description }}"/>
<meta property="og:image" content="/images/og-image.png"/>
<meta property="og:site_name" content="Sound Accumulator"/>
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/css/base.css">
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<link rel="icon" href="/images/icon-16.png" sizes="16x16">
<link rel="icon" href="/images/icon-32.png" sizes="32x32">
<link rel="icon" href="/images/icon-64.png" sizes="64x64">
<link rel="icon" href="/images/icon-128.png" sizes="128x128">
<link rel="icon" href="/images/icon-256.png" sizes="256x256">
<link rel="icon" href="/images/icon-512.png" sizes="512x512">
<link rel="manifest" href="/manifest.json"/>
<title>{{ title }}</title>
<script>
if ("serviceWorker" in navigator)
navigator
.serviceWorker
.register("/service-worker.js");
</script>
</head>
<body>
<nav>
<ul>
<li>
<a class="site-name" href="/">Sound Accumulator</a>
</li>
<li class="hide-on-small-screens">
<a href="/locations/0">Locations</a>
</li>
<li>
<a href="/artists/0">Artists</a>
</li>
<li>
<a href="/genres/0">Genres</a>
</li>
<li>
<a href="/releases/0">Releases</a>
</li>
<li>
<a href="/blog/0">Blog</a>
</li>
<li>
<a href="/search">
<span class="material-icons">search</span></a>
</li>
</ul>
</nav>
<article data-pagefind-body>
{% if hideTitle != true %}
<h1 style="margin-top: 20px;">{{ title }}</h1>
{% endif %}
{{ content | safe }}
</article>
<footer>
<ul>
<li >
<a class="site-name" href="/">Sound Accumulator</a>
</li>
<li>
<a href="https://github.com/t-schreibs/sound-accumulator/discussions">Discuss</a>
</li>
<li>
<a href="/contribute">Contribute</a>
</li>
<li>
<a href="/feed.xml">RSS</a>
</li>
</ul>
</footer>
</body>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ description }}">
<meta name="theme-color" content="#AA55AA">
<meta property="og:title" content="{{ title }}" />
<meta property="og:url" content="{{ " https://soundaccumulator.com" | append: page.url }}" />
<meta property="og:description" content="{{ description }}" />
<meta property="og:image" content="/images/og-image.png" />
<meta property="og:site_name" content="Sound Accumulator" />
<link href="https://fonts.googleapis.com/css?family=Nunito&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/css/base.css">
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<link rel="icon" href="/images/icon-16.png" sizes="16x16">
<link rel="icon" href="/images/icon-32.png" sizes="32x32">
<link rel="icon" href="/images/icon-64.png" sizes="64x64">
<link rel="icon" href="/images/icon-128.png" sizes="128x128">
<link rel="icon" href="/images/icon-256.png" sizes="256x256">
<link rel="icon" href="/images/icon-512.png" sizes="512x512">
<link rel="manifest" href="/manifest.json" />
<title>{{ title }}</title>
<script>
if ("serviceWorker" in navigator)
navigator
.serviceWorker
.register("/service-worker.js");
</script>
</head>

<body>
<nav>
<ul>
<li>
<a class="site-name" href="/">Sound Accumulator</a>
</li>
<li class="hide-on-small-screens">
<a href="/locations/0">Locations</a>
</li>
<li>
<a href="/artists/0">Artists</a>
</li>
<li>
<a href="/genres/0">Genres</a>
</li>
<li>
<a href="/releases/0">Releases</a>
</li>
<li>
<a href="/blog/0">Blog</a>
</li>
<li>
<a href="/search">
<span class="material-icons">search</span></a>
</li>
</ul>
</nav>
<article data-pagefind-body>
{% if hideTitle != true %}
<h1 style="margin-top: 20px;">{{ title }}</h1>
{% endif %}
{{ content | safe }}
</article>
<footer>
<ul>
<li>
<a class="site-name" href="/">Sound Accumulator</a>
</li>
<li>
<a href="https://github.com/t-schreibs/sound-accumulator/discussions">Discuss</a>
</li>
<li>
<a href="/contribute">Contribute</a>
</li>
<li>
<a href="/feed.xml">RSS</a>
</li>
</ul>
</footer>
</body>

</html>

0 comments on commit 950147d

Please sign in to comment.