<html> <!-- Complain about how broken everything is plz: https://github.com/HerrSpace/CCC-Membership-Form/issues --> <head> <meta name="viewport" content="width=device-width"> <style type="text/css"> html, body { sacrifice: goat; font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 1.3; background-color: #ccc; margin: 0 !important; padding: 0 !important; } page[size="A4"] { position: relative; background-color: #fff; width: 21cm; height: 29.7cm; display: block; margin: 1cm auto; padding: 1cm 2cm; box-sizing: border-box; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); } @media print { @page { margin: 0mm; size: auto; } body, page[size="A4"] { margin: 0; box-shadow: 0; /* Thanks obama. */ -webkit-print-color-adjust: exact; width: 100%; height: 100%; } #formpage { display: block !important; } #sc-container { display: none !important; } } @media screen and (max-device-width: 640px) { #sc-form { max-width: 95% !important; } } .falzt, .falzb, .hole { position: absolute; left: 0; width: 7mm; border-bottom: 1px black solid; } .falzt { top: 87mm; } .falzb { top: 192mm; } .hole { top: 148.5mm; width: 10mm; } .dinHead, .dinAddrRet, .dinAddrFwd, .dinInfo, .dinCont, .dinFoot { position: absolute; /*border: 1px solid black;*/ } .dinHead { top: 10mm; left: 25mm; width: 165mm; height: 15mm; } .dinHead h1 { margin: 0; } .dinHead ul { display: inline; } .dinAddrRet { font-size: 10px; padding: 3px 0 0 0; left: 25mm; top: 27mm; width: 85mm; height: 5mm; } .dinAddrFwd { left: 25mm; top: 37mm; width: 85mm; height: 35mm; } .dinInfo { right: 20mm; top: 32mm; width: 65mm; height: 40mm; } .dinCont { left: 25mm; top: 80.46mm; width: 165mm; height: 175mm; } .dinCont h3 { margin-top: 0; } .dinFoot { left: 25mm; bottom: 10mm; width: 165mm; height: 18mm; } .dinFoot span { position: absolute; top: 0; } .dinFoot #uno { left: 0%; width: 33%; } .dinFoot #dos { left: 34%; width: 38%; } .dinFoot #tres { left: 73%; } .bold { font-weight: bold; } .underline { border: 0 !important; border-bottom: 1px solid black !important; background-color: #fff; } input[type=text], select, .underline { width: 100%; height: 22px; display: inline; } input[type="text"], select { /* All browsers round select, iOS browsers round.. a lot? */ border-radius: 0; padding: 1px 0px; border: solid 1px #dcdcdc; border-collapse: collapse; transition: box-shadow 0.3s, border 0.3s; } input[type="text"]:focus, input[type="text"].focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; } .comment { display: block; width: 100%; resize: none; overflow: hidden; border: none; font-size: 14px; line-height: 18px; } #comment { background-size: 100% 18px; background-image: -moz-repeating-linear-gradient(180deg, transparent, transparent 17px, black); background-image: -webkit-repeating-linear-gradient(180deg, transparent, transparent 17px, black); background-image: -o-repeating-linear-gradient(180deg, transparent, transparent 17px, black); background-image: repeating-linear-gradient(180deg, transparent, transparent 17px, black); } #sc-comment { margin-top: 10px; height: auto !important; background-image: -moz-repeating-linear-gradient(180deg, transparent, transparent 17px, #dcdcdc); background-image: -webkit-repeating-linear-gradient(180deg, transparent, transparent 17px, #dcdcdc); background-image: -o-repeating-linear-gradient(180deg, transparent, transparent 17px, #dcdcdc); background-image: repeating-linear-gradient(180deg, transparent, transparent 17px, #dcdcdc); background-size: 100% 18px; } #qrCode { position: absolute; width: 200; height: 200; right: 0; bottom: 0; } #letterHead ul { list-style-type: none; } #letterHead ul li { display: inline; } #personalInfo div div, .signfield { float: left; box-sizing: border-box; padding: 2px 2px; } .signfield span { text-align: center; font-size: 10px; } #personalInfo div div span { font-size: 10px; padding: 2px 0; /*margin-top: 10px;*/ } .dinCont li { margin-bottom: 7px; } #sc-container { /* The sanity checker is enabled via JS. This way the form can also work in tinfoil hat browsers.*/ display: none; position: absolute; z-index: 10; transition: 0.5s; top: 0; left: 0; height: 100%; width: 100%; overflow-y: scroll; background-color: #3D3D3D; } #sc-form { margin: 0 auto; padding: 1.5em 0; max-width: 30em; font-weight: 50; color: #fff; } #sc-form input[type=text], #sc-form select, #sc-form button, #sc-form textarea { -webkit-appearance: none; -moz-appearance : none; height: 44px; padding: 0 8px; margin-top: -1px; background-color: #3D3D3D; color: white; } #sc-form select option { background-color: #3D3D3D; } #sc-form label, .sc-payment-title { margin-top: 9px; margin-bottom: 2px; display: block; } #show-form { font-size: 14px; color: rgba(0, 0, 0, 0.6) !important; background-color: #3edd55 !important; width: 100%; border: none; border-radius: 0; text-align: center; text-decoration: none; } #sc-form a:link, #sc-form a:visited { color: #3eccdd; } #sc-form a:hover { color: #7FDBFF; } #sc-form a { color: #3eccdd; transition: color .1s;} .sc-payment-switch { overflow: hidden; width: 100%; } .sc-payment-switch input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .sc-payment-switch label { padding-top: 12px; float: left; box-sizing: border-box; width: 50%; height: 44px; margin-bottom: 0; background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 14px; text-align: center; border: 1px solid rgba(220, 220, 220, 0.2);*/ transition: all 0.1s ease-in-out; } .sc-payment-switch label:hover { cursor: pointer; } .sc-payment-switch input:checked + label { background-color: #3edd55; -webkit-box-shadow: none; box-shadow: none; } </style> <script type="text/javascript"> /*! js-base64 https://github.com/dankogai/js-base64 */ (function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?module.exports=factory(global):typeof define==="function"&&define.amd?define(factory):factory(global)})(typeof self!=="undefined"?self:typeof window!=="undefined"?window:typeof global!=="undefined"?global:this,function(global){"use strict";var _Base64=global.Base64;var version="2.4.3";var buffer;if(typeof module!=="undefined"&&module.exports){try{buffer=require("buffer").Buffer}catch(err){}}var b64chars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";var b64tab=function(bin){var t={};for(var i=0,l=bin.length;i<l;i++)t[bin.charAt(i)]=i;return t}(b64chars);var fromCharCode=String.fromCharCode;var cb_utob=function(c){if(c.length<2){var cc=c.charCodeAt(0);return cc<128?c:cc<2048?fromCharCode(192|cc>>>6)+fromCharCode(128|cc&63):fromCharCode(224|cc>>>12&15)+fromCharCode(128|cc>>>6&63)+fromCharCode(128|cc&63)}else{var cc=65536+(c.charCodeAt(0)-55296)*1024+(c.charCodeAt(1)-56320);return fromCharCode(240|cc>>>18&7)+fromCharCode(128|cc>>>12&63)+fromCharCode(128|cc>>>6&63)+fromCharCode(128|cc&63)}};var re_utob=/[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g;var utob=function(u){return u.replace(re_utob,cb_utob)};var cb_encode=function(ccc){var padlen=[0,2,1][ccc.length%3],ord=ccc.charCodeAt(0)<<16|(ccc.length>1?ccc.charCodeAt(1):0)<<8|(ccc.length>2?ccc.charCodeAt(2):0),chars=[b64chars.charAt(ord>>>18),b64chars.charAt(ord>>>12&63),padlen>=2?"=":b64chars.charAt(ord>>>6&63),padlen>=1?"=":b64chars.charAt(ord&63)];return chars.join("")};var btoa=global.btoa?function(b){return global.btoa(b)}:function(b){return b.replace(/[\s\S]{1,3}/g,cb_encode)};var _encode=buffer?buffer.from&&buffer.from!==Uint8Array.from?function(u){return(u.constructor===buffer.constructor?u:buffer.from(u)).toString("base64")}:function(u){return(u.constructor===buffer.constructor?u:new buffer(u)).toString("base64")}:function(u){return btoa(utob(u))};var encode=function(u,urisafe){return!urisafe?_encode(String(u)):_encode(String(u)).replace(/[+\/]/g,function(m0){return m0=="+"?"-":"_"}).replace(/=/g,"")};var encodeURI=function(u){return encode(u,true)};var re_btou=new RegExp(["[À-ß][-¿]","[à-ï][-¿]{2}","[ð-÷][-¿]{3}"].join("|"),"g");var cb_btou=function(cccc){switch(cccc.length){case 4:var cp=(7&cccc.charCodeAt(0))<<18|(63&cccc.charCodeAt(1))<<12|(63&cccc.charCodeAt(2))<<6|63&cccc.charCodeAt(3),offset=cp-65536;return fromCharCode((offset>>>10)+55296)+fromCharCode((offset&1023)+56320);case 3:return fromCharCode((15&cccc.charCodeAt(0))<<12|(63&cccc.charCodeAt(1))<<6|63&cccc.charCodeAt(2));default:return fromCharCode((31&cccc.charCodeAt(0))<<6|63&cccc.charCodeAt(1))}};var btou=function(b){return b.replace(re_btou,cb_btou)};var cb_decode=function(cccc){var len=cccc.length,padlen=len%4,n=(len>0?b64tab[cccc.charAt(0)]<<18:0)|(len>1?b64tab[cccc.charAt(1)]<<12:0)|(len>2?b64tab[cccc.charAt(2)]<<6:0)|(len>3?b64tab[cccc.charAt(3)]:0),chars=[fromCharCode(n>>>16),fromCharCode(n>>>8&255),fromCharCode(n&255)];chars.length-=[0,0,2,1][padlen];return chars.join("")};var atob=global.atob?function(a){return global.atob(a)}:function(a){return a.replace(/[\s\S]{1,4}/g,cb_decode)};var _decode=buffer?buffer.from&&buffer.from!==Uint8Array.from?function(a){return(a.constructor===buffer.constructor?a:buffer.from(a,"base64")).toString()}:function(a){return(a.constructor===buffer.constructor?a:new buffer(a,"base64")).toString()}:function(a){return btou(atob(a))};var decode=function(a){return _decode(String(a).replace(/[-_]/g,function(m0){return m0=="-"?"+":"/"}).replace(/[^A-Za-z0-9\+\/]/g,""))};var noConflict=function(){var Base64=global.Base64;global.Base64=_Base64;return Base64};global.Base64={VERSION:version,atob:atob,btoa:btoa,fromBase64:decode,toBase64:encode,utob:utob,encode:encode,encodeURI:encodeURI,btou:btou,decode:decode,noConflict:noConflict};if(typeof Object.defineProperty==="function"){var noEnum=function(v){return{value:v,enumerable:false,writable:true,configurable:true}};global.Base64.extendString=function(){Object.defineProperty(String.prototype,"fromBase64",noEnum(function(){return decode(this)}));Object.defineProperty(String.prototype,"toBase64",noEnum(function(urisafe){return encode(this,urisafe)}));Object.defineProperty(String.prototype,"toBase64URI",noEnum(function(){return encode(this,true)}))}}if(global["Meteor"]){Base64=global.Base64}if(typeof module!=="undefined"&&module.exports){module.exports.Base64=global.Base64}else if(typeof define==="function"&&define.amd){define([],function(){return global.Base64})}return{Base64:global.Base64}}); </script> <script type="text/javascript"> /*! QRious v4.0.2 | (C) 2017 Alasdair Mercer | GPL v3 License Based on jsqrencode | (C) 2010 tz@execpc.com | GPL v3 License */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.QRious=e()}(this,function(){"use strict";function t(t,e){var n;return"function"==typeof Object.create?n=Object.create(t):(s.prototype=t,n=new s,s.prototype=null),e&&i(!0,n,e),n}function e(e,n,s,r){var o=this;return"string"!=typeof e&&(r=s,s=n,n=e,e=null),"function"!=typeof n&&(r=s,s=n,n=function(){return o.apply(this,arguments)}),i(!1,n,o,r),n.prototype=t(o.prototype,s),n.prototype.constructor=n,n.class_=e||o.class_,n.super_=o,n}function i(t,e,i){for(var n,s,a=0,h=(i=o.call(arguments,2)).length;a<h;a++){s=i[a];for(n in s)t&&!r.call(s,n)||(e[n]=s[n])}}function n(){}var s=function(){},r=Object.prototype.hasOwnProperty,o=Array.prototype.slice,a=e;n.class_="Nevis",n.super_=Object,n.extend=a;var h=n,f=h.extend(function(t,e,i){this.qrious=t,this.element=e,this.element.qrious=t,this.enabled=Boolean(i)},{draw:function(t){},getElement:function(){return this.enabled||(this.enabled=!0,this.render()),this.element},getModuleSize:function(t){var e=this.qrious,i=e.padding||0,n=Math.floor((e.size-2*i)/t.width);return Math.max(1,n)},getOffset:function(t){var e=this.qrious,i=e.padding;if(null!=i)return i;var n=this.getModuleSize(t),s=Math.floor((e.size-n*t.width)/2);return Math.max(0,s)},render:function(t){this.enabled&&(this.resize(),this.reset(),this.draw(t))},reset:function(){},resize:function(){}}),c=f.extend({draw:function(t){var e,i,n=this.qrious,s=this.getModuleSize(t),r=this.getOffset(t),o=this.element.getContext("2d");for(o.fillStyle=n.foreground,o.globalAlpha=n.foregroundAlpha,e=0;e<t.width;e++)for(i=0;i<t.width;i++)t.buffer[i*t.width+e]&&o.fillRect(s*e+r,s*i+r,s,s)},reset:function(){var t=this.qrious,e=this.element.getContext("2d"),i=t.size;e.lineWidth=1,e.clearRect(0,0,i,i),e.fillStyle=t.background,e.globalAlpha=t.backgroundAlpha,e.fillRect(0,0,i,i)},resize:function(){var t=this.element;t.width=t.height=this.qrious.size}}),u=h.extend(null,{BLOCK:[0,11,15,19,23,27,31,16,18,20,22,24,26,28,20,22,24,24,26,28,28,22,24,24,26,26,28,28,24,24,26,26,26,28,28,24,26,26,26,28,28]}),l=h.extend(null,{BLOCKS:[1,0,19,7,1,0,16,10,1,0,13,13,1,0,9,17,1,0,34,10,1,0,28,16,1,0,22,22,1,0,16,28,1,0,55,15,1,0,44,26,2,0,17,18,2,0,13,22,1,0,80,20,2,0,32,18,2,0,24,26,4,0,9,16,1,0,108,26,2,0,43,24,2,2,15,18,2,2,11,22,2,0,68,18,4,0,27,16,4,0,19,24,4,0,15,28,2,0,78,20,4,0,31,18,2,4,14,18,4,1,13,26,2,0,97,24,2,2,38,22,4,2,18,22,4,2,14,26,2,0,116,30,3,2,36,22,4,4,16,20,4,4,12,24,2,2,68,18,4,1,43,26,6,2,19,24,6,2,15,28,4,0,81,20,1,4,50,30,4,4,22,28,3,8,12,24,2,2,92,24,6,2,36,22,4,6,20,26,7,4,14,28,4,0,107,26,8,1,37,22,8,4,20,24,12,4,11,22,3,1,115,30,4,5,40,24,11,5,16,20,11,5,12,24,5,1,87,22,5,5,41,24,5,7,24,30,11,7,12,24,5,1,98,24,7,3,45,28,15,2,19,24,3,13,15,30,1,5,107,28,10,1,46,28,1,15,22,28,2,17,14,28,5,1,120,30,9,4,43,26,17,1,22,28,2,19,14,28,3,4,113,28,3,11,44,26,17,4,21,26,9,16,13,26,3,5,107,28,3,13,41,26,15,5,24,30,15,10,15,28,4,4,116,28,17,0,42,26,17,6,22,28,19,6,16,30,2,7,111,28,17,0,46,28,7,16,24,30,34,0,13,24,4,5,121,30,4,14,47,28,11,14,24,30,16,14,15,30,6,4,117,30,6,14,45,28,11,16,24,30,30,2,16,30,8,4,106,26,8,13,47,28,7,22,24,30,22,13,15,30,10,2,114,28,19,4,46,28,28,6,22,28,33,4,16,30,8,4,122,30,22,3,45,28,8,26,23,30,12,28,15,30,3,10,117,30,3,23,45,28,4,31,24,30,11,31,15,30,7,7,116,30,21,7,45,28,1,37,23,30,19,26,15,30,5,10,115,30,19,10,47,28,15,25,24,30,23,25,15,30,13,3,115,30,2,29,46,28,42,1,24,30,23,28,15,30,17,0,115,30,10,23,46,28,10,35,24,30,19,35,15,30,17,1,115,30,14,21,46,28,29,19,24,30,11,46,15,30,13,6,115,30,14,23,46,28,44,7,24,30,59,1,16,30,12,7,121,30,12,26,47,28,39,14,24,30,22,41,15,30,6,14,121,30,6,34,47,28,46,10,24,30,2,64,15,30,17,4,122,30,29,14,46,28,49,10,24,30,24,46,15,30,4,18,122,30,13,32,46,28,48,14,24,30,42,32,15,30,20,4,117,30,40,7,47,28,43,22,24,30,10,67,15,30,19,6,118,30,18,31,47,28,34,34,24,30,20,61,15,30],FINAL_FORMAT:[30660,29427,32170,30877,26159,25368,27713,26998,21522,20773,24188,23371,17913,16590,20375,19104,13663,12392,16177,14854,9396,8579,11994,11245,5769,5054,7399,6608,1890,597,3340,2107],LEVELS:{L:1,M:2,Q:3,H:4}}),_=h.extend(null,{EXPONENT:[1,2,4,8,16,32,64,128,29,58,116,232,205,135,19,38,76,152,45,90,180,117,234,201,143,3,6,12,24,48,96,192,157,39,78,156,37,74,148,53,106,212,181,119,238,193,159,35,70,140,5,10,20,40,80,160,93,186,105,210,185,111,222,161,95,190,97,194,153,47,94,188,101,202,137,15,30,60,120,240,253,231,211,187,107,214,177,127,254,225,223,163,91,182,113,226,217,175,67,134,17,34,68,136,13,26,52,104,208,189,103,206,129,31,62,124,248,237,199,147,59,118,236,197,151,51,102,204,133,23,46,92,184,109,218,169,79,158,33,66,132,21,42,84,168,77,154,41,82,164,85,170,73,146,57,114,228,213,183,115,230,209,191,99,198,145,63,126,252,229,215,179,123,246,241,255,227,219,171,75,150,49,98,196,149,55,110,220,165,87,174,65,130,25,50,100,200,141,7,14,28,56,112,224,221,167,83,166,81,162,89,178,121,242,249,239,195,155,43,86,172,69,138,9,18,36,72,144,61,122,244,245,247,243,251,235,203,139,11,22,44,88,176,125,250,233,207,131,27,54,108,216,173,71,142,0],LOG:[255,0,1,25,2,50,26,198,3,223,51,238,27,104,199,75,4,100,224,14,52,141,239,129,28,193,105,248,200,8,76,113,5,138,101,47,225,36,15,33,53,147,142,218,240,18,130,69,29,181,194,125,106,39,249,185,201,154,9,120,77,228,114,166,6,191,139,98,102,221,48,253,226,152,37,179,16,145,34,136,54,208,148,206,143,150,219,189,241,210,19,92,131,56,70,64,30,66,182,163,195,72,126,110,107,58,40,84,250,133,186,61,202,94,155,159,10,21,121,43,78,212,229,172,115,243,167,87,7,112,192,247,140,128,99,13,103,74,222,237,49,197,254,24,227,165,153,119,38,184,180,124,17,68,146,217,35,32,137,46,55,63,209,91,149,188,207,205,144,135,151,178,220,252,190,97,242,86,211,171,20,42,93,158,132,60,57,83,71,109,65,162,31,45,67,216,183,123,164,118,196,23,73,236,127,12,111,246,108,161,59,82,41,157,85,170,251,96,134,177,187,204,62,90,203,89,95,176,156,169,160,81,11,245,22,235,122,117,44,215,79,174,213,233,230,231,173,232,116,214,244,234,168,80,88,175]}),d=h.extend(null,{BLOCK:[3220,1468,2713,1235,3062,1890,2119,1549,2344,2936,1117,2583,1330,2470,1667,2249,2028,3780,481,4011,142,3098,831,3445,592,2517,1776,2234,1951,2827,1070,2660,1345,3177]}),v=h.extend(function(t){var e,i,n,s,r,o=t.value.length;for(this._badness=[],this._level=l.LEVELS[t.level],this._polynomial=[],this._value=t.value,this._version=0,this._stringBuffer=[];this._version<40&&(this._version++,n=4*(this._level-1)+16*(this._version-1),s=l.BLOCKS[n++],r=l.BLOCKS[n++],e=l.BLOCKS[n++],i=l.BLOCKS[n],n=e*(s+r)+r-3+(this._version<=9),!(o<=n)););this._dataBlock=e,this._eccBlock=i,this._neccBlock1=s,this._neccBlock2=r;var a=this.width=17+4*this._version;this.buffer=v._createArray(a*a),this._ecc=v._createArray(e+(e+i)*(s+r)+r),this._mask=v._createArray((a*(a+1)+1)/2),this._insertFinders(),this._insertAlignments(),this.buffer[8+a*(a-8)]=1,this._insertTimingGap(),this._reverseMask(),this._insertTimingRowAndColumn(),this._insertVersion(),this._syncMask(),this._convertBitStream(o),this._calculatePolynomial(),this._appendEccToData(),this._interleaveBlocks(),this._pack(),this._finish()},{_addAlignment:function(t,e){var i,n=this.buffer,s=this.width;for(n[t+s*e]=1,i=-2;i<2;i++)n[t+i+s*(e-2)]=1,n[t-2+s*(e+i+1)]=1,n[t+2+s*(e+i)]=1,n[t+i+1+s*(e+2)]=1;for(i=0;i<2;i++)this._setMask(t-1,e+i),this._setMask(t+1,e-i),this._setMask(t-i,e-1),this._setMask(t+i,e+1)},_appendData:function(t,e,i,n){var s,r,o,a=this._polynomial,h=this._stringBuffer;for(r=0;r<n;r++)h[i+r]=0;for(r=0;r<e;r++){if(255!==(s=_.LOG[h[t+r]^h[i]]))for(o=1;o<n;o++)h[i+o-1]=h[i+o]^_.EXPONENT[v._modN(s+a[n-o])];else for(o=i;o<i+n;o++)h[o]=h[o+1];h[i+n-1]=255===s?0:_.EXPONENT[v._modN(s+a[0])]}},_appendEccToData:function(){var t,e=0,i=this._dataBlock,n=this._calculateMaxLength(),s=this._eccBlock;for(t=0;t<this._neccBlock1;t++)this._appendData(e,i,n,s),e+=i,n+=s;for(t=0;t<this._neccBlock2;t++)this._appendData(e,i+1,n,s),e+=i+1,n+=s},_applyMask:function(t){var e,i,n,s,r=this.buffer,o=this.width;switch(t){case 0:for(s=0;s<o;s++)for(n=0;n<o;n++)n+s&1||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 1:for(s=0;s<o;s++)for(n=0;n<o;n++)1&s||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 2:for(s=0;s<o;s++)for(e=0,n=0;n<o;n++,e++)3===e&&(e=0),e||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 3:for(i=0,s=0;s<o;s++,i++)for(3===i&&(i=0),e=i,n=0;n<o;n++,e++)3===e&&(e=0),e||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 4:for(s=0;s<o;s++)for(e=0,i=s>>1&1,n=0;n<o;n++,e++)3===e&&(e=0,i=!i),i||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 5:for(i=0,s=0;s<o;s++,i++)for(3===i&&(i=0),e=0,n=0;n<o;n++,e++)3===e&&(e=0),(n&s&1)+!(!e|!i)||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 6:for(i=0,s=0;s<o;s++,i++)for(3===i&&(i=0),e=0,n=0;n<o;n++,e++)3===e&&(e=0),(n&s&1)+(e&&e===i)&1||this._isMasked(n,s)||(r[n+s*o]^=1);break;case 7:for(i=0,s=0;s<o;s++,i++)for(3===i&&(i=0),e=0,n=0;n<o;n++,e++)3===e&&(e=0),(e&&e===i)+(n+s&1)&1||this._isMasked(n,s)||(r[n+s*o]^=1)}},_calculateMaxLength:function(){return this._dataBlock*(this._neccBlock1+this._neccBlock2)+this._neccBlock2},_calculatePolynomial:function(){var t,e,i=this._eccBlock,n=this._polynomial;for(n[0]=1,t=0;t<i;t++){for(n[t+1]=1,e=t;e>0;e--)n[e]=n[e]?n[e-1]^_.EXPONENT[v._modN(_.LOG[n[e]]+t)]:n[e-1];n[0]=_.EXPONENT[v._modN(_.LOG[n[0]]+t)]}for(t=0;t<=i;t++)n[t]=_.LOG[n[t]]},_checkBadness:function(){var t,e,i,n,s,r=0,o=this._badness,a=this.buffer,h=this.width;for(s=0;s<h-1;s++)for(n=0;n<h-1;n++)(a[n+h*s]&&a[n+1+h*s]&&a[n+h*(s+1)]&&a[n+1+h*(s+1)]||!(a[n+h*s]||a[n+1+h*s]||a[n+h*(s+1)]||a[n+1+h*(s+1)]))&&(r+=v.N2);var f=0;for(s=0;s<h;s++){for(i=0,o[0]=0,t=0,n=0;n<h;n++)t===(e=a[n+h*s])?o[i]++:o[++i]=1,f+=(t=e)?1:-1;r+=this._getBadness(i)}f<0&&(f=-f);var c=0,u=f;for(u+=u<<2,u<<=1;u>h*h;)u-=h*h,c++;for(r+=c*v.N4,n=0;n<h;n++){for(i=0,o[0]=0,t=0,s=0;s<h;s++)t===(e=a[n+h*s])?o[i]++:o[++i]=1,t=e;r+=this._getBadness(i)}return r},_convertBitStream:function(t){var e,i,n=this._ecc,s=this._version;for(i=0;i<t;i++)n[i]=this._value.charCodeAt(i);var r=this._stringBuffer=n.slice(),o=this._calculateMaxLength();t>=o-2&&(t=o-2,s>9&&t--);var a=t;if(s>9){for(r[a+2]=0,r[a+3]=0;a--;)e=r[a],r[a+3]|=255&e<<4,r[a+2]=e>>4;r[2]|=255&t<<4,r[1]=t>>4,r[0]=64|t>>12}else{for(r[a+1]=0,r[a+2]=0;a--;)e=r[a],r[a+2]|=255&e<<4,r[a+1]=e>>4;r[1]|=255&t<<4,r[0]=64|t>>4}for(a=t+3-(s<10);a<o;)r[a++]=236,r[a++]=17},_getBadness:function(t){var e,i=0,n=this._badness;for(e=0;e<=t;e++)n[e]>=5&&(i+=v.N1+n[e]-5);for(e=3;e<t-1;e+=2)n[e-2]===n[e+2]&&n[e+2]===n[e-1]&&n[e-1]===n[e+1]&&3*n[e-1]===n[e]&&(0===n[e-3]||e+3>t||3*n[e-3]>=4*n[e]||3*n[e+3]>=4*n[e])&&(i+=v.N3);return i},_finish:function(){this._stringBuffer=this.buffer.slice();var t,e,i=0,n=3e4;for(e=0;e<8&&(this._applyMask(e),(t=this._checkBadness())<n&&(n=t,i=e),7!==i);e++)this.buffer=this._stringBuffer.slice();i!==e&&this._applyMask(i),n=l.FINAL_FORMAT[i+(this._level-1<<3)];var s=this.buffer,r=this.width;for(e=0;e<8;e++,n>>=1)1&n&&(s[r-1-e+8*r]=1,e<6?s[8+r*e]=1:s[8+r*(e+1)]=1);for(e=0;e<7;e++,n>>=1)1&n&&(s[8+r*(r-7+e)]=1,e?s[6-e+8*r]=1:s[7+8*r]=1)},_interleaveBlocks:function(){var t,e,i=this._dataBlock,n=this._ecc,s=this._eccBlock,r=0,o=this._calculateMaxLength(),a=this._neccBlock1,h=this._neccBlock2,f=this._stringBuffer;for(t=0;t<i;t++){for(e=0;e<a;e++)n[r++]=f[t+e*i];for(e=0;e<h;e++)n[r++]=f[a*i+t+e*(i+1)]}for(e=0;e<h;e++)n[r++]=f[a*i+t+e*(i+1)];for(t=0;t<s;t++)for(e=0;e<a+h;e++)n[r++]=f[o+t+e*s];this._stringBuffer=n},_insertAlignments:function(){var t,e,i,n=this._version,s=this.width;if(n>1)for(t=u.BLOCK[n],i=s-7;;){for(e=s-7;e>t-3&&(this._addAlignment(e,i),!(e<t));)e-=t;if(i<=t+9)break;i-=t,this._addAlignment(6,i),this._addAlignment(i,6)}},_insertFinders:function(){var t,e,i,n,s=this.buffer,r=this.width;for(t=0;t<3;t++){for(e=0,n=0,1===t&&(e=r-7),2===t&&(n=r-7),s[n+3+r*(e+3)]=1,i=0;i<6;i++)s[n+i+r*e]=1,s[n+r*(e+i+1)]=1,s[n+6+r*(e+i)]=1,s[n+i+1+r*(e+6)]=1;for(i=1;i<5;i++)this._setMask(n+i,e+1),this._setMask(n+1,e+i+1),this._setMask(n+5,e+i),this._setMask(n+i+1,e+5);for(i=2;i<4;i++)s[n+i+r*(e+2)]=1,s[n+2+r*(e+i+1)]=1,s[n+4+r*(e+i)]=1,s[n+i+1+r*(e+4)]=1}},_insertTimingGap:function(){var t,e,i=this.width;for(e=0;e<7;e++)this._setMask(7,e),this._setMask(i-8,e),this._setMask(7,e+i-7);for(t=0;t<8;t++)this._setMask(t,7),this._setMask(t+i-8,7),this._setMask(t,i-8)},_insertTimingRowAndColumn:function(){var t,e=this.buffer,i=this.width;for(t=0;t<i-14;t++)1&t?(this._setMask(8+t,6),this._setMask(6,8+t)):(e[8+t+6*i]=1,e[6+i*(8+t)]=1)},_insertVersion:function(){var t,e,i,n,s=this.buffer,r=this._version,o=this.width;if(r>6)for(t=d.BLOCK[r-7],e=17,i=0;i<6;i++)for(n=0;n<3;n++,e--)1&(e>11?r>>e-12:t>>e)?(s[5-i+o*(2-n+o-11)]=1,s[2-n+o-11+o*(5-i)]=1):(this._setMask(5-i,2-n+o-11),this._setMask(2-n+o-11,5-i))},_isMasked:function(t,e){var i=v._getMaskBit(t,e);return 1===this._mask[i]},_pack:function(){var t,e,i,n=1,s=1,r=this.width,o=r-1,a=r-1,h=(this._dataBlock+this._eccBlock)*(this._neccBlock1+this._neccBlock2)+this._neccBlock2;for(e=0;e<h;e++)for(t=this._stringBuffer[e],i=0;i<8;i++,t<<=1){128&t&&(this.buffer[o+r*a]=1);do{s?o--:(o++,n?0!==a?a--:(n=!n,6===(o-=2)&&(o--,a=9)):a!==r-1?a++:(n=!n,6===(o-=2)&&(o--,a-=8))),s=!s}while(this._isMasked(o,a))}},_reverseMask:function(){var t,e,i=this.width;for(t=0;t<9;t++)this._setMask(t,8);for(t=0;t<8;t++)this._setMask(t+i-8,8),this._setMask(8,t);for(e=0;e<7;e++)this._setMask(8,e+i-7)},_setMask:function(t,e){var i=v._getMaskBit(t,e);this._mask[i]=1},_syncMask:function(){var t,e,i=this.width;for(e=0;e<i;e++)for(t=0;t<=e;t++)this.buffer[t+i*e]&&this._setMask(t,e)}},{_createArray:function(t){var e,i=[];for(e=0;e<t;e++)i[e]=0;return i},_getMaskBit:function(t,e){var i;return t>e&&(i=t,t=e,e=i),i=e,i+=e*e,i>>=1,i+=t},_modN:function(t){for(;t>=255;)t=((t-=255)>>8)+(255&t);return t},N1:3,N2:3,N3:40,N4:10}),p=v,m=f.extend({draw:function(){this.element.src=this.qrious.toDataURL()},reset:function(){this.element.src=""},resize:function(){var t=this.element;t.width=t.height=this.qrious.size}}),g=h.extend(function(t,e,i,n){this.name=t,this.modifiable=Boolean(e),this.defaultValue=i,this._valueTransformer=n},{transform:function(t){var e=this._valueTransformer;return"function"==typeof e?e(t,this):t}}),k=h.extend(null,{abs:function(t){return null!=t?Math.abs(t):null},hasOwn:function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},noop:function(){},toUpperCase:function(t){return null!=t?t.toUpperCase():null}}),w=h.extend(function(t){this.options={},t.forEach(function(t){this.options[t.name]=t},this)},{exists:function(t){return null!=this.options[t]},get:function(t,e){return w._get(this.options[t],e)},getAll:function(t){var e,i=this.options,n={};for(e in i)k.hasOwn(i,e)&&(n[e]=w._get(i[e],t));return n},init:function(t,e,i){"function"!=typeof i&&(i=k.noop);var n,s;for(n in this.options)k.hasOwn(this.options,n)&&(s=this.options[n],w._set(s,s.defaultValue,e),w._createAccessor(s,e,i));this._setAll(t,e,!0)},set:function(t,e,i){return this._set(t,e,i)},setAll:function(t,e){return this._setAll(t,e)},_set:function(t,e,i,n){var s=this.options[t];if(!s)throw new Error("Invalid option: "+t);if(!s.modifiable&&!n)throw new Error("Option cannot be modified: "+t);return w._set(s,e,i)},_setAll:function(t,e,i){if(!t)return!1;var n,s=!1;for(n in t)k.hasOwn(t,n)&&this._set(n,t[n],e,i)&&(s=!0);return s}},{_createAccessor:function(t,e,i){var n={get:function(){return w._get(t,e)}};t.modifiable&&(n.set=function(n){w._set(t,n,e)&&i(n,t)}),Object.defineProperty(e,t.name,n)},_get:function(t,e){return e["_"+t.name]},_set:function(t,e,i){var n="_"+t.name,s=i[n],r=t.transform(null!=e?e:t.defaultValue);return i[n]=r,r!==s}}),M=w,b=h.extend(function(){this._services={}},{getService:function(t){var e=this._services[t];if(!e)throw new Error("Service is not being managed with name: "+t);return e},setService:function(t,e){if(this._services[t])throw new Error("Service is already managed with name: "+t);e&&(this._services[t]=e)}}),B=new M([new g("background",!0,"white"),new g("backgroundAlpha",!0,1,k.abs),new g("element"),new g("foreground",!0,"black"),new g("foregroundAlpha",!0,1,k.abs),new g("level",!0,"L",k.toUpperCase),new g("mime",!0,"image/png"),new g("padding",!0,null,k.abs),new g("size",!0,100,k.abs),new g("value",!0,"")]),y=new b,O=h.extend(function(t){B.init(t,this,this.update.bind(this));var e=B.get("element",this),i=y.getService("element"),n=e&&i.isCanvas(e)?e:i.createCanvas(),s=e&&i.isImage(e)?e:i.createImage();this._canvasRenderer=new c(this,n,!0),this._imageRenderer=new m(this,s,s===e),this.update()},{get:function(){return B.getAll(this)},set:function(t){B.setAll(t,this)&&this.update()},toDataURL:function(t){return this.canvas.toDataURL(t||this.mime)},update:function(){var t=new p({level:this.level,value:this.value});this._canvasRenderer.render(t),this._imageRenderer.render(t)}},{use:function(t){y.setService(t.getName(),t)}});Object.defineProperties(O.prototype,{canvas:{get:function(){return this._canvasRenderer.getElement()}},image:{get:function(){return this._imageRenderer.getElement()}}});var A=O,L=h.extend({getName:function(){}}).extend({createCanvas:function(){},createImage:function(){},getName:function(){return"element"},isCanvas:function(t){},isImage:function(t){}}).extend({createCanvas:function(){return document.createElement("canvas")},createImage:function(){return document.createElement("img")},isCanvas:function(t){return t instanceof HTMLCanvasElement},isImage:function(t){return t instanceof HTMLImageElement}});return A.use(new L),A}); </script> <script type="text/javascript"> function generateQR() { var form = document.getElementById('application'); var formDict = {}; var inputs = Array.prototype.slice.call(form.getElementsByTagName('input')); inputs.forEach(function(input) { if (input.value) { formDict[input.name] = input.value; } }); formDict["payment"] = form.querySelector('input[name="payment"]:checked').value; formDict["consent"] = document.getElementsByName('consent')[0].checked; var jsonMsg = JSON.stringify(formDict); console.log(jsonMsg); var qr = new QRious({ element: document.getElementById('qrCode'), value: Base64.encode(jsonMsg), size: 200 }) var fields = [ document.getElementsByName("firstname")[0].value + ' ' + document.getElementsByName("lastname")[0].value, document.getElementsByName("addr1")[0].value, document.getElementsByName("addr2")[0].value, document.getElementsByName("country")[0].value, ] if (document.getElementsByName("addr3")[0].value != '') { fields.splice(1, 0, document.getElementsByName("addr3")[0].value); } var ret = document.getElementsByClassName("dinAddrRet")[0]; ret.innerHTML=fields.join("•"); } window.onload = function() { document.getElementById('sc-container').style.display = 'block'; document.getElementById('formpage').style.display = 'none'; var qr = new QRious({ element: document.getElementById('qrCode'), value: "from __future__ import dbaseIII", size: 200 }); var today = new Date(); document.getElementsByName('date')[0].value = today.toISOString().substring(0,10); document.getElementById('sc-form').addEventListener("submit", function(e){ e.preventDefault(); document.getElementsByName('payment')[0].checked = document.getElementsByName('sc-payment')[0].checked document.getElementsByName('payment')[1].checked = document.getElementsByName('sc-payment')[1].checked document.getElementsByName('firstname')[0].value = document.getElementsByName('sc-firstname')[0].value; document.getElementsByName('lastname')[0].value = document.getElementsByName('sc-lastname')[0].value; document.getElementsByName('consent')[0].checked = document.getElementsByName('sc-consent')[0].checked; document.getElementsByName('addr1')[0].value = document.getElementsByName('sc-addr1')[0].value; document.getElementsByName('addr2')[0].value = document.getElementsByName('sc-addr2')[0].value; document.getElementsByName('addr3')[0].value = document.getElementsByName('sc-addr3')[0].value; document.getElementsByName('country')[0].value = document.getElementsByName('sc-country')[0].value; document.getElementsByName('email')[0].value = document.getElementsByName('sc-email')[0].value; var pgp_id = document.getElementsByName('sc-pgp')[0].value.replace(/\s/g, ''); if (pgp_id.length == 16) { pgp_id = '0x' + pgp_id; } document.getElementsByName('pgp')[0].value = pgp_id; document.getElementsByName('comment')[0].value = document.getElementsByName('sc-comment')[0].value; generateQR() window.print(); }); } </script> </head> <body> <div id="sc-container"> <form id="sc-form"> <input type="hidden" name="version" value="alpha"/> <p> Daten, die in dieses Antragsformular eingetragen werden, gehen <span class="bold">nicht</span> über das Internet. Die Daten werden ausschließlich im Web-Browser verarbeitet und im fertigen Formular maschinenlesbar dargestellt. Dies hilft uns Anträge schneller zu berarbeiten. </p> <p> Ich möchte <span class="bold">Fördermitglied im Chaos Computer Club e. V.</span> werden (unregelmäßig und <span class="bold">selten</span> erscheinende Datenschleuder inklusive) und habe <a href="https://www.ccc.de/de/satzung">die Satzung</a> und <a href="https://www.ccc.de/de/faq">FAQ</a> gelesen. </p> <div class="sc-payment-switch"> <div class="sc-payment-title">Normaler oder ermäßigter Beitrag?</div> <input type="radio" id="sc-regular" name="sc-payment" value="regular" checked/> <label for="sc-regular">Normal (72€)</label> <input type="radio" id="sc-reduced" name="sc-payment" value="reduced" /> <label for="sc-reduced">Ermäßigt (36€ mit Nachweis)</label> </div> <label for="sc-firstname">Vorname</label> <input type="text" name="sc-firstname" maxlength="40" placeholder="Hannah" required autofocus> <label for="sc-lastname">Nachname</label> <input type="text" name="sc-lastname" maxlength="40" placeholder="Acker" required> <label for="sc-addr1">Adresse</label> <input type="text" name="sc-addr1" maxlength="60" placeholder="Hauptstraße 1" required> <input type="text" name="sc-addr2" maxlength="60" placeholder="12345 Entenhausen" required> <input type="text" name="sc-addr3" maxlength="60" placeholder="c/o Frank Nord"> <select name="sc-country" selected="Deutschland"> <option value="DE">Deutschland</option> <option value="CH">Schweiz</option> <option value="AT">Österreich</option> <option value="AF">Afghanistan</option> <option value="AX">Åland</option> <option value="AL">Albanien</option> <option value="DZ">Algerien</option> <option value="AS">Amerikanisch-Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarktis</option> <option value="AG">Antigua und Barbuda</option> <option value="AR">Argentinien</option> <option value="AM">Armenien</option> <option value="AW">Aruba</option> <option value="AU">Australien</option> <option value="AZ">Aserbaidschan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesch</option> <option value="BB">Barbados</option> <option value="BY">Weißrussland</option> <option value="BE">Belgien</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivien</option> <option value="BQ">Bonaire, Sint Eustatius und Saba</option> <option value="BA">Bosnien und Herzegowina</option> <option value="BW">Botswana</option> <option value="BV">Bouvetinsel</option> <option value="BR">Brasilien</option> <option value="IO">Britisches Territorium im Indischen Ozean</option> <option value="VG">Britische Jungferninseln</option> <option value="BN">Brunei</option> <option value="BG">Bulgarien</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Kambodscha</option> <option value="CM">Kamerun</option> <option value="CA">Kanada</option> <option value="CV">Kap Verde</option> <option value="KY">Kaimaninseln</option> <option value="CF">Zentralafrikanische Republik</option> <option value="TD">Tschad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Weihnachtsinsel</option> <option value="CC">Kokosinseln</option> <option value="CO">Kolumbien</option> <option value="KM">Komoren</option> <option value="CK">Cookinseln</option> <option value="CR">Costa Rica</option> <option value="HR">Kroatien</option> <option value="CU">Kuba</option> <option value="CW">Curacao</option> <option value="CY">Zypern</option> <option value="CZ">Tschechische Republik</option> <option value="CD">Demokratische Republik Kongo</option> <option value="DK">Dänemark</option> <option value="DJ">Dschibuti</option> <option value="DM">Dominica</option> <option value="DO">Dominikanische Republik</option> <option value="TL">Osttimor</option> <option value="EC">Ecuador</option> <option value="EG">Ägypten</option> <option value="SV">El Salvador</option> <option value="GQ">Äquatorialguinea</option> <option value="ER">Eritrea</option> <option value="EE">Estland</option> <option value="ET">Äthiopien</option> <option value="FK">Falkland-Inseln</option> <option value="FO">Färöer-Inseln</option> <option value="FJ">Fidschi</option> <option value="FI">Finnland</option> <option value="FR">Frankreich</option> <option value="GF">Französisch-Guayana</option> <option value="PF">Französisch-Polynesien</option> <option value="TF">Französische Süd- und Antarktisgebiete</option> <option value="GA">Gabun</option> <option value="GM">Gambia</option> <option value="GE">Georgien</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Griechenland</option> <option value="GL">Grönland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard und McDonaldinseln</option> <option value="HN">Honduras</option> <option value="HK">Hongkong</option> <option value="HU">Ungarn</option> <option value="IS">Island</option> <option value="IN">Indien</option> <option value="ID">Indonesien</option> <option value="IR">Iran</option> <option value="IQ">Irak</option> <option value="IE">Irland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italien</option> <option value="CI">Elfenbeinküste</option> <option value="JM">Jamaika</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordanien</option> <option value="KZ">Kasachstan</option> <option value="KE">Kenia</option> <option value="KI">Kiribati</option> <option value="XK">Kosovo</option> <option value="KW">Kuwait</option> <option value="KG">Kirgisistan</option> <option value="LA">Laos</option> <option value="LV">Lettland</option> <option value="LB">Libanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libyen</option> <option value="LI">Liechtenstein</option> <option value="LT">Litauen</option> <option value="LU">Luxemburg</option> <option value="MO">Macao</option> <option value="MK">Mazedonien</option> <option value="MG">Madagaskar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Malediven</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshallinseln</option> <option value="MQ">Martinique</option> <option value="MR">Mauretanien</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexiko</option> <option value="FM">Mikronesien</option> <option value="MD">Moldawien</option> <option value="MC">Monaco</option> <option value="MN">Mongolei</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Marokko</option> <option value="MZ">Mosambik</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Niederlande</option> <option value="AN">Niederländische Antillen</option> <option value="NC">Neukaledonien</option> <option value="NZ">Neuseeland</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolkinsel</option> <option value="KP">Nordkorea</option> <option value="MP">Nördliche Marianen</option> <option value="NO">Norwegen</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palästinensische Autonomiegebiete</option> <option value="PA">Panama</option> <option value="PG">Papua-Neuguinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippinen</option> <option value="PN">Pitcairninseln</option> <option value="PL">Polen</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Katar</option> <option value="CG">Republik Kongo</option> <option value="RE">Réunion</option> <option value="RO">Rumänien</option> <option value="RU">Russland</option> <option value="RW">Ruanda</option> <option value="BL">Saint-Barthélemy</option> <option value="SH">St. Helena</option> <option value="KN">St. Kitts und Nevis</option> <option value="LC">St. Lucia</option> <option value="MF">St. Martin</option> <option value="PM">Saint-Pierre und Miquelon</option> <option value="VC">St. Vincent und die Grenadinen</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">São Tomé und Príncipe</option> <option value="SA">Saudi-Arabien</option> <option value="SN">Senegal</option> <option value="RS">Serbien</option> <option value="CS">Serbien und Montenegro</option> <option value="SC">Seychellen</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapur</option> <option value="SX">Sint Maarten</option> <option value="SK">Slowakei</option> <option value="SI">Slowenien</option> <option value="SB">Salomon-Inseln</option> <option value="SO">Somalia</option> <option value="ZA">Südafrika</option> <option value="GS">Südgeorgien und die Südlichen Sandwichinseln</option> <option value="KR">Südkorea</option> <option value="SS">Südsudan</option> <option value="ES">Spanien</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard und Jan Mayen</option> <option value="SZ">Swasiland</option> <option value="SE">Schweden</option> <option value="SY">Syrien</option> <option value="TW">Taiwan</option> <option value="TJ">Tadschikistan</option> <option value="TZ">Tansania</option> <option value="TH">Thailand</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad und Tobago</option> <option value="TN">Tunesien</option> <option value="TR">Türkei</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks- und Caicosinseln</option> <option value="TV">Tuvalu</option> <option value="VI">Amerikanische Jungferninseln</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">Vereinte Arabische Emirate</option> <option value="GB">Großbritannien</option> <option value="US">Vereinigte Staaten von Amerika (USA)</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Usbekistan</option> <option value="VU">Vanuatu</option> <option value="VA">Vatikanstadt</option> <option value="VE">Venezuela</option> <option value="VN">Vietnam</option> <option value="WF">Wallis und Futuna</option> <option value="EH">Westsahara</option> <option value="YE">Jemen</option> <option value="ZM">Sambia</option> <option value="ZW">Simbabwe</option> </select> <label for="sc-email">E-Mail-Adresse</label> <input type="text" name="sc-email" pattern=".+@.+\..+" maxlength="50" placeholder="h.acker@example.com" required> <label for="sc-pgp">Optional: PGP-Key ID (Key muss auf den Key-Servern sein)</label> <input type="text" name="sc-pgp" pattern="(0x)?[0-9a-fA-F]{16}([0-9a-fA-F]{24})?" maxlength="50" placeholder="0x1337cafe2342feed" onblur="this.value = this.value.replace(/\s/g, '');"> <label><input type="checkbox" name="sc-consent">Über wichtige Vereinsangelegenheiten möchte ich per Mail oder ersatzweise brieflich informiert werden.</label> <button id="show-form" type="submit">Drucken</button> <label for="sc-comment">Bemerkungen</label> <textarea class="comment" id="sc-comment" name="sc-comment" rows="3" maxlength="144"></textarea> <br> <p> Solltest du Probleme mit diesem Formular haben, möchten wir <a href="https://github.com/HerrSpace/CCC-Membership-Form/issues">diese gerne erfahren</a>. Alternativ kannst du <a href="https://www.ccc.de/system/uploads/269/original/Supporterform-de-v5.pdf">diesen PDF Antrag</a> ausfüllen. </p> </form> </div> <page size="A4" id="formpage"> <span class="falzt"></span> <span class="falzb"></span> <span class="hole"></span> <div class="dinHead"> <h1>Chaos Computer Club e. V.</h1> <span><a href="mailto:office@ccc.de">office@ccc.de</a> • <a href="https://www.ccc.de/de/membership">https://www.ccc.de/de/membership</a></span> </div> <div class="dinAddrRet"></div> <div class="dinAddrFwd"> Chaos Computer Club e. V.<br/>Zeiseweg 9<br/>22765 Hamburg<br/>Germany </div> <div class="dinInfo"> <canvas id="qrCode"></canvas> </div> <div class="dinCont"> <h3>Antrag auf Fördermitgliedschaft im Chaos Computer Club e. V.</h3> <form id="application" action="#"> <input type="hidden" name="version" value="1"/> <p> Ich möchte <span class="bold">Fördermitglied im Chaos Computer Club e. V.</span> werden (unregelmäßig und <span class="bold">selten</span> erscheinende Datenschleuder inklusive) und habe die Satzung (<a href="https://www.ccc.de/de/satzung">https://www.ccc.de/de/satzung</a>) und FAQ (<a href="https://www.ccc.de/de/faq">https://www.ccc.de/de/faq</a>) gelesen. </p> <p> <input type="radio" name="payment" value="regular" id="regular" onclick="return false;"> <label for="regular"><span class="bold">Normale</span> Fördermitgliedschaft für <span class="bold">72€</span> pro Jahr oder</label><br/> <input type="radio" name="payment" value="reduced" id="reduced" onclick="return false;"> <label for="reduced"><span class="bold">Ermäßigte</span> Fördermitgliedschaft für <span class="bold">36€</span> pro Jahr. Einen <span class="bold">Nachweis</span>, aus dem einer der folgenden Ermäßigungsgründe hervorgeht, lege ich in Kopie bei: Studium, Schule, Arbeitslosigkeit, Umschulung, Rente oder Behinderung.</label> </p> <p> <div id="personalInfo"> <div> <div style="width: 33%;"> <input type="text" name="firstname"> <span>Vorname</span> </div> <div style="width: 33%;"> <input type="text" name="lastname"> <span>Nachname</span> </div> <div style="width: 34%;"> <input type="text" name="addr3"> <span>Optional: Adresszusatz, Organisation oder c/o</span> </div> </div> <div> <div style="width: 50%;"> <input type="text" name="addr1"> <span>Straße und Hausnummer</span> </div> <div style="width: 30%;"> <input type="text" name="addr2"> <span>Postleitzahl und Stadt</span> </div> <div style="width: 20%;"> <input type="text" name="country"> <span>Land</span> </div> </div> <div> <div style="width: 50%;"> <input type="text" name="email"> <span class="bold">E-Mail-Adresse – (Bitte unbedingt angeben!)</span> </div> <div style="width: 50%;"> <input type="text" name="pgp"> <span>Optional: PGP-Key ID (Key muss auf den <span class="bold">Key-Servern</span> sein)</span> </div> </div> </div> <div> <div style="width: 100%;"> <input type="checkbox" name="consent"> <span>Über wichtige Vereinsangelegenheiten möchte ich per Mail oder ersatzweise brieflich informiert werden.</span> </div> </div> </p> <p> <span>Dieses Formular ausdrucken und <span class="bold">handschriftlich</span> unterzeichnen</span> </p> <p style="height: 5px"> <div class="signfield" style="width: 20%"> <span class="underline"></span> <input type="text" name="date" class="underline"> <span>Datum</span> </div> <div class="signfield" style="width: 80%"> <span class="underline"></span> <input type="text" name="signature" class="underline" readonly> <span>Unterschrift (bei Minderjährigen Unterschrift der Erziehungsberechtigten)</span> </div> </p> </form> <p> <span>Diesen Antrag <span class="bold">vorzugsweise</span> einscannen und <span class="bold">per E-Mail an <a href="mailto:office@ccc.de">office@ccc.de</a></span> senden oder ausreichend frankiert per Post senden. <span class="bold">Einschreiben oder nicht ausreichend frankierte Briefe werden nicht angenommen!</span> Es ist einfach tagsüber niemand da um die Post anzunehmen. </p> <p> <span>Die E-Mail von <a href="mailto:office@ccc.de">office@ccc.de</a> (PGP-Key zu finden auf <a href="https://www.ccc.de/de/office">https://www.ccc.de/de/office</a>) mit Bestätigung und weiteren Anweisungen sollte <span class="bold">binnen drei Wochen</span> eintreffen. Zum Jahresende kann dies noch länger dauern.</span> </p> <span class="underline">Bemerkungen:</span> <textarea class="comment" id="comment" name="comment" rows="3"></textarea> </div> <div class="dinFoot"> <span id="uno"><span class="bold">Verein:</span><br/>Eingetragen beim Vereinsgericht Hamburg unter der Vereinsregister-<br/>nummer: 10940</span> <span id="dos"><span class="bold">Internet:</span><br/>Webseite: <a href="https://www.ccc.de/">https://www.ccc.de/</a> Regionale Erfakreise und Chaostreffs: <a href="https://www.ccc.de/regional">https://www.ccc.de/regional</a></span> <span id="tres"><span class="bold">Kontakt:</span><br/>Allgemeine Anfragen: <a href="mailto:mail@ccc.de">mail@ccc.de</a><br/>Mitgliederverwaltung: <a href="mailto:office@ccc.de">office@ccc.de</a></span> </div> </page> </body> </html>