dfinity · AntonioVentilii-DFINITY · Oct 25, 2024 · Oct 24, 2024 · Oct 25, 2024 · Oct 25, 2024
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { Html } from '@dfinity/gix-components';
+	import { i18n } from '$lib/stores/i18n.store.js';
+	import { replaceOisyPlaceholders } from '$lib/utils/i18n.utils.js';
+
+	let termsList: string[];
+	$: termsList = [
+		$i18n.terms_and_conditions.text.paragraph_1,
+		$i18n.terms_and_conditions.text.paragraph_2,
+		$i18n.terms_and_conditions.text.paragraph_3,
+		$i18n.terms_and_conditions.text.limited_license,
+		$i18n.terms_and_conditions.text.restrictions,
+		$i18n.terms_and_conditions.text.applicable_laws,
+		$i18n.terms_and_conditions.text.reservation_rights,
+		$i18n.terms_and_conditions.text.feedback,
+		$i18n.terms_and_conditions.text.termination,
+		$i18n.terms_and_conditions.text.warranty_liability,
+		$i18n.terms_and_conditions.text.indemnity,
+		$i18n.terms_and_conditions.text.governing_law,
+		$i18n.terms_and_conditions.text.entire_agreement,
+		$i18n.terms_and_conditions.text.assignment,
+		$i18n.terms_and_conditions.text.no_waiver,
+		$i18n.terms_and_conditions.text.english_version
+	];
+
+	let terms: string;
+	$: terms = replaceOisyPlaceholders(termsList.join('<br><br>'));
+</script>
+
+<h1 class="text-5xl">{replaceOisyPlaceholders($i18n.terms_and_conditions.text.title)}</h1>
+
+<p class="mt-12">
+	<Html text={terms} />
+</p>
@@ -741,5 +741,26 @@
 			"prev_slide": "Previous slide",
 			"indicator": "Jump to slide $index"
 		}
+	},
+	"terms_and_conditions": {
+		"text": {
+			"title": "$oisy_name License Agreement (“License Agreement”)",
+			"paragraph_1": "Thank you for your interest in $oisy_name, a browser-based, self-custodial, and multi-chain wallet decentralized application hosted on the Internet Computer public blockchain network (“$oisy_short”). For more information about $oisy_short, its open-source code, and related licenses, please refer to the $oisy_short GitHub repository found here: $oisy_repo_url.",
+			"paragraph_2": "This License Agreement governs your use of $oisy_short (“You”). By using $oisy_short, you agree that you have read, understood, and agree to be bound by this License Agreement. If you do not agree, you may not use $oisy_short.",
+			"paragraph_3": "If you choose to use $oisy_short, you and the DFINITY Foundation, including its affiliates and subsidiaries (collectively “DFINITY”), acknowledge and agree as follows:",
+			"limited_license": "<strong>1. Limited License.</strong> Subject to the terms and conditions contained in this License Agreement, DFINITY grants you a limited, non-exclusive, non-transferable, non-sublicensable, revocable license to use $oisy_short only for the purposes of receiving, holding, and sending tokens such as native ICP, ICRC-1, ETH, and ERC20 tokens, as well as other tokens which may be made available from time to time. You may create derivative works to the extent permitted by the licensing terms governing use of any open-sourced components included within $oisy_short.",
+			"restrictions": "<strong>2. Restrictions.</strong> You are responsible for all activities related to your use of $oisy_short, regardless of whether the activities are authorized by you or undertaken by your employees or a third party on your behalf. You understand that DFINITY is not responsible for any activities or transactions (whether completed or otherwise) associated with your $oisy_name. You will not misrepresent or embellish the relationship between you and DFINITY, including expressing or implying that DFINITY supports, sponsors, endorses, or contributes to you or your business endeavors through your use of $oisy_short. You will not imply any relationship or affiliation with DFINITY except as expressly permitted by this License Agreement. You are prohibited from using the Oisy name, logo, or any other trademarks related to $oisy_short in any manner that may imply an endorsement or affiliation, misrepresent your relationship with $oisy_short, or create confusion regarding the source of $oisy_short.",
+			"applicable_laws": "<strong>3. Applicable Laws.</strong> You will comply with all applicable laws and regulations (including without limitation laws and regulations related to export controls, money laundering, or economic sanctions) in connection with your use of $oisy_short and any transactions associated with your $oisy_name.",
+			"reservation_rights": "<strong>4. Reservation of DFINITY’s Right.</strong> $oisy_short is owned by DFINITY and licensed, not sold, to you. $oisy_short’s content, visual interfaces, interactive features, information, graphics, design, compilation, computer code, products, services, and all other elements of $oisy_short and related documentation are protected by applicable intellectual property laws. As between you and DFINITY, all DFINITY materials and $oisy_short, including intellectual property rights therein and thereto, are the sole and exclusive property of DFINITY or its subsidiaries or affiliated companies and/or its third-party licensors, subject to any open-source software licenses. DFINITY reserves all rights not expressly granted in this License Agreement. You do not acquire any right, title, or interest to the DFINITY materials or $oisy_short, whether by implication, estoppel, or otherwise, except for the limited rights set forth in this License Agreement and the rights conferred by the licensing terms governing the use of any open-sourced components included within $oisy_short. This License Agreement does not grant you any right to use the Oisy name, logo, or other trademarks related to $oisy_short or DFINITY.",
+			"feedback": "<strong>5. Feedback.</strong> If you provide DFINITY with any comments, ideas, bug reports, feedback, enhancements, recommendations, or modifications in relation to $oisy_short (“Feedback”), such feedback is provided on a non-confidential basis, and DFINITY shall have the right to use such feedback at its discretion, including, but not limited to, the incorporation of such suggested changes into the DFINITY materials, $oisy_short, or other services. You hereby grant DFINITY a perpetual, irrevocable, transferable, sublicensable, non-exclusive, royalty-free license under all rights necessary to incorporate and use your feedback for any purpose, including to make and sell products and services, and agree to provide DFINITY with any assistance required to document, perfect, and maintain DFINITY’s rights to the feedback. You agree to allow DFINITY to contact you for feedback from time to time, but you may opt out by sending written notice to legalnotice@dfinity.org.",
+			"termination": "<strong>6. Terms and Termination.</strong> This License Agreement will remain in effect until terminated. The License Agreement, and your rights and licenses hereunder, will terminate immediately upon your breach of the License Agreement. You may terminate the License Agreement at any time by emptying your $oisy_name of tokens and ceasing all use of $oisy_short. DFINITY may terminate this License Agreement at any time for any reason, including without limitation any actual or suspected misuse or abuse by you of $oisy_short or any violation of this License Agreement. Sections 3 through 13 shall survive any termination of this License Agreement.",
+			"warranty_liability": "<strong>7. Warranty Disclaimer and Limitation of Liability.</strong> To the maximum extent permitted by applicable law, $oisy_short is provided on an “as is” basis, without warranty of any kind. To the maximum extent permitted by applicable law, DFINITY disclaims all warranties and conditions, express, implied, statutory, or otherwise, including but not limited to implied warranties or conditions of fitness for a particular purpose, merchantability, title, quality, results, and non-infringement. DFINITY does not guarantee that $oisy_short will always be available, safe, or secure (now and in the future). DFINITY expressly disclaims any warranties of any kind with respect to the accuracy or functionality of $oisy_short, and with respect to the accuracy, validity, or completeness of any information or features (now and in the future) made available through your use of $oisy_short, or the quality or consistency of $oisy_short or results obtained through its use. To the maximum extent permitted by applicable law, under no circumstances will DFINITY be liable for any consequential, special, indirect, incidental, or punitive damages whatsoever arising out of the use or inability to use and access $oisy_short or DFINITY materials, even if DFINITY has been advised of the possibility of such damages, and notwithstanding any failure of essential purpose of any limited remedy. To the maximum extent permitted by applicable law, in no event will DFINITY’s aggregate liability for damages arising out of this License Agreement or your use or inability to use $oisy_short exceed 100 CHF.",
+			"indemnity": "<strong>8. Indemnity.</strong> You agree to indemnify, defend, and hold DFINITY and its affiliates, officers, directors, suppliers, licensors, and other customers harmless from and against any and all liability and costs, including reasonable attorneys’ fees incurred by such parties, in connection with your use or misuse of $oisy_short or your violation of this License Agreement or any applicable law or regulation.",
+			"governing_law": "<strong>9. Governing Law; Venue.</strong> Any claim relating to $oisy_short shall be governed by the laws of Switzerland, to the exclusion of the rules on conflicts of laws. Any claim or dispute related to this License Agreement or in relation to it (including for non-contractual disputes or claims and their interpretation) shall be subject to the exclusive jurisdiction of the courts of Zurich, Switzerland, subject to an appeal at the Swiss Federal Court.",
+			"entire_agreement": "<strong>10. Entire Agreement and Severability.</strong> This License Agreement is the entire agreement between you and DFINITY, and supersedes any and all prior agreements, negotiations, or other communications between you and DFINITY, whether oral or written, with respect to the subject matter hereof. DFINITY may make changes to this License Agreement when new versions of $oisy_short are made available. In the event that any provision of this License Agreement is held to be invalid or unenforceable, then: (a) such provision shall be deemed reformed to the extent strictly necessary to render such provision valid and enforceable, or if not capable of such reformation shall be deemed severed from this License Agreement; and (b) the validity and enforceability of all of the other provisions hereof shall in no way be affected or impaired thereby.",
+			"assignment": "<strong>11. Assignment.</strong> You may not assign this License Agreement without the prior written consent of DFINITY, whether expressly or by operation of law, including in connection with a merger or change of control, and any such attempted assignment shall be void and of no effect. DFINITY may assign this License Agreement without restriction and without any notice to you. Subject to the foregoing, this License Agreement shall be binding on the parties and their respective successors and permitted assigns.",
+			"no_waiver": "<strong>12. No Waiver.</strong> The failure to exercise, or delay in exercising, a right, power, or remedy provided in this License Agreement or by law shall not constitute a waiver of that right, power, or remedy. DFINITY’s waiver of any obligation or breach of this License Agreement shall not operate as a waiver of any other obligation or subsequent breach of the License Agreement.",
+			"english_version": "<strong>13. English Version.</strong> The English language version of this License Agreement shall be the official and controlling version of the agreement if any conflict should arise. All communications and notices made pursuant to this License Agreement must be in the English language."
+		}
 	}
 }
@@ -646,6 +646,28 @@ interface I18nCarousel {
 	text: { next_slide: string; prev_slide: string; indicator: string };
 }
 
+interface I18nTerms_and_conditions {
+	text: {
+		title: string;
+		paragraph_1: string;
+		paragraph_2: string;
+		paragraph_3: string;
+		limited_license: string;
+		restrictions: string;
+		applicable_laws: string;
+		reservation_rights: string;
+		feedback: string;
+		termination: string;
+		warranty_liability: string;
+		indemnity: string;
+		governing_law: string;
+		entire_agreement: string;
+		assignment: string;
+		no_waiver: string;
+		english_version: string;
+	};
+}
+
 interface I18n {
 	lang: Languages;
 	core: I18nCore;
@@ -671,4 +693,5 @@ interface I18n {
 	about: I18nAbout;
 	signer: I18nSigner;
 	carousel: I18nCarousel;
+	terms_and_conditions: I18nTerms_and_conditions;
 }
diff --git a/src/frontend/src/routes/(terms-and-conditions)/terms-and-conditions/+layout.svelte b/src/frontend/src/routes/(terms-and-conditions)/terms-and-conditions/+layout.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import OisyWalletLogoLink from '$lib/components/core/OisyWalletLogoLink.svelte';
+</script>
+
+<header
+	class="z-1 pointer-events-none relative flex w-full max-w-screen-2.5xl items-center justify-between px-4 pt-6 md:px-8 1.5lg:fixed 1.5lg:inset-x-0 1.5lg:top-0 1.5lg:z-10"
+>
+	<div class="pointer-events-auto">
+		<OisyWalletLogoLink />
+	</div>
+</header>
+
+<main
+	class="mx-0 mt-10 flex flex-col items-center justify-center px-8 pb-10 lg:mx-auto lg:w-md lg:px-0 1.5lg:mt-28"
+>
+	<slot />
+</main>
diff --git a/src/frontend/src/routes/(terms-and-conditions)/terms-and-conditions/+page.svelte b/src/frontend/src/routes/(terms-and-conditions)/terms-and-conditions/+page.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	import TermsAndConditions from '$lib/components/terms-and-conditions/TermsAndConditions.svelte';
+</script>
+
+<TermsAndConditions />
diff --git a/src/frontend/src/routes/(terms-and-conditions)/terms-and-conditions/+page.ts b/src/frontend/src/routes/(terms-and-conditions)/terms-and-conditions/+page.ts
@@ -0,0 +1,5 @@
+import { loadRouteParams, type RouteParams } from '$lib/utils/nav.utils';
+import type { LoadEvent } from '@sveltejs/kit';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = ($event: LoadEvent): RouteParams => loadRouteParams($event);
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -63,10 +63,12 @@ export default {
 				'pos-100': '100% 100%'
 			},
 			width: {
-				sm: '576px'
+				sm: '576px',
+				md: '768px'
 			},
 			screens: {
 				'1.5md': '896px',
+				'1.5lg': '1152px',
 				'2.5xl': '1728px',
 				'h-md': { raw: '(max-height: 1090px)' }
 			}