EricandMike Thomas
6822eece46
Changes: - Updated the `<parallax-city>` component to show a static image and renamed it `<cloud-city>`. - Removed the gradient that appears on pages where the `<parallax-city>` component is used - Updated pages to use the component's new name. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Introduced a new static cloud-city banner component across the site, replacing the previous parallax-animated city banners. * **Style** * Added new responsive styling for the cloud-city banner (including breakpoint-specific background/height behavior). * Removed the old parallax-city banner styling. * Removed bottom “gradient” background sections on multiple pages to clean up the visual transitions between sections. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
55 lines
1.5 KiB
JavaScript
Vendored
55 lines
1.5 KiB
JavaScript
Vendored
/**
|
|
* <cloud-city>
|
|
* -----------------------------------------------------------------------------
|
|
* A static image of Fleet cloud city.
|
|
*
|
|
* @type {Component}
|
|
*
|
|
* -----------------------------------------------------------------------------
|
|
*/
|
|
|
|
parasails.registerComponent('cloudCity', {
|
|
// ╔═╗╦═╗╔═╗╔═╗╔═╗
|
|
// ╠═╝╠╦╝║ ║╠═╝╚═╗
|
|
// ╩ ╩╚═╚═╝╩ ╚═╝
|
|
props: [],
|
|
|
|
// ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗
|
|
// ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣
|
|
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
|
|
data: function (){
|
|
return {
|
|
};
|
|
},
|
|
|
|
// ╦ ╦╔╦╗╔╦╗╦
|
|
// ╠═╣ ║ ║║║║
|
|
// ╩ ╩ ╩ ╩ ╩╩═╝
|
|
template: `
|
|
<div>
|
|
<div purpose="static-cloud-city">
|
|
</div>
|
|
</div>
|
|
`,
|
|
|
|
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
|
|
// ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣
|
|
// ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
|
|
beforeMount: function() {
|
|
|
|
},
|
|
mounted: async function(){
|
|
|
|
},
|
|
beforeDestroy: function() {
|
|
|
|
},
|
|
|
|
// ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
|
|
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
|
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
|
methods: {
|
|
//
|
|
}
|
|
});
|