Skip to content

Instantly share code, notes, and snippets.

@awhiteside1

awhiteside1/index.html

Created July 18, 2023 16:38
Show Gist options
  • Save awhiteside1/1c2f208b5018cfedaf19703b170a356c to your computer and use it in GitHub Desktop.
Save awhiteside1/1c2f208b5018cfedaf19703b170a356c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<style>
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
*,
::after,
::before {
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}
body {
-webkit-font-smoothing: antialiased;
}
.wrapper {
margin: auto;
min-width: 100vw;
min-height: 100vh;
background-image: radial-gradient(circle at center, #001a42 20%, #000000 50%);
display: flex;
flex-direction: column;
align-items: center;
}
.container {
min-height: 100%;
max-width: 80ch;
display: flex;
flex-direction: column;
align-items: center;
}
.logo_wrapper {
margin-top: 39px;
margin-bottom: 16px;
}
.form_container {
display: flex;
width: 100%;
flex-direction: column;
background-image: radial-gradient(
77.96% 25% at 50% 4.49%,
#1d2936 0%,
#121212 100%
);
border-radius: 11px;
padding: 40px 55px;
}
.headline_text {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.3rem;
font-weight: 700;
color: white;
text-shadow: 0px 0px 8px #d9d9d9;
margin: 0 0 16px 0;
}
.textfield {
margin-bottom: 16px;
}
.form_inputLabelWrapper {
margin-bottom: 5px;
}
.form_inputLabel {
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 11px;
line-height: 22px;
margin-left: 5px;
}
.form_inputLabel_error {
color: #f88c90;
}
.form_input {
width: 100%;
padding: 10px 16px;
border-radius: 4px;
border: 1px solid #707070;
background: transparent;
color: white;
font-size: 0.9375rem;
font-family: "Open Sans", sans-serif;
line-height: 1.375rem;
}
.form_input:focus {
box-shadow: 0 0 10px 0 #64a1ff;
border: solid 1px #64a1ff;
background: transparent;
outline: none;
}
.form_input_error {
border-color: #f88c90 !important;
box-shadow: 0 0 5px 0 #f88c90;
}
#mobileEvenLogo{
width: 150px;
height: 100px;
}
.info {
font-style: italic;
color: transparent;
font-family: "Open Sans", sans-serif;
font-size: 0.75rem;
line-height: 16px;
margin: 5px 2px;
}
.info_error {
color: #f88c90;
}
.form_btn {
width: 100%;
border-radius: 4px;
border-color: transparent;
box-shadow: none;
opacity: 0.95;
transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, opacity 0.3s;
display: flex;
justify-content: center;
align-items: center;
height: 3em;
cursor: pointer;
/* &:hover {
opacity: 1;
box-shadow: 0px 0px 10px 5px $shadow-color;
} */
}
.btn_content {
font-family: Roboto Condensed, sans-serif;
font-size: 0.875rem;
letter-spacing: 1.14px;
font-weight: 600;
line-height: 1.15;
text-transform: uppercase;
padding: 0 4px;
height: 1rem;
}
.form_btn:hover {
box-shadow: 0px 0px 20px 2px #4f80c8;
}
.content, p {
max-width: 100%;
background-color: #111112;
color: #fff;
margin-bottom: 1rem;
padding: 0 0rem;
font-family: "Open Sans", sans-serif;
}
.content > div {
margin-bottom: 22.4px;
}
.content h1 {
font-family: Roboto Condensed, sans-serif;
text-transform: uppercase;
font-size: 2rem;
line-height: 1.25;
font-weight: 700;
color: #fff;
text-shadow: 0 0 8px #d9d9d9;
margin: 32px 0 16px 0;
}
.content h2 {
font-family: Roboto Condensed, sans-serif;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.25;
font-weight: 700;
color: #fff;
text-shadow: 0 0 8px #d9d9d9;
margin: 32px 0 16px 0;
}
.content h3 {
font-family: Roboto Condensed, sans-serif;
font-size: 1.125rem;
line-height: 1.25;
font-weight: 700;
color: #fff;
text-shadow: 0 0 8px #d9d9d9;
margin: 32px 0 16px 0;
}
.content h4 {
font-family: Roboto Condensed, sans-serif;
text-transform: uppercase;
font-size: 15px;
line-height: 1.25;
font-weight: 700;
color: #fff;
text-shadow: none;
margin: 32px 0 16px 0;
}
.content h5,
h6 {
font-family: Open Sans, sans-serif;
color: #fff;
}
.content > p {
margin-bottom: 22.4px;
}
.content > pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
border-radius: 11px;
}
.content ul {
margin: 0;
list-style-type: none;
}
.content ol {
margin: 0;
list-style-type: none;
}
.content > ul > li {
list-style-type: circle;
margin-left: 30px;
margin-bottom: 8px;
padding-left: 5px;
}
a:-webkit-any-link {
color: lightblue;
font-weight: 500;
}
.content > ol > li {
list-style-type: lower-roman;
margin-left: 30px;
margin-bottom: 8px;
padding-left: 5px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Engine Update</title>
<!-- Google tag (gtag.js) -->
</head>
<body>
<div class="wrapper">
<a href="https://engine.tech" target="_blank">
<div class="logo_wrapper">
<svg xmlns="http://www.w3.org/2000/svg" id="mobileEvenLogo" viewBox="0 0 1210.11 354.27" style="overflow:visible" class="GlowingEvenLogo_logo__Vv0vK"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M247.54,306.07c-6.55-3.45-15.8-2.47-21,2.44-6,5.64-7.18,12.67-4.74,20.18s8.29,11,16,11.54a25.8,25.8,0,0,0,16.79-4.69l-3.44-6.13c-11.24,5.36-20,3.69-21-4h25.37a7.86,7.86,0,0,0,.45-1.71C256.9,316.32,253.59,309.27,247.54,306.07Zm-17.41,12.55c.53-4.24,4.15-7.17,8.75-7.15a7.91,7.91,0,0,1,8.2,7.15Z"></path><path class="cls-1" d="M162.14,304c-10.68,0-18.55,7.68-18.56,18.08,0,10.55,7.86,18.31,18.59,18.31s18.53-7.9,18.48-18.45C180.61,311.79,172.58,304,162.14,304Zm0,28.09c-5.42.07-9.67-4.4-9.6-10.11a9.57,9.57,0,0,1,9.58-9.66,9.89,9.89,0,0,1,0,19.77Z"></path><path class="cls-1" d="M360.35,304c-10.69-.05-18.64,7.58-18.69,17.95-.06,10.59,7.75,18.39,18.46,18.44s18.54-7.72,18.61-18.33C378.8,312,370.78,304.08,360.35,304Zm-.29,28.09c-5.38-.08-9.47-4.45-9.43-10.07a9.57,9.57,0,1,1,19.13.23A9.74,9.74,0,0,1,360.06,332.13Z"></path><path class="cls-1" d="M407,304.83a13.56,13.56,0,0,0-14.91,3.6,6.9,6.9,0,0,1-.84.65c-.07-1.48-.13-2.72-.19-4h-8.44v34.31h8.83c0-1.05,0-1.95,0-2.84,0-5.67-.1-11.34.13-17a7.45,7.45,0,0,1,8-7.27c4.09.09,6.73,2.85,7,7.34.06.9.07,1.81.07,2.71v17h8.95c0-7.64.22-15.12-.07-22.58C415.29,311.16,412.54,306.87,407,304.83Z"></path><path class="cls-1" d="M208.84,304.83a13.56,13.56,0,0,0-14.91,3.6,5.62,5.62,0,0,1-.84.65c-.07-1.48-.13-2.72-.19-4h-8.44v34.31h8.83v-2.84c0-5.67-.09-11.34.13-17a7.45,7.45,0,0,1,8-7.27c4.09.09,6.73,2.85,7,7.34.06.9.07,1.81.07,2.71,0,4.91,0,9.82,0,14.74v2.3h9c0-7.64.21-15.12-.07-22.58C217.11,311.16,214.36,306.87,208.84,304.83Z"></path><polygon class="cls-1" points="304.38 292.77 295.21 292.77 295.21 339.4 325.57 339.4 325.57 330.41 304.38 330.41 304.38 292.77"></polygon><rect class="cls-1" x="329.2" y="305.11" width="8.73" height="34.31"></rect><path class="cls-1" d="M333.61,290.11a5.46,5.46,0,1,0,.07,10.91,5.46,5.46,0,0,0-.07-10.91Z"></path><polygon class="cls-1" points="115.3 317.49 98.06 292.62 90.83 292.62 90.83 339.19 99.78 339.19 99.78 311.71 115.3 334.1 130.82 311.71 130.82 339.19 139.76 339.19 139.76 292.62 132.54 292.62 115.3 317.49"></polygon><path class="cls-1" d="M274.49,327.39s-5.62-14-9-22.28h-10.3c3.7,8.36,13,29.41,13.9,31.36a8,8,0,0,1,.89,3.11,5.36,5.36,0,0,1-1,3,8.36,8.36,0,0,1-10.51,2.55l-1.5,7.34a13.4,13.4,0,0,0,11.81.76,15.54,15.54,0,0,0,6.55-6.08,46.11,46.11,0,0,0,3.78-8.23c3.43-9,10.37-27,13-33.82h-10Z"></path><path class="cls-1" d="M416.55,290.16a5.47,5.47,0,1,0,5.57,5.43A5.5,5.5,0,0,0,416.55,290.16Zm0,9.77a4.34,4.34,0,1,1,4.14-4.31A4.16,4.16,0,0,1,416.59,299.93Z"></path><path class="cls-1" d="M417.58,296.07a1.49,1.49,0,0,0,.68-.47,1.66,1.66,0,0,0,.34-1,1.62,1.62,0,0,0-.13-.66,1.6,1.6,0,0,0-.34-.54,1.57,1.57,0,0,0-.56-.37,2.05,2.05,0,0,0-.72-.13h-2.13v5.5h1.06v-2.11h.63l1.12,2.11h1.2l-1.24-2.25Zm-.9-.76h-.9v-1.49h.9a.88.88,0,0,1,.62.21.68.68,0,0,1,.23.54.69.69,0,0,1-.23.54A.92.92,0,0,1,416.68,295.31Z"></path><path class="cls-1" d="M18.48,339.19H0v-48.1H19.17c9.76,0,15.53,4.6,15.53,12.3a10.41,10.41,0,0,1-5.91,9.55,11.79,11.79,0,0,1,7.49,11.4C36.28,333.9,29.62,339.19,18.48,339.19Zm-8.24-30h9c3.23,0,5.36-1.79,5.36-4.81s-2.54-4.74-5.77-4.74H10.24Zm8.11,21.51c4.53,0,7.49-2.48,7.49-6.6s-3.16-6.67-7.7-6.67h-7.9v13.27Z"></path><path class="cls-1" d="M52.7,352.24H43.08l7.84-19.17L38.62,305h10.1l7.21,17.52L62.74,305H72.5Z"></path><path class="cls-1" d="M258.79,91.93V247.15H207V.22h51.09L363.8,157.55V.22h51.8V247.15H364.51Z"></path><path class="cls-1" d="M705.19.22h52.86V247.15H705.19Z"></path><path class="cls-1" d="M837,91.93V247.15h-51.8V.22h51.1L942,157.55V.22h51.8V247.15h-51.1Z"></path><path class="cls-1" d="M624.87.15,560,.29a123.43,123.43,0,0,0,0,246.86c61.84,0,113.19-45.72,122.06-105.13h0c.23-1.6.43-3.16.59-4.69.11-1,.19-2,.28-3s.14-1.73.2-2.57.11-1.6.14-2.41c.09-1.86.13-3.62.14-5.32,0-.11,0-.22,0-.33h0c0-13.86-2.32-22-2.32-22l-101.83.44-19,43,68.36.58A72.08,72.08,0,1,1,560,51.64h42.1Z"></path><polygon class="cls-1" points="52.58 200.57 52.58 148.35 124.22 148.65 144.22 102.13 52.58 102.13 52.58 90.13 52.58 46.73 169.02 46.73 189.55 0.15 0 0.15 0 247.15 168.78 247.15 189.66 200.57 52.58 200.57"></polygon><polygon class="cls-1" points="1073.03 200.42 1073.03 148.2 1144.67 148.51 1164.67 101.98 1073.03 101.98 1073.03 89.98 1073.03 46.58 1189.47 46.58 1210 0 1020.45 0 1020.45 247 1189.23 247 1210.11 200.42 1073.03 200.42"></polygon></g></g></svg>
</div>
</a>
<div class="container" id="passcode_form">
<div class="form_container">
<h2 class="headline_text">Even is now Engine</h2>
<p>https://controls.evenfinancial.com no longer exists</p>
<p>This page will automatically be redirected to <a href="https://controls.engine.tech">https://controls.engine.tech</a>
in 15 seconds</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment