Code Pasta

Untitled

3 years ago in HTML

                            
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css">
<style> 
#mailchimp {
   background: #F7F9FB;
   color: #595c5f;
   padding: 20px 15px;
}
   #mailchimp input {
		border: medium none;
   color: gray;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   /*font-style: italic;*/
   margin-bottom: 10px;
   padding: 8px 10px;
   width: 300px;
	   border-radius: 20px;
	   -moz-border-radius: 20px;
	   -webkit-border-radius: 20px;
   }
   #mailchimp input.email { background: #fff; padding: 10px; text-align: left;}
   #mailchimp input.name { background: #fff; padding: 10px; text-align: left;}
   #mailchimp input[type="submit"] {
	   background: #8FC1E3;
	   color: #fff;
	   cursor: pointer;
	   font-size: 15px;
	   width: 35%;
	   padding: 8px 0;
   }
   #mailchimp input[type="submit"]:hover { background: #99DDFF; color: #fff }
   
   .mailinglist{
	   color: #595c5f;
	   font-family: Arial, Helvetica, sans-serif;
	   padding-left: 2.0em;
	   padding-bottom: 5px;
   }
   .footnote {
	   color: grey;
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   margin-top: -3px;
	   padding-left: 2.5em;
	   }
   /* Errors */
   .error {
   border-color: red;
   }
   .error-message {
   color: red;
   font-style: italic;
   margin-bottom: 1em;
   }
   .input-icons i { 
   position: absolute; 
   } 
   .input-icons { 
   width: 100%; 
   margin-bottom: 10px; 
   } 
   .icon { 
   padding: 10px; 
   color: #8FC1E3; 
   min-width: 50px; 
   text-align: center; 
   } 
   .icon2 { 
   text-align: center; 
   } 
</style>
<script>
   // Add the novalidate attribute when the JS loads
   var forms = document.querySelectorAll('.validate');
   for (var i = 0; i < forms.length; i++) {
	   forms[i].setAttribute('novalidate', true);
   }
   // Validate the field
   var hasError = function (field) {
	   // Don't validate submits, buttons, file and reset inputs, and disabled fields
	   if (field.disabled || field.type === 'file' || field.type === 'reset' || field.type === 'submit' || field.type === 'button') return;
	   // Get validity
	   var validity = field.validity;
	   // If valid, return null
	   if (validity.valid) return;
	   // If field is required and empty
	   if (validity.valueMissing) return 'Please fill out this field.';
	   // If not the right type
	   if (validity.typeMismatch) {
		   // Email
		   if (field.type === 'email') return 'Please enter an email address.';
		   // URL
		   if (field.type === 'url') return 'Please enter a URL.';
	   }
	   // If too short
	   if (validity.tooShort) return 'Please lengthen this text to ' + field.getAttribute('minLength') + ' characters or more. You are currently using ' + field.value.length + ' characters.';
	   // If too long
	   if (validity.tooLong) return 'Please shorten this text to no more than ' + field.getAttribute('maxLength') + ' characters. You are currently using ' + field.value.length + ' characters.';
	   // If pattern doesn't match
	   if (validity.patternMismatch) {
		   // If pattern info is included, return custom error
		   if (field.hasAttribute('title')) return field.getAttribute('title');
		   // Otherwise, generic error
		   return 'Please match the requested format.';
	   }
	   // If number input isn't a number
	   if (validity.badInput) return 'Please enter a number.';
	   // If a number value doesn't match the step interval
	   if (validity.stepMismatch) return 'Please select a valid value.';
	   // If a number field is over the max
	   if (validity.rangeOverflow) return 'Please select a value that is no more than ' + field.getAttribute('max') + '.';
	   // If a number field is below the min
	   if (validity.rangeUnderflow) return 'Please select a value that is no less than ' + field.getAttribute('min') + '.';
	   // If all else fails, return a generic catchall error
	   return 'The value you entered for this field is invalid.';
   };
   // Show an error message
   var showError = function (field, error) {
	   // Add error class to field
	   field.classList.add('error');
   
	   // If the field is a radio button and part of a group, error all and get the last item in the group
	   if (field.type === 'radio' && field.name) {
		   var group = field.form.querySelectorAll('[name="' + field.name + '"]');
		   if (group.length > 0) {
			   for (var i = 0; i < group.length; i++) {
				   group[i].classList.add('error');
			   }
			   field = group[group.length - 1];
		   }
	   }
	   // Get field id or name
	   var id = field.id || field.name;
	   if (!id) return;
	   // Check if error message field already exists
	   // If not, create one
	   var message = field.form.querySelector('.error-message#error-for-' + id );
	   if (!message) {
		   message = document.createElement('div');
		   message.className = 'error-message';
		   message.id = 'error-for-' + id;
		   
		   // If the field is a radio button or checkbox, insert error after the label
		   var label;
		   if (field.type === 'radio' || field.type ==='checkbox') {
			   label = field.form.querySelector('label[for="' + id + '"]') || field.parentNode;
			   if (label) {
				   label.parentNode.insertBefore( message, label.nextSibling );
			   }
		   }
		   // Otherwise, insert it after the field
		   if (!label) {
			   field.parentNode.insertBefore( message, field.nextSibling );
		   }
	   }
	   
	   // Add ARIA role to the field
	   field.setAttribute('aria-describedby', 'error-for-' + id);
	   // Update error message
	   message.innerHTML = error;
	   // Show error message
	   message.style.display = 'block';
	   message.style.visibility = 'visible';
   };
   // Remove the error message
   var removeError = function (field) {
	   // Remove error class to field
	   field.classList.remove('error');
	   
	   // Remove ARIA role from the field
	   field.removeAttribute('aria-describedby');
	   // If the field is a radio button and part of a group, remove error from all and get the last item in the group
	   if (field.type === 'radio' && field.name) {
		   var group = field.form.querySelectorAll('[name="' + field.name + '"]');
		   if (group.length > 0) {
			   for (var i = 0; i < group.length; i++) {
				   group[i].classList.remove('error');
			   }
			   field = group[group.length - 1];
		   }
	   }
	   // Get field id or name
	   var id = field.id || field.name;
	   if (!id) return;
	   
	   // Check if an error message is in the DOM
	   var message = field.form.querySelector('.error-message#error-for-' + id + '');
	   if (!message) return;
	   // If so, hide it
	   message.innerHTML = '';
	   message.style.display = 'none';
	   message.style.visibility = 'hidden';
   };
   // Listen to all blur events
   document.addEventListener('blur', function (event) {
	   // Only run if the field is in a form to be validated
	   if (!event.target.form.classList.contains('validate')) return;
	   // Validate the field
	   var error = hasError(event.target);
   
	   // If there's an error, show it
	   if (error) {
		   showError(event.target, error);
		   return;
	   }
	   // Otherwise, remove any existing error message
	   removeError(event.target);
   }, true);
   // Check all fields on submit
   document.addEventListener('submit', function (event) {
	   // Only run on forms flagged for validation
	   if (!event.target.classList.contains('validate')) return;
	   // Get all of the form elements
	   var fields = event.target.elements;
	   // Validate each field
	   // Store the first field with an error to a variable so we can bring it into focus later
	   var error, hasErrors;
	   for (var i = 0; i < fields.length; i++) {
		   error = hasError(fields[i]);
		   if (error) {
			   showError(fields[i], error);
			   if (!hasErrors) {
				   hasErrors = fields[i];
			   }
		   }
	   }
	   // If there are errrors, don't submit form and focus on first element with error
	   if (hasErrors) {
		   event.preventDefault();
		   hasErrors.focus();
	   }
	   // Otherwise, let the form submit normally
	   // You could also bolt in an Ajax form submit process here
   }, false);
</script>
<div id="mailchimp" class="notion-root">
<form action="https://ealizadeh.us10.list-manage.com/subscribe/post?u=912b9dacf23679bd0a6e46b22&amp;id=31485d9fc5" method="post" id="mc-embedded-subscribe-form" class="validate" style="max-width:450px;margin:auto" name="mc-embedded-subscribe-form" target="_blank" novalidate>
<div class="clear">
<i class="fa fa-envelope"> </i>
<input class="required email" type="email" size="30" placeholder="e.g. [email protected]" name="EMAIL" id="mce-EMAIL" title="The domain portion of the email address is invalid (the portion after the @)." pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" required>
</div>
<div class="clear">
<i class="fa fa-user"> </i>
<input class="name" type="text" size="30" placeholder="e.g. Elon Musk (Optional)" name="FNAME" id="mce-FNAME">
</div>
<p class="footnote"> No Spam. Unsubscribe anytime. </p>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
</html>

                        
Recent Public Pastes
Untitled - 13 hours ago Amazing Collections - 1 week ago [v1.2.1.0] Farming Simulator 25 Trainer (2025) (Plus +8) - 1 week ago TradingView - 1 week ago Untitled - 2 weeks ago They Like Nature - 2 weeks ago Untitled - 2 weeks ago Untitled - 2 weeks ago VIDEOS NO SHORTLINK AT ALL FREEEEEEEEEEEEE - 2 weeks ago Sanyuuu - 3 weeks ago