Skip to content

Converted the webpages into responsive webpages #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shweta-laha wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Converted the webpages into responsive webpages #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Hack_image.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
56 changes: 28 additions & 28 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
# ArmedGeniuses

An ethical hacking guide/site made using HTML, CSS and JS.

### What's new:

- The Dark mode and Light mode toggle has now been introduced. It will be persistent and be applied to all the pages of the web page even when the page is refreshed.
- Your feedback is now stored in the browser local cache, so when you give in the feedback, the messsage is not stored as a text file in your system. This is made so that new feedback can keep coming in.

### Screenshots:

![Image of site1](https://github.com/theParanoidScripts/ArmedGeniuses/blob/master/img/screenshots/pic1.png)

![Image of site3](https://github.com/theParanoidScripts/ArmedGeniuses/blob/master/img/screenshots/pic3.png)

![Image of site4](https://github.com/theParanoidScripts/ArmedGeniuses/blob/master/img/screenshots/pic4.png)

### Note:

- The feedback page has been updated to market the feedback of other people.
- When you fill the feedback, the message is taken and stored in the local cache of the browser. If you have to overwrite it, then you have to submit your feedback again.

### Issues:

- `contact --> feedback` page has a XSS vulnerability.
- Dark-light mode transition animation has to be done.
- The webpages has to be made responsive for mobile devices.
- Other documentation mistakes in the website such as spelling mistakes, grammar, etc.
# ArmedGeniuses
An ethical hacking guide/site made using HTML, CSS and JS.
### What's new:
- The Dark mode and Light mode toggle has now been introduced. It will be persistent and be applied to all the pages of the web page even when the page is refreshed.
- Your feedback is now stored in the browser local cache, so when you give in the feedback, the messsage is not stored as a text file in your system. This is made so that new feedback can keep coming in.
### Screenshots:
![Image of site1](https://github.com/theParanoidScripts/ArmedGeniuses/blob/master/img/screenshots/pic1.png)
![Image of site3](https://github.com/theParanoidScripts/ArmedGeniuses/blob/master/img/screenshots/pic3.png)
![Image of site4](https://github.com/theParanoidScripts/ArmedGeniuses/blob/master/img/screenshots/pic4.png)
### Note:
- The feedback page has been updated to market the feedback of other people.
- When you fill the feedback, the message is taken and stored in the local cache of the browser. If you have to overwrite it, then you have to submit your feedback again.
### Issues:
- `contact --> feedback` page has a XSS vulnerability.
- Dark-light mode transition animation has to be done.
- The webpages has to be made responsive for mobile devices.
- Other documentation mistakes in the website such as spelling mistakes, grammar, etc.
58 changes: 37 additions & 21 deletions WPA.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,20 @@
<link href="css/button.css" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>

<style>
.p{
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width:1220px) {
.p {

margin-left: auto;
margin-right: auto;
font-size: 28px
justify-content: center;
}
</style>
<body class="light">

<div class="container">
Expand All @@ -21,8 +34,8 @@
<div class="header-inner" data-aos="flip-up">
<img src="img/logo.png" alt="Logo" class="site-logo" />
<div class="site-text-box">
<h1 class="site-title">ArmedGeniuses</h1>
<h6 class="site-description">Ethical Hacking Simplified</h6>
<h1 class="site-title"><b>ArmedGeniuses</b></h1>
<h6 class="site-description"><b>Ethical Hacking Simplified</b></h6>
</div>

<nav class="nav">
Expand Down Expand Up @@ -62,9 +75,9 @@ <h2>Change Theme</h2>
</div>
<p>
<header class="welcome-section">
<h2 class="text-center section-title" style="color: var(--header-color)">Welcome to Armed Geniuses</h2>
<p class="text-center">Here we shall talk about basic hacking and penetration testing. You can
choose one of the type of hacks below.</p>
<h2 class="text-center section-title" style="color: var(--header-color)"><b>Welcome to Armed Geniuses</b></h2>
<p class="text-center"><div class="p">Here we shall talk about basic hacking and penetration testing. You can
choose one of the type of hacks below.</div></b></p>
</header>
<div class="paging-links" data-aos="zoom-in">
<nav>
Expand Down Expand Up @@ -94,11 +107,11 @@ <h2 class="text-center section-title" style="color: var(--header-color)">Welcome
</div>

<div class="content" data-aos="fade-right">
<h4 class="guide-title ">Wifi hacking using Aircrack-ng</h4>
<p class="guide-body">You will need kali linux or any other linux distro with the specific tools
<h4 class="guide-title "><b>Wifi hacking using Aircrack-ng</b></h4>
<p class="guide-body"><div class="p">You will need kali linux or any other linux distro with the specific tools
installed. For kali linux, click on
the link below. You will also need kali-linux compatible WiFi adapter for monitor mode and
packet sniffing/injection.
packet sniffing/injection.</div>
</p>
<button class="btn" onclick="window.location.href = 'https://www.kali.org/downloads/';">
<span class="btn__content">Kali linux</span>
Expand All @@ -107,14 +120,14 @@ <h4 class="guide-title ">Wifi hacking using Aircrack-ng</h4>
</button>
</div>
<div class="content" data-aos="fade-left">
<h3 class="guide-title">How to install the packages</h3>
<p class="guide-body">Open the terminal window and install the package if not installed.<br />If
you're using Debian or Debian-based distro,
<h3 class="guide-title"><b>How to install the packages</b></h3>
<p class="guide-body"><div class="p">Open the terminal window and install the package if not installed.<br />If
you're using Debian or Debian-based distro,</div>
type:<br /><br />
<code class="code">apt update && apt install aircrack-ng</code></p>
<code class="code"><div class="p">apt update && apt install aircrack-ng</div></code></p>
<p class="guide-body">
If you're using Arch linux (you're awesome), then use pacman to install the tools.
<code class="code">pacman -S aircrack</code>
<div class="p">If you're using Arch linux (you're awesome), then use pacman to install the tools.
<code class="code">pacman -S aircrack</div class="p"></code>
</p>
</div>
<div class="content" data-aos="fade-right">
Expand All @@ -125,6 +138,7 @@ <h3 class="guide-title">Scanning The Area</h3> <br />
Now type,
<code class="code">ifconfig</code>
<code class="code">
<div class="p">
<br />wlan0: flags=4163 [UP,BROADCAST,RUNNING,MULTICAST] mtu 1500
<br /> inet ***.***.*.* netmask ***.***.***.* broadcast ***.***.*.***
<br /> inet6 ****::****:****:****:**** prefixlen 64 scopeid 0x20[link]
Expand All @@ -133,7 +147,9 @@ <h3 class="guide-title">Scanning The Area</h3> <br />
<br /> RX errors 0 dropped 0 overruns 0 frame 0
<br /> TX packets 9568 bytes 1148202 (1.0 MiB)
<br /> TX errors 0 dropped 0 overruns 0 carrier 0 collisions 0
</div>
</code>
<div class="p">
Your output will look something like the above. Now, you
will have to put your adapter in monitor mode. For me,
the wireless adapter is "wlan0". Hence
Expand All @@ -149,12 +165,12 @@ <h3 class="guide-title">Scanning The Area</h3> <br />
to test,
press Ctrl + C to stop the scan.
Note down the BSSID and CHANNEL NO. too.
<br />
</div><br />
</p>
</div>
<div class="content" data-aos="fade-left">
<h3 class="guide-title">Capturing Handshake and Cracking</h3> <br />
<p class="guide-body">
<h3 class="guide-title"><b>Capturing Handshake and Cracking</h3> </b><br />
<p class="guide-body"><div class="p">
Now, we shall deauthenticate a user for a brief time from the network, and get
him connected again, capturing the WPA-handshake, which will contain important information
like passwords, and credentials in it in an encrypted format.
Expand All @@ -172,7 +188,7 @@ <h3 class="guide-title">Capturing Handshake and Cracking</h3> <br />
<code class="code">ls</code>
Now, you will a wordlist to bruteforce the common passwords used for the key.<br />
If you don't already have a wordlist with you, you can download one from the below button.
<br />
</div><br />
<br />
<button class="btn" onclick="window.location.href = 'https://github.com/brannondorsey/naive-hashcat/releases/download/data/rockyou.txt';">
<span class="btn__content">Wordlist</span>
Expand All @@ -184,7 +200,7 @@ <h3 class="guide-title">Capturing Handshake and Cracking</h3> <br />
</p>
</div>
<div class="content" data-aos="fade-right">
<p class="guide-body">
<p class="guide-body"><div class="p">
Now, we have all the resources we need. We can start bruteforcing.<br />
An important thing to remember, the probability of the password to be cracked is determined
by how common and how easy the password is to guess. The downloaded wordlist has them,
Expand All @@ -196,7 +212,7 @@ <h3 class="guide-title">Capturing Handshake and Cracking</h3> <br />
<code class="code">aircrack-ng [filename].cap -w [wordlist directory].txt</code>
Now if you're lucky, you may have successfully hacked into the victims network.
Again as a reminder, please test the above method <b>IF YOU HAVE PERMISSION</b> to
do so. We are not responsible for the consequences.
do so. We are not responsible for the consequences.</div>
<br />
<br />
<br />
Expand Down
49 changes: 37 additions & 12 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,32 @@
<link href="css/button.css" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<style>
.p{
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width:1220px) {
.p {

margin-left: auto;
margin-right: auto;
font-size: 28px;
left:2%;
right:2%;
justify-content: center;
}







</style>

<body class="light">
<div class="background"></div>

<div class="container">
<div class="placeholder">
Expand All @@ -21,8 +45,8 @@
<div class="header-inner" data-aos="flip-up">
<img src="img/logo.png" alt="Logo" class="site-logo" />
<div class="site-text-box">
<h1 class="site-title">Armed Geniuses</h1>
<h6 class="site-description">Ethical Hacking Simplified</h6>
<h1 class="site-title"><b>Armed Geniuses</b></h1>
<h6 class="site-description"><b>Ethical Hacking Simplified</b></h6>
</div>
<nav class="nav">
<ul class="nav-ul">
Expand Down Expand Up @@ -60,23 +84,24 @@ <h2>Change Theme</h2>

<main>
<header class="welcome-section">
<h2 class="text-center section-title" style="color: var(--header-color)">About ArmedGeniuses</h2>
<p class="text-center">This website is made as a repo for the Hacktober fest 2020.</p>
<p class="text-center">This site contains information about few of the common hacking methods and
<h2 class="text-center section-title p" style="color: var(--header-color) text-align:center; right:30%;"><b>About ArmedGeniuses</b></h2>
<p class="text-center p">This website is made as a repo for the Hacktober fest 2020.</p>
<p class="p">This site contains information about few of the common hacking methods and
protocols. Please DO NOT try these hacks on
a network or a system you do not have permission to do. This site will not be responsible in any
circumstance whatsoever
for the damage caused.
</p>
</header>


<div class="container-inner kaushal" data-aos="zoom-out">
<article>
<figure class="kaushal">
<img src="img/anonymous.png" width="150" alt="Image" class="img-fluid kaushal-img" />
<img src="img/anonymous.png" width="150" alt="Image" class="img-fluid kaushal-img" style="display: inline-block;">
<figcaption class="kaushal-description">
<h4 class="kaushal-name">Anonymous</h4>
<p class="kaushal-title">Occupation unknown</p>
<h4 class="kaushal-name"><b>Anonymous</b></h4>
<p class="kaushal-title"><b>Occupation unknown</b></p>
<p class="kaushal-about">There are bugs and issues in this site that I want you to solve. You
will need to submit a PR when you do.
</p>
Expand All @@ -94,15 +119,15 @@ <h4 class="kaushal-name">Anonymous</h4>
</div>
<div class="container-inner history" data-aos="fade-left">
<div class="history-inner">
<img src="img/hack_history1.jpg" alt="Some code" class="img-class history-img" />
<img src="img/hack_history1.jpg" alt="Some code" class="img-class history-img" max-wdith:/>
<div class="history-text" data-aos="fade-right">
<h4 class="history-title">History of Hacking</h4>
<p class="hist-p">It all began in the 1960s at MIT, origin of the term “hacker”, where
<h4 class="history-title" style="text-align: center;"><b>History of Hacking</b></h4>
<p class="p" style="text-align: center; ">It all began in the 1960s at MIT, origin of the term “hacker”, where
extremely skilled individuals practiced hardcore programming in FORTRAN and other
older languages.
Some may ignorantly dub them “nerds” or “geeks” but these individuals were, by far,
the most intelligent, individual, and intellectually advanced people who happen to
be the pioneers
be the pioneerss
and forefathers of the talented individuals that are today the true hackers. The
true hackers amongst our societies have an unquenchable thirst for knowledge.
Boredom is never an object
Expand Down
Binary file added anonymous.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added arp_spoof.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading