ProfileScreen.html

<!DOCTYPE html>
<html>

<head>
    <title>My Web Page</title>
    <style>
        body,
        input {
            font-family: "Poppins", sans-serif;
        }

        body {
            background-color: black;
            color: white;

        }

        h1 {
            color: white;
            text-align: left;
        }

        p {
            color: #666;
            text-align: justify;
        }
    </style>
</head>

<body>
        

    <script>
        const urlParams = new URLSearchParams(window.location.search);
        const teamNumber = urlParams.get('team');
      
        fetch(`https://www.thebluealliance.com/api/v3/team/frc${teamNumber}`, {
          headers: {
            "X-TBA-Auth-Key": "f0mDwnb3DRDn8mJguFXBUTSc1tF2eA6ZZK7LT323pDrAvqlDuigGvPo6RLuYFoMr"
          }
        })
        .then(response => response.json())
        .then(data => {
          const h1 = document.createElement('h1');
          h1.textContent = data.nickname + ' (' + teamNumber + ')';
          document.body.insertBefore(h1, document.body.childNodes[0]);
        })
        .catch(error => console.error('Error:', error));
      </script>
    <h2>Pits Scouting Information</h2>
    <section id="photos">
        <h2>Photos</h2>
        <input type="file" id="photoUpload" accept="image/*">
      </section>
    
</body>

</html>