diff --git a/app/assets/SupremaRegular.woff b/app/assets/SupremaRegular.woff
new file mode 100755
index 0000000000000000000000000000000000000000..a7a44e158c3e1426ea1bf289e9b96a1503c89ee7
Binary files /dev/null and b/app/assets/SupremaRegular.woff differ
diff --git a/app/assets/imprint.html b/app/assets/imprint.html
new file mode 100644
index 0000000000000000000000000000000000000000..3dab2d84ac7386dbe5ab04151dfa801842c803a6
--- /dev/null
+++ b/app/assets/imprint.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width" />
+ <title>Long Route</title>
+ <link rel="stylesheet" href="/app.css" />
+</head>
+<body>
+ <header>
+ <h1><a href="/">Long Route</a></h1>
+ </header>
+ <main>
+ <p><a href="/">← back to main page</a></p>
+ <h2>Imprint</h2>
+ <p>
+ Frank Sauerburger IT<br />
+ Wattwiller Str. 6<br />
+ 79241 Ihringen-Wasenweiler<br />
+ </p>
+ <p>
+ Phone: +49 7668 3192560<br />
+ Email: info@sauerburger.com
+ </p>
+ </main>
+ <footer>
+ <p>
+ © 2019 <a href="mailto:frank@sauerburger.com">Frank Sauerburger</a> •
+ <a href="imprint.html">Imprint</a> •
+ <a href="privacy.html">Privacy Policy</a>
+ </p>
+ </footer>
+</body>
+</html>
diff --git a/app/assets/index.html b/app/assets/index.html
index d5bf87ac5aab47bc90553981507e519af4246c4b..0d469da1fcdf6592696522c1d9a4ee7f5c702dfb 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -8,5 +8,17 @@
<script>require('initialize');</script>
</head>
<body>
- <div id="app"></div>
+ <header>
+ <h1><a href="/">Long Route</a></h1>
+ </header>
+ <main>
+ <div id="react-root"></div>
+ </main>
+ <footer>
+ <p>
+ © 2019 <a href="mailto:frank@sauerburger.com">Frank Sauerburger</a> •
+ <a href="imprint.html">Imprint</a> •
+ <a href="privacy.html">Privacy Policy</a>
+ </p>
+ </footer>
</body>
diff --git a/app/assets/privacy.html b/app/assets/privacy.html
new file mode 100644
index 0000000000000000000000000000000000000000..888561f0d5b6db07e75ebd40fd850413a270a745
--- /dev/null
+++ b/app/assets/privacy.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width" />
+ <title>Long Route</title>
+ <link rel="stylesheet" href="/app.css" />
+</head>
+<body>
+ <header>
+ <h1><a href="/">Long Route</a></h1>
+ </header>
+ <main class="terms">
+ <p><a href="/">← back to main page</a></p>
+ <h2>Privacy Policy</h2>
+ <h3>Introduction</h3>
+ <ol>
+ <li>We are committed to safeguarding the privacy of our website visitors.</li>
+ <li>This policy applies where we are acting as a data controller with respect
+ to the personal data of our website visitors; in other
+ words, where we determine the purposes and means of the processing of that
+ personal data.</li>
+ <li>In this policy, "we", "us" and "our" refer to Frank Sauerburger IT.</li>
+ </ol>
+
+ <h3>Credit</h3>
+ <p>This document was created using a template from <a
+ href="https://seqlegal.com" rel="nofollow noreferrer noopener">SEQ
+ Legal</a>.</p>
+
+ <h3>How we use your personal data</h3>
+ <ol>
+ <li>In this Section 3 we have set out:
+ <ol>
+ <li>the general categories of personal data that we may process;</li>
+ <li>the purposes for which we may process personal data; and</li>
+ <li>the legal bases of the processing.</li>
+ </ol>
+ </li>
+ <li>We may process data about your use of our website ("usage data"). The
+ usage data may include your IP address, geographical location, browser type
+ and version, operating system, referral source, length of visit, page views
+ and website navigation paths, as well as information about the timing,
+ frequency and pattern of your service use. Cookie information is not processed
+ at the server. The source of the usage data are
+ the web server access log files. This usage data may be processed for the
+ purposes of analyzing the use of the website and services. The legal basis for
+ this processing is our legitimate interests, namely monitoring and improving
+ our website and services.</li>
+ <li>In addition to the specific purposes for which we may process your
+ personal data set out in this Section 3, we may also process any of your
+ personal data where such processing is necessary for compliance with a legal
+ obligation to which we are subject, or in order to protect your vital
+ interests or the vital interests of another natural person.</li>
+ <li>Please do not supply any other person's personal data to us, unless we
+ prompt you to do so.</li>
+ </ol>
+
+ <h3>Providing your personal data to others</h3>
+ <p>We may disclose your personal data where such disclosure is necessary for
+ compliance with a legal obligation to which we are subject, or in order to
+ protect your vital interests or the vital interests of another natural person.
+ We may also disclose your personal data where such disclosure is necessary for
+ the establishment, exercise or defence of legal claims, whether in court
+ proceedings or in an administrative or out-of-court procedure.</p>
+
+ <h3>Retaining and deleting personal data</h3>
+ <ol>
+ <li>This Section 6 sets out our data retention policies and procedure, which
+ are designed to help ensure that we comply with our legal obligations in
+ relation to the retention and deletion of personal data.</li>
+ <li>Personal data that we process for any purpose or purposes shall not be
+ kept for longer than is necessary for that purpose or those purposes.</li>
+ <li>Usage data will be retained for a period of 7 days.</li>
+ <li>Notwithstanding the other provisions of this Section 6, we may retain your
+ personal data where such retention is necessary for compliance with a legal
+ obligation to which we are subject, or in order to protect your vital
+ interests or the vital interests of another natural person.</li>
+ </ol>
+ <h3>Amendments</h3>
+ <ol>
+ <li>We may update this policy from time to time by publishing a new version on
+ our website.</li>
+ <li>You should check this page occasionally to ensure you are happy with any
+ changes to this policy.</li>
+ </ol>
+ <h3>Your rights</h3>
+ <ol>
+ <li>In this Section 8, we have summarised the rights that you have under data
+ protection law. Some of the rights are complex, and not all of the details
+ have been included in our summaries. Accordingly, you should read the relevant
+ laws and guidance from the regulatory authorities for a full explanation of
+ these rights.</li>
+ <li>Your principal rights under data protection law are:
+ <ol>
+ <li>the right to access;</li>
+ <li>the right to rectification;</li>
+ <li>the right to erasure;</li>
+ <li>the right to restrict processing;</li>
+ <li>the right to object to processing;</li>
+ <li>the right to data portability;</li>
+ <li>the right to complain to a supervisory authority; and</li>
+ <li>the right to withdraw consent.</li>
+ </ol>
+ </li>
+ <li>You have the right to confirmation as to whether or not we process your
+ personal data and, where we do, access to the personal data, together with
+ certain additional information. That additional information includes details
+ of the purposes of the processing, the categories of personal data concerned
+ and the recipients of the personal data. Providing the rights and freedoms of
+ others are not affected, we will supply to you a copy of your personal data.
+ The first copy will be provided free of charge, but additional copies may be
+ subject to a reasonable fee.</li>
+ <li>You have the right to have any inaccurate personal data about you
+ rectified and, taking into account the purposes of the processing, to have any
+ incomplete personal data about you completed.</li>
+ <li>In some circumstances you have the right to the erasure of your personal
+ data without undue delay. Those circumstances include: the personal data are
+ no longer necessary in relation to the purposes for which they were collected
+ or otherwise processed; you withdraw consent to consent-based processing; you
+ object to the processing under certain rules of applicable data protection
+ law; the processing is for direct marketing purposes; and the personal data
+ have been unlawfully processed. However, there are exclusions of the right to
+ erasure. The general exclusions include where processing is necessary: for
+ exercising the right of freedom of expression and information; for compliance
+ with a legal obligation; or for the establishment, exercise or defence of
+ legal claims.</li>
+ <li>In some circumstances you have the right to restrict the processing of
+ your personal data. Those circumstances are: you contest the accuracy of the
+ personal data; processing is unlawful but you oppose erasure; we no longer
+ need the personal data for the purposes of our processing, but you require
+ personal data for the establishment, exercise or defence of legal claims; and
+ you have objected to processing, pending the verification of that objection.
+ Where processing has been restricted on this basis, we may continue to store
+ your personal data. However, we will only otherwise process it: with your
+ consent; for the establishment, exercise or defence of legal claims; for the
+ protection of the rights of another natural or legal person; or for reasons of
+ important public interest.</li>
+ <li>You have the right to object to our processing of your personal data on
+ grounds relating to your particular situation, but only to the extent that the
+ legal basis for the processing is that the processing is necessary for: the
+ performance of a task carried out in the public interest or in the exercise of
+ any official authority vested in us; or the purposes of the legitimate
+ interests pursued by us or by a third party. If you make such an objection, we
+ will cease to process the personal information unless we can demonstrate
+ compelling legitimate grounds for the processing which override your
+ interests, rights and freedoms, or the processing is for the establishment,
+ exercise or defence of legal claims.</li>
+ <li>To the extent that the legal basis for our processing of your personal data is:
+ <ol>
+ <li>consent; or
+ <li>that the processing is necessary for the performance of a contract to
+ which you are party or in order to take steps at your request prior to
+ entering into a contract,</li>
+ </ol>
+ and such processing is carried out by automated means, you have the right to
+ receive your personal data from us in a structured, commonly used and
+ machine-readable format. However, this right does not apply where it would
+ adversely affect the rights and freedoms of others.</li>
+ <li> If you consider that our processing of your personal information
+ infringes data protection laws, you have a legal right to lodge a complaint
+ with a supervisory authority responsible for data protection. You may do so in
+ the EU member state of your habitual residence, your place of work or the
+ place of the alleged infringement.</li>
+ <li>To the extent that the legal basis for our processing of your personal
+ information is consent, you have the right to withdraw that consent at any
+ time. Withdrawal will not affect the lawfulness of processing before the
+ withdrawal.</li>
+ <li>You may exercise any of your rights in relation to your personal data by written notice to us.
+ </ol>
+ <h3>About cookies</h3>
+ <ol>
+ <li>A cookie is a file containing an identifier (a string of letters and
+ numbers) that is sent by a web server to a web browser and is stored by the
+ browser. The identifier is then sent back to the server each time the browser
+ requests a page from the server.</li>
+ <li>Cookies may be either "persistent" cookies or "session" cookies: a
+ persistent cookie will be stored by a web browser and will remain valid until
+ its set expiry date, unless deleted by the user before the expiry date; a
+ session cookie, on the other hand, will expire at the end of the user session,
+ when the web browser is closed.</li>
+ <li>Cookies do not typically contain any information that personally
+ identifies a user, but personal information that we store about you may be
+ linked to the information stored in and obtained from cookies.<li>
+ </ol>
+ <h3>Cookies that we use</h3>
+ <p>We use cookies for the following purpose: A single session cookie is used
+ as part of the technical demonstration on this website. The presence of the
+ cookie indicates that a certain link was accessed. The information about the
+ existence of the cookie is displayed on the main page of the this web site.</p>
+ <h3>Our details</h3>
+ <ol>
+ <li>This website is owned and operated by Frank Sauerburger IT.</li>
+ <li>Our principal place of business is at Wattwiller Str. 6, 78241 Ihringen,
+ Germany.</li>
+ <li>You can contact us:
+ <ol>
+ <li>by post, to the postal address given above;</li>
+ <li>by telephone, on the contact number published on our website or</li>
+ <li>by email, using the email address published on our website.</li>
+ </ol>
+ </li>
+ </ol>
+
+ </main>
+ <footer>
+ <p>
+ © 2018 <a href="mailto:frank@sauerburger.com">Frank Sauerburger</a> •
+ <a href="imprint.html">Imprint</a> •
+ <a href="privacy.html">Privacy Policy</a>
+ </p>
+ </footer>
+</body>
diff --git a/app/initialize.jsx b/app/initialize.jsx
index 63fa3e54bbd4f05f1d1ffb3a7957f8385669439f..908910839bcf2941a0d5a96eb3d0a448e0f58234 100644
--- a/app/initialize.jsx
+++ b/app/initialize.jsx
@@ -11,7 +11,7 @@ const load = () => {
//<Provider store={store}>
<App />
//</Provider>
- , document.querySelector('#app')
+ , document.querySelector('#react-root')
);
};
diff --git a/app/styles/application.css b/app/styles/application.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..88eab34fc91129b154f1d7fa3cf544b6ddc20bd4 100644
--- a/app/styles/application.css
+++ b/app/styles/application.css
@@ -0,0 +1,79 @@
+@font-face {
+ font-family: "Suprema";
+ src: url("SupremaRegular.woff") format('woff');
+}
+
+html {
+ min-height: 100%;
+ position: relative;
+ margin: 0px;
+ padding: 0px;
+ background-color: #f2f2f0;
+}
+
+body{
+ margin: 0px;
+ padding: 0px;
+ font-family: sans-serif;
+}
+
+header h1 {
+ margin: 0.8em auto 0.4em;
+}
+
+header {
+ font-family: "Suprema", sans-serif;
+ border-top: 1px solid #0e2f43;
+ margin: 0px;
+ background-color: #0e2f43;
+ border-bottom: 8px solid #2d8891;
+ color: #f2f2f0;
+}
+
+main {
+ margin: 0px auto 5em;
+ padding: 0em 1em;
+ text-align: justify;
+}
+
+@media only screen and (min-width: 820px) {
+ main {
+ width: 780px;
+ }
+ header h1 {
+ width: 780px;
+ }
+ footer p {
+ width: 780px;
+ }
+}
+
+code {
+ background-color: #d7bf7866;
+ font-family: monospace;
+ padding: 0.2em 0.7em;
+}
+
+
+footer {
+ position: absolute;
+ bottom: 0px;
+ width: 100%;
+}
+
+footer p {
+ margin: 0em auto 0em;
+ padding: 1em;
+ border-top: 6px solid #2d8891;
+ text-align: right;
+ background-color: #0e2f43;
+}
+
+a {
+ color: #2d8891;
+ text-decoration: none;
+}
+footer, footer a {
+ color: #ddd;
+}
+