Kickstarter dialog #2302
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -67,7 +67,6 @@ | |
| </a> | ||
| <i class="fa-solid fa-grip-vertical" slot="handle"></i> | ||
| </wa-comparison> | ||
| {%- endif %} | ||
|
|
||
| <is-land class="elv-possum-island" on:visible on:idle on:load on:save-data="false" on:media="(prefers-reduced-motion: no-preference)"> | ||
|
|
@@ -80,4 +79,53 @@ | |
| </template> | ||
| </is-land> | ||
| </div> | ||
|
|
||
| <wa-dialog id="promo-dialog" class="promo-dialog" light-dismiss without-header> | ||
| <iframe class="video-player" src="https://player.vimeo.com/video/1168551192?h=6ba669b3ff&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Now on Kickstarter: Build Awesome — Collaborate on Web Sites That Last"></iframe> | ||
|
Contributor
There was a problem hiding this comment. I wouldn't expect Vimeo to be around for long: https://www.businessinsider.com/vimeo-laying-off-staff-after-billion-sale-to-bending-spoons-2026-1 |
||
| <div class="wa-stack wa-gap-2xl"> | ||
| <div class="wa-stack wa-gap-s promo-dialog-content"> | ||
| The same static site generation you know and love, now with endless Pro 'possum-bilties. But just like the other parts of the Awesomeverse, the core of Build Awesome will continue to be free and open source. | ||
| </div> | ||
| <div class="promo-footer wa-flank"> | ||
| <wa-button type="button" appearance="plain" data-dialog="close">Got It</wa-button> | ||
| <wa-button | ||
| variant="brand" | ||
| appearance="accent" | ||
| href="{{ config.kickstarterUrl }}" | ||
|
Contributor
There was a problem hiding this comment. Conceptually this ought to be an If the web component cannot load (network fluke or what have you) this link isn't actionable. |
||
| class="brand-font promo-dialog-ks-button"> | ||
| Support the Kickstarter! | ||
| </wa-button> | ||
| </div> | ||
| </div> | ||
|
|
||
| </wa-dialog> | ||
|
|
||
| <button id="reset-promo-dialog" onclick="localStorage.removeItem('ba-promo-dialog'); location.reload();">Reset Promo Dialog</button> | ||
| </header> | ||
|
|
||
| <script type="module"> | ||
| if (!localStorage.getItem('ba-promo-dialog')) { | ||
|
|
||
| // Wait for Web Awesome kit to load and register components | ||
| try { | ||
| await customElements.whenDefined('wa-dialog'); | ||
|
|
||
| const dialog = document.querySelector('#promo-dialog'); | ||
| const videoIframe = dialog.querySelector('.video-player'); | ||
|
|
||
| dialog.open = true; | ||
|
|
||
| // Save to localStorage and stop video when dialog is closed | ||
| dialog.addEventListener('wa-hide', () => { | ||
| localStorage.setItem('ba-promo-dialog', 'closed'); | ||
|
|
||
| // Stop the Vimeo video by sending a pause command | ||
| if (videoIframe && videoIframe.contentWindow) { | ||
| videoIframe.contentWindow.postMessage('{"method":"pause"}', '*'); | ||
| } | ||
| }, { once: true }); | ||
| } catch (error) { | ||
| console.error('Error loading dialog:', error); | ||
| } | ||
| } | ||
| </script> | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.