📝(content) Add LumaFusion Beta announcement post (#499)

* Update homepage stat * Rearrange stats * Rearrange background import to let overrides happen * Update homepage banner to allow for fallbacks * Add LumaFusion announcement post * WIP: Hero updates and LumaFusion theme Heros all fell back to default background, even if there was a theme specified. Themes should override background images, if present * Update title and short description * Improve handling of theme colors * Add custom circles for theme * Less excite * Update wording for large-screen devices * Add link to Play * Update publish date Co-authored-by: Sam Richard <=> Co-authored-by: Sam Richard <[email protected]>
chromeos · Nov 9, 2022 · 7352c25 · 7352c25
1 parent 6347b4b
commit 7352c25
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 3 deletions.
diff --git a/site/en/posts/announcing-lumafusion-beta-for-chromeos.md b/site/en/posts/announcing-lumafusion-beta-for-chromeos.md
@@ -0,0 +1,29 @@
+---
+title: Announcing LumaFusion beta for ChromeOS
+metadesc: LumaFusion beta is now available for ChromeOS and Android.
+tags:
+ - announcement
+ - android
+hero:
+ youtube: azWiCUPPThk
+ alt: Video showing a video being edited in LumaFusion on a Chromebook
+theme:
+ theme: lumafusion
+featured:
+ images:
+ - image: ix:https://posts/announcing-lumafusion-beta-for-chromeos/LumaFusionHero.png
+ alt: Chromebook running LumaFusion Beta
+authors:
+ - chrisdemiris
+date: 2022-11-08
+---
+
+We're very excited today to announce the open beta of LumaFusion for ChromeOS and Android. This is an important milestone in our long-held goal of bringing professional and accessible video editing and effects to an incredibly wide range of content creators around the world.
+
+Developing LumaFusion for larger screens such as ChromeOS, tablets and foldables presented us with new opportunities. The development team built LumaFusion for ChromeOS from the ground up, taking great strides to recreate the signature LumaFusion experience and ensure users enjoy the same workflow on any device they choose. We think Chromebooks are a natural fit for LumaFusion because they’re easy to set up and are always ready to use with great battery life and no long boot up or update times. We think our users will love the flexibility and power their large screens and both touch and keyboard interfaces will bring to how they work. That same ease of use and complete control has always been a hallmark of LumaFusion.
+
+When creating LumaFusion for large-screen devices, one of our biggest challenges was developing the engine to playback and export the multitrack video and audio compositions that LumaFusion makes possible. After multiple iterations, our team created an engine that directly manages multiple [`MediaCodec`s](https://developer.android.com/reference/kotlin/android/media/MediaCodec) with a central clock to manage synchronization between various video and audio sources, and an [OpenGLES](https://developer.android.com/develop/ui/views/graphics/opengl) renderer that composites multiple video sources, still images, and rendered titles into output frames. The result? They perfectly reproduced dozens of video filters as OpenGLES shaders for ChromeOS and Android.
+
+During the development process, we collaborated with ChromeOS and Android to help provide the best performance possible. The learning went both ways and other developers should benefit from platform improvements made to improve the resource intensive task of multi-track asset manipulation in Android.
+
+The LumaFusion open beta is available now in the [Google Play Store](https://play.google.com/apps/testing/com.luma_touch.lumafusion); we’d love for you to try it out and share your feedback. Stay tuned for even more on this exciting new chapter for ChromeOS and LumaFusion.
diff --git a/site/sass/components/_banner-interstitial.scss b/site/sass/components/_banner-interstitial.scss
@@ -46,7 +46,7 @@
  &__eyebrow,
  &__title,
  &__copy {
- color: inherit;
+ color: var(--hero-theme-color, inherit);
  }
 
  &__copy {
@@ -60,7 +60,7 @@
 
  &__cta {
  border-color: currentColor;
- color: inherit;
+ color: var(--hero-theme-color, inherit);
  display: inline-flex;
  margin-top: 1.75rem;
  }

diff --git a/site/sass/components/_themes.scss b/site/sass/components/_themes.scss
@@ -29,6 +29,11 @@
  --hero-theme-background: var(--blue-850);
  --hero-theme-cta-background: transparent;
 
- background-image: radial-gradient(circle farthest-corner at 97% 97%, var(--blue-200) 175px, transparent 175px), radial-gradient(circle farthest-corner at calc(97% + 53px) calc(97% + 53px), var(--blue-300) 250px, transparent 250px);
+ --center: 97%;
+ --offset: 74px;
+ --small: 25%;
+ --large: calc(25% + 5rem);
+
+ background-image: radial-gradient(circle farthest-corner at var(--center) var(--center), var(--blue-200) var(--small), transparent var(--small)), radial-gradient(circle farthest-corner at calc(var(--center) + var(--offset)) calc(var(--center) + var(--offset)), var(--blue-300) var(--large), transparent var(--large));
  }
 }