index.html 4.46 KB
Newer Older
Marco Kellershoff's avatar
Marco Kellershoff committed
1
2
3
4
5
<!DOCTYPE html>
<html>
  <head>
    <title>Signatur-Generator</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6
7
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="style.css" />
Marco Kellershoff's avatar
Marco Kellershoff committed
8
9
10
11
12
13
14
  </head>
  <body>
    <div class="container">
      <h1>Signatur-Generator</h1>
      <p>Name und Jobtitel und der ganze Kram.. und ab geht die Post <img alt="Embedded Image" width="20" height="24" src="data:image/gif;base64,R0lGODlhFAAYANUDAP/mIEA0EFVACP////bKAP/aFI1dAPraEP/iHPK2APrWDPK+AO6qAP/eGG1MBFlACPrSCO6yAHFVBN6VAPLGAOadAKVpBMKNAPbCAOqhAKVxBM6NAGVQHEAUEPLCALKNAPbOBM6FAN62ANalAJVhBK6BBOaZAKp1BOKVAO6uAG1QBOalAO66AKVtAJlxBK6JBLp1AMqFAN6uAJlpBK6FAK59AOqqAMqlAPbGAJ19BNauAGFMGAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/iREZXNpZ24gYnkgQWl3YW4gKHd3dy5rb2xvYm9rLndyZy5ydSkAIfkEBWQAPAAsAAAAABQAGAAABtxAnnBILBqPQwPSqBQ2l0Wl9Al1GqhVnmDLzQokLx2OMiqpBEtBDqQ4HBQQAsuFNj5uikYjEEDwCQsXD0UCH3l+AwMBiQEECSd1QhIgDYh8l4oYNg5DhQoIAIuXfIoEERp1AiIHoIuMiaUJG6kUrAChfLgBBY4TtJ+3wcEFB6a+QgIyEA3CwgUKGAwhqTQEts0FvAkZLZESC9aVtwgNvAsMKJydNeAQu8QKAQspFRaRQg8XCR4EowkMFWAMMiJgxooICfgwyDCBxD1CDjRsqGAihgUHD49w6ZKlI48gACH5BAUPADwALAYACAAJAAYAAAYeQB4PgeA1DkIeYLksQJTMppMXEAKE1SizUIBem7wgACH5BAkyADwALAAAAAAUABgAAAY1QJ5wSCwaj8ikcslsOp/Q6DMQ4FGdgcEgu2VmqeDuciCs8shL7lYrVoKtV6l8Tq/b7/j8MQgAIfkECQoAPAAsAQABABIAFgAABs9AnnBIFBqKSN7RmEwen8vm0ECVDgXYrFUgeelwlFFJJUgKciBFIKCAEFiuMvFxWwcGg0DjQFhcHlcfd3l4eQVuCSdyEnd2eWsFHBAYNg48Ah8cdo1rHAV8ERpYIgcIAKd2p54ECRtYFKWnsrIFBawTrwqms7SguAIyEA28tAoYDCFYNASxszu1rBktZRILzA27erYLDCiWlzXWmwcKfSkVFnI8DxcJHmsEBB4JDBUwgEQCMysRCQkRDDJMIKEunwMNGyqYiGHBQUEkWbQUCQIAIfkEBQ8APAAsAQACABIAFQAABslAnnBIFBqKSN7RmEwen8umYEptCgWSVyBAGZVUgqRgGxgMAhACyxUmPspn8/lAWFwew/F5uw8UOAQJJ20SHGRlZBwFEBg2DjwCHwoIAJVklRx0ERpTIgeUlaGVBQWBG1MUn6KipIETqJOrlR0Fmq8CMhANsgC0ChgMIVM0BKqifqUJGS1hEgvFDYcNpQsMKI+QNc8QB1sHCnUpFRZtPA8XCR4E6wQeCQwVMHhEAjMrEQkJEQwZEyTl9Bxo2FDBRAwLDgAioVKlSBAAIfkEBTIAPAAsBwAHAAYADAAABh9AHgDAKwoBBOOQoSQwjdCotCOFdoidLBExRBgLBWMQACH5BAkKADwALAEAAgASABUAAAYuQJ5wSCwaj8ikcslsGgcDpxAadQ4CAek1K+16jQBvWDpmAs7cJRYrZX/f8LgwCAAh+QQFCgA8ACwBAAEAEgAWAAAGzUCecEjkGYpI4/CYRB6fzObSEJXyBNisVSB56XCUUUklSApyoEDgoCawXGXi46YIDAZ2PGFxeQwFH3V4amp6CSdxEiANdoSFARAYNg5XgQh5eHd4BwQRGlgiBwgAhKRqBQUECRtYFKIAsLGwqKoTrQqjsrEFnBG2AjIQDbq7ChgMIVg0BK+6tAkZLWUSC8wBuZepCwwolFc11RCOCnspFRZxPA8XCR4EbR4JDBUwfkQCMysRCQkRDBkTSKS750DDhgomYlhwMBBJFi1FggAAOw%3D%3D" /></p>
      <form name="sigform" method="post" action="sig.php" charset="UTF-8">
        <label>
15
          <input autofocus="true" class="input_text" type="text" name="firstname" value="" />
Marco Kellershoff's avatar
Marco Kellershoff committed
16
17
18
19
20
21
22
          Vorname
        </label>
        <label>
          <input class="input_text" type="text" name="lastname" value="" />
          Nachname
        </label>
        <label>
23
          <input type="email" class="input_text" name="email" value="NAME@gofeminin.de" />
Marco Kellershoff's avatar
Marco Kellershoff committed
24
25
26
27
28
29
30
          E-Mail
        </label>
        <label>
          <input type="text" class="input_text" name="jobtitle" value="" />
          Jobtitel
        </label>
        <label>
31
          <input type="tel" class="input_text" name="telephone" value="+49 (0) 22 03 / 20 25-" />
Marco Kellershoff's avatar
Marco Kellershoff committed
32
33
34
          Telefon
        </label>
        <label>
35
          <input type="tel" class="input_text" name="fax" value="+49 (0) 22 03 / 20 25-555" />
Marco Kellershoff's avatar
Marco Kellershoff committed
36
37
          Fax
        </label>
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
        <label>
          <input type="checkbox" class="radio" name="newsgif" value="true" />
          News GIF
        </label>
        <fieldset>
          Portal
          <label>
            <input type="radio" class="radio" name="portal" value="gofeminin" checked="checked" />
            gofeminin.de
          </label>
          <label>
            <input type="radio" class="radio" name="portal" value="onmeda" />
            Onmeda
          </label>
          <label>
            <input type="radio" class="radio" name="portal" value="bdf" />
            Bild der Frau
          </label>
        </fieldset>
Marco Kellershoff's avatar
Marco Kellershoff committed
57
58
59
60
61
        <fieldset>
          Signatur Datei Erstellen?
          <label>
            <input type="radio" class="radio" name="genfile" value="true" />
            Ja, klar
62
63
          </label>
          <label>
Marco Kellershoff's avatar
Marco Kellershoff committed
64
65
66
67
68
69
70
71
72
73
74
75
76
            <input type="radio" class="radio" name="genfile" value="false" checked="checked" />
            Nein, gib mir nur den Code
          </label>
        </fieldset>
        <button>Ich bin soweit!</button>
      </form>
      <div contenteditable="true" id="code"></div>
      <div id="preview"></div>
      <iframe name="hidden_iframe" src="about:blank"></iframe>
    </div>
    <script src="magic.js"></script>
  </body>
</html>