sesamesite/site/about.html

136 lines
11 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sesame 2FA</title>
<style>[x-cloak]{display:none}</style>
<script src="https://unpkg.com/alpinejs" defer></script>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="/src/img/icon.png">
<meta property="og:title" content="Sesame 2FA" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://sesame.dws.rip/about.html" />
<meta property="og:image" content="https://sesame.dws.rip/src/img/icon.png" />
<meta property="og:description" content="Take control of your 2-factor keys with full OTP spec compliance, Google Authenticator import, manual key creation, and JSON export." />
</head>
<body class="flex items-start justify-center h-full bg-gray-50">
<div class="flex items-center justify-center w-full max-w-full">
<section class="w-full px-6 pb-12 antialiased bg-white">
<div class="mx-auto max-w-7xl">
<nav class="relative z-50 h-24 select-none" x-data="{ showMenu: false }">
<div class="container relative flex flex-wrap items-center justify-between h-24 mx-auto overflow-hidden font-medium border-b border-gray-200 md:overflow-visible lg:justify-center sm:px-4 md:px-2 lg:px-0">
<div class="flex items-center justify-start w-1/4 h-full pr-4">
<a href="/index.html" class="flex items-center py-4 space-x-2 font-extrabold text-gray-900 md:py-0">
<span class="flex items-center justify-center w-8 h-8 text-white rounded-full">
<img src="/src/img/icon.png" alt="Icon">
</span>
<span>Sesame 2FA</span>
</a>
</div>
<div class="top-0 left-0 items-start hidden w-full h-full p-4 text-sm bg-gray-900 bg-opacity-50 md:items-center md:w-3/4 md:absolute lg:text-base md:bg-transparent md:p-0 md:relative md:flex" :class="{'flex fixed': showMenu, 'hidden': !showMenu }">
<div class="flex-col w-full h-auto overflow-hidden bg-white rounded-lg md:bg-transparent md:overflow-visible md:rounded-none md:relative md:flex md:flex-row">
<a href="/index.html" class="inline-flex items-center block w-auto h-16 px-6 text-xl font-black leading-none text-gray-900 md:hidden">
</a>
<div class="flex flex-col items-start justify-center w-full space-x-6 text-center lg:space-x-8 md:w-2/3 md:mt-0 md:flex-row md:items-center">
<a href="/index.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Home</a>
<a href="/features.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Features</a>
<a href="/about.html" class="inline-block w-full py-2 mx-0 ml-6 font-medium text-left text-black md:ml-0 md:w-auto md:px-0 md:mx-2 lg:mx-3 md:text-center">About</a>
<a href="/contact.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Contact</a>
</div>
</div>
</div>
<div @click="showMenu = !showMenu" class="absolute right-0 flex flex-col items-center items-end justify-center w-10 h-10 bg-white rounded-full cursor-pointer md:hidden hover:bg-gray-100">
<svg class="w-6 h-6 text-gray-700" x-show="!showMenu" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
<svg class="w-6 h-6 text-gray-700" x-show="showMenu" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
</div>
</div>
</nav>
<!-- Main Hero Content -->
<section class="py-8 bg-white">
<div class="px-8 mx-auto max-w-7xl lg:px-16">
<h2 class="mb-4 text-xl font-bold md:text-3xl">Frequently Asked Questions</h2>
<div class="grid grid-cols-1 gap-0 text-gray-600 md:grid-cols-2 md:gap-16">
<div>
<h5 class="mt-10 mb-3 font-semibold text-gray-900">Do you have a Privacy Policy?</h5>
<div x-data="{
activeAccordion: '',
setActiveAccordion(id) {
this.activeAccordion = (this.activeAccordion == id) ? '' : id
}
}" class="relative w-full mx-auto overflow-hidden text-sm font-normal bg-white border border-gray-200 divide-y divide-gray-200 rounded-md">
<div x-data="{ id: $id('accordion') }" class="cursor-pointer group">
<button @click="setActiveAccordion(id)" class="flex items-center justify-between w-full p-4 text-left select-none group-hover:underline">
<span>Show/Hide Privacy Policy</span>
<svg class="w-4 h-4 duration-200 ease-out" :class="{ 'rotate-180': activeAccordion==id }" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
</button>
<div x-show="activeAccordion==id" x-collapse x-cloak>
<div class="p-4 pt-0 opacity-70">
At Sesame 2FA, we are committed to protecting your privacy and safeguarding your personal information. This Privacy Policy outlines how we collect, use, disclose, and protect the information you provide while using our Sesame app (referred to as "the App"). By using the App, you consent to the practices described in this Privacy Policy.
<br>
<br>
<b>Information We Collect:</b>
<li>Authentication Data: Sesame securely stores your authentication keys and associated information to provide the necessary functionality of the App. This data is encrypted and stored locally on your device and the iCloud Keychain and may be synchronized across your devices through iCloud Keychain.</li>
<li>Usage Information: We may collect non-personal, aggregated information about your interactions with the App, including the types of accounts you add, the frequency and duration of your app usage, and other similar usage patterns.</li>
<br>
<br>
<b>Use of Information:</b>
<li>Authentication Data: Sesame uses your authentication data solely for the purpose of generating one-time passwords and facilitating secure access to your accounts. We do not collect or store any sensitive information related to your accounts or the services you use.</li>
<li>Usage Information: We utilize usage information to analyze trends, administer the App, and enhance its functionality and performance.</li>
<br>
<br>
<b>Data Sharing and Disclosure:</b>
<li>Legal Compliance: We may disclose your information to comply with applicable laws, regulations, legal processes, or enforceable governmental requests. We may also disclose your information to protect our rights, privacy, safety, or property, or those of others.</li>
<li>Business Transfers: In the event of a merger, acquisition, or sale of all or a portion of our assets, your information may be transferred to the acquiring entity.</li>
<br>
<br>
<b>Data Security:</b>
<li>We implement industry-standard security measures to protect your information from unauthorized access, disclosure, alteration, or destruction.</li>
<li>While we strive to protect your personal information, no method of transmission or storage over the internet is 100% secure. Therefore, we cannot guarantee absolute security.</li>
<br>
<br>
<b>Changes to this Privacy Policy:</b>
<li>We may update this Privacy Policy periodically. The updated version will be posted with a revised effective date. We encourage you to review this Privacy Policy regularly.</li>
<br>
<br>
Please note that this Privacy Policy applies only to the Sesame app and not to any third-party websites or services linked within the app. We encourage you to review the privacy policies of any third-party websites or services you visit.
<br>
<br>
By using the Sesame app, you acknowledge that you have read and understood this Privacy Policy and agree to the collection, use, and disclosure of your information as described herein.
</div>
</div>
</div>
</div>
<h5 class="mt-10 mb-3 font-semibold text-gray-900">How do I use Sesame 2FA?</h5>
<p>Using Sesame is a breeze</p>
<li>Tap a code to copy it to the clipboard</li>
<li>Long Press a HOTP/Counter based code to copy and increment the counter</li>
<li>Tap on a code's counter to inspect the code</li>
</div>
</div>
</div>
</section>
<!-- End Main Hero Content -->
<footer>
<section class="text-gray-700 bg-white body-font" {!! $attributes ?? '' !!}>
<div class="container flex flex-col items-center px-8 py-8 mx-auto max-w-7xl sm:flex-row">
<a href="#_" class="text-xl font-black leading-none text-gray-900 select-none logo">Sesame 2FA<span class="text-indigo-600"></span></a>
<p class="mt-4 text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0">&copy; 2023 DWS © - 2023 Tanishq Dubey ©
</p>
<span class="inline-flex justify-center mt-4 space-x-5 sm:ml-auto sm:mt-0 sm:justify-start">
</span>
</div>
</section>
</footer>
</div>
</section>
</div>
</body>
</html>