diff --git a/docs/assets/ble.png b/docs/assets/ble.png new file mode 100644 index 0000000..7393f34 Binary files /dev/null and b/docs/assets/ble.png differ diff --git a/docs/assets/cc1101.jpg b/docs/assets/cc1101.jpg new file mode 100644 index 0000000..8a02ed9 Binary files /dev/null and b/docs/assets/cc1101.jpg differ diff --git a/docs/index.html b/docs/index.html index a1285a5..36fc7cd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -87,18 +87,16 @@

+

The d3m0n Phone is a multi functioning phone made for hackers. -

+ -

- ──────────────────────── Features: ──────────────────────── -

+

──────────────────────── Features: ────────────────────────

  1. It's open source! Source code
    2. -
  2. Radio hacking (2.4Ghz) and FM spoofing (from 87,5MHz to 108 MHz)
    3. +
  3. Radio hacking (433mHz) and FM spoofing (from 87,5MHz to 108 MHz)
  4. Wi-Fi pentesting (Deauth attacks, Password Cracking, and more!),
    5. @@ -109,43 +107,61 @@

  5. Infrared led to capture & emulate signals

-

- ─────────────────────────────────────────────────────── -

+

───────────────────────────────────────────────────────────

+

⚠️ Not yet released to public ⚠️

+

──────────────────────── Hardware: ────────────────────────

-

Hardware

-

IR led

+

IR transreciver

+

Read RAW infrared signal, save them and use them later.

+

Protocols: (NEC, SONY, Kaseikyo, RCA, RC5, RC6, Samsung, SIRC)

-

IoT-GA6-B GSM module

+

2G GSM

+

Make calls, send messages through 2G network

+

Next version will have a 4G module with LTE and GPS

- -

nrf24l01 24.Ghz radio module

+ +

433mHz radio

+

Can be used to access garage doors, IOT devices...


+

Thanks to CC1101 radio chip

-

usb-c module

+

USB-C port

+

Use it as HID device for BadUSB or to access files


+

-

240x320 tft screen

+

240x320 TFT display

+

Simple ili9340 color touch screen display


+

-

1080p camera

+

1080p camera

+

Take photo and videos


+

Only on back of the phone

+
+ +
+ +

BLE chip

+

Can be used to communicate with the device with low energy bluetooth

+

Can be used to execute attacks

diff --git a/docs/studio.html b/docs/studio.html index 58a4f34..b892e18 100644 --- a/docs/studio.html +++ b/docs/studio.html @@ -4,9 +4,9 @@ d3m0n App Studio - + - +

d3m0n App Studio

diff --git a/docs/styles.css b/docs/styles.css index f8dcbe6..456735d 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -1,200 +1,267 @@ body { - color: white; - font-family: Noto Sans,Cantarell,sans-serif; - margin: 0px; - background-color: black; - padding: 0px; + color: white; + font-family: Verdana,sans-serif; + margin: 0px; + background-color: black; + padding: 0px; + overflow-x: hidden; +} + +#draggableElements { +width: 30%; +} + +#generalAttributes { +padding: 5px; +} + +.themeIconItem { +align-items: center; +justify-content: center; +width: 100px; +height: 100px; +background: #323232; +padding: 0px; +flex-direction: column; +display: flex; +padding: 10px; +} + +#appContainer { +justify-content: center; +width: 100%; +background: antiquewhite; +flex-direction: row; +display: flex; +align-items: center; +height: 600px; +} + +#control_editor { +background-color: #303136; +width: 40%; +max-width: 450px; +margin-right: 50px; +height: 100%; +overflow-y: scroll; +overflow-x: hidden; +} + +#drop_zone { +margin-right: 50px; +width: 240px; +height: 320px; +padding: 10px; +background-color: white; +color: black; +text-align: center; +position: relative; +padding: 0px; +} + +.draggable { +position: absolute; +cursor: move; +padding: 10px; +border: 1px solid black; +background-color: lightblue; +user-select: none; } + + .light-mode { - background-color: #bfbfbf; - color: black !important; +background-color: #bfbfbf; +color: black !important; } .light-text { - color: black; +color: black; } .features { - align-self: center; - max-width: 700px; - text-align: left; +align-self: center; +max-width: 700px; +text-align: left; } .hardware { - max-width: 700px; - align-self: center; - display: flex; - flex-direction: column; +max-width: 700px; +align-self: center; +display: flex; +flex-direction: column; } .hardware-item { - display: flex; - flex-direction: row; - max-width: 700px; - width: 100%; - height: 100%; - max-height: 100px; - margin-bottom: 10px; - align-items: center; - /* justify-content: center; */ +display: flow; +flex-direction: column; +max-width: 700px; +width: 100%; +height: 100%; +max-height: 200px; +margin-bottom: 10px; +align-items: center; +/* justify-content: center; */ +text-align: justify; } .hardware-item-image { - width: 75px; - height; 75px; - margin-right: 10px; + max-height: 100px; + max-width: 100px; + float: left; + height: 100%; + margin-right: 10px; } .top-div { - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - width: 100%; - /* height: calc(100vh - 50px); */ +display: flex; +flex-direction: column; +justify-content: center; +text-align: center; +width: 100%; +/* height: calc(100vh - 50px); */ } .header { - width: 100%; - height: 50px; - display: flex; - flex-direction: row; - justify-content: center; +width: 100%; +height: 50px; +display: flex; +flex-direction: row; +justify-content: center; } .center{ - display: flex; - justify-content: center; - align-items: baseline; + display: flex; + justify-content: center; + align-items: baseline; } .btnn { - text-decoration: none; - padding: 0.1rem; - border: 2px solid #FFFFFF; +text-decoration: none; +padding: 0.1rem; +border: 2px solid #FFFFFF; } .btntext{ - position:relative; - left:5px; +position:relative; +left:5px; } /* headers btns */ @keyframes fadein{ - 0% { opacity: 0; } - 25% { opacity: 0.25; } - 50% { opacity: 0.5; } - 75% { opacity: 0.75; } - 100% { opacity: 1; } + 0% { opacity: 0; } + 25% { opacity: 0.25; } +50% { opacity: 0.5; } +75% { opacity: 0.75; } + 100% { opacity: 1; } } @-webkit-keyframes fadein{ - 0% { opacity: 0; } - 25% { opacity: 0.25; } - 50% { opacity: 0.5; } - 75% { opacity: 0.75; } - 100% { opacity: 1; } + 0% { opacity: 0; } + 25% { opacity: 0.25; } +50% { opacity: 0.5; } +75% { opacity: 0.75; } + 100% { opacity: 1; } } .chevron { - margin-left: 5px; - width: 15px; - /* display: flex; */ - /* position: absolute; */ - background-color: white; - height: 15px; - background-image: url("./assets/chevron.png"); - -webkit-mask: url("./assets/chevron.png") center/contain; - /* mask:url("./assets/chevron.png") center/contain; */ +margin-left: 5px; +width: 15px; +/* display: flex; */ +/* position: absolute; */ +background-color: white; +height: 15px; +background-image: url("./assets/chevron.png"); +-webkit-mask: url("./assets/chevron.png") center/contain; +/* mask:url("./assets/chevron.png") center/contain; */ } .paste-button { - position: relative; - display: block; - font-family: Noto Sans,Cantarell,sans-serif; - padding: 10px 13px; - display: inline-block; - height: 43px; - border: 1px solid transparent; - color: var(--text-color-dark); - text-transform: uppercase; - cursor: pointer; +position: relative; +display: block; +font-family: Noto Sans,Cantarell,sans-serif; +padding: 10px 13px; +display: inline-block; +height: 43px; +border: 1px solid transparent; +color: var(--text-color-dark); +text-transform: uppercase; +cursor: pointer; } .dropdown_button:hover { - color: #367BF0; +color: #367BF0; } .dropdown_button { - display: flex; - flex-direction: row; - background-color: transparent; - color: white; - text-transform: uppercase; - cursor: pointer; - text-shadow: 0 0 1px #fff,var(--nav-text-shadow); - padding: 10px 15px; - font-size: 15px; - font-weight: bold; - border: 2px solid transparent; - border-radius: 15px; - cursor: pointer; +display: flex; +flex-direction: row; +background-color: transparent; +color: white; +text-transform: uppercase; +cursor: pointer; +text-shadow: 0 0 1px #fff,var(--nav-text-shadow); +padding: 10px 15px; +font-size: 15px; +font-weight: bold; +border: 2px solid transparent; +border-radius: 15px; +cursor: pointer; } .dropdown-content { - --nav-text-shadow: 0 0 20px rgba(0, 0, 0, .5); - top: 50px; - display: none; - font-size: 15px; - position: absolute; - z-index: 1; - min-width: 200px; - background-color: white; - border: 2px solid white; - border-radius: 0px 15px 15px 15px; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); +--nav-text-shadow: 0 0 20px rgba(0, 0, 0, .5); +top: 50px; +display: none; +font-size: 15px; +position: absolute; +z-index: 1; +min-width: 200px; +background-color: white; +border: 2px solid white; +border-radius: 0px 15px 15px 15px; +box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-content a { - font-family: Noto Sans,Cantarell,sans-serif; - line-height: 1.5; - font-size: 15px; - color: black; - padding: 8px 10px; - text-decoration: none; - display: block; - /* transition: 0.1s; */ +font-family: Noto Sans,Cantarell,sans-serif; +line-height: 1.5; +font-size: 15px; +color: black; +padding: 8px 10px; +text-decoration: none; +display: block; +/* transition: 0.1s; */ } .dropdown-content a:hover { - background-color: white; - color: #367BF0; +background-color: white; +color: #367BF0; } .dropdown-content a:focus { - color: white; +color: black; } .dropdown-content #top:hover { - border-radius: 0px 13px 0px 0px; +border-radius: 0px 13px 0px 0px; } .dropdown-content #bottom:hover { - border-radius: 0px 0px 13px 13px; +border-radius: 0px 0px 13px 13px; } .paste-button:hover button { - border-radius: 15px 15px 0px 0px; +border-radius: 15px 15px 0px 0px; } .paste-button:hover .dropdown-content { - display: block; - -webkit-animation: 0.2s ease 0s normal forwards 1 fadein; - animation: 0.2s ease 0s normal forwards 1 fadein; +display: block; +-webkit-animation: 0.2s ease 0s normal forwards 1 fadein; +animation: 0.2s ease 0s normal forwards 1 fadein; } .dropdown_button:hover .chevron { - background:#367BF0; +background:#367BF0; } @@ -202,49 +269,49 @@ body { /* keytype animation */ .dynamic-txts { - text-align: left; - /* margin-left: 15px; */ - height: 90px; - line-height: 90px; - overflow: hidden; +text-align: left; +/* margin-left: 15px; */ +height: 90px; +line-height: 90px; +overflow: hidden; } .dynamic-txts li{ - list-style: none; - text-align: left; - color: white; - font-size: 60px; - font-weight: 500; - position: relative; - top: 0; - animation: slide 12s steps(4) infinite; +list-style: none; +text-align: left; +color: white; +font-size: 60px; +font-weight: 500; +position: relative; +top: 0; +animation: slide 12s steps(4) infinite; } @keyframes slide { - 100%{ - top: -360px; - } +100%{ + top: -360px; +} } .dynamic-txts li span{ - position: relative; - margin: 5px 0; - line-height: 90px; +position: relative; +margin: 5px 0; +line-height: 90px; } .dynamic-txts li span::after{ - content: ""; - position: absolute; - left: 0; - height: 100px; - width: 100%; - background: black; - border-left: 2px solid white; - animation: typing 3s steps(10) infinite; +content: ""; +position: absolute; +left: 0; +height: 100px; +width: 100%; +background: black; +border-left: 2px solid white; +animation: typing 3s steps(10) infinite; } @keyframes typing { - 40%, 60%{ - left: calc(100% + 30px); - } - 100%{ - left: 0; - } +40%, 60%{ + left: calc(100% + 30px); +} +100%{ + left: 0; +} } @@ -253,52 +320,52 @@ body { /* The switch - the box around the slider */ .switch { - font-size: 17px; - position: relative; - display: inline-block; - width: 3.5em; - height: 2em; +font-size: 17px; +position: relative; +display: inline-block; +width: 3.5em; +height: 2em; } /* Hide default HTML checkbox */ .switch input { - opacity: 0; - width: 0; - height: 0; +opacity: 0; +width: 0; +height: 0; } /* The slider */ .slider { - --background: #28096b; - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: var(--background); - transition: .5s; - border-radius: 30px; +--background: #28096b; +position: absolute; +cursor: pointer; +top: 0; +left: 0; +right: 0; +bottom: 0; +background-color: var(--background); +transition: .5s; +border-radius: 30px; } .slider:before { - position: absolute; - content: ""; - height: 1.4em; - width: 1.4em; - border-radius: 50%; - left: 10%; - bottom: 15%; - box-shadow: inset 8px -4px 0px 0px #fff000; - background: var(--background); - transition: .5s; +position: absolute; +content: ""; +height: 1.4em; +width: 1.4em; +border-radius: 50%; +left: 10%; +bottom: 15%; +box-shadow: inset 8px -4px 0px 0px #fff000; +background: var(--background); +transition: .5s; } input:checked + .slider { - background-color: #522ba7; +background-color: #522ba7; } input:checked + .slider:before { - transform: translateX(100%); - box-shadow: inset 15px -4px 0px 15px #fff000; +transform: translateX(100%); +box-shadow: inset 15px -4px 0px 15px #fff000; } \ No newline at end of file