Initt

threat9 · May 18, 2024 · cb75061 · cb75061
commit cb75061
Show file tree

Hide file tree

Showing 37 changed files with 6,095 additions and 0 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/fonts/fa-brands-400.eot b/fonts/fa-brands-400.eot
diff --git a/fonts/fa-brands-400.svg b/fonts/fa-brands-400.svg
diff --git a/fonts/fa-brands-400.ttf b/fonts/fa-brands-400.ttf
diff --git a/fonts/fa-brands-400.woff b/fonts/fa-brands-400.woff
diff --git a/fonts/fa-brands-400.woff2 b/fonts/fa-brands-400.woff2
diff --git a/fonts/fa-regular-400.eot b/fonts/fa-regular-400.eot
diff --git a/fonts/fa-regular-400.svg b/fonts/fa-regular-400.svg
diff --git a/fonts/fa-regular-400.ttf b/fonts/fa-regular-400.ttf
diff --git a/fonts/fa-regular-400.woff b/fonts/fa-regular-400.woff
diff --git a/fonts/fa-regular-400.woff2 b/fonts/fa-regular-400.woff2
diff --git a/fonts/fa-solid-900.eot b/fonts/fa-solid-900.eot
diff --git a/fonts/fa-solid-900.svg b/fonts/fa-solid-900.svg
diff --git a/fonts/fa-solid-900.ttf b/fonts/fa-solid-900.ttf
diff --git a/fonts/fa-solid-900.woff b/fonts/fa-solid-900.woff
diff --git a/fonts/fa-solid-900.woff2 b/fonts/fa-solid-900.woff2
diff --git a/fonts/icomoon.woff b/fonts/icomoon.woff
diff --git a/fonts/icomoon.woff2 b/fonts/icomoon.woff2
diff --git a/images/favicon.ico b/images/favicon.ico
diff --git a/images/img10.png b/images/img10.png
diff --git a/images/img11.png b/images/img11.png
diff --git a/images/img12.jpg b/images/img12.jpg
diff --git a/images/img2.png b/images/img2.png
diff --git a/images/img3.png b/images/img3.png
diff --git a/images/img4.png b/images/img4.png
diff --git a/images/img5.png b/images/img5.png
diff --git a/images/img6.png b/images/img6.png
diff --git a/images/img7.png b/images/img7.png
diff --git a/images/img8.png b/images/img8.png
diff --git a/images/img9.png b/images/img9.png
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/logo_large.png b/images/logo_large.png
diff --git a/index.html b/index.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>THREAT9</title>
+	<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7cOpen+Sans:300,300i,400,400i,600,600i,700,700i,800,800i%7cRaleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7cRoboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
+	<link media="all" rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" type="text/css">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" defer></script>
+	<script>window.jQuery || document.write('<script src="js/jquery-3.2.1.min.js" defer><\/script>')</script>
+	<script src="js/jquery.main.js" defer></script>
+	<script src="js/index.js" defer></script>
+    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
+</head>
+<body>
+	<div id="wrapper">
+		<header id="header">
+			<div class="nav-area">
+				<div class="container" style="border-bottom: solid 1px #bbb">
+					<strong class="logo">
+						<a href="/"><img src="images/logo_large.png" alt="THREAT9"></a>
+					</strong>
+					<a href="#" class="nav-opener"></a>
+					<nav id="nav">
+						<ul class="menu">
+							<li><a href="#contact">Contact</a></li>
+                            <li><a target="_blank" href="https://github.com/threat9">Projects</a></li>
+						</ul>
+					</nav>
+				</div>
+			</div>
+		</header>
+		<main id="main">
+			<section class="block-products">
+				<div class="container">
+					<div class="product-detail">
+						<div class="product-col">
+							<div class="image-holder">
+								<img src="images/img3.png" alt="image description">
+							</div>
+							<div class="text-box">
+								<strong class="title">A Rogue</strong>
+								<h2>Cell Tower</h2>
+								<p>hijacking outgoing cellphone connections from your board room.</p>
+							</div>
+							<div class="image-holder style hidden-mobile">
+								<img src="images/img4.png" alt="image description">
+							</div>
+						</div>
+						<div class="product-col style">
+							<div class="image-holder style1">
+								<img src="images/img5.png" alt="image description">
+							</div>
+							<div class="text-box">
+								<strong class="title">a vulnerability</strong>
+								<h2>not covered</h2>
+								<p>by your existing vulnerability scanner because it doesn’t have a CVE, and requires physical access to the device.</p>
+							</div>
+						</div>
+						<div class="product-col style1">
+							<div class="text-box">
+								<strong class="title">An outlier is a</strong>
+								<h2>Misconfigured Camera</h2>
+								<p>set up on the wrong vlan and easily accessible for attackers in your network. </p>
+							</div>
+							<div class="image-holder style2">
+								<img src="images/img7.png" alt="image description">
+							</div>
+						</div>
+						<div class="product-col style2">
+							<div class="image-holder style3">
+								<img src="images/img6.png" alt="image description">
+							</div>
+							<div class="text-box">
+								<strong class="title">An Outlier is an</strong>
+								<h2>Unmanaged Device</h2>
+								<p>plugged in by an employee outside of your IT department.</p>
+							</div>
+						</div>
+					</div>
+					<div class="heading-box">
+						<h3>Offensive Security</h3>
+                        <p>Research and Development</p>
+					</div>
+					<div class="product-detail">
+						<div class="product-col style3">
+							<div class="image-holder style4">
+								<img src="images/img8.png" alt="image description">
+							</div>
+							<div class="text-box">
+								<strong class="title">An Outlier is a</strong>
+								<h2>Blindspot</h2>
+								<p>in your existing security infrastructure.</p>
+							</div>
+						</div>
+						<div class="product-col style4">
+							<div class="text-box">
+								<strong class="title">a vulnerability</strong>
+								<h2>In a Device</h2>
+								<p>you didn’t know was connected to your network.</p>
+							</div>
+							<div class="image-holder style5">
+								<img src="images/img9.png" alt="image description">
+							</div>
+						</div>
+						<div class="product-col style5">
+							<div class="image-holder style6">
+								<img src="images/img10.png" alt="image description">
+							</div>
+							<div class="text-box">
+								<strong class="title">An Outlier</strong>
+								<h2>Is An Attack</h2>
+								<p>on a protocol, that you have zero visibility into, like bluetooth.</p>
+							</div>
+						</div>
+						<div class="product-col style6">
+							<div class="image-holder style7">
+								<img src="images/img11.png" alt="image description">
+							</div>
+							<div class="text-box">
+								<strong class="title">A Rogue</strong>
+								<h2>Access Point </h2>
+								<p>an employee unknowingly connected to while transmitting sensitive information.</p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="circle-img">
+					<img src="images/img2.png" alt="image description">
+				</div>
+			</section>
+			<section class="block-contact" id="contact">
+				<div class="container">
+					<h2>CONTACT</h2>
+					<a href="mailto:[email protected]" class="btn"><span class="text">CONTACT US</span> <i class="fa fa-paper-plane"></i></a>
+					<a href="threat9.asc" class="btn"><span class="text">PGP KEY</span> <i class="fa fa-lock"></i></a>
+				</div>
+			</section>
+		  </main>
+	  </div>
+      <footer id="footer">             
+         <div class="container">
+             <center><a href="#">&copy; 2024 THREAT9</a></center>
+         </div>
+      </footer>
+  </body>
+</html>
diff --git a/js/index.js b/js/index.js
@@ -0,0 +1,126 @@
+$( document ).ready(function() {
+
+  API = "https://www.threat9.com/api"
+
+  function validateFields(fields) {
+    var invalidField = true
+    $.each(fields, function( index, field ) {
+      if (!$(field).val()) {
+        invalidField = false
+        $(field).css('border', '1px solid red')
+        $(field).focus(function(){$(field).css('border', '1px solid #CCC')})
+      }
+    })
+    return invalidField
+  }
+
+  // NEWSLETTER SIGN UP
+  $("#newsletter-button").click(function(event) {
+    var fields = ['#newsletter-email']
+
+    if (validateFields(fields)) {
+      $.ajax({
+        url: API + "/newsletter_subscribers",
+        type: "post",
+        dataType: "json",
+        data: {
+          newsletter_subscriber: {
+            email: $('#newsletter-email').val()
+          }
+        },
+        success: function(data){
+          $('#newsletter-wrapper').remove()
+          $('.form-subscribe').append("<div class='wrap'>" +
+            "<div style='font-size:16px; line-height:40px; padding-left:30px;'>Successfully Subscribed. Thank You!</div>")
+        },
+        error: function(response) {
+          $("#newsletter-wrapper").prepend("<div class='registration-error' style='background-color: #b9090b; color: #FFF;" +
+            "margin-bottom:10px; font-size: 13px; padding: 5px; font-weight:900; line-height:24px;'>" +
+            response.responseJSON.error +
+            ", please confirm your information is correct or email us at [email protected]. </div>")
+            setTimeout(function() {
+              $('#newsletter-wrapper .registration-error').remove();
+            }, 6000);
+        }
+      })
+    } else {
+
+    }
+  })
+
+  // CONTACT US FORM
+  $("#contact-us-button").click(function(event) {
+    var fields = ['#contact-us-name', '#contact-us-email', '#contact-us-message']
+    if (validateFields(fields)) {
+      $.ajax({
+        url: API + "/contact_submissions",
+        type: "post",
+        dataType: "json",
+        data: {
+          contact_submission: {
+            name: $('#contact-us-name').val(),
+            email: $('#contact-us-email').val(),
+            message: $('#contact-us-message').val(),
+          }
+        },
+        success: function(data){
+          $('#contact').remove()
+          $('.contact-container').append("<div class='wrap'>" +
+            "<div style='font-size:22px; height:600px; padding-top:40px; line-height:50px;'>" +
+            "Successfully Submitted. We will get back to you soon. Thank You!</div>")
+          $("html, body").animate({ scrollTop: 0 }, "slow");
+        },
+        error: function(response) {
+          $("html, body").animate({ scrollTop: 0 }, "slow");
+          $("#contact").prepend("<div class='registration-error' style='background-color: #b9090b; color: #FFF;" +
+            "margin-bottom:10px; font-size: 14px; padding: 5px; font-weight:900;'>" +
+            response.responseJSON.error +
+            ", please confirm your information is correct or email us at [email protected].</div>")
+          setTimeout(function() {
+            $('#contact .registration-error').remove();
+          }, 6000);
+        }
+      })
+    } else {
+    }
+  })
+
+  // BETA SIGN UP FORM
+  $("#register-button").click(function(event) {
+    var fields = ['#register-name', '#register-email', '#register-message']
+    if (validateFields(fields)) {
+      $.ajax({
+        url: API + "/beta_signups",
+        type: "post",
+        dataType: "json",
+        data: {
+          user: {
+            name: $('#register-name').val(),
+            email: $('#register-email').val(),
+            message: $('#register-message').val(),
+            recaptcha: $("#g-recaptcha-response").val(),
+          }
+        },
+        success: function(data){
+          $('#contact').remove()
+          $('.contact-container').append("<div class='wrap'>" +
+            "<div style='font-size:22px; height:600px; padding-top:40px; line-height:40px;'>" +
+            "Thank you for signing up, you have been added to our beta list. We will be be reaching out soon.<br><br>" +
+            "<a href='/'>Back to Threat9 Home Page</a></div>")
+          $("html, body").animate({ scrollTop: 0 }, "slow");
+        },
+        error: function(response) {
+          $("html, body").animate({ scrollTop: 0 }, "slow");
+          $("#contact").prepend("<div class='registration-error' style='background-color: #b9090b; color: #FFF;" +
+            "margin-bottom:10px; font-size: 14px; padding: 5px; font-weight:900;'>" +
+            response.responseJSON.error +
+            ", please confirm your information is correct or email us at [email protected].</div>")
+          setTimeout(function() {
+            $('#contact .registration-error').remove();
+          }, 6000);
+        }
+      })
+    } else {
+    }
+  });
+});
diff --git a/js/jquery-3.2.1.min.js b/js/jquery-3.2.1.min.js