Add Positron to homepage hero

images/hero-dark/hero-animation.json

@@ -0,0 +1 @@
+{"v":"5.9.0","fr":60,"ip":0,"op":1509,"w":550,"h":715,"nm":"Quarto outputs","ddd":1,"assets":[{"id":"image_0","w":550,"h":714,"u":"images/","p":"img_0.png","e":0},{"id":"image_1","w":550,"h":714,"u":"images/","p":"img_1.png","e":0},{"id":"image_2","w":550,"h":714,"u":"images/","p":"img_2.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"1 fg/Quarto Home Animation Dark (fixed color).ai","cl":"ai","refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":133,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":154,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1459,"s":[100]},{"t":1509,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[279,359.5,0],"ix":2,"l":2},"a":{"a":0,"k":[275,357,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-7.079,-504.984],[-7.079,209.016],[542.921,209.016],[542.921,-504.984]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":133,"s":[0]},{"t":138,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[4,-424],[4,290],[554,290],[554,-424]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":138,"s":[0]},{"t":143,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 2"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-6,-350],[-6,364],[544,364],[544,-350]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":143,"s":[0]},{"t":148,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 3"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[10,-268],[10,446],[560,446],[560,-268]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":147,"s":[0]},{"t":152,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 4"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,-198],[0,516],[550,516],[550,-198]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":152,"s":[0]},{"t":157,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 5"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,0],[0,714],[550,714],[550,0]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":157,"s":[0]},{"t":162,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 6"}],"ip":124,"op":1520,"st":-254,"bm":0},{"ddd":0,"ind":2,"ty":2,"nm":"1 bg/Quarto Home Animation Dark (fixed color).ai","cl":"ai","refId":"image_1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":127,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":141,"s":[99]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1459,"s":[99]},{"t":1509,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[281.735,355.5,0],"ix":2,"l":2},"a":{"a":0,"k":[275,357,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":119,"op":1520,"st":-287,"bm":0},{"ddd":1,"ind":3,"ty":2,"nm":"2/Quarto Home Animation Dark (fixed color).ai","cl":"ai","refId":"image_2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":162,"s":[65]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1440,"s":[65]},{"t":1490,"s":[0]}],"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"t":168,"s":[-8]}],"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7},"p":{"a":1,"k":[{"i":{"x":0.664,"y":0.584},"o":{"x":0.33,"y":0},"t":121,"s":[275,357.5,0],"to":[-2.626,0,0],"ti":[22.107,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.222},"t":138,"s":[228.377,346.5,0],"to":[-23.978,0,0],"ti":[0,0,0]},{"t":168,"s":[150,360.5,-9]}],"ix":2},"a":{"a":0,"k":[275,357,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":121,"s":[100,100,100]},{"t":168,"s":[70,70,70]}],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.663,-30],[-1.325,207.604],[548.675,207.604],[549.337,-30]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":14,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0.675,201.936],[0.873,353.5],[551.078,351.704],[550.675,201.936]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[0]},{"t":21,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 2"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.232,356.798],[0,509.5],[550,509.5],[549.768,356.798]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":14,"s":[0]},{"t":28,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 3"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.232,507.809],[0,660.512],[550,660.512],[549.768,507.809]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[0]},{"t":35,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 4"}],"ip":0,"op":1520,"st":-10,"bm":0}],"markers":[]}

images/hero-light/hero-animation.json

@@ -0,0 +1 @@
+{"v":"5.9.0","fr":60,"ip":0,"op":1509,"w":550,"h":715,"nm":"Quarto outputs","ddd":1,"assets":[{"id":"image_0","w":550,"h":714,"u":"images/","p":"img_0.png","e":0},{"id":"image_1","w":550,"h":714,"u":"images/","p":"img_1.png","e":0},{"id":"image_2","w":550,"h":714,"u":"images/","p":"img_2.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"1 fg/Quarto Home Animation Dark (fixed color).ai","cl":"ai","refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":133,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":154,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1459,"s":[100]},{"t":1509,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[279,359.5,0],"ix":2,"l":2},"a":{"a":0,"k":[275,357,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-7.079,-504.984],[-7.079,209.016],[542.921,209.016],[542.921,-504.984]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":133,"s":[0]},{"t":138,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[4,-424],[4,290],[554,290],[554,-424]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":138,"s":[0]},{"t":143,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 2"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-6,-350],[-6,364],[544,364],[544,-350]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":143,"s":[0]},{"t":148,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 3"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[10,-268],[10,446],[560,446],[560,-268]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":147,"s":[0]},{"t":152,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 4"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,-198],[0,516],[550,516],[550,-198]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":152,"s":[0]},{"t":157,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 5"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,0],[0,714],[550,714],[550,0]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":157,"s":[0]},{"t":162,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 6"}],"ip":124,"op":1520,"st":-254,"bm":0},{"ddd":0,"ind":2,"ty":2,"nm":"1 bg/Quarto Home Animation Dark (fixed color).ai","cl":"ai","refId":"image_1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":127,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":141,"s":[99]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1459,"s":[99]},{"t":1509,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[281.735,355.5,0],"ix":2,"l":2},"a":{"a":0,"k":[275,357,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":119,"op":1520,"st":-287,"bm":0},{"ddd":1,"ind":3,"ty":2,"nm":"2/Quarto Home Animation Dark (fixed color).ai","cl":"ai","refId":"image_2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":162,"s":[65]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1440,"s":[65]},{"t":1490,"s":[0]}],"ix":11},"rx":{"a":0,"k":0,"ix":8},"ry":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"t":168,"s":[-8]}],"ix":9},"rz":{"a":0,"k":0,"ix":10},"or":{"a":0,"k":[0,0,0],"ix":7},"p":{"a":1,"k":[{"i":{"x":0.664,"y":0.584},"o":{"x":0.33,"y":0},"t":121,"s":[275,357.5,0],"to":[-2.626,0,0],"ti":[22.107,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.222},"t":138,"s":[228.377,346.5,0],"to":[-23.978,0,0],"ti":[0,0,0]},{"t":168,"s":[150,360.5,-9]}],"ix":2},"a":{"a":0,"k":[275,357,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":121,"s":[100,100,100]},{"t":168,"s":[70,70,70]}],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.663,-30],[-1.325,207.604],[548.675,207.604],[549.337,-30]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":14,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0.675,201.936],[0.873,353.5],[551.078,351.704],[550.675,201.936]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[0]},{"t":21,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 2"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.232,356.798],[0,509.5],[550,509.5],[549.768,356.798]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":14,"s":[0]},{"t":28,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 3"},{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.232,507.809],[0,660.512],[550,660.512],[549.768,507.809]],"c":true},"ix":1},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[0]},{"t":35,"s":[100]}],"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 4"}],"ip":0,"op":1520,"st":-10,"bm":0}],"markers":[]}

index.css

@@ -33,7 +33,7 @@ body.quarto-light .hero-banner {
 }
 
 body.quarto-dark .hero-banner {
-  background-color: #273E4E;
+  background-color: #1C2F3D;
 }
 
 .hero-banner h1 {

index.qmd

@@ -9,9 +9,12 @@ description: |
   An open source technical publishing system for creating beautiful articles, websites, blogs, books, slides, and more. Supports Python, R, Julia, and JavaScript.
 hide-description: true
 image: quarto-dark-bg.jpeg
-resources: 
-  - images/hero_animation.mp4
-  - images/hero_animation_dark.mp4
+resources:
+  - images/hero-dark/hero-animation.json
+  - images/hero-dark/images/
+  - images/hero-light/hero-animation.json
+  - images/hero-light/images/
+  - js/lottie.min.js
 ---
 
 ::: {.hero-banner}
@@ -44,22 +47,44 @@ resources:
 
 ::: {.hero-animation}
 
+```{=html}
+<script src="js/lottie.min.js" defer integrity="sha384-J8C0MvgX4WP58J4N2W99vCKd2J6z99ynOJ5bEfE6jeP7kVTW1drYtv/jzrxM5jbm" crossorigin="anonymous"></script>
+```
+
 ::: light-content
 
 ```{=html}
-<video autoplay muted playsinline loop>
-<source src="images/hero_animation.mp4" type="video/mp4"/>
-</video>
+<div id="lottie-light"></div>
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    lottie.loadAnimation({
+      container: document.getElementById('lottie-light'),
+      renderer: 'svg',
+      loop: true,
+      autoplay: true,
+      path: 'images/hero-light/hero-animation.json'
+    });
+  });
+</script>
 ```
 
 :::
 
 ::: dark-content
 
 ```{=html}
-<video autoplay muted playsinline loop>
-<source src="images/hero_animation_dark.mp4" type="video/mp4"/>
-</video>
+<div id="lottie-dark"></div>
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    lottie.loadAnimation({
+      container: document.getElementById('lottie-dark'),
+      renderer: 'svg',
+      loop: true,
+      autoplay: true,
+      path: 'images/hero-dark/hero-animation.json'
+    });
+  });
+</script>
 ```
 
 :::