-
-
Notifications
You must be signed in to change notification settings - Fork 15
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3343dbf
commit 03341bd
Showing
1 changed file
with
148 additions
and
176 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,199 +1,171 @@ | ||
| <head> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <link rel="shortcut icon" href="images/favicon.png" /> | ||
| <title>PhishGuard</title> | ||
| <meta charset="utf-8" /> | ||
| <link rel="canonical" href="https://fuhadkalathingal.github.io/phishguard/" /> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>PhishGuard</title> | ||
|
|
||
| <!-- Open Graph data --> | ||
| <meta property="og:title" content="Phishguard: Cyber Awareness Game" /> | ||
| <meta property="og:type" content="website" /> | ||
| <meta property="og:url" content="" /> | ||
| <meta property="og:image" content="images/badge.png" /> | ||
| <meta | ||
| property="og:description" | ||
| content="PhishGuard Is A Game For Spreading Awareness About The Common Attacks On Cyber Space" | ||
| /> | ||
| <meta property="og:site_name" content="Phishguard" /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="css/phishguard.css" | ||
| type="text/css" | ||
| media="screen" | ||
| charset="utf-8" | ||
| /> | ||
| </head> | ||
| <!-- Meta SEO --> | ||
| <meta name="title" content="PhishGuard" /> | ||
| <meta name="description" content="PhishGuard is a cyber awareness game to train common peoples about cyber attacks" /> | ||
| <meta name="robots" content="index, follow" /> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| <meta name="language" content="English" /> | ||
| <meta name="author" content="PhishGuard" /> | ||
|
|
||
| <body class="phishguard launch subpage media"> | ||
| <div id="page"> | ||
| <div id="phishguardcontain"> | ||
| <a> | ||
| <img | ||
| width="400px" | ||
| height="400px" | ||
| rel="preload" | ||
| loading="eager" | ||
| decoding="async" | ||
| fetchpriority="high" | ||
| style="cursor: pointer" | ||
| id="phishguardimg" | ||
| alt="Phishguard logo" | ||
| src="images/phishguard_mainlogo.webp" | ||
| class="logo" | ||
| /> | ||
| </a> | ||
| </div> | ||
| <!-- Social media share --> | ||
| <meta property="og:title" content="PhishGuard" /> | ||
| <meta property="og:site_name" content="PhishGuard" /> | ||
| <meta property="og:url" content="https://fuhadkalathingal.github.io/phishguard/" /> | ||
| <meta property="og:description" content="PhishGuard is a cyber awareness game to train common peoples about cyber attacks" /> | ||
| <meta property="og:type" content="Education" /> | ||
| <meta property="og:image" content="images/phishguard_mainlogo.webp" /> | ||
| <link rel="stylesheet" href="css/phishguard.css" type="text/css" media="screen" charset="utf-8" /> | ||
| </head> | ||
|
|
||
| <div id="maincontain"> | ||
| <div class="section subpagenav"> | ||
| <ul class="smalllinks dim"> | ||
| <li class="link active"> | ||
| <a href="award/badges.html"> | ||
| <h4 class="banner"> | ||
| <span>Awards</span> | ||
| </h4> | ||
| </a> | ||
| </li> | ||
| <li class="link"> | ||
| <a | ||
| id="startButton" | ||
| href="https://fuhadkalathingal.github.io/PhishGuard/level_1/level_1.html" | ||
| > | ||
| <h4 class="banner"> | ||
| <span>Let's Play</span> | ||
| </h4> | ||
| </a> | ||
| </li> | ||
| <li class="link active"> | ||
| <a href=""> | ||
| <h4 id="shareBtn" class="banner"> | ||
| <span>Share</span> | ||
| </h4> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <body class="phishguard launch subpage media"> | ||
| <div id="page"> | ||
| <div id="phishguardcontain"> | ||
| <a> | ||
| <img width="400px" height="400px" rel="preload" loading="eager" decoding="async" fetchpriority="high" | ||
| style="cursor: pointer" id="phishguardimg" alt="Phishguard logo" src="images/phishguard_mainlogo.webp" | ||
| class="logo" /> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div id="maincontain"> | ||
| <div class="section subpagenav"> | ||
| <ul class="smalllinks dim"> | ||
| <li class="link active"> | ||
| <a href="award/badges.html"> | ||
| <h4 class="banner"> | ||
| <span>Awards</span> | ||
| </h4> | ||
| </a> | ||
| </li> | ||
| <li class="link"> | ||
| <a id="startButton" href="https://fuhadkalathingal.github.io/PhishGuard/level_1/level_1.html"> | ||
| <h4 class="banner"> | ||
| <span>Let's Play</span> | ||
| </h4> | ||
| </a> | ||
| </li> | ||
| <li class="link active"> | ||
| <a href=""> | ||
| <h4 id="shareBtn" class="banner"> | ||
| <span>Share</span> | ||
| </h4> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="gridcontainer fullpage"> | ||
| <div class="gridparent c2"> | ||
| <div class="gridunit c2 videoparent"> | ||
| <div class="reportcaptions hideonecolumn"> | ||
| <span class="left">Cyber Attacks - Reports</span> | ||
| <span class="right gridcaptionbold">Phish Guard</span> | ||
| </div> | ||
| <div class="gridcontainer fullpage"> | ||
| <div class="gridparent c2"> | ||
| <div class="gridunit c2 videoparent"> | ||
| <div class="reportcaptions hideonecolumn"> | ||
| <span class="left">Cyber Attacks - Reports</span> | ||
| <span class="right gridcaptionbold">Phish Guard</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="gridparent c1"> | ||
| <div class="gridunit c1 screenshot"> | ||
| <img | ||
| width="1280px" | ||
| height="720px" | ||
| rel="preload" | ||
| loading="eager" | ||
| decoding="async" | ||
| fetchpriority="high" | ||
| alt="phishguard screenshot" | ||
| src="images/phishing_report_1.webp" | ||
| /> | ||
| </div> | ||
| <div class="gridunit c1 screenshot"> | ||
| <img | ||
| width="1280px" | ||
| height="720px" | ||
| rel="preload" | ||
| loading="eager" | ||
| decoding="async" | ||
| fetchpriority="high" | ||
| alt="phishguard screenshot" | ||
| src="images/phishing_report_2.webp" | ||
| /> | ||
| </div> | ||
| <div class="gridparent c1"> | ||
| <div class="gridunit c1 screenshot"> | ||
| <img width="1280px" height="720px" rel="preload" loading="eager" decoding="async" fetchpriority="high" | ||
| alt="phishguard screenshot" src="images/phishing_report_1.webp" /> | ||
| </div> | ||
| <div class="gridunit c1 screenshot"> | ||
| <img width="1280px" height="720px" rel="preload" loading="eager" decoding="async" fetchpriority="high" | ||
| alt="phishguard screenshot" src="images/phishing_report_2.webp" /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- --> | ||
| <!-- --> | ||
|
|
||
| <div class="gridparent c1"> | ||
| <div class="gridunit c1 quote"> | ||
| <div class="quotecontain"> | ||
| <p class="quotation"> | ||
| "Phishing attacks up 50%,<br /> | ||
| education sector most targeted" | ||
| </p> | ||
| <p class="citation gridcaptionbold">- The Economic Times</p> | ||
| </div> | ||
| <div class="gridparent c1"> | ||
| <div class="gridunit c1 quote"> | ||
| <div class="quotecontain"> | ||
| <p class="quotation"> | ||
| "Phishing attacks up 50%,<br /> | ||
| education sector most targeted" | ||
| </p> | ||
| <p class="citation gridcaptionbold">- The Economic Times</p> | ||
| </div> | ||
| <div class="gridunit c1 quote"> | ||
| <div class="quotecontain"> | ||
| <p class="quotation"> | ||
| "Cyber Fraudsters Are Using ChatGPT For Phishing Attacks, | ||
| Police Caution." | ||
| </p> | ||
| <p class="citation gridcaptionbold">- ABP News</p> | ||
| </div> | ||
| </div> | ||
| <div class="gridunit c1 quote"> | ||
| <div class="quotecontain"> | ||
| <p class="quotation"> | ||
| "Cyber Fraudsters Are Using ChatGPT For Phishing Attacks, | ||
| Police Caution." | ||
| </p> | ||
| <p class="citation gridcaptionbold">- ABP News</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- footer --> | ||
| <!-- footer --> | ||
|
|
||
| <div id="main"> | ||
| <div class="section support"> | ||
| <ul class="supportlinks smalllinks dim"> | ||
| <li class="link techsupport"> | ||
| <a href=""> | ||
| <h4 class="banner"><span>Tech Support</span></h4> | ||
| </a> | ||
| </li> | ||
| <li class="link projects"> | ||
| <a href=""> | ||
| <h4 class="banner"><span>More Projects</span></h4> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div id="main"> | ||
| <div class="section support"> | ||
| <ul class="supportlinks smalllinks dim"> | ||
| <li class="link techsupport"> | ||
| <a href=""> | ||
| <h4 class="banner"><span>Tech Support</span></h4> | ||
| </a> | ||
| </li> | ||
| <li class="link projects"> | ||
| <a href=""> | ||
| <h4 class="banner"><span>More Projects</span></h4> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="section copyright"> | ||
| <p> | ||
| ©<span id="year">2023</span> Phish Guard - Cyber Awareness Game. | ||
| </p> | ||
| <!--<p></p>--> | ||
| </div> | ||
| <div class="section copyright"> | ||
| <p> | ||
| ©<span id="year">2023</span> Phish Guard - Cyber Awareness Game. | ||
| </p> | ||
| <!--<p></p>--> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- end footer --> | ||
| <!-- end footer --> | ||
|
|
||
| <script> | ||
| document | ||
| .querySelector("#shareBtn") | ||
| .addEventListener("click", (event) => { | ||
| // Fallback, Tries to use API only | ||
| // if navigator.share function is | ||
| // available | ||
| if (navigator.share) { | ||
| navigator | ||
| .share({ | ||
| // Title that occurs over | ||
| // web share dialog | ||
| title: "PhishGuard", | ||
| <script> | ||
| document | ||
| .querySelector("#shareBtn") | ||
| .addEventListener("click", (event) => { | ||
| // Fallback, Tries to use API only | ||
| // if navigator.share function is | ||
| // available | ||
| if (navigator.share) { | ||
| navigator | ||
| .share({ | ||
| // Title that occurs over | ||
| // web share dialog | ||
| title: "PhishGuard", | ||
|
|
||
| // URL to share | ||
| url: "https://fuhadkalathingal.github.io/PhishGuard/", | ||
| }) | ||
| .then(() => { | ||
| console.log("Thanks for sharing!"); | ||
| }) | ||
| .catch((err) => { | ||
| // Handle errors, if occurred | ||
| console.log("Error while using Web share API:"); | ||
| console.log(err); | ||
| }); | ||
| } else { | ||
| // Alerts user if API not available | ||
| alert("Browser doesn't support this API !"); | ||
| } | ||
| }); | ||
| </script> | ||
| </div> | ||
| // URL to share | ||
| url: "https://fuhadkalathingal.github.io/PhishGuard/", | ||
| }) | ||
| .then(() => { | ||
| console.log("Thanks for sharing!"); | ||
| }) | ||
| .catch((err) => { | ||
| // Handle errors, if occurred | ||
| console.log("Error while using Web share API:"); | ||
| console.log(err); | ||
| }); | ||
| } else { | ||
| // Alerts user if API not available | ||
| alert("Browser doesn't support this API !"); | ||
| } | ||
| }); | ||
| </script> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |