- スキャンID：
- 08c91a53-0dc6-4bb6-a59a-f4271db2f2b5終了
- 送信済みURL：
- https://chameleon-nu.vercel.app/
- レポート終了日：
リンク · 4件検出
ページから特定された発信リンク
| リンク | テキスト |
|---|---|
| https://www.linkedin.com/in/abdoahmed/ | |
| https://github.com/AbdoAhmed-ch | |
| https://www.instagram.com/tokyo__763/ | |
| https://www.facebook.com/profile.php?id=100065484038724 |
JavaScript変数 · 4件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
| 名前 | 規模 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| switchMode | function |
コンソールログメッセージ · 0件検出
Webコンソールにログ記録されたメッセージ
HTML
未加工のHTMLページ本文
<!DOCTYPE html><html lang="en"><head>
<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>Home</title>
<link rel="icon" href="../MDA/1212.jpg" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
</head>
<body>
<div class="main">
<header class="header">
<a href="#home" class="logo">Chameleon<span>FCDS</span></a>
<label class="switch">
<input type="checkbox" onclick="switchMode()">
<span class="slider"></span>
</label>
<i class="bx bx-menu" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Main Page<i class="bx bxs-home"></i></a>
<a href="#education">Materials<i class="bx bx-book-reader"></i></a>
<a href="#contact">Contact<i class="bx bx-conversation"></i></a>
<a href="ChameHub/chamehub.html">ChameHub <i class="bx bxs-diamond"></i></a>
<a href="#" class="popo">User Experience<i class="bx bx-user-pin"></i></a>
</nav>
</header>
<section class="home" id="home">
<div class="home-content">
<h1>Welcome! it's <span>Chameleon<h3>Beta Version 1.6</h3></span> </h1>
<h3 class="text-animation">I<span></span></h3>
<p>
<b>
Chameleon is a comprehensive educational site that aims to provide students and faculty with a wealth of resources to enhance learning and research. My platform is dedicated to fostering a collaborative and engaging environment for all computer science and data science enthusiasts.
</b>
</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/abdoahmed/" class="linkedin"><i class="bx bxl-linkedin"></i></a>
<a href="https://github.com/AbdoAhmed-ch" class="github"><i class="bx bxl-github"></i></a>
<a href="https://www.instagram.com/tokyo__763/" class="instagram"><i class="bx bxl-instagram-alt"></i></a>
<a href="https://www.facebook.com/profile.php?id=100065484038724" class="twitter"><i class="bx bxl-facebook"></i></a>
</div>
<div class="btn-group">
<a href="what's new.html" class="btn">
<button class="animated-button">
<svg viewBox="0 0 24 24" class="arr-2" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path>
</svg>
<span class="text">What's New? <i class="bx bxs-zap"></i></span>
<span class="circle"></span>
<svg viewBox="0 0 24 24" class="arr-1" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path>
</svg>
</button>
</a>
<a href="#contact" class="btn">
<button class="animated-button">
<svg viewBox="0 0 24 24" class="arr-2" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path>
</svg>
<span class="text">Contact Me <i class="bx bx-conversation"></i></span>
<span class="circle"></span>
<svg viewBox="0 0 24 24" class="arr-1" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path>
</svg>
</button>
</a>
</div>
</div>
<div class="background-x"></div>
<div class="background-y">
</div>
<div class="home-image">
<img src="MDA/chameleon.png" alt="">
<div class="ball ball1"></div>
</div>
</section>
<section class="education" id="education">
<h2 class="heading"><span>M</span>aterials</h2>
<div class="timeline-items">
<div class="timeline-dot"></div>
<div class="timeline-date">Year #1</div>
<a href="Materials-Section/materials 1.html">
<div class="timeline-content">
<h3>First Term</h3>
<p>
<b>
</b></p><h4><b>Available Materials :</b></h4><b><br>
<ul>
<li>Programming 1</li>
<li>Linear Algebra</li>
<li>Calculus</li>
<li>Introduction to Data Science</li>
<li>Introduction to Computer System</li>
<li>Math0</li>
<li>Critical Thinking</li>
</ul>
</b>
<p></p>
</div>
</a>
</div>
<div class="timeline-items">
<div class="timeline-dot"></div>
<div class="timeline-date">Year #1</div>
<a>
<div class="timeline-content locked">
<h3>Second Term</h3>
<p>
<b>
</b></p><h4><b>Available Materials :</b></h4><b><br>
<ul>
<li>Programming 2</li>
<li>Probability 1</li>
<li>Introduction to Data Structures</li>
<li>Introduction to Artificial Intelligence</li>
<li>Discrete Mathematics</li>
<li>Innovation and entrepreneurship</li>
</ul>
</b>
<p></p>
</div>
</a>
</div>
<div class="timeline-items">
<div class="timeline-dot"></div>
<div class="timeline-date">Year #2</div>
<a href="Materials-Section/materials 3.html">
<div class="timeline-content">
<h3>First Term</h3>
<p>
<b>
</b></p><h4><b>Available Materials :</b></h4><b><br>
<ul>
<li>Numerical</li>
<li>Introduction to Data Base</li>
<li>Probability 2</li>
<li>DS Methodology</li>
<li>Introduction to Data Structures</li>
<li>Economy Sciences</li>
</ul>
</b>
<p></p>
</div>
</a>
</div>
<div class="timeline-items">
<div class="timeline-dot"></div>
<div class="timeline-date">Year #2</div>
<a>
<div class="timeline-content locked">
<h3>Second Term</h3>
<p>
<b>
</b></p><h4><b>Available Materials :</b></h4><b><br>
<ul>
<li>UNK</li>
<li>UNK</li>
<li>UNK</li>
<li>UNK</li>
<li>UNK</li>
<li>UNK</li>
<li>UNK</li>
</ul>
</b>
<p></p>
</div>
</a>
</div>
</section>
<section class="contact" id="contact">
<h2 class="heading">Contact <span>Me</span></h2>
<form id="contactForm">
<div class="input-group">
<div class="input-box">
<input type="text" id="fullName" name="entry.1410524725" placeholder="Full Name" required="">
<input type="email" id="email" name="entry.180283924" placeholder="Email" required="">
</div>
<div class="input-box">
<input type="number" id="phone" name="entry.998231608" placeholder="Phone Number" maxlength="11" minlength="11" required="">
<input type="text" id="subject" name="entry.667788990" placeholder="Subject" required="">
</div>
</div>
<div class="input-group-2">
<textarea id="message" name="entry.1286664585" cols="30" rows="10" placeholder="Your Message" required=""></textarea>
<div class="container">
<button class="button" type="submit">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"><path d="m21.426 11.095-17-8A1 1 0 0 0 3.03 4.242l1.212 4.849L12 12l-7.758 2.909-1.212 4.849a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81z"></path></svg>
<p class="text">
<span style="transition-duration: 100ms">S</span>
<span style="transition-duration: 150ms">e</span>
<span style="transition-duration: 200ms">n</span>
<span style="transition-duration: 250ms">d</span>
<span class="tab"></span>
<span style="transition-duration: 350ms">M</span>
<span style="transition-duration: 400ms">e</span>
<span style="transition-duration: 450ms">s</span>
<span style="transition-duration: 500ms">s</span>
<span style="transition-duration: 550ms">a</span>
<span style="transition-duration: 600ms">g</span>
<span style="transition-duration: 650ms">e</span>
</p>
</button>
</div>
</div>
</form>
</section>
<footer class="footer">
<div class="social">
<a href="https://www.linkedin.com/in/abdoahmed/" class="linkedin"><i class="bx bxl-linkedin"></i></a>
<a href="https://github.com/AbdoAhmed-ch" class="github"><i class="bx bxl-github"></i></a>
<a href="https://www.instagram.com/tokyo__763/" class="instagram"><i class="bx bxl-instagram-alt"></i></a>
<a href="https://www.facebook.com/profile.php?id=100065484038724" class="twitter"><i class="bx bxl-facebook"></i></a>
</div>
<ul class="list">
<li>
<a href="#education">Materials</a>
</li>
<li>
<a href="about owner.html">About Owner</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
<p class="copyright">
© Chameleon Technology | All Rights Reserved to Levi Ackerman
</p>
</footer>
</div>
<div class="popup2">
<h2>User Information</h2>
<span class="gran">Coming Soon ! Keep Waiting 😍</span>
<div class="btn">
<button class="info-ok-btn">OK</button>
</div>
</div>
<script src="script.js"></script>
<script>
function switchMode(){
const body = document.querySelector('body');
const edu = document.querySelector('.education');
const textanimation = document.querySelector('.text-animation');
const timeline_dates = document.querySelectorAll('.timeline-date');
const timeline_contents = document.querySelectorAll('.timeline-content');
const home_image = document.querySelector('.home-image');
const menu_icon = document.getElementById('menu-icon');
const contact = document.querySelector('.contact');
const input_boxes = document.querySelectorAll('.input-box');
const footer = document.querySelector('.footer');
const send = document.querySelector('.button');
const home = document.querySelector('.home');
const homeImg = document.querySelector('.home-image');
setTimeout(() => {
home.classList.toggle('light');
body.classList.toggle('light');
edu.classList.toggle('light');
textanimation.classList.toggle('light');
home_image.classList.toggle('light');
menu_icon.classList.toggle('light');
contact.classList.toggle('light');
footer.classList.toggle('light');
send.classList.toggle('light');
homeImg.classList.toggle('light');
// Apply light mode to all input boxes
input_boxes.forEach(box => {
box.classList.toggle('light');
});
timeline_contents.forEach(content => {
content.classList.toggle('light');
});
timeline_dates.forEach(date => {
date.classList.toggle('light');
});
}, 250);
}
const main = document.querySelector('.main');
const about = document.querySelector('.popo');
const popup2 = document.querySelector('.popup2');
const ok = document.querySelector('.info-ok-btn');
about.onclick=()=>{
popup2.classList.add('active');
main.classList.add('active');
};
ok.onclick=()=>{
popup2.classList.remove('active');
main.classList.remove('active');
};
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault(); // Prevent the default form submission
// The Google Form URL where data needs to be submitted
const formURL = "https://docs.google.com/forms/u/0/d/e/1FAIpQLSdOKIPuhZKYQ1Sz8VtL6WnF1QXMR9YHavSWFgCKXDItmd2pAA/formResponse";
// Construct the form data manually
const formData = new FormData(this);
// Send data to Google Form
fetch(formURL, {
method: 'POST',
body: formData,
mode: 'no-cors' // Prevent CORS errors
}).then(() => {
alert("Message sent successfully!");
this.reset(); // Reset the form after submission
}).catch((error) => {
alert("There was an error sending your message.");
console.error('Error:', error);
});
});
document.querySelectorAll('.timeline-content.locked').forEach(item => {
item.closest('a').removeAttribute('href');
});
</script>
</body></html>