mirror of
https://github.com/XFox111/my-website.git
synced 2026-04-22 07:28:01 +03:00
init: First version
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
@import "../theme.scss";
|
||||
|
||||
.page
|
||||
{
|
||||
@include maxCenter;
|
||||
padding: $spacingXL $spacingM;
|
||||
color: $colorNeutralForeground2;
|
||||
margin-bottom: 64px;
|
||||
|
||||
h1
|
||||
{
|
||||
@include largeTitle($fontFamilyBaseAlt);
|
||||
color: $colorNeutralForeground1;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
@include title2($fontFamilyBaseAlt);
|
||||
color: $colorNeutralForeground1;
|
||||
}
|
||||
|
||||
&,
|
||||
article,
|
||||
section
|
||||
{
|
||||
@include flex(column);
|
||||
align-items: flex-start;
|
||||
gap: $spacingM;
|
||||
|
||||
ul,
|
||||
ol
|
||||
{
|
||||
padding: revert;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
import Package from "@/../package.json";
|
||||
import Button from "@/_components/Button";
|
||||
import { canonicalName, getTitle } from "@/_data/metadata";
|
||||
import { ArrowLeft24Regular, ArrowRight24Regular } from "@fluentui/react-icons";
|
||||
import { Metadata } from "next";
|
||||
import React from "react";
|
||||
import cls from "./page.module.scss";
|
||||
import ThirdPartyAttribution from "@/_data/ThirdPartyAttributiont";
|
||||
|
||||
export const metadata: Metadata =
|
||||
{
|
||||
title: getTitle("Attributions & information", canonicalName.hostname),
|
||||
robots: "noindex"
|
||||
};
|
||||
|
||||
const AttributionPage: React.FC = () => (
|
||||
<main className={ cls.page }>
|
||||
|
||||
<Button appearance="secondary" as="next" href="/" icon={ <ArrowLeft24Regular /> }>
|
||||
Back
|
||||
</Button>
|
||||
|
||||
<article>
|
||||
<h1>Attrubtions & information</h1>
|
||||
|
||||
{ process.env.CLARITY_ID &&
|
||||
<section>
|
||||
<h2>Privacy policy</h2>
|
||||
<p>
|
||||
We partner with Microsoft Clarity and Microsoft Advertising to capture how you use and interact with this website through behavioral metrics, heatmaps, and session replay.
|
||||
Website usage data is captured using first and third-party cookies and other tracking technologies for site optimization purposes and general statistics collection.
|
||||
</p>
|
||||
<p>
|
||||
As the website owners, we do not collect any personal data.
|
||||
</p>
|
||||
<p>
|
||||
For more information about how Microsoft collects and uses your data,
|
||||
visit the <a href="https://privacy.microsoft.com/privacystatement" target="_blank">Microsoft Privacy Statement</a>.
|
||||
</p>
|
||||
<p>
|
||||
If "Do Not Track" option is enabled in your browser, the website will not load any tracking code.
|
||||
</p>
|
||||
<Button appearance="secondary"
|
||||
href="https://learn.microsoft.com/clarity/faq#privacy" target="_blank"
|
||||
iconAfter={ <ArrowRight24Regular /> }>
|
||||
|
||||
Visit Clarity privacy FAQ
|
||||
</Button>
|
||||
</section>
|
||||
}
|
||||
|
||||
<section>
|
||||
<h2>Content copyright policy</h2>
|
||||
<p>
|
||||
Copyright © { new Date().getFullYear() } { Package.author.name }. Some rights reserved.
|
||||
</p>
|
||||
<p>
|
||||
Text and graphical material of this website is a subject to general copyright law. You must obtain a written permission from the author in order to use any copyrighted material.
|
||||
</p>
|
||||
<p>
|
||||
You may use copyrighted material without excplicit permission in following cases:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Educational purposes.</li>
|
||||
<li>Any other purposes that may be considered as fair use.</li>
|
||||
</ul>
|
||||
|
||||
<Button appearance="secondary"
|
||||
href={ new URL("./blob/main/COPYING", Package.repository.url).href } target="_blank"
|
||||
iconAfter={ <ArrowRight24Regular /> }>
|
||||
|
||||
View copyright notice
|
||||
</Button>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Website source code license</h2>
|
||||
<p>MIT License</p>
|
||||
<p>Copyright © { new Date().getFullYear() } { Package.author.name }</p>
|
||||
<p>
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
</p>
|
||||
<p>
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
</p>
|
||||
<p>
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
</p>
|
||||
|
||||
<Button appearance="secondary"
|
||||
href={ Package.repository.url } target="_blank"
|
||||
iconAfter={ <ArrowRight24Regular /> }>
|
||||
|
||||
Source code
|
||||
</Button>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Third-party content</h2>
|
||||
<ThirdPartyAttribution />
|
||||
<p>
|
||||
Source code of this website has a list of dependency libraries which are subjects to their individual licenses and terms.
|
||||
License text can be found for each denpendency library individually in its own designated source code repository.
|
||||
</p>
|
||||
<Button appearance="secondary"
|
||||
href={ new URL("./network/dependencies", Package.repository.url).href } target="_blank"
|
||||
iconAfter={ <ArrowRight24Regular /> }>
|
||||
|
||||
Full list of third-party libraries
|
||||
</Button>
|
||||
</section>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
);
|
||||
|
||||
export default AttributionPage;
|
||||
Reference in New Issue
Block a user