surf/views/landing-page.hbs

197 строки
22 KiB
Handlebars

<!-- Landing page image -->
<main id="home" class="home flx-col content-section" data-observing="true" data-section-id="home">
<div class="flx-row landing-section">
<svg class="landing-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 647.44 252.72"><path d="M3.22,3.33h7.87L23.56,20.62,36.48,3.33H44V45.27H36.08V15.86L23.5,32.75,11.26,16.14V45.27h-8Z" fill="#fff"/><path d="M49.29,29.76A16.41,16.41,0,1,1,65.67,45.9,16.07,16.07,0,0,1,49.29,29.76Zm24.93-.06a8.5,8.5,0,1,0-8.5,8.68A8.56,8.56,0,0,0,74.22,29.7Z" fill="#fff"/><path d="M85.14,38.2l17.29-17.06h-17V14.25H112.2v7.06L95,38.32h17.47v7H85.14Z" fill="#fff"/><path d="M121.91.34A4.94,4.94,0,0,1,127,5.52a5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,121.91.34Zm-4,13.91H126v31h-8.11Z" fill="#fff"/><path d="M132.19,0h7.93V45.27h-7.93Z" fill="#fff"/><path d="M146.43,0h7.93V45.27h-7.93Z" fill="#fff"/><path d="M159.42,36.65c0-6.43,5.34-10.39,14-10.39h8.16v-.41c0-3.33-2.24-5.63-6.73-5.63a7.74,7.74,0,0,0-7.29,4.08l-7.3-3.62a17.35,17.35,0,0,1,14.65-7.06c9.14,0,14.37,4.76,14.37,12.58V45.27h-7.65V40.5a13.78,13.78,0,0,1-11.37,5.4C163.44,45.9,159.42,42.11,159.42,36.65Zm22.17-2.93V32.06H174.3c-4.71,0-6.61,1.49-6.61,3.9,0,2.24,1.55,3.39,4.83,3.39A10.2,10.2,0,0,0,181.59,33.72Z" fill="#fff"/><path d="M0,106.17l7.07-5.63c2.75,4.36,6.49,6.6,11.49,6.6,4.54,0,6.89-2.18,6.89-5.22,0-3.91-4-4.72-9.82-6C9.36,94.56,2.36,92.55,2.36,84.05c0-6.9,6.14-12.41,14.88-12.41,7.41,0,12.06,2.58,16.31,7.3l-6.61,5.17a10.83,10.83,0,0,0-9.82-5.23c-4.54,0-6.49,2.24-6.49,5,0,3.39,4.19,4,9.42,5.22,6.44,1.38,13.85,3.45,13.85,12.53,0,7.18-6,13.15-15.4,13.15C9.48,114.78,4,111.22,0,106.17Z" fill="#fff"/><path d="M38.49,98.76A16,16,0,0,1,54.75,82.55c9.31,0,16,6.73,16,15.92v3H46.13c1,4,4.31,6.55,8.91,6.55a8.45,8.45,0,0,0,7.69-4.14l6.5,3.79c-3.11,4.37-7.47,7.18-14.31,7.18C44.92,114.84,38.49,107.78,38.49,98.76Zm7.87-3.51H62.91c-1-3.85-4-6-8.16-6A8.62,8.62,0,0,0,46.36,95.25Z" fill="#fff"/><path d="M75,98.7a16.36,16.36,0,0,1,31.36-6.32L99.1,95.31A8,8,0,0,0,91.4,90a8.68,8.68,0,0,0,.06,17.35,8.18,8.18,0,0,0,7.7-5.4l7.41,3a16.19,16.19,0,0,1-15.23,9.88A16,16,0,0,1,75,98.7Z" fill="#fff"/><path d="M110.59,101.8V83.19h8.1v17.52c0,4.37,2.07,7.07,6.32,7.07,3.73,0,6.49-2.7,6.49-7.53V83.19l8-.06v31l-7.93.06V110.3a10.75,10.75,0,0,1-9,4.54C115,114.84,110.59,110,110.59,101.8Z" fill="#fff"/><path d="M145.86,83.19h7.81V88c1.5-3.67,4.6-5.34,8.56-5.34a11.5,11.5,0,0,1,5.23,1.21l-2.87,7.81a7.29,7.29,0,0,0-4.14-1.09c-4.08,0-6.72,2.07-6.72,7.3v16.37h-7.87Z" fill="#fff"/><path d="M175.56,69.28a4.93,4.93,0,0,1,5.11,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,175.56,69.28Zm-4,13.91h8.1v31h-8.1Z" fill="#fff"/><path d="M184.06,83.19h5.75V76.46l7.81-4.59V83.19h8.16v7h-8.16V103c0,3.27,1.38,4.42,3.39,4.42a4.06,4.06,0,0,0,2.87-1.15l3.62,6.21a12.29,12.29,0,0,1-7.41,2.35c-6.49,0-10.28-3.1-10.28-11.54v-13h-5.75Z" fill="#fff"/><path d="M205.72,123.63l4.6-6.43a5.53,5.53,0,0,0,4.19,1.89c2.82,0,4.54-1.26,6.09-4.94l.52-1.26-12.47-29.7h8.45l8,20,7.64-20h8.27l-13.38,32.69c-3.22,7.92-6.55,10.62-13.1,10.62A15.6,15.6,0,0,1,205.72,123.63Z" fill="#fff"/><path d="M258.92,72.27h28.21v7.64H267v9.42h20.11V97H267v9.53h20.11v7.7H258.92Z" fill="#fff"/><path d="M293.44,83.19h7.93v3.9a10.91,10.91,0,0,1,9.08-4.54c7.35,0,12,4.83,12,12.93v18.73h-8.1V96.69c0-4.43-2.13-7.18-6.32-7.18-3.74,0-6.61,2.75-6.61,7.58v17.12h-8Z" fill="#fff"/><path d="M327.57,98.64c0-9.82,7.12-16.09,15.05-16.09a11.64,11.64,0,0,1,9.65,4.72V83.19h7.93v28.72c0,9-6.72,15.57-16.26,15.57-7.07,0-11.72-2.07-15.22-6.15l6.55-5.11a9.53,9.53,0,0,0,8.44,4.19c5,0,8.56-3.38,8.56-8.27v-2.35a11.87,11.87,0,0,1-9.77,4.88C334.86,114.67,327.57,108.47,327.57,98.64Zm25.1-.06a8.62,8.62,0,1,0-8.61,8.74A8.56,8.56,0,0,0,352.67,98.58Z" fill="#fff"/><path d="M370.42,69.28a4.94,4.94,0,0,1,5.12,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,370.42,69.28Zm-4,13.91h8.1v31h-8.1Z" fill="#fff"/><path d="M380.82,83.19h7.93v3.9a10.91,10.91,0,0,1,9.08-4.54c7.35,0,12,4.83,12,12.93v18.73h-8.1V96.69c0-4.43-2.12-7.18-6.32-7.18-3.73,0-6.6,2.75-6.6,7.58v17.12h-8Z" fill="#fff"/><path d="M415,98.76A16,16,0,0,1,431.2,82.55c9.31,0,16,6.73,16,15.92v3H422.59c1,4,4.31,6.55,8.9,6.55a8.45,8.45,0,0,0,7.7-4.14l6.49,3.79c-3.1,4.37-7.47,7.18-14.3,7.18C421.38,114.84,415,107.78,415,98.76Zm7.87-3.51h16.54c-1-3.85-4-6-8.16-6A8.61,8.61,0,0,0,422.82,95.25Z" fill="#fff"/><path d="M451.48,98.76a16,16,0,0,1,16.26-16.21c9.31,0,16,6.73,16,15.92v3H459.12c1,4,4.31,6.55,8.91,6.55a8.48,8.48,0,0,0,7.7-4.14l6.49,3.79c-3.1,4.37-7.47,7.18-14.31,7.18C457.92,114.84,451.48,107.78,451.48,98.76Zm7.87-3.51H475.9c-1-3.85-4-6-8.16-6A8.63,8.63,0,0,0,459.35,95.25Z" fill="#fff"/><path d="M488.94,83.19h7.81V88c1.49-3.67,4.6-5.34,8.56-5.34a11.5,11.5,0,0,1,5.23,1.21l-2.87,7.81a7.29,7.29,0,0,0-4.14-1.09c-4.08,0-6.72,2.07-6.72,7.3v16.37h-7.87Z" fill="#fff"/><path d="M518.64,69.28a4.94,4.94,0,0,1,5.11,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,518.64,69.28Zm-4,13.91h8.1v31h-8.1Z" fill="#fff"/><path d="M529,83.19H537v3.9A10.91,10.91,0,0,1,546,82.55c7.35,0,12,4.83,12,12.93v18.73H550V96.69c0-4.43-2.13-7.18-6.32-7.18-3.74,0-6.61,2.75-6.61,7.58v17.12h-8Z" fill="#fff"/><path d="M563.16,98.64c0-9.82,7.12-16.09,15.05-16.09a11.64,11.64,0,0,1,9.65,4.72V83.19h7.93v28.72c0,9-6.72,15.57-16.26,15.57-7.06,0-11.72-2.07-15.22-6.15l6.55-5.11a9.54,9.54,0,0,0,8.44,4.19c5,0,8.56-3.38,8.56-8.27v-2.35a11.87,11.87,0,0,1-9.76,4.88C570.46,114.67,563.16,108.47,563.16,98.64Zm25.11-.06a8.62,8.62,0,1,0-8.62,8.74A8.56,8.56,0,0,0,588.27,98.58Z" fill="#fff"/><path d="M3.1,167V141.21h8.28v26c0,5.17,3.33,8.73,8.27,8.73S28,172.35,28,167.18v-26h8.27V167c0,10.46-6.66,16.72-16.6,16.72S3.1,177.46,3.1,167Z" fill="#fff"/><path d="M42.63,152.12h7.93V156a10.9,10.9,0,0,1,9.07-4.54c7.36,0,12,4.83,12,12.93v18.73h-8.1V165.63c0-4.43-2.13-7.19-6.32-7.19-3.74,0-6.61,2.76-6.61,7.59v17.12h-8Z" fill="#fff"/><path d="M81.75,138.22a4.93,4.93,0,0,1,5.11,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,81.75,138.22Zm-4,13.9h8.1v31h-8.1Z" fill="#fff"/><path d="M89.68,152.12h8.38L105.71,173l7.69-20.92h8.22l-12.18,31h-7.87Z" fill="#fff"/><path d="M122.59,167.69a16,16,0,0,1,16.26-16.2c9.31,0,16,6.72,16,15.92v3H130.24c1,4,4.3,6.55,8.9,6.55a8.47,8.47,0,0,0,7.7-4.13l6.49,3.79c-3.1,4.36-7.47,7.18-14.3,7.18C129,183.78,122.59,176.71,122.59,167.69Zm7.87-3.5H147c-1-3.85-4-6-8.16-6A8.64,8.64,0,0,0,130.46,164.19Z" fill="#fff"/><path d="M160.05,152.12h7.81v4.77c1.5-3.67,4.6-5.34,8.56-5.34a11.5,11.5,0,0,1,5.23,1.21l-2.87,7.81a7.29,7.29,0,0,0-4.14-1.09c-4.08,0-6.72,2.07-6.72,7.29v16.38h-7.87Z" fill="#fff"/><path d="M182.34,176.08l7.64-3a7.45,7.45,0,0,0,7.12,4.2c3.22,0,5-1.55,5-3.39,0-2.24-3.34-2.76-7.3-3.56-5.23-1.1-11-2.7-11-9.25,0-5.23,5.05-9.77,12.7-9.71,6.55,0,10.45,2.47,13.32,6.6l-7.23,2.93a6.66,6.66,0,0,0-6.09-3.27c-3.11,0-4.6,1.26-4.6,3,0,2,2.53,2.47,7.07,3.44,5.17,1,11.26,2.82,11.26,9.48,0,4.83-4.31,10.29-13.33,10.23C189.46,183.78,184.81,181,182.34,176.08Z" fill="#fff"/><path d="M219.11,138.22a4.93,4.93,0,0,1,5.11,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,219.11,138.22Zm-4,13.9h8.1v31h-8.1Z" fill="#fff"/><path d="M227.61,152.12h5.74V145.4l7.82-4.59v11.31h8.16v7h-8.16v12.76c0,3.27,1.38,4.42,3.39,4.42a4.06,4.06,0,0,0,2.87-1.15l3.62,6.21a12.29,12.29,0,0,1-7.41,2.35c-6.49,0-10.29-3.1-10.29-11.55v-13h-5.74Z" fill="#fff"/><path d="M249.27,192.57l4.59-6.43a5.61,5.61,0,0,0,4.2,1.89c2.81,0,4.54-1.26,6.09-4.94l.51-1.26L252.2,152.12h8.44l8.05,20,7.64-20h8.27l-13.39,32.69c-3.21,7.93-6.55,10.63-13.1,10.63A15.59,15.59,0,0,1,249.27,192.57Z" fill="#fff"/><path d="M302.46,141.21h17c9.65,0,15.4,6.2,15.4,14.19a13.65,13.65,0,0,1-7.36,12.41l8.28,15.34h-9.08L320,169.93h-9.43v13.22h-8.1Zm8.1,7.47v13.84h8.28c5.34,0,7.81-3.33,7.81-7.06,0-4.14-2.64-6.78-7.81-6.78Z" fill="#fff"/><path d="M338,167.69a16,16,0,0,1,16.25-16.2c9.31,0,16,6.72,16,15.92v3H345.67c1,4,4.31,6.55,8.9,6.55a8.47,8.47,0,0,0,7.7-4.13l6.49,3.79c-3.1,4.36-7.47,7.18-14.3,7.18C344.46,183.78,338,176.71,338,167.69Zm7.87-3.5h16.54c-1-3.85-4-6-8.16-6A8.62,8.62,0,0,0,345.9,164.19Z" fill="#fff"/><path d="M375.54,137.88h7.93v45.27h-7.93Z" fill="#fff"/><path d="M388.52,174.53c0-6.43,5.34-10.4,14-10.4h8.16v-.4c0-3.33-2.24-5.63-6.72-5.63a7.73,7.73,0,0,0-7.3,4.08l-7.29-3.62A17.32,17.32,0,0,1,404,151.49c9.13,0,14.36,4.77,14.36,12.58v19.08H410.7v-4.77c-2.24,3.22-6.49,5.4-11.38,5.4C392.54,183.78,388.52,180,388.52,174.53Zm22.18-2.93v-1.67h-7.3c-4.71,0-6.61,1.5-6.61,3.91,0,2.24,1.56,3.39,4.83,3.39A10.24,10.24,0,0,0,410.7,171.6Z" fill="#fff"/><path d="M421.61,152.12h5.75V145.4l7.81-4.59v11.31h8.16v7h-8.16v12.76c0,3.27,1.38,4.42,3.39,4.42a4.06,4.06,0,0,0,2.87-1.15l3.62,6.21a12.29,12.29,0,0,1-7.41,2.35c-6.49,0-10.28-3.1-10.28-11.55v-13h-5.75Z" fill="#fff"/><path d="M452.58,138.22a4.93,4.93,0,0,1,5.11,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,452.58,138.22Zm-4,13.9h8.1v31h-8.1Z" fill="#fff"/><path d="M461.88,167.64a16.41,16.41,0,1,1,16.38,16.14A16.07,16.07,0,0,1,461.88,167.64Zm24.93-.06a8.5,8.5,0,1,0-8.5,8.67A8.56,8.56,0,0,0,486.81,167.58Z" fill="#fff"/><path d="M499.91,152.12h7.93V156a10.91,10.91,0,0,1,9.08-4.54c7.35,0,12,4.83,12,12.93v18.73h-8.1V165.63c0-4.43-2.12-7.19-6.32-7.19-3.73,0-6.6,2.76-6.6,7.59v17.12h-8Z" fill="#fff"/><path d="M532.89,176.08l7.64-3a7.45,7.45,0,0,0,7.12,4.2c3.22,0,4.94-1.55,4.94-3.39,0-2.24-3.33-2.76-7.29-3.56-5.23-1.1-11-2.7-11-9.25,0-5.23,5.05-9.77,12.69-9.71,6.55,0,10.46,2.47,13.33,6.6l-7.24,2.93a6.64,6.64,0,0,0-6.09-3.27c-3.1,0-4.59,1.26-4.59,3,0,2,2.52,2.47,7.06,3.44,5.17,1,11.26,2.82,11.26,9.48,0,4.83-4.31,10.29-13.33,10.23C540,183.78,535.36,181,532.89,176.08Z" fill="#fff"/><path d="M565.57,137.88h7.88v18a11,11,0,0,1,9-4.43c7.35,0,12.06,4.83,12.06,12.93v18.73h-8.16V165.63c0-4.43-2.12-7.19-6.32-7.19-3.73,0-6.6,2.76-6.6,7.59v17.12h-7.88Z" fill="#fff"/><path d="M604.64,138.22a4.93,4.93,0,0,1,5.11,5.17,5.09,5.09,0,0,1-10.17,0A5,5,0,0,1,604.64,138.22Zm-4,13.9h8.1v31h-8.1Z" fill="#fff"/><path d="M622.79,179.36v16.2h-7.87V152.12h7.82v4.31a11.53,11.53,0,0,1,9.76-4.94c7.82,0,14.94,6.26,14.94,16.15s-7.24,16.14-14.88,16.14C628.37,183.78,624.86,182.23,622.79,179.36Zm16.72-11.78a8.59,8.59,0,1,0-8.56,8.73A8.58,8.58,0,0,0,639.51,167.58Z" fill="#fff"/><path d="M3.22,210.15h27v7.69H11.38v9.71H30.22v7.59H11.38v17H3.22Z" fill="#fff"/><path d="M36.14,221.06H44v4.77c1.49-3.68,4.6-5.34,8.56-5.34a11.64,11.64,0,0,1,5.23,1.2l-2.87,7.82a7.31,7.31,0,0,0-4.14-1.09c-4.08,0-6.72,2.06-6.72,7.29v16.38H36.14Z" fill="#fff"/><path d="M58.88,243.47c0-6.44,5.35-10.4,14-10.4H81v-.4c0-3.33-2.24-5.63-6.72-5.63A7.71,7.71,0,0,0,67,231.12l-7.3-3.62a17.34,17.34,0,0,1,14.65-7.07c9.13,0,14.36,4.77,14.36,12.58v19.08H81.06v-4.77a13.78,13.78,0,0,1-11.37,5.4C62.91,252.72,58.88,248.93,58.88,243.47Zm22.18-2.93v-1.67h-7.3c-4.71,0-6.6,1.5-6.6,3.91,0,2.24,1.55,3.39,4.82,3.39A10.23,10.23,0,0,0,81.06,240.54Z" fill="#fff"/><path d="M94.79,221.06h7.93v3.68a10.15,10.15,0,0,1,8.62-4.31c4.65,0,7.81,1.9,9.48,5.23a11,11,0,0,1,9.7-5.23c7.88,0,11.84,4.83,11.84,12.58v19.08H134.2V234.16c0-4.19-1.72-6.78-5.74-6.78-3.57,0-5.92,2.42-5.92,7.3v17.41h-8.1V233.93c0-4.13-1.73-6.55-5.57-6.55s-6.09,2.47-6.09,7.47v17.24h-8Z" fill="#fff"/><path d="M147.47,236.63a16,16,0,0,1,16.26-16.2c9.3,0,16,6.72,16,15.91v3H155.11c1,4,4.31,6.55,8.9,6.55a8.45,8.45,0,0,0,7.7-4.14l6.5,3.8c-3.11,4.36-7.47,7.18-14.31,7.18C153.9,252.72,147.47,245.65,147.47,236.63Zm7.87-3.5h16.55c-1-3.85-4-6-8.16-6A8.63,8.63,0,0,0,155.34,233.13Z" fill="#fff"/><path d="M181.31,221.06h8l6.26,20.23L203,221.06H210l7.24,20.34,6.49-20.34h8l-10.51,31h-7.47l-7.41-20.23-7.47,20.23h-7.58Z" fill="#fff"/><path d="M233.24,236.57a16.4,16.4,0,1,1,16.37,16.15A16.06,16.06,0,0,1,233.24,236.57Zm24.93,0a8.5,8.5,0,1,0-8.5,8.67A8.56,8.56,0,0,0,258.17,236.52Z" fill="#fff"/><path d="M271.27,221.06h7.81v4.77c1.5-3.68,4.6-5.34,8.56-5.34a11.64,11.64,0,0,1,5.23,1.2L290,229.51a7.29,7.29,0,0,0-4.14-1.09c-4.08,0-6.72,2.06-6.72,7.29v16.38h-7.87Z" fill="#fff"/><path d="M309.47,239.27l-4.77,5.35v7.47h-7.87V206.81h7.87v28.67l12.59-14.42h9.48L315.1,234.28l12.24,17.81h-9.08Z" fill="#fff"/></svg>
</div>
</main>
<!-- Landing -->
<section class="flx-col">
<div class="intro-bg-white content-section">
<div class="max-content-width">
<div class="flx-row">
<div class="flx-col intro-text-wrapper">
{{#each (landingCopy)}}
{{#if this.callout}}
<div class="text-callout-wrapper intro-text-callout-wrapper flx-row opacity-0 fade-up" data-observing="true">
<div class="email-icon-wrapper rel"></div>
<p class="body-text callout-text"><span class="text-bg-dark">{{{ this.text }}}</span></p>
</div>
{{else}}
<p class="body-text txt-dark opacity-0 fade-up" data-observing="true">{{{ this.text }}}</p>
{{/if}}
{{/each}}
</div>
</div>
</div>
</div>
</section>
<!-- People -->
<section id="people" class="content-section surf-people-wrapper flx-col" data-observing="true" data-section-id="people">
<div class="max-content-width">
<h3 class="ff-Met">People</h3>
</div>
<div class="max-content-width flx-row thirds">
{{#each (person)}}
<div class="bio-wrapper opacity-0 fade-up flx-third" data-observing="true">
<div class="bio-img {{ this.imgClassName }} flx-third-img"></div>
<div class="bio-content flx-col">
<h4 class="ff-Met bio-name">{{ this.name }}</h4>
<p class="bio-title ff-Met">{{ this.jobTitle }}</p>
<p class="bio-affiliation ff-Met">{{ this.affiliation }}</p>
<a href="mailto:{{ this.contact }}" class="bio-contact flx-row">
<div class="bio-email-icon bg-img"></div>
<p class="bio-contact-email ff-Met">{{ this.contact }}</p>
</a>
<p class="bio-text body-text">{{ this.bio }}</p>
</div>
</div>
{{/each}}
</div>
</section>
<!-- Summits -->
<section id="summits" class="content-section summits flx-col" data-observing="true" data-section-id="summits">
<div class="max-content-width">
<h3 class="opacity-0" data-observing="true">Summits</h3>
</div>
<div class="max-content-width flx-row thirds">
{{#each (summits)}}
<div class="flx-third summit-wrapper flx-col fade-up opacity-0" data-observing="true">
<div class="summit-image bg-img flx-third-img {{ this.imgClassName }}"></div>
<div class="summit-info flx-col">
<h4 class="summit-name ff-Met">{{ this.summitName }}</h4>
<p class="summit-location">{{ this.summitLocation }} <span class="summit-date">{{ this.summitDate }}</span></p>
</div>
</div>
{{/each}}
</div>
</section>
<!-- Publications -->
<section id="publications" class="content-section publications flx-col" data-observing="true" data-section-id="publications">
<div class="max-content-width">
<div class="flx-row two-up">
<div class="flx-col third rel">
<div class="docs hide-900" data-observing="true">
<div class="doc doc-3 bg-img"></div>
<div class="doc doc-2 bg-img"></div>
<div class="doc doc-1 bg-img"></div>
</div>
<h3 class="pub-headline opacity-0" data-observing="true">Publications</h3>
</div>
<ul class="publications-list two-thirds opacity-0 style-none" data-observing="true">
{{#each (publication)}}
<li class="publication-list-item">
{{#if this.pubHref }}
<a href="{{ this.pubHref }}" target="_blank" rel="noopener noreferrer" class="pub-title pseudos dark-link open-new-tab">{{ this.title }}</a>
{{else}}
<p class="pub-title">{{ this.title }}</p>
{{/if}}
<p class="pub-authors">{{ this.authors }}</p>
<p class="pub-date-location">{{ this.addInfo }}</p>
</li>
{{/each}}
</ul>
</div>
</div>
</section>
<section id="talks" class="content-section talks flx-col" data-observing="true" data-section-id="talks">
<div class="max-content-width">
<div class="flx-row two-up">
<div class="flx-col third rel">
<svg data-observing="true" id="mic" class="opacity-0 mic hide-900" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.78 113.71"><path d="M33.05,31.55H31.74V28.24a1.32,1.32,0,0,0-2.64,0v3.31h-4c0-.26,0-.52.05-.78V9.07c0-4-3.54-7.22-7.89-7.22S9.37,5.08,9.37,9.07V30.75a6.79,6.79,0,0,0,0,.78H5.34V28.24a1.33,1.33,0,0,0-2.65,0v3.31H1.38a.66.66,0,1,0-.15,1.31h1.5A14.38,14.38,0,0,0,7,42.46,14.62,14.62,0,0,0,12.59,46V53.3H8a1.32,1.32,0,1,0-.2,2.64.67.67,0,0,0,.2,0H26.45a1.32,1.32,0,1,0,.21-2.64H21.84V46a14.62,14.62,0,0,0,5.63-3.5,14.44,14.44,0,0,0,4.24-9.6h1.34a.66.66,0,1,0,.15-1.31A.38.38,0,0,0,33.05,31.55ZM17.25,4.48c2.89,0,5.24,2.06,5.24,4.59v.7a1.32,1.32,0,0,0,0,2.63V15a1.33,1.33,0,0,0,0,2.65v2.63a1.32,1.32,0,0,0,0,2.64v2.65a1.32,1.32,0,0,0,0,2.63v2.51a.29.29,0,0,1,0,.13,1.33,1.33,0,0,0-1.31,1.33,1.3,1.3,0,0,0,.49,1,5.66,5.66,0,0,1-8,.86,5.82,5.82,0,0,1-.89-.9,1.28,1.28,0,0,0,.44-1A1.31,1.31,0,0,0,12,30.89V28.24a1.32,1.32,0,0,0,0-2.63V23a1.32,1.32,0,0,0,0-2.63V17.68a1.32,1.32,0,0,0,0-2.63V12.4A1.31,1.31,0,0,0,13.23,11,1.33,1.33,0,0,0,12,9.77v-.7C12,6.53,14.36,4.48,17.25,4.48ZM20.51,53.3H13.92v-7a14.11,14.11,0,0,0,6.59,0ZM25.6,40.59A11.86,11.86,0,0,1,5.34,32.86H9.68a7.7,7.7,0,0,0,6.19,5v2.27a1.32,1.32,0,0,0,2.63,0V37.87a7.72,7.72,0,0,0,6.24-5h4.32A11.76,11.76,0,0,1,25.6,40.59Z" transform="translate(-0.64 -1.85)" fill="#fff"/><circle cx="13.93" cy="6.59" r="1.32" fill="#fff" opacity="0.27"/><circle cx="19.22" cy="6.59" r="1.32" fill="#fff" opacity="0.27"/><circle cx="16.57" cy="9.24" r="1.32" fill="#fff" opacity="0.27"/><circle cx="13.93" cy="11.88" r="1.32" fill="#fff" opacity="0.27"/><circle cx="19.22" cy="11.88" r="1.32" fill="#fff" opacity="0.27"/><circle cx="16.57" cy="14.51" r="1.32" fill="#fff" opacity="0.27"/><path d="M14.57,20.32A1.32,1.32,0,1,0,13.26,19a1.32,1.32,0,0,0,1.31,1.32Z" transform="translate(-0.64 -1.85)" fill="#fff" opacity="0.27"/><path d="M19.86,17.69A1.32,1.32,0,1,0,21.18,19,1.32,1.32,0,0,0,19.86,17.69Z" transform="translate(-0.64 -1.85)" fill="#fff" opacity="0.27"/><circle cx="16.57" cy="19.8" r="1.32" fill="#fff" opacity="0.27"/><circle cx="13.93" cy="22.43" r="1.32" fill="#fff" opacity="0.27"/><circle cx="19.22" cy="22.43" r="1.32" fill="#fff" opacity="0.27"/><circle cx="16.57" cy="25.08" r="1.32" fill="#fff" opacity="0.27"/><circle cx="13.93" cy="27.72" r="1.32" fill="#fff" opacity="0.27"/><circle cx="19.22" cy="27.72" r="1.32" fill="#fff" opacity="0.27"/><circle cx="16.57" cy="30.36" r="1.32" fill="#fff" opacity="0.27"/><path d="M17.22,39.35v9.28s0,3.29,4.87,3.29H90.87s4.95,0,4.95,4.95V115" transform="translate(-0.64 -1.85)" fill="none" stroke="aqua" class="mic-cord" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.21"/></svg>
<h3 class="talks-hl ff-Met opacity-0" data-observing="true">Talks</h3>
</div>
<div class="flx-col two-thirds">
<ul class="speakers-talks-list style-none">
{{#each (speaker)}}
<li class="speaker-name-wrapper opacity-0 fade-up" data-observing="true">
<h4 class="ff-Met speaker-name {{ this.speakerName }}">{{ this.speakerName }}</h4>
<ul class="talks-list style-none">
{{#each this.talks}}
<li class="talk-list-item">
{{#if this.talkHref}}
<a target="_blank" rel="noopener noreferrer" href="{{ this.talksHref }}" class="talk-title talk-title-link ff-Met pseudos white-link open-new-tab">{{ this.talkTitle }}</a>
{{else}}
<p class="talk-title ff-Met">{{ this.talkTitle }}</p>
{{/if}}
{{#if this.talkInfo }}
<p class="talk-info light">{{ this.talkInfo }}</p>
{{/if}}
</li>
{{/each}}
</ul>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</section>
<section id="links" class="content-section links flx-col" data-observing="true" data-section-id="links">
<div class="max-content-width">
<div class="flx-row thirds links-thirds">
<div class="flx-third">
<h3 class="opacity-0 links-hl" data-observing="true">Links</h3>
</div>
<div class="two-thirds two-up links-two-up flx-row">
<div class="links-third wrap-col-mobile">
{{#uncategorizedLinks}}
<div class="flx-col links-wrapper {{ this.listClassName }} opacity-0 fade-up" data-observing="true">
{{#each this.linkList}}
<a class="link pseudos dark-link" href="{{ this.linkHref }}">{{ this.linkTitle }}</a>
{{/each}}
</div>
{{/uncategorizedLinks}}
<div class="rss-feeds-wrapper links-wrapper flx-col opacity-0 fade-up" data-observing="true">
<div class="a-d-links flx-col">
{{#each (attackDefenseLinksAndFeed)}}
<a class="link pseudos dark-link" href="{{ this.linkHref }}">{{ this.linkTitle }}</a>
{{/each}}
</div>
<h4 class="feed-wrapper-title">
<svg xmlns="http://www.w3.org/2000/svg" class="rss-icon" viewBox="0 0 8 8" width="256" height="256">
<rect stroke="none" fill="black" class="button" width="8" height="8" rx="1.5" />
<circle fill="white" stroke="none" class="symbol" cx="2" cy="6" r="1" />
<path fill="white" stroke="none" class="symbol" d="m 1,4 a 3,3 0 0 1 3,3 h 1 a 4,4 0 0 0 -4,-4 z" />
<path fill="white" stroke="none" class="symbol" d="m 1,2 a 5,5 0 0 1 5,5 h 1 a 6,6 0 0 0 -6,-6 z" />
</svg>
Latest from Attack & Defense
</h4>
<div id="rss-feeds" class="rss-feeds feed-wrapper"></div>
</div>
</div>
<div class="links-third wrap-col-mobile">
{{#mozLinks}}
<div class="flx-col links-wrapper {{ this.listClassName }} opacity-0 fade-up" data-observing="true">
<div class="a-d-links flx-col">
{{#each this.linkList}}
<a class="link pseudos dark-link" href="{{ this.linkHref }}">{{ this.linkTitle }}</a>
{{/each}}
</div>
<h4 class="feed-wrapper-title">
<svg xmlns="http://www.w3.org/2000/svg" class="rss-icon" viewBox="0 0 8 8" width="256" height="256">
<rect stroke="none" fill="black" class="button" width="8" height="8" rx="1.5" />
<circle fill="white" stroke="none" class="symbol" cx="2" cy="6" r="1" />
<path fill="white" stroke="none" class="symbol" d="m 1,4 a 3,3 0 0 1 3,3 h 1 a 4,4 0 0 0 -4,-4 z" />
<path fill="white" stroke="none" class="symbol" d="m 1,2 a 5,5 0 0 1 5,5 h 1 a 6,6 0 0 0 -6,-6 z" />
</svg>
Latest from Mozilla Security Blog
</h4>
<div id="moz-feeds" class="moz-feed feed-wrapper"></div>
</div>
{{/mozLinks}}
</div>
</div>
</div>
</div>
</section>