https://educationalgames.silkandpepper.com/

ID de l'analyse :: 349ef4cc-4d5b-49c6-ab5b-093452f6b3a2Terminée
URL soumise :: https://educationalgames.silkandpepper.com/
Fin du rapport :: 28 oct. 2024, 09:15:16

Liens : 2 trouvé(s)

Liens sortants identifiés à partir de la page

Lien	texte
https://www.desmos.com/calculator/s7zluvxfpl
https://www.desmos.com/calculator

Variables JavaScript : 3 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

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 name="viewport" content="width=device-width, initial-scale=1.0">
  <title>EdCube | Amazing free math.</title>
  <link rel="icon" href="https://i.ibb.co/bK5HjNQ/edcubefavicon.jpg" type="image/x-icon">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&amp;display=swap" rel="stylesheet">

  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Roboto', sans-serif;
      background-color: #f9f9f9;
      color: #333;
    }

    header {
      background-color: #f0f0f0; /* Light gray background */
      color: #555555; /* Dark gray text */
      padding: 1em 2em;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    header .logo img {
      height: 50px;
    }

    nav ul {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-grow: 1;
    }

    nav ul li {
      margin-right: 20px;
      position: relative;
    }

    nav ul li a {
      color: #555555; /* Dark gray text */
      text-decoration: none;
      font-weight: 500;
      position: relative;
    }

    nav ul li .dropdown::after {
      content: '▼';
      font-size: 0.7rem;
      margin-left: 5px;
    }

    /* Globe Icon */
    .globe-icon img {
      height: 20px;
    }

    /* Hero Section with Blue Background */
    .hero {
      background-color: #007ACC; /* Blue background */
      padding: 2em;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: white;
    }

    .hero-content {
      max-width: 50%;
      margin-left: 100px;
    }

    .hero h1 {
      font-size: 2.5rem;
      margin-bottom: 1em;
      text-align: left;
    }

    .hero p {
      font-size: 1.2rem;
      color: white;
      text-align: left;
      margin-bottom: 1.5em;
    }

    .hero button {
      background-color: white;
      color: #555555; /* Dark gray text for the button */
      padding: 0.75em 2em;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1rem;
      transition: background-color 0.3s ease;
      text-align: left;
    }

    .hero button:hover {
      background-color: #e0e0e0;
    }

    /* Image of graph on the right side */
    .hero-graph img {
      max-width: 45%;
      margin-left: 200px;
    }

    /* Section below blue rectangle */
    .explore-tools {
      background-color: white;
      text-align: center;
      padding: 2em 0;
    }

    .explore-tools h2 {
      font-size: 1.8rem;
      margin-bottom: 1em;
      color: black;
    }

    /* Button grid for tools */
    .tools-grid {
      display: flex;
      justify-content: center;
      gap: 1.5em;
      margin-top: 1.5em;
    }

    .tool-item {
      text-align: center;
    }

    .tool-item img {
      cursor: pointer;
    }

    .tool-item p {
      margin-top: 0.5em;
      font-size: 1rem;
      color: #333;
    }

    footer {
      background-color: #007ACC;
      color: white;
      padding: 1em;
      text-align: center;
      margin-top: 2em;
      position: relative;
    }

    #hidden-button {
      background: none;
      border: none;
      color: inherit;
      font: inherit;
      cursor: pointer;
      padding: 0;
      margin-left: 5px;
    }

    #hidden-button:hover {
      color: inherit;
      text-decoration: none;
      cursor: default;
    }
  </style>
</head>

<body>

  <header>
    <div class="logo">
      <img src="https://i.ibb.co/bK5HjNQ/edcubefavicon.jpg" alt="Logo">
    </div>

    <nav>
      <ul>
        <li><a href="#math-tools" class="dropdown">Math Tools</a></li>
        <li><a href="#resources" class="dropdown">Resources</a></li>
      </ul>
    </nav>

    <div class="auth">
      <a href="#login" style="color: #555555; text-decoration: none;">Log In</a><p class="globe-icon">
      <!--<p class="globe-icon">
        <img src="globe.png" alt="Globe">
      </p>-->
    </p></div>
  </header>

  <main>

    <!-- Hero Section -->
    <section class="hero">
      <div class="hero-content">
        <h1>Beautiful free math.</h1>
        <p>At EdCube Learning, we want to help everyone learn math, love math, and grow with math.</p>
        <button>Open Graphing Calculator</button>
      </div>
      <div class="hero-graph">
        <a href="https://www.desmos.com/calculator/s7zluvxfpl"><img src="https://i.ibb.co/1vC2nKy/Screenshot-2024-09-09-at-8-07-48-AM-modified.png" alt="Graph"></a>
      </div>
    </section>

    <!-- Explore Math Tools Section -->
    <section class="explore-tools">
      <h2>Explore all of our math tools!</h2>
      <div class="tools-grid">
        <div class="tool-item">
          <a href="https://www.desmos.com/calculator"><img src="https://i.ibb.co/Jjxhtd7/Screenshot-2024-09-11-at-8-39-11-PM.png" alt="Graph Tool"></a>
        </div>
      </div>
    </section>

  </main>

  <footer>
    <p><button id="hidden-button">©</button>
      2024 EdCube Alternative Curriculums. All rights reserved.
    </p>
  </footer>

  <script>
    document.addEventListener('keydown', function(event) {
      if (event.key === ']') {
        window.location.href = 'mainpage.html';
      }
    });
    document.getElementById('hidden-button').addEventListener('click', function() {
      window.location.href = 'mainpage.html';
    });
  </script>




</body></html>