Created
January 6, 2014 21:58
-
-
Save mrsweaters/8290545 to your computer and use it in GitHub Desktop.
reveal issue with php server validation.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html class="no-js" lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Foundation | Welcome</title> | |
| <link rel="stylesheet" href="css/foundation.css" /> | |
| <link rel="stylesheet" href="css/app.css" /> | |
| <script src="js/modernizr.js"></script> | |
| </head> | |
| <body> | |
| <nav class="top-bar" data-topbar> | |
| <ul class="title-area"> | |
| <li class="name"> | |
| <h1><a href="../../index.html">Foundation</a></h1> | |
| </li> | |
| </ul> | |
| <section class="top-bar-section"> | |
| <ul class="right"> | |
| <li class="has-dropdown"> | |
| <a href="#" class="">Learn</a> | |
| <ul class="dropdown"> | |
| <li><a href="../../learn/getting-started.html">Getting Started</a></li> | |
| <li><a href="../../learn/features.html">Features</a></li> | |
| <li><a href="../../learn/faq.html">FAQ</a></li> | |
| <li><a href="../../learn/case-jacquelinewest.html">Case Studies</a></li> | |
| <li><a href="../../learn/website-examples.html">Website Examples</a></li> | |
| <li><a href="../../learn/video-started-with-foundation.html">Videos</a></li> | |
| <li><a href="../../learn/training.html">Training</a></li> | |
| <li><a href="../../learn/about.html">About</a></li> | |
| </ul> | |
| </li> | |
| <li class="has-dropdown"> | |
| <a href="#" class="">Develop</a> | |
| <ul class="dropdown"> | |
| <li><a href="../addons-templates.html">Add-ons</a></li> | |
| <li><a href="#">Docs</a></li> | |
| <li><a href="../download.html">Download</a></li> | |
| <li><a href="../contribute.html">Contribute</a></li> | |
| <li><a href="../tools.html">Tools</a></li> | |
| </ul> | |
| </li> | |
| <li class="has-dropdown"> | |
| <a href="#" class="">Support</a> | |
| <ul class="dropdown"> | |
| <li><a href="../../../../../../../forum">Forum</a></li> | |
| <li><a href="../../support/support.html">Email Support</a></li> | |
| <li><a href="../../support/support.html">Twitter</a></li> | |
| <li><a href="../../support/support.html">GitHub Issues</a></li> | |
| <li><a href="../../support/support.html">StackOverflow</a></li> | |
| <li><a href="../../support/images-and-badges.html">Images & Badges</a></li> | |
| </ul> | |
| </li> | |
| <li class="has-dropdown"> | |
| <a href="#" class="">Business</a> | |
| <ul class="dropdown"> | |
| <li><a href="../../business/services.html">Services</a></li> | |
| <li><a href="../../business/consulting.html">Consulting</a></li> | |
| <li><a href="../../business/corporate-training.html">Corporate Training</a></li> | |
| <li><a href="../../business/corporate-support.html">Corporate Support</a></li> | |
| <li><a href="../../business/prototype-hosting.html">Prototype Hosting</a></li> | |
| </ul> | |
| </li> | |
| <li class=""> | |
| <a href="/docs" class="">Docs</a> | |
| </li> | |
| <li class=""> | |
| <a href="../../getting-started.html" class="small button">Getting Started</a> | |
| </li> | |
| </ul> | |
| </section> | |
| </nav> | |
| <div class="row"> | |
| <div class="large-12 columns"> | |
| <h1>Welcome to Foundation</h1> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="large-12 columns"> | |
| <div class="panel"> | |
| <h3>We’re stoked you want to try Foundation! </h3> | |
| <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p> | |
| <p>Once you've exhausted the fun in this document, you should check out:</p> | |
| <div class="row"> | |
| <div class="large-4 medium-4 columns"> | |
| <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p> | |
| </div> | |
| <div class="large-4 medium-4 columns"> | |
| <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p> | |
| </div> | |
| <div class="large-4 medium-4 columns"> | |
| <p><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="large-8 medium-8 columns"> | |
| <h5>Here’s your basic grid:</h5> | |
| <!-- Grid Example --> | |
| <div class="row"> | |
| <div class="large-12 columns"> | |
| <div class="callout panel"> | |
| <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="large-6 medium-6 columns"> | |
| <div class="callout panel"> | |
| <p>Six columns</p> | |
| </div> | |
| </div> | |
| <div class="large-6 medium-6 columns"> | |
| <div class="callout panel"> | |
| <p>Six columns</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="large-4 medium-4 small-4 columns"> | |
| <div class="callout panel"> | |
| <p>Four columns</p> | |
| </div> | |
| </div> | |
| <div class="large-4 medium-4 small-4 columns"> | |
| <div class="callout panel"> | |
| <p>Four columns</p> | |
| </div> | |
| </div> | |
| <div class="large-4 medium-4 small-4 columns"> | |
| <div class="callout panel"> | |
| <p>Four columns</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="large-4 medium-4 columns"> | |
| <div class="panel"> | |
| <h5>So many components, girl!</h5> | |
| <p>A whole kitchen sink of goodies comes with Foundation. Checkout the docs to see them all, along with details on making them your own.</p> | |
| <a href="#" data-reveal-id="myModal" class="small button">Sign up form</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Subscribe Pop-Up Content --> | |
| <?php | |
| if (isset($_POST['email']) && !empty($_POST['email'])) { | |
| if (!empty($_POST['email'])) { | |
| $email = $_POST['email']; | |
| $to = 'email@email.us'; | |
| $subject = 'New Subscriber'; | |
| $body = 'A new Subscriber has joined.'."\n\n".$email; | |
| $headers = 'From: '.$email; | |
| if (@mail($to, $subject, $body, $headers)) { | |
| echo 'Thank you.'; | |
| } else { | |
| echo 'There has been an error.'; | |
| } | |
| } | |
| } elseif (isset($_POST['email']) && empty($_POST['email'])) { | |
| $error_message = 'Please enter a valid email address.'; | |
| } | |
| ?> | |
| <div id="myModal" class="reveal-modal" data-reveal> | |
| <div class="subscribe_close"><a class="close-reveal-modal">Close</a></div> | |
| <div class="subscribeText"> | |
| Subscribe Text Here. | |
| </div> | |
| <form action="" method="post"> | |
| Email: <input type="email" name="email" maxlength="50"><br> | |
| <input type="submit" value="Subscribe" class="submit"> | |
| </form> | |
| <div class="subscribeText"><?php echo $error_message ?></div> | |
| </div> | |
| <script src="js/jquery.js"></script> | |
| <script src="js/foundation.min.js"></script> | |
| <script> | |
| $(document).foundation(); | |
| <?php | |
| if (isset($_POST['email']) && empty($_POST['email'])) { | |
| echo "$('#myModal').foundation('reveal', 'open');"; | |
| } | |
| ?> | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment