wgroeneveld
/
jefklakscodex
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

noscript for lazy loading fixes, preload bulky css

This commit is contained in:
Wouter Groeneveld 2020-12-30 15:36:06 +01:00
parent 12914ad174
commit 90e5c6c8db
3 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
themes/jefklak-creative-portfolio/layouts/_default/_markup/render-image.html
View File

@ -1,5 +1,8 @@
<figure>
<a href="{{ .Destination | safeURL }}" class="lbox">
<noscript>
<img src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}"{{ end }}>
</noscript>
<img class="lazyload img-responsive" data-src="{{ .Destination | safeURL }}" {{ with .Text }} alt="{{ . }}"{{ end }} {{ with .Title}} title="{{ . }}" alt="{{ . }}"{{ end }}>
</a>
{{ with .Title }}

26
themes/jefklak-creative-portfolio/layouts/partials/head.html
View File

@ -104,14 +104,34 @@
}
</script>
<link rel="stylesheet" href="{{ "css/bootstrap.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/simple-lightbox.min.css" | absURL }}">
<link rel="preload" href="{{ "css/bootstrap.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="{{ "css/font-awesome.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="{{ "css/simple-lightbox.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="{{ "css/bootstrap.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/font-awesome.min.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/simple-lightbox.min.css" | absURL }}">
</noscript>
<link href="{{ "css/style.default.css" | absURL }}" rel="stylesheet" id="theme-stylesheet">
{{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
<link rel = 'stylesheet' href = '{{ $styles.Permalink }}' integrity = '{{ $styles.Data.Integrity }}'>
<noscript>
<style>
img.lazyload {
display: none;
}
figure a img {
max-width: 100%;
}
.sidebar-game-platform {
max-height: 100%;
}
</style>
</noscript>
<link rel="shortcut icon" href="{{ "img/favicon.png" | absURL }}">
{{ with .OutputFormats.Get "RSS" }}
<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="Jefklak's Codex" />

1
themes/jefklak-creative-portfolio/layouts/partials/scripts.html
View File

@ -1,5 +1,4 @@
<script defer src="{{ "js/scrollingelement.js" | absURL }}"></script>
<script src="{{ "js/jquery.min.js" | absURL }}"></script>
<script defer src="{{ "js/bootstrap.min.js" | absURL }}"></script>
<script defer src='/js/simple-lightbox.min.js'></script>
<script src="{{ "js/codex.js" | absURL }}"></script>