- ID de l'analyse :
- 08c91a53-0dc6-4bb6-a59a-f4271db2f2b5Terminée
- URL soumise :
- https://chameleon-nu.vercel.app/
- Fin du rapport :
Liens : 4 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 4 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| switchMode | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!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>