simple-contact/templates/message.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Simple Contact</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- water.dark.css -->
    <style>
      body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,kbd{background:#161f27;color:#ffbe85;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#161f27}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}

      .script-only {
        display: none !important;
      }
    </style>
</head>
<body>
  <p>{{ message }}</p>
  {% if attempts_left %}
    <span class="script-only">
      <p >You have {{ attempts_left }} attempt(s) left</p>
      <input type="button" value="Go back" onclick="window.history.back()" />
    </span>
    <noscript>
      <a href="/">Go back to homepage</a>
    </noscript>
  {% elif attempts_left == 0 %}
    <p>Captcha is now invalid</p>
    <a href="/">Go back to homepage</a>
  {% endif %}

  <script defer>
    let elems = document.getElementsByClassName("script-only");
    elems[0].classList.remove("script-only");
  </script>
</body>
</html>
first commit 2021-05-16 22:00:00 -07:00			`<!DOCTYPE html>`
Pass HTML validation 2021-06-13 10:59:35 -07:00			`<html lang="en">`
first commit 2021-05-16 22:00:00 -07:00			`<head>`
			`<meta charset="utf-8">`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
			`<title>Simple Contact</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`

			`<!-- water.dark.css -->`
			`<style>`
			body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,kbd{background:#161f27;color:#ffbe85;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#161f27}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}
Remove reliance on JavaScript to function Add LocalStorage to cache message contents 2021-06-08 00:00:01 -07:00
			`.script-only {`
			`display: none !important;`
			`}`
first commit 2021-05-16 22:00:00 -07:00			`</style>`
			`</head>`
			`<body>`
			`<p>{{ message }}</p>`
			`{% if attempts_left %}`
Fix JavaScript 2021-06-08 00:11:56 -07:00			`<span class="script-only">`
			`<p >You have {{ attempts_left }} attempt(s) left</p>`
			`<input type="button" value="Go back" onclick="window.history.back()" />`
			`</span>`
Remove reliance on JavaScript to function Add LocalStorage to cache message contents 2021-06-08 00:00:01 -07:00			`<noscript>`
			`<a href="/">Go back to homepage</a>`
			`</noscript>`
first commit 2021-05-16 22:00:00 -07:00			`{% elif attempts_left == 0 %}`
Remove reliance on JavaScript to function Add LocalStorage to cache message contents 2021-06-08 00:00:01 -07:00			`<p>Captcha is now invalid</p>`
			`<a href="/">Go back to homepage</a>`
			`{% endif %}`

Fix JavaScript 2021-06-08 00:11:56 -07:00			`<script defer>`
Remove reliance on JavaScript to function Add LocalStorage to cache message contents 2021-06-08 00:00:01 -07:00			`let elems = document.getElementsByClassName("script-only");`
Fix JavaScript 2021-06-08 00:11:56 -07:00			`elems[0].classList.remove("script-only");`
Remove reliance on JavaScript to function Add LocalStorage to cache message contents 2021-06-08 00:00:01 -07:00			`</script>`
first commit 2021-05-16 22:00:00 -07:00			`</body>`
			`</html>`