1<!DOCTYPE html> 2<html lang="en" class="signup-page"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Vivara - Early Access Signup</title> 7 <link rel="stylesheet" href="https://fonts.cdnfonts.com/css/omnes-2?styles=149326"> 8 <link rel="apple-touch-icon" sizes="180x180" href="assets/images//apple-touch-icon.png"> 9 <link rel="icon" type="image/png" sizes="32x32" href="assets/images//favicon-32x32.png"> 10 <link rel="icon" type="image/png" sizes="16x16" href="assets/images//favicon-16x16.png"> 11 <link rel="manifest" href="site.webmanifest"> 12 <link rel="mask-icon" href="assets/images/safari-pinned-tab.svg" color="#5bbad5"> 13 <meta name="msapplication-TileColor" content="#da532c"> 14 <link rel="stylesheet" href="assets/css/styles.css"> 15 <style> 16 17 /* Styles Specific to the Early Access Signup Page */ 18 body.signup-page { 19 display: flex; 20 flex-direction: column; 21 align-items: center; 22 padding: 20px; 23 background-color: inherit; /* Inherit theme background */ 24 color: inherit; /* Inherit theme text color */ 25 } 26 27 :root { 28 --background-color-light: white; 29 --text-color-light: black; 30 --background-color-dark: black; 31 --text-color-dark: white; 32 --form-background-light: #ffffff; 33 --form-border-light: #ddd; 34 --form-background-dark: #333333; 35 --form-border-dark: #444444; 36 } 37 38 body { 39 background-color: var(--background-color-light); 40 color: var(--text-color-light); 41 transition: background-color 0.3s, color 0.3s; 42 } 43 44 body.signup-page { 45 display: flex; 46 flex-direction: column; 47 align-items: center; 48 padding: 20px; 49 background-color: inherit; 50 color: inherit; 51 } 52 53 body[data-theme="dark"] { 54 background-color: var(--background-color-dark); 55 color: var(--text-color-dark); 56 } 57 58 #logo-container { 59 text-align: left; 60 width: 100%; 61 margin-bottom: 20px; 62 } 63 64 body.signup-page main { 65 display: flex; 66 flex-direction: column; 67 width: 100%; 68 max-width: 800px; 69 gap: 20px; 70 } 71 72 73 body.signup-page section { 74 width: 100%; 75 text-align: left; 76 } 77 78 body.signup-page main h2 { 79 font-size: 2.5rem; 80 text-align: left; 81 } 82 83 84 @media (prefers-color-scheme: dark) { 85 body { 86 background-color: var(--background-color-dark); 87 color: var(--text-color-dark); 88 } 89 90 button { 91 background-color: var(--button-background-dark); 92 } 93 94 button:hover { 95 background-color: var(--button-hover-background-dark); 96 } 97 } 98 99 @media (max-width: 768px) { 100 body.signup-page main h2 { 101 font-size: 2rem; 102 } 103 104 } 105 </style> 106</head> 107<body class="signup-page" data-theme="light"> 108 <div class="container"> 109 <header role="banner"> 110 <div id="logo-container"> 111 <a href="index.html" aria-label="Go to Home"> 112 <svg id="vivara-logo" class="vivara-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 743.28 116"> 113 <path id="logo-path" class="logo-path" d="M571.61,70.98l18.63,31.72c2.47,4.21,1.06,9.62-3.14,12.09-1.41.83-2.94,1.22-4.46,1.22-3.03,0-5.98-1.56-7.62-4.36l-22.96-39.1h-16.77c-4.88,0-8.83-3.95-8.83-8.83s3.95-8.83,8.83-8.83h25.1c13.26,0,19.3-9.76,19.3-18.82s-5.59-18.36-21.26-18.36h-37.78c-.31,0-.62-.02-.93-.05-.31.03-.62.05-.93.05-1.31,0-3.79,0-5.63.11-.09,1.74-.09,4.11-.09,5.75l-.14,83.19c0,4.87-3.96,8.82-8.83,8.82h-.02c-4.88,0-8.82-3.97-8.82-8.85l.14-83.17c0-8.21,0-14.14,4.42-18.72C504.44.04,511.08.04,518.77.04c.31,0,.62.02.93.05.31-.03.62-.05.93-.05h37.78c26.74,0,38.92,18.67,38.92,36.02,0,9.38-3.38,18.24-9.51,24.95-4.35,4.76-9.92,8.14-16.22,9.96ZM173.05.2h-.01c-4.87,0-8.82,3.95-8.83,8.82l-.14,97.84c0,4.88,3.94,8.84,8.82,8.84h.01c4.87,0,8.82-3.95,8.83-8.82l.14-97.84c0-4.88-3.94-8.84-8.82-8.84ZM341.46,1.18c-4.22-2.44-9.62-.99-12.06,3.23l-51.56,89.3c-.94,1.63-1.72,2.68-2.29,3.35-.57-.67-1.35-1.72-2.29-3.35L221.8,4.56c-2.44-4.22-7.84-5.67-12.06-3.23-4.22,2.44-5.67,7.84-3.23,12.06l51.48,89.16c4.99,8.64,10.9,13.02,17.58,13.02s12.6-4.38,17.58-13.02l51.56-89.3c2.44-4.22.99-9.62-3.23-12.06ZM136.03,1.38c-4.22-2.44-9.62-.99-12.06,3.23l-51.45,89.11c-.94,1.63-1.72,2.68-2.29,3.35-.57-.67-1.35-1.72-2.29-3.35L16.48,4.58C14.04.35,8.64-1.1,4.42,1.34.19,3.78-1.25,9.18,1.18,13.41l51.46,89.14c4.99,8.64,10.9,13.02,17.58,13.02h0c6.68,0,12.6-4.38,17.58-13.02L139.26,13.44c2.44-4.22.99-9.62-3.23-12.06ZM418.99,13.41c-4.53-7.84-7.52-13.02-14.27-13.02s-9.75,5.
11318-14.27,13.02l-51.51,89.21c-2.44,4.22-.99,9.62,3.23,12.06,1.39.8,2.91,1.18,4.41,1.18,3.05,0,6.02-1.58,7.66-4.42l50.48-87.44,19.68,34.09c-.3.37-.59.76-.84,1.19l-16.56,28.68c-2.44,4.22-.99,9.62,3.23,12.06,1.39.8,2.91,1.18,4.41,1.18,3.05,0,6.02-1.58,7.66-4.42l12.22-21.17,20.5,35.51c2.44,4.22,7.84,5.67,12.06,3.23,4.22-2.44,5.67-7.84,3.23-12.06l-51.33-88.91ZM742.09,102.68l-51.68-89.27c-4.53-7.84-7.52-13.02-14.27-13.02s-9.75,5.18-14.28,13.03l-51.29,89.07c-2.43,4.23-.98,9.63,3.25,12.06,4.23,2.43,9.63.98,12.06-3.25l50.26-87.29,19.71,34.05c-.32.38-.61.79-.87,1.23l-16.56,28.68c-2.44,4.22-.99,9.62,3.23,12.06,1.39.8,2.91,1.18,4.41,1.18,3.05,0,6.02-1.58,7.66-4.42l12.26-21.24,20.82,35.96c1.64,2.83,4.6,4.41,7.65,4.41,1.5,0,3.02-.38,4.42-1.19,4.22-2.44,5.66-7.85,3.22-12.07Z"/> 114 <title id="titleID">Vivara Logo</title> 115 <desc id="descID">Stylised treatment of the company name Vivara as a logo</desc> 116 </svg> 117 </a> 118 </div> 119 </header> 120 <main role="main"> 121 <p>The Vivara Guide provides personalised insights to help you achieve your goals using your data from wearables and lifestyle preferences.</p> 122 123 <section id="why-vivara"> 124 <h3>Why Vivara?</h3> 125 <p><strong>Simplify the Complex:</strong> Vivara seamlessly integrates data from all your wearables, transforming it into clear, actionable insights.</p> 126 <p><strong>Empathy Meets Expertise:</strong> Your guide adapts to who you areâwhether you prefer gentle encouragement or structured plansâto inspire meaningful, sustainable change.</p> 127 <p><strong>Small Steps, Big Impact:</strong> From better sleep and smarter nutrition to enhanced fitness and stress management, Vivara helps you unlock your best self with small, achievable steps.</p> 128 </section> 129 <section id="built-around-you"> 130 <h3>Built For You and Built Around You</h3> 131 <p>Everyoneâs journey is unique. Thatâs why the Vivara Guide takes the time to understand your personality, motivations, and lifestyle. Itâs not just dataâitâs a deeply personalised partnership that evolves with you.</p> 132 </section> 133 </main> 134 <footer role="contentinfo"> 135 <p class="address">Level 9, 4 Williamson Avenue, Grey Lynn, Auckland, 1021, New Zealand</p> 136 <p class="footer-links"> 137 <a href="PrivacyPolicy.html" id="privacy-policy-link">Privacy Policy</a> | 138 <a href="TermsService.html" id="terms-service-link">Terms of Service</a> | 139 <a href="mailto:[email protected]" id="contact-us-link">[email protected]</a> 140 </p> 141 <p class="rights">© <span id="year"></span> VIVARA® Ltd. All rights reserved.</p> 142 </footer> 143 </div> 144
144<script> 145 // Set theme based on user preference 146 const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; 147 document.body.setAttribute('data-theme', userPrefersDark ? 'dark' : 'light'); 148 149 // Update theme dynamically if preference changes 150 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { 151 document.body.setAttribute('data-theme', e.matches ? 'dark' : 'light'); 152 }); 153 </script>
153 154
154<script src="assets/js/main.js"></script>
154 155</body> 156</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.