Add VideoJS files to static directory and update references to include multiple paths
ci/woodpecker/push/woodpecker Pipeline was successful
Details
ci/woodpecker/push/woodpecker Pipeline was successful
Details
This commit is contained in:
parent
89dfe2e1fe
commit
fcf3c58464
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
import * as utils from '/js/utils.modern.min.js';
|
||||
window.utilsModule = utils;
|
||||
</script><script type=module src=/js/app.modern.min.js defer></script><script type=module src=/js/videojs/video-init.min.js defer></script><script type=module src=/js/skip-to-content.modern.min.js defer></script><script type=module src=/js/material.modern.min.js defer></script><script nomodule src=/js/app.min.js defer></script><script nomodule src=/js/videojs/video-init.min.js defer></script><script nomodule src=/js/skip-to-content.min.js defer></script><script nomodule src=/js/material.min.js defer></script><link rel=stylesheet type=text/css href=/css/app.min.css><link rel=stylesheet type=text/css href=/css/custom.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/custom.css></noscript><link rel=icon href=/static/favicon.svg type=image/svg+xml><link rel=icon href=/static/favicon.ico type=image/x-icon></head><body class=page><body class=page><div class="mdl-layout mdl-js-layout
|
||||
</script><script type=module src=/js/app.modern.min.js defer></script><script type=module src=/js/videojs/video-init.min.js defer></script><script type=module src=/static/js/videojs/video-init.min.js defer></script><script type=module src=/js/skip-to-content.modern.min.js defer></script><script type=module src=/js/material.modern.min.js defer></script><script nomodule src=/js/app.min.js defer></script><script nomodule src=/js/videojs/video-init.min.js defer></script><script nomodule src=/static/js/videojs/video-init.min.js defer></script><script nomodule src=/js/skip-to-content.min.js defer></script><script nomodule src=/js/material.min.js defer></script><link rel=stylesheet type=text/css href=/css/app.min.css><link rel=stylesheet type=text/css href=/css/custom.css media=print onload='this.media="all"'><noscript><link rel=stylesheet href=/css/custom.css></noscript><link rel=icon href=/static/favicon.svg type=image/svg+xml><link rel=icon href=/static/favicon.ico type=image/x-icon><link rel=stylesheet href=/css/vendor/video-js.min.css><link rel=stylesheet href=/static/css/vendor/video-js.min.css><script src=/js/videojs/video.min.js></script><script src=/static/js/videojs/video.min.js></script><script src=/js/videojs/videojs-http-streaming.min.js></script><script src=/static/js/videojs/videojs-http-streaming.min.js></script></head><body class=page><body class=page><div class="mdl-layout mdl-js-layout
|
||||
mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div class=mdl-layout__header-row><a href=/ class=mdl-layout-title><img class=logo src=/images/logo2.webp height=50 width=auto alt="ShowerLoop Logo"></a><div class=mdl-layout-spacer></div><nav class="mdl-navigation mdl-layout--large-screen-only"><a class=mdl-navigation__link href=/ title=Home>Home</a>
|
||||
<a class=mdl-navigation__link href=/how-it-works/ title="How It Works">How It Works</a>
|
||||
<a class=mdl-navigation__link href=/research/ title=Research>Research</a>
|
||||
|
|
@ -12,7 +12,7 @@ mdl-layout--fixed-header"><header class="mdl-layout__header site-header"><div cl
|
|||
<a class=mdl-navigation__link href=/how-it-works/ title="How It Works" tabindex=0>How It Works</a>
|
||||
<a class=mdl-navigation__link href=/research/ title=Research tabindex=0>Research</a>
|
||||
<a class=mdl-navigation__link href=/posts/ title=Posts tabindex=0>Posts</a>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><div class=chocolate-hero-section style=background-image:url(/images/material-bg.webp)><div class=hero-row-group><div class=hero-row><div class="hero-row-item hero-text-info"><h1 class=mdl-typography--display-3>Shower Loop</h1><h2>Open Source - Open Hardware - Ecological - Economical.</h2><p>Real-time filtration, purification, recycling & heat recovery system for showers. Made in Finland, for Earth.</p></div><div class="hero-row-item hero-video"><div class=video-container><video id=video-hero-1741456069 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=none width=100% height=auto poster=/videos/thumbnails/video1.webp data-setup='{"fluid": true, "responsive": true, "html5": {"vhs": {"overrideNative": true, "enableLowInitialPlaylist": true, "limitRenditionsByPlayerDimensions": true}}, "controlBar": {"pictureInPictureToggle": false}, "playbackRates": [0.75, 1, 1.25, 1.5, 2], "preload": "none"}'>
|
||||
<a class=mdl-navigation__link href=/components/ title=Components tabindex=0>Components</a></nav></div><div class=chocolate-hero-section style=background-image:url(/images/material-bg.webp)><div class=hero-row-group><div class=hero-row><div class="hero-row-item hero-text-info"><h1 class=mdl-typography--display-3>Shower Loop</h1><h2>Open Source - Open Hardware - Ecological - Economical.</h2><p>Real-time filtration, purification, recycling & heat recovery system for showers. Made in Finland, for Earth.</p></div><div class="hero-row-item hero-video"><div class=video-container><video id=video-hero-1741456171 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=none width=100% height=auto poster=/videos/thumbnails/video1.webp data-setup='{"fluid": true, "responsive": true, "html5": {"vhs": {"overrideNative": true, "enableLowInitialPlaylist": true, "limitRenditionsByPlayerDimensions": true}}, "controlBar": {"pictureInPictureToggle": false}, "playbackRates": [0.75, 1, 1.25, 1.5, 2], "preload": "none"}'>
|
||||
<source src=/videos/hls/video1/index.m3u8 type=video/mp4><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
||||
web browser that <a href=https://videojs.com/html5-video-support/ target=_blank>supports HTML5 video</a></p></video></div></div></div></div></div><div class=cta><div class=cta-row-group><div class=cta-row><div class=cta-row-item><p class="mdl-typography--headline mdl-typography--font-thin">Looking to make a change? Want to support the project?</p><a href=/components class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Check Out our Components</a></div></div></div></div><main><div class=homepage-content><div class=home-introduction><div class=chocolate-container><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class=mdl-typography--display-2>Shower Loop vs Normal Shower</h2><p class=intro-description>90% reduction in water usage and 70-90% in energy reduction for a 10 minute shower with a flow rate of 10 l/min. Savings are dependant on user behaviour and can vary. Use Just one bucket of water for a shower of any length. See the savings section for more information.</p><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save Water</h3><p>Capture, Filter, Reuse</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Saving Energy</h3><p>By reusing warm water.</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Save The Planet</h3><p>Save Money</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Open Hardware</h3><p>Copy, improve, adapt, share</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Assemble It Yourself</h3><p>With manufactured and off-shell components</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Enjoy Better Showers</h3><p>The single pump provides stable water pressure and the thermostat and heater keep water nice and warm</p></div></div></div><div class="mdl-grid reasons"><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>Off - Grid Ready</h3><p>The entire system can run on a 12V DC</p></div></div><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div><i class="far fa-lightbulb"></i></div><div><h3>No Plumber Needed</h3><p>Shower Loop is like a standalone appliance without connecting to water mains</p></div></div></div></div></div></div></div><div class=home-works><div class=mdl-grid><div class="mdl-cell mdl-cell--12-col"><h2 class="mdl-typography--display-2 section-title">How It Works</h2><p class=intro-description>Showers are great, but pouring hot and almost drinkable water down the drain is not. Besides the obvious costs to the environment and your bills, there is also a conscious on unconscious psychological cost any time you create waste. To solve this problem we created Showerloop. It's a shower that collects, cleans and reuses the water in real time while you are showering. So now you can shower for as long as you like but with a reduced ecological impact.</p><div class="mdl-grid videos" style=justify-content:center><div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone"><link href=/css/vendor/video-js.min.css rel=stylesheet><script src=/js/videojs/video.min.js></script><div class=responsive-video-container><video id=video2 class="video-js vjs-default-skin vjs-big-play-centered" controls preload=auto width=640 height=360 poster=/videos/hls/video2/poster.webp data-setup='{"fluid": true}'>
|
||||
<source src=/videos/hls/video2/index.m3u8 type=video/mp4><p class=vjs-no-js>To view this video please enable JavaScript, and consider upgrading to a
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
document.addEventListener("DOMContentLoaded",function(){const e=document.querySelectorAll("video.video-js");e&&e.length>0&&e.forEach(function(e){if(e.id){const n=videojs(e.id,{fluid:!0,responsive:!0,html5:{vhs:{overrideNative:!videojs.browser.IS_SAFARI,enableLowInitialPlaylist:!0,limitRenditionsByPlayerDimensions:!0},nativeAudioTracks:videojs.browser.IS_SAFARI,nativeVideoTracks:videojs.browser.IS_SAFARI}})}})});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -151,6 +151,7 @@
|
|||
<!-- Load only video initialization code (actual VideoJS loaded on demand) -->
|
||||
{{ if $hasVideo }}
|
||||
<script type="module" src="/js/videojs/video-init.min.js" defer></script>
|
||||
<script type="module" src="/static/js/videojs/video-init.min.js" defer></script>
|
||||
{{ end }}
|
||||
|
||||
<!-- Accessibility script -->
|
||||
|
|
@ -163,6 +164,7 @@
|
|||
<script nomodule src="/js/app.min.js" defer></script>
|
||||
{{ if $hasVideo }}
|
||||
<script nomodule src="/js/videojs/video-init.min.js" defer></script>
|
||||
<script nomodule src="/static/js/videojs/video-init.min.js" defer></script>
|
||||
{{ end }}
|
||||
<script nomodule src="/js/skip-to-content.min.js" defer></script>
|
||||
<script nomodule src="/js/material.min.js" defer></script>
|
||||
|
|
@ -175,4 +177,15 @@
|
|||
<!-- Favicon -->
|
||||
<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- VideoJS CSS -->
|
||||
{{ if $hasVideo }}
|
||||
<link rel="stylesheet" href="/css/vendor/video-js.min.css">
|
||||
<link rel="stylesheet" href="/static/css/vendor/video-js.min.css">
|
||||
<!-- VideoJS Core Libraries -->
|
||||
<script src="/js/videojs/video.min.js"></script>
|
||||
<script src="/static/js/videojs/video.min.js"></script>
|
||||
<script src="/js/videojs/videojs-http-streaming.min.js"></script>
|
||||
<script src="/static/js/videojs/videojs-http-streaming.min.js"></script>
|
||||
{{ end }}
|
||||
</head>
|
||||
|
|
|
|||
Loading…
Reference in New Issue