You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
3.2 KiB
TypeScript
76 lines
3.2 KiB
TypeScript
/**
|
|
* @fileOverview The impressum/privacy policy
|
|
*/
|
|
import { faShield } from '@fortawesome/free-solid-svg-icons';
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
import * as React from 'react'
|
|
|
|
/** Pop-up that is displayed when opening the privacy policy.
|
|
*
|
|
* `handleClose` is the function to close it again because it's open/closed state is
|
|
* controlled by the containing element.
|
|
*/
|
|
export function PrivacyPolicyPopup ({handleClose}: {handleClose: () => void}) {
|
|
return <div className="privacy-policy modal-wrapper">
|
|
<div className="modal-backdrop" onClick={handleClose} />
|
|
<div className="modal">
|
|
<div className="codicon codicon-close modal-close" onClick={handleClose}></div>
|
|
<h2>Privacy Policy & Impressum</h2>
|
|
<p>
|
|
Our server collects metadata (such as IP address, browser, operating system)
|
|
and the data that the user enters into the editor. The data is used to
|
|
compute the Lean output and display it to the user. The information will be stored
|
|
as long as the user stays on our website and will be deleted immediately afterwards.
|
|
We keep logs to improve our software, but the contained data is anonymized.
|
|
</p>
|
|
<p>
|
|
We do not use cookies, but your game progress is stored in the browser
|
|
as site data. Your game progress is not saved on the server; if you delete
|
|
your browser storage, it is completely gone.
|
|
</p>
|
|
<p>Our server is located in Germany.</p>
|
|
<p>
|
|
<strong>Contact information:</strong><br />
|
|
Alexander Bentkamp, Jon Eugster<br />
|
|
Mathematisches Institut der Heinrich-Heine-Universität Düsseldorf<br />
|
|
Universitätsstr. 1<br />
|
|
40225 Düsseldorf<br />
|
|
Germany<br />
|
|
+49 211 81-12173<br />
|
|
<a href="https://www.math.hhu.de/en/lehrstuehle-/-personen-/-ansprechpartner/innen/lehrstuehle-des-mathematischen-instituts/lehrstuhl-fuer-algebraische-geometrie/team/jon-eugster">Contact Details</a>
|
|
</p>
|
|
<h2>Development & Funding</h2>
|
|
<p>
|
|
The source code of this Lean game engine
|
|
is <a href="https://github.com/leanprover-community/lean4game" target="_blank">available on Github</a>.
|
|
If you experience any problems, please
|
|
file an <a href="https://github.com/leanprover-community/lean4game/issues" target="_blank">Issue on Github</a> or
|
|
get directly in contact.
|
|
</p>
|
|
<p>
|
|
The game engine has been developed as part of the
|
|
project <a href="https://hhu-adam.github.io/" target="_blank">ADAM: Anticipating the Digital
|
|
Age of Mathematics</a> at
|
|
Heinrich-Heine-Universität Düsseldorf. It is funded by
|
|
the <i>Stiftung Innovation in der Hochschullehre</i> as part of project <i>Freiraum 2022</i>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
export const PrivacyPolicy: React.FC = () => {
|
|
const [open, setOpen] = React.useState(false)
|
|
const handleOpen = () => setOpen(true)
|
|
const handleClose = () => setOpen(false)
|
|
return (
|
|
<>
|
|
<div className="privacy" onClick={handleOpen} title="Privacy Policy & Impressum">
|
|
<FontAwesomeIcon icon={faShield} />
|
|
<p className="p1">legal</p>
|
|
<p className="p2">notes</p>
|
|
</div>
|
|
{open ? <PrivacyPolicyPopup handleClose={handleClose} /> : null}
|
|
</>
|
|
)
|
|
}
|