tentakelfabrik
/
crispy-css
1
0
Fork 0
Code Issues 1 Pull Requests 0 Releases 1 Wiki Activity
Browse Source

adding imprint and privacy-policy

master
HerrHase 6 years ago
parent
82529b9f04
commit
60cd074a57
7 changed files with 248 additions and 15 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      dest/css/styles.css
  2. +96
    -0
      dest/imprint.html
  3. +16
    -12
      dest/index.html
  4. +128
    -0
      dest/privacy-policy.html
  5. +1
    -1
      package.json
  6. +1
    -1
      src/scss/example/site/_footer.scss
  7. +5
    -0
      src/scss/example/site/_header.scss

+ 1
- 1
dest/css/styles.css
File diff suppressed because it is too large
View File


+ 96
- 0
dest/imprint.html View File

@ -0,0 +1,96 @@
<!doctype html>
<html class="no-js" lang="en_EN">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Imprint | Cripsy Boilerplate</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<header id="header" class="header">
<div class="container">
<div class="grid">
<div class="col-12">
<div class="text-center">
<hgroup>
<div class="header__title h1">
<a href="/">
<svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#chip" />
</svg>
Crispy Boilerplate <span class="text-small">0.9.7</span>
</a>
</div>
</hgroup>
</div>
</div>
</div>
</div>
</header>
<a class="button button--up" href="#header">
<svg class="icon" alt="up" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#triangle-up" />
</svg>
</a>
<div class="container">
<div class="grid">
<div class="col-12">
<h1>Imprint</h1>
<h2>Information provided according to Sec. 5 German Telemedia Act (TMG):</h2>
<p>Björn Hase<br /> Obermarktstr. 18<br /> 32423 Minden</p>
<h2>Contact:</h2>
<p>Telephone: +49 (0)571 3876 0419<br /> Email: me@herr-hase.wtf</p>
<h2>Responsible for contents acc. to Sec. 55, para. 2 German Federal Broadcasting Agreement (RstV):</h2>
<p>Björn Hase<br /> Obermarkstr. 18<br /> 32423 Minden</p>
<h3>Liability for Contents</h3>
<p>As service providers, we are liable for own contents of these websites according to Sec. 7, paragraph 1 German Telemedia Act (TMG). However, according to Sec. 8 to 10 German Telemedia Act (TMG), service providers are not obligated to permanently monitor
submitted or stored information or to search for evidences that indicate illegal activities.</p>
<p>Legal obligations to removing information or to blocking the use of information remain unchallenged. In this case, liability is only possible at the time of knowledge about a specific violation of law. Illegal contents will be removed immediately
at the time we get knowledge of them.</p>
<h3>Liability for Links</h3>
<p>Our offer includes links to external third party websites. We have no influence on the contents of those websites, therefore we cannot guarantee for those contents. Providers or administrators of linked websites are always responsible for their own
contents.
</p>
<p>The linked websites had been checked for possible violations of law at the time of the establishment of the link. Illegal contents were not detected at the time of the linking. A permanent monitoring of the contents of linked websites cannot be imposed
without reasonable indications that there has been a violation of law. Illegal links will be removed immediately at the time we get knowledge of them.</p>
<h3>Copyright</h3>
<p>Contents and compilations published on these websites by the providers are subject to German copyright laws. Reproduction, editing, distribution as well as the use of any kind outside the scope of the copyright law require a written permission of
the author or originator. Downloads and copies of these websites are permitted for private use only.<br /> The commercial use of our contents without permission of the originator is prohibited.</p>
<p>Copyright laws of third parties are respected as long as the contents on these websites do not originate from the provider. Contributions of third parties on this site are indicated as such. However, if you notice any violations of copyright law,
please inform us. Such contents will be removed immediately.</p>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="grid">
<div class="col-12">
<div class="text-center">
<div class="group group--horizontal">
<ul class="group__section group__section--separate">
<li class="group__item"><a href="/imprint.html">Imprint</a></li>
<li class="group__item"><a href="/privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/js/app.js"></script>
</body>
</html>

+ 16
- 12
dest/index.html View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<title>Cripsy Boilerplate</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -17,13 +17,15 @@
<div class="grid"> <div class="grid">
<div class="col-12"> <div class="col-12">
<div class="text-center"> <div class="text-center">
<hgroup>
<h1 class="header__title">
<svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#chip" />
</svg>
Crispy Boilerplate
</h1>
<hgroup>
<div class="header__title h1">
<a href="/">
<svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#chip" />
</svg>
Crispy Boilerplate <span class="text-small">0.9.7</span>
</a>
</div>
</hgroup> </hgroup>
</div> </div>
</div> </div>
@ -809,14 +811,16 @@ toRem(10px 10px 0 0);
</div> </div>
</div> </div>
<footer class="footer">
<footer class="footer">
<div class="container"> <div class="container">
<div class="grid"> <div class="grid">
<div class="col-12"> <div class="col-12">
<div class="text-center"> <div class="text-center">
<p>
<a target="_blank" href="https://thenounproject.com/wxchee/">W. X. Chee</a>
</p>
<div class="group group--horizontal">
<ul class="group__section group__section--separate">
<li class="group__item"><a href="/imprint.html">Imprint</a></li><li class="group__item"><a href="/privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>


+ 128
- 0
dest/privacy-policy.html View File

@ -0,0 +1,128 @@
<!doctype html>
<html class="no-js" lang="en_EN">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Privacy Policy | Cripsy Boilerplate</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<header id="header" class="header">
<div class="container">
<div class="grid">
<div class="col-12">
<div class="text-center">
<hgroup>
<div class="header__title h1">
<a href="/">
<svg class="icon header__logo" alt="Crisp" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#chip" />
</svg>
Crispy Boilerplate <span class="text-small">0.9.7</span>
</a>
</div>
</hgroup>
</div>
</div>
</div>
</div>
</header>
<a class="button button--up" href="#header">
<svg class="icon" alt="up" viewBox="0 0 100 100">
<use xlink:href="/svg/icons.svg#triangle-up" />
</svg>
</a>
<div class="container">
<div class="grid">
<div class="col-12">
<h1>Privacy Policy</h1>
<h2>1. An overview of data protection</h2>
<h3>General</h3>
<p>The following gives a simple overview of what happens to your personal information when you visit our website. Personal information is any data with which you could be personally identified. Detailed information on the subject of data protection can
be found in our privacy policy found below.</p>
<h3>Data collection on our website</h3>
<p><strong>Who is responsible for the data collection on this website?</strong></p>
<p>The data collected on this website are processed by the website operator. The operator's contact details can be found in the website's required legal notice.</p>
<p><strong>How do we collect your data?</strong></p>
<p>Some data are collected when you provide it to us. This could, for example, be data you enter on a contact form.</p>
<p>Other data are collected automatically by our IT systems when you visit the website. These data are primarily technical data such as the browser and operating system you are using or when you accessed the page. These data are collected automatically
as soon as you enter our website.</p>
<p><strong>What do we use your data for?</strong></p>
<p>Part of the data is collected to ensure the proper functioning of the website. Other data can be used to analyze how visitors use the site.</p>
<p><strong>What rights do you have regarding your data?</strong></p>
<p>You always have the right to request information about your stored data, its origin, its recipients, and the purpose of its collection at no charge. You also have the right to request that it be corrected, blocked, or deleted. You can contact us at
any time using the address given in the legal notice if you have further questions about the issue of privacy and data protection. You may also, of course, file a complaint with the competent regulatory authorities.</p>
<h2>2. General information and mandatory information</h2>
<h3>Data protection</h3>
<p>The operators of this website take the protection of your personal data very seriously. We treat your personal data as confidential and in accordance with the statutory data protection regulations and this privacy policy.</p>
<p>If you use this website, various pieces of personal data will be collected. Personal information is any data with which you could be personally identified. This privacy policy explains what information we collect and what we use it for. It also explains
how and for what purpose this happens.</p>
<p>Please note that data transmitted via the internet (e.g. via email communication) may be subject to security breaches. Complete protection of your data from third-party access is not possible.</p>
<h3>Notice concerning the party responsible for this website</h3>
<p>The party responsible for processing data on this website is:</p>
<p>Björn Hase<br /> Obermarktstr. 18<br /> 32423 Minden</p>
<p>Telephone: +49 (0)571 3876 0419<br /> Email: me@herr-hase.wtf</p>
<p>The responsible party is the natural or legal person who alone or jointly with others decides on the purposes and means of processing personal data (names, email addresses, etc.).</p>
<h3>Revocation of your consent to the processing of your data</h3>
<p>Many data processing operations are only possible with your express consent. You may revoke your consent at any time with future effect. An informal email making this request is sufficient. The data processed before we receive your request may still
be legally processed.</p>
<h3>Right to file complaints with regulatory authorities</h3>
<p>If there has been a breach of data protection legislation, the person affected may file a complaint with the competent regulatory authorities. The competent regulatory authority for matters related to data protection legislation is the data protection
officer of the German state in which our company is headquartered. A list of data protection officers and their contact details can be found at the following link: <a href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html"
target="_blank">https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html</a>.</p>
<h3>Right to data portability</h3>
<p>You have the right to have data which we process based on your consent or in fulfillment of a contract automatically delivered to yourself or to a third party in a standard, machine-readable format. If you require the direct transfer of data to another
responsible party, this will only be done to the extent technically feasible.</p>
<h3>SSL or TLS encryption</h3>
<p>This site uses SSL or TLS encryption for security reasons and for the protection of the transmission of confidential content, such as the inquiries you send to us as the site operator. You can recognize an encrypted connection in your browser's address
line when it changes from "http://" to "https://" and the lock icon is displayed in your browser's address bar.</p>
<p>If SSL or TLS encryption is activated, the data you transfer to us cannot be read by third parties.</p>
<h3>Information, blocking, deletion</h3>
<p>As permitted by law, you have the right to be provided at any time with information free of charge about any of your personal data that is stored as well as its origin, the recipient and the purpose for which it has been processed. You also have the
right to have this data corrected, blocked or deleted. You can contact us at any time using the address given in our legal notice if you have further questions on the topic of personal data.</p>
<h2>3. Data collection on our website</h2>
<h3>Server log files</h3>
<p>The website provider automatically collects and stores information that your browser automatically transmits to us in "server log files". These are:</p>
<ul>
<li>Browser type and browser version</li>
<li>Operating system used</li>
<li>Referrer URL</li>
<li>Host name of the accessing computer</li>
<li>Time of the server request</li>
<li>IP address</li>
</ul>
<p>These data will not be combined with data from other sources.</p>
<p>The basis for data processing is Art. 6 (1) (b) DSGVO, which allows the processing of data to fulfill a contract or for measures preliminary to a contract.</p>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="grid">
<div class="col-12">
<div class="text-center">
<div class="group group--horizontal">
<ul class="group__section group__section--separate">
<li class="group__item"><a href="/imprint.html">Imprint</a></li>
<li class="group__item"><a href="/privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/js/app.js"></script>
</body>
</html>

+ 1
- 1
package.json View File

@ -1,6 +1,6 @@
{ {
"name": "crispy-boilerplate", "name": "crispy-boilerplate",
"version": "0.9.6",
"version": "0.9.7",
"description": "Flat Sass Boilerplate to give you a amount of Basic Settings, Mixins and Functions", "description": "Flat Sass Boilerplate to give you a amount of Basic Settings, Mixins and Functions",
"repository": { "repository": {
"type": "git", "type": "git",


+ 1
- 1
src/scss/example/site/_footer.scss View File

@ -8,7 +8,7 @@
@mixin example__footer() @mixin example__footer()
{ {
.footer { .footer {
padding: 8px 0 0;
padding: 12px 0;
background-color: #e9e9e9; background-color: #e9e9e9;
border-top: 1px dotted #959595; border-top: 1px dotted #959595;
margin: 50px 0 0 0; margin: 50px 0 0 0;


+ 5
- 0
src/scss/example/site/_header.scss View File

@ -20,6 +20,11 @@
&__title { &__title {
color: white; color: white;
margin: toEm(0 0 3px); margin: toEm(0 0 3px);
a {
color: white;
text-decoration: none;
}
} }
&__logo { &__logo {


Write Preview
Loading…
Cancel
Save