1 2<head> 3 <meta charset="UTF-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 <title>Subscribe</title> 6 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 7
7<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
7 8
8<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
8 9
9<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
9 10 <style> 11 body, html { 12 height: 100%; 13 width: 100%; 14 } 15 .bg { 16 background-image: url("images/bg.jpg"); 17 background-position: center; 18 background-repeat: no-repeat; 19 background-size: cover; 20 background-attachment: fixed; 21 } 22 23 @font-face { 24 font-family: "TradeSupply-Rounded"; 25 font-weight: bold; 26 font-style: normal; 27 src: url(/fonts/TradeSupply-Rounded.otf) format("opentype"); 28 } 29 30 @font-face { 31 font-family: "BebasNeue-Regular"; 32 src: url(/fonts/BebasNeue-Regular.ttf) format("truetype"); 33 } 34 35 h1 { 36 font-family: "TradeSupply-Rounded"; 37 text-transform: uppercase; 38 text-align: center; 39 } 40 41 p { 42 text-align: center; 43 } 44 45 /* The Modal (background) */ 46 .modal { 47 display: none; /* Hidden by default */ 48 position: fixed; /* Stay in place */ 49 z-index: 1; /* Sit on top */ 50 left: 0; 51 top: 0; 52 width: 100%; /* Full width */ 53 height: 100%; /* Full height */ 54 overflow: auto; /* Enable scroll if needed */ 55 background-color: rgb(0,0,0); /* Fallback color */ 56 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 57 } 58 59 /* Modal Content/Box */ 60 .modal-content { 61 background-color: #fefefe; 62 margin: 15% auto; /* 15% from the top and centered */ 63 padding: 20px; 64 border: 1px solid #888; 65 width: 80%; /* Could be more or less, depending on screen size */ 66 } 67 68 /* The Close Button */ 69 .close { 70 color: #aaa; 71 float: right; 72 font-size: 28px; 73 font-weight: bold; 74 } 75 76 .close:hover, 77 .close:focus { 78 color: black; 79 text-decoration: none; 80 cursor: pointer; 81 } 82 83 /* Honeypot: für Menschen unsichtbar, für Bots eine offene Einladung */ 84 .hp-field { 85 position: absolute; 86 left: -9999px; 87 top: -9999px; 88 height: 0; 89 width: 0; 90 overflow: hidden; 91 } 92 </style> 93</head> 94 95 96<body class="bg"> 97 <div class="container" id="panel"> 98 <br><br><br> 99 <div class="row"> 100 <div class="col-md-6 offset-md-3 col-sm-6 offset-sm-3" style="background-color: white; padding: 20px;"> 101 <div class="panel-heading"> 102 <h1>Subscribe to Peggy's</h1> 103 </div> 104 <hr> 105 106 107 108 <p>Deine Daten werden sicher gespeichert. Solltest du deine Subscribtion rückgängig machen wollen, klicke auf den Link in den Mails oder schreibe uns per <a href="mailto:[email protected]">Mail</a>.</p> 109 <br> 110 <button id="myBtn" class="btn btn-md btn-success btn-block">Rechtliche Hinweise</button> 111 <div id="myModal" class="modal"> 112 <div class="modal-content"> 113 <span class="close">×</span> 114 <br> 115 <h1>Rechtliche Hinweise</h1><br> 116 <p><b>Datenschutz</b></p> 117 <p>Wir halten uns an das Datenschutzgesetz und sind darum bemüht, sorgfältig mit persönlichen Daten von Gästen/Subscribern umzugehen. Durch die Nutzung unserer Websites respektive der Registrierung erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten in der in dieser Datenschutzerklärung beschriebenen Art und Weise und zu den beschriebenen Zwecken einverstanden.</p><br> 118 <p><b>Personenbezogene Daten</b></p> 119 <p>Personendaten sind alle Angaben, die sich auf eine bestimmte oder bestimmbare Person beziehen. Darunter fallen Informationen wie Name, Adresse, Telefonnummer, E-Mail, Geburtstag. Betroffen sind dabei sowohl natürliche als auch juristische Personen, über die Daten bearbeitet werden.</p><br> 120 <p><b>
120Beschaffen von Personendaten</b></p> 121 <p>Daten von Personen werden nur erhoben, wo sie für die Ausführung von angebotenen Dienstleistung, notwendig ist. In der Regel sind dies Angaben zu Name, Adresse, E-Mail sowie Telefonnummer. Es steht jeder Person frei, weitere Angaben zu machen. Jede Person wird über den Zweck der Datenbeschaffung vorgängig informiert. Erhobene Daten werden verschlüsselt in einer gesicherten Datenbank gespeichert.</p><br> 122 <p><b>Verwendung der Personendaten</b></p> 123 <p>Die durch uns erhobenen Personendaten werden in der Regel nur zur Ausführung von dem User bekannt gegebenen Dienstleistung verwendet. Planen wir, die Daten auf eine andere Art zu verwenden, etwa um den User auf Produkte und Dienstleistungen aufmerksam zu machen, kann der User eine Verwendung seiner Daten für andere als die ursprünglich gewünschte Dienstleistung ausschliessen. Wir gegeben keine Personendaten an Dritte weiter.</p><br> 124 <p><b>Löschung von Personendaten</b></p> 125 <p>Jeder Gast/Subscriber kann verlangen, dass über ihn erhobene Daten in der Datenbank gelöscht werden, sofern seine Daten nicht mehr relevant für allfalige Dienstleistungen sind. Als Gast müssen Sie hierfür eine Email an [email protected] senden. Daten werden ebenfalls gelöscht, sofern eine Reservation nicht mehr gülitg oder bereits vorbei ist.</p><br> 126 <p><b>Auskunfts- und Berichtigungsrecht</b></p> 127 <p>
127Jede Person, über die Personendaten erhoben werden, hat das Recht, darüber Auskunft zu verlangen, welche Daten über sie bearbeitet werden. Jede betroffene Person kann die Berichtigung von Daten sowie die Streichung aus dem Adressregister verlangen. Senden Sie hierfür eine Mail an [email protected].</p><br> 128 <p><b>Schutz der Personendaten</b></p> 129 <p>Die erhobenen Daten werden elektronisch erfasst. Wir sorgen dafür, dass Personendaten durch angemessene technische und organisatorische Massnahmen gegen unbefugtes Bearbeiten geschützt werden.</p><br> 130 <p><b>Missbrauch der Daten</b></p> 131 <p>Bei Missbrauch oder dem Verdacht auf eine strafbare Handlung sind wir berechtigt, die Daten auszuwerten und auf Begehren den zuständigen amtlichen Behörden weiterzuleiten, sofern wir gesetzlich dazu verpflichtet sind. Bemerken wir, dass durch einen User fremde Personendaten gebraucht werden, so wird dieser User von den Diensten ausgeschlossen.</p> 132 <br> 133 <p><b>Durch das Anklicken im Formular des Feldes 'Einverstanden mit den Rechtlichen Hinweisen' erklären Sie sich mit den oben genannten Punkten einverstanden. Weitere Infos zu unserer Datenschutzerklärung finden Sie hier: <a href="http://www.peggys.ch/datenschutz.php">Datenschutz</a></b></p> 134 </div> 135 </div> 136 <hr> 137 <form action="?register" method="post"> 138 <!-- Honeypot: für Menschen unsichtbar, Bots tappen gerne rein --> 139 <div class="hp-field" aria-hidden="true"> 140 <label for="website">Bitte dieses Feld leer lassen</label> 141 <input type="text" id="website" name="website" tabindex="-1" autocomplete="off"> 142 </div> 143 <input type="hidden" name="form_time" value="1791500801"> 144 145 <label style="font-weight: bold">Kategorie(n)*</label> 146 <br> 147 <label><input type="checkbox" name="subscriptions[]" value="1"> <span style="font-weight: bold; font-style: italic;">Pub Quiz</span></label><br> <hr> 148 <br> 149 <label style="font-weight: bold">Vorname*</label> 150 <input type="text" autocomplete="off" class="form-control" name="vorname" style="border-radius: 0px; " placeholder="" value="" required=TRUE> 151 <br> 152 <label style="font-weight: bold">Email*</label> 153 <input type="email" autocomplete="off" class="form-control" name="email" style="border-radius: 0px; " placeholder="" value="" required=TRUE> 154 <br> 155 <input type="checkbox" id="recht" name="recht" value="akzeptiert"> 156 <label for="recht"> <b>Einverstanden mit den Rechtlichen Hinweisen*</b></label> 157 <br> 158 <label for="recht"> <b>* Pflichtfelder</b></label> 159 <br> 160 <br> 161 <input type="submit" class="btn btn-md btn-success btn-block" value="Subscribe"> 162 </form> 163 <button onclick="location.href='https://peggys.ch/'" class="btn btn-md btn-danger btn-block">Abbrechen</button> 164 165 </div> 166 <div class="col-md-6 offset-md-3" style="background-color: transparent; padding: 20px;"> 167 </div> 168 </div> 169 </div> 170
170<script> 171 // Get the modal 172 var modal = document.getElementById("myModal"); 173 174 // Get the button that opens the modal 175 var btn = document.getElementById("myBtn"); 176 177 // Get the <span> element that closes the modal 178 var span = document.getElementsByClassName("close")[0]; 179 180 // When the user clicks on the button, open the modal 181 btn.onclick = function() { 182 modal.style.display = "block"; 183 } 184 185 // When the user clicks on <span> (x), close the modal 186 span.onclick = function() { 187 modal.style.display = "none"; 188 } 189 190 // When the user clicks anywhere outside of the modal, close it 191 window.onclick = function(event) { 192 if (event.target == modal) { 193 modal.style.display = "none"; 194 } 195 } 196 </script>
196 197</body>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.