my old contact form
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.php 4.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!doctype html>
  2. <html lang="en" class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- www.phpied.com/conditional-comments-block-downloads/ -->
  6. <!--[if IE]><![endif]-->
  7. <title>Shikiryu.com - Contact</title>
  8. <meta name="description" content="Contact page for Clément Desmidt - Shikiryu" />
  9. <meta name="author" content="Clément Desmidt - Shikiryu" />
  10. <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  11. <meta name="viewport" content="width=device-width; initial-scale=1.0" />
  12. <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  13. <link rel="shortcut icon" href="/favicon.ico" />
  14. <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
  15. <!-- For the less-enabled mobile browsers like Opera Mini -->
  16. <link rel="stylesheet" media="handheld" href="http://bookmarklet.shikiryu.com/css/handheld.css?v=1" />
  17. <!-- CSS : blueprint Framework -->
  18. <!-- <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection">
  19. <link rel="stylesheet" href="css/print.css" type="text/css" media="print"> -->
  20. <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
  21. <!-- Import buttons plugin // add nice button instead of input button -->
  22. <link rel="stylesheet" href="http://bookmarklet.shikiryu.com/css/plugins/buttons/screen.css" />
  23. <link rel="stylesheet" href="tipsy.css" />
  24. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css' />
  25. <!-- CSS : implied media="all" -->
  26. <!-- <link rel="stylesheet" href="http://bookmarklet.shikiryu.com/css/style.css?v=1"> -->
  27. <link rel="stylesheet" href="override.css?v=1" />
  28. <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  29. <script src="http://bookmarklet.shikiryu.com/js/modernizr-1.5.min.js"></script>
  30. </head>
  31. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  32. <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
  33. <!--[if IE 7 ]> <body class="ie7"> <![endif]-->
  34. <!--[if IE 8 ]> <body class="ie8"> <![endif]-->
  35. <!--[if IE 9 ]> <body class="ie9"> <![endif]-->
  36. <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
  37. <div id="msgOK"><span class="english">Your message has been sent!</span><br/><span class="french">Votre message a été envoyé !</span><br/><br/><span class="english"><a href="javascript:location.reload();" title="Post a new message">Post a new message</a></span><br/><span class="french"><a href="javascript:location.reload();" title="Envoyer un nouveau message">Envoyer un nouveau mail</a></span><?if($_SERVER['HTTP_REFERER'] != ''){?><br/><span class="english"><a href="javascript:history.go(-1);" title="Go back">Return to the previous page</a></span><br/><span class="french"><a href="javascript:history.go(-1);" title="Revenir en arrière">Retour à la page précédente</a></span><?}?></div>
  38. <div id="container" class="container drop-shadow round">
  39. <header>
  40. <h1><img src="ShikiTimbre100.png" alt="Timbre Clément" width="75" height="75"/>Contact<br/>Clément Desmidt - Shikiryu</h1>
  41. </header>
  42. <div id="main">
  43. <div id="returnMsg"></div>
  44. <form action="/" method="POST">
  45. <section id="message">
  46. <textarea name="msg" placeholder="Your message / Votre message"></textarea>
  47. </section>
  48. <section id="infos">
  49. <input type="text" name="name" placeholder="Your name / Votre nom" />
  50. <input type="email" name="email" placeholder="Your email / Votre email" />
  51. <input type="hidden" name="from" value="<?=$_SERVER['HTTP_REFERER']?>" />
  52. </section>
  53. <input type="submit" value="Send / Envoyer" id="send" />
  54. </form>
  55. <br/>
  56. </div>
  57. <footer>
  58. <a href="http://shikiryu.com/" class="myLink" title="Site de Clément Desmidt">Clément Desmidt</a>
  59. </footer>
  60. </div> <!--! end of #container -->
  61. <!-- Javascript at the bottom for fast page loading -->
  62. <!-- Grab Google CDN jQuery. fall back to local if necessary -->
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  64. <script>!window.jQuery && document.write('<script src="http://bookmarklet.shikiryu.com/js/jquery-1.4.2.min.js"><\/script>')</script>
  65. <script src="jquery.tipsy.js"></script>
  66. <script src="plugins.js?v=1"></script>
  67. <!-- <script src="http://bookmarklet.shikiryu.com/js/script.js?v=1"></script> -->
  68. <!--[if lt IE 7 ]>
  69. <script src="js/dd_belatedpng.js?v=1"></script>
  70. <![endif]-->
  71. </body>
  72. </html>