Website Update

TechnicalUserX · Oct 21, 2023 · 6778851 · 6778851
1 parent 006c3a7
commit 6778851
Show file tree

Hide file tree

Showing 11 changed files with 111 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -1,9 +1,7 @@
 ![](/images/proximoth_banner.png)
 # Proximoth
 ### Control Frame Attack Vulnerability Detection Tool
-Proximoth performs `Control Frame Attack` to detect the proximal privacy violation vulnerability.
-
-Control Frame Attack lets the attacker find out whether the target device is in range, in other words, presence detection.
+Proximoth performs `Control Frame Attack`, which lets the attacker find out whether the target device is in range, in other words: presence detection.
 
 # More Info About Control Frame Attack:
 * https://www.researchgate.net/publication/314361145_A_Study_of_MAC_Address_Randomization_in_Mobile_Devices_and_When_it_Fails

diff --git a/docs/website/images/i1.png b/docs/website/images/i1.png
diff --git a/docs/website/images/i2.png b/docs/website/images/i2.png
diff --git a/docs/website/images/i3.png b/docs/website/images/i3.png
diff --git a/docs/website/images/i4.png b/docs/website/images/i4.png
diff --git a/docs/website/images/i5.png b/docs/website/images/i5.png
diff --git a/docs/website/index.css b/docs/website/index.css
@@ -0,0 +1,53 @@
+body {
+    background-color: #0f0f0f
+}
+
+#page-heading { 
+    color: white;
+    font-family: sans-serif;
+    text-align: center;
+
+}
+
+h1, h2, h3, h4, h5 { 
+    color: white;
+    font-family: sans-serif;
+    text-align: center;
+
+}
+
+button {
+    background-color: #2f2f2f;
+    border: 5px solid #2f2f2f;
+    border-radius: 5px;
+    color:white;
+
+}
+
+button:hover {
+    background-color: #3f3f3f;
+    border: 5px solid #3f3f3f;
+}
+
+p {
+    text-align: center;
+    color: grey;
+    font-family: Arial;
+    font-size: 20px;
+}
+
+.center {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: auto; 
+}
+
+.button-container {
+    text-align: center;
+    margin: 5px;
+    font-size: 20px;
+}
+
+
diff --git a/docs/website/index.html b/docs/website/index.html
@@ -1,10 +1,49 @@
 <!DOCTYPE html>
-<html>
+
 <head>
-	<h1>Proximoth Homepage</h1>
+	<link rel="stylesheet" href="index.css">
 </head>
 
 <body>
-	<p>This site will be used in the future.</p>
+	<img style="width:100%" class="center" src="site_banner.png">
+	<h1 id="page-heading">Proximoth & Control Frame Attack</h1>
+	<p>Proximoth is a command-line tool to detect Wi-Fi devices in proximity with Control Frame Attack.<br>
+		</p>
+
+	<h1>Learn More</h1>
+	<div class="center">
+		<button class="button-container" type="button" onclick="redirect_github()">GitHub</button>
+		<button class="button-container" type="button" onclick="redirect_gitlab()">GitLab</button>
+		<button class="button-container" type="center" onclick="redirect_wordpress()">WordPress</button>
+	</div>
+
+
+	<h1>Images</h1>
+
+	<div>
+		<img class="center" style="border-radius: 10px; border: solid rgb(50,50,50);" src="images/i1.png">
+		<br>
+		<img class="center" style="border-radius: 10px; border: solid rgb(50,50,50);" src="images/i2.png">
+	</div>
+	<br>
+	<div class="center">
+		<img  style="margin: 5px; margin-bottom: 10px; border-radius: 10px; border: solid rgb(50,50,50);" src="images/i3.png">
+		<br>
+		<img style="margin: 5px; margin-bottom: 10px; border-radius: 10px; border: solid rgb(50,50,50);" src="images/i4.png">
+	</div>
+
+	<div class="center">
+		<img style="border-radius: 10px; border: solid rgb(50,50,50);" src="images/i5.png">
+	</div>
+
+	<br>
+	<hr>
+
+	<div class="center">
+		<img style="width: 30%;" src="proximoth_logo.png">
+	</div>
+
+
 </body>
-</html>
+
+<script src="index.js"></script>
diff --git a/docs/website/index.js b/docs/website/index.js
@@ -0,0 +1,14 @@
+
+
+function redirect_github(){
+    window.location.href = 'https://github.com/TechnicalUserX/proximoth'
+}
+
+function redirect_gitlab(){
+    window.location.href = 'https://gitlab.com/TechnicalUserX/proximoth'
+}
+
+function redirect_wordpress(){
+    window.location.href = 'https://technicaluserx.wordpress.com/2022/07/22/proximoth/'
+}
+
diff --git a/docs/website/proximoth_logo.png b/docs/website/proximoth_logo.png
diff --git a/docs/website/site_banner.png b/docs/website/site_banner.png