bsullins/tesla-supercharger-signing.html

## tesla-supercharger-signing.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Tesla Supercharger Wifi</title>
  <link rel="stylesheet" type="text/css" href="https://d2b5ahqkvvrmo6.cloudfront.net/css/bootstrap.min.css" />
  <script src="https://d2b5ahqkvvrmo6.cloudfront.net/js/jquery.min.js"></script>
  <style>
    body {
     background-image: url("https://d2b5ahqkvvrmo6.cloudfront.net/images/S3XY-60pct.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height:100vh;
    }


    #wrapper {

      color: #fff;
      max-width:500px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      padding: 10px;
      width: 100%;


    }

    form, #hacked {
      background: rgb(0,0,0,0.65);
      margin: 0 10px;
      padding: 20px;
      text-align: center;
    }

    #hacked {
      display:none;
    }
  </style>
  <script>
    $( document ).ready(function() {

      $( "#main" ).submit(function( event ) {
        event.preventDefault();
        $("#hacked").fadeIn(500);
        $("#main").hide();
      });
     });

    function myFunction() {
      /* Get the text field */
      var copyText = document.getElementById("comment");

      /* Select the text field */
      copyText.select();

      /* Copy the text inside the text field */
      document.execCommand("copy");

      /* Alert the copied text */
      alert("Copied the text: " + copyText.value);
    }

  </script>
</head>
<body>
  <div id="wrapper">
  <form id="main">
    <h1>Tesla Supercharger Wifi</h1>
        <p>This network is for Tesla owners only<br/>Enter your tesla credentials below to connect</p>
    <div class="form-group">
      <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
    </div>
    <div class="form-group">
      <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>
    <button type="submit" class="btn btn-primary btn-lg btn-block" onClick>Submit</button>
  </form>
  <div id="hacked">
      <h1>Doh! You could have been hacked!</h1>
      <p>This was an experiment to see if people would provide their Tesla credentials to a fake wifi network. Had this been a real attack a thief could have driven away with your car.</p>
      <p>There is a simple solution that Tesla could implement here to prevent this. If you'd like to see that change please tweet the following and let them know you want better security</p>
      <textarea class="form-control" rows="4" id="comment">.@Tesla please enable two-factor auth for the mobile app so my car doesn't get stolen, it almost happened! #tesla2fa</textarea>
  </div>

  </div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Tesla Supercharger Wifi</title>
	<link rel="stylesheet" type="text/css" href="https://d2b5ahqkvvrmo6.cloudfront.net/css/bootstrap.min.css" />
	<script src="https://d2b5ahqkvvrmo6.cloudfront.net/js/jquery.min.js"></script>
	<style>
	body {
	background-image: url("https://d2b5ahqkvvrmo6.cloudfront.net/images/S3XY-60pct.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100vh;
	}



	#wrapper {

	color: #fff;
	max-width:500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 10px;
	width: 100%;


	}

	form, #hacked {
	background: rgb(0,0,0,0.65);
	margin: 0 10px;
	padding: 20px;
	text-align: center;
	}

	#hacked {
	display:none;
	}
	</style>
	<script>
	$( document ).ready(function() {

	$( "#main" ).submit(function( event ) {
	event.preventDefault();
	$("#hacked").fadeIn(500);
	$("#main").hide();
	});
	});

	function myFunction() {
	/* Get the text field */
	var copyText = document.getElementById("comment");

	/* Select the text field */
	copyText.select();

	/* Copy the text inside the text field */
	document.execCommand("copy");

	/* Alert the copied text */
	alert("Copied the text: " + copyText.value);
	}

	</script>
	</head>
	<body>
	<div id="wrapper">
	<form id="main">
	<h1>Tesla Supercharger Wifi</h1>
	<p>This network is for Tesla owners only<br/>Enter your tesla credentials below to connect</p>
	<div class="form-group">
	<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
	</div>
	<div class="form-group">
	<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
	</div>
	<button type="submit" class="btn btn-primary btn-lg btn-block" onClick>Submit</button>
	</form>
	<div id="hacked">
	<h1>Doh! You could have been hacked!</h1>
	<p>This was an experiment to see if people would provide their Tesla credentials to a fake wifi network. Had this been a real attack a thief could have driven away with your car.</p>
	<p>There is a simple solution that Tesla could implement here to prevent this. If you'd like to see that change please tweet the following and let them know you want better security</p>
	<textarea class="form-control" rows="4" id="comment">.@Tesla please enable two-factor auth for the mobile app so my car doesn't get stolen, it almost happened! #tesla2fa</textarea>
	</div>

	</div>
	</body>
	</html>