About Me
Field hockey is a globally beloved team sport played on grass, turf, or indoor surfaces, emphasizing agility, strategy, and teamwork. From my first time holding a stick, I was captivated by how the sport requires both quick thinking and physical coordination. Whether it’s sprinting down the field or weaving the ball between defenders, every moment feels exciting.
I began playing field hockey in middle school and quickly grew to appreciate the strong sense of community within the sport. Practices with teammates and weekend games created friendships that extended beyond the field. USA Field Hockey promotes values like respect, inclusion, and sportsmanship, which have shaped how I approach competition and teamwork in my everyday life.
Beyond the athletic challenge, field hockey has taught me discipline, resilience, and communication. Training regularly helped me balance school, practices, and personal goals, and being part of a team reinforced how important encouragement and collaboration are. Field hockey isn’t just a hobby — it’s a part of who I am.
AI Prompt Used for the Paragraphs
What/Home Page
Field hockey is a fast-paced sport played by two teams of eleven players, each using a curved stick to hit a small, hard ball into the opponent’s goal. The game is played internationally and is part of the Olympic Games. In the United States, clubs, schools, and youth leagues support players at every level, from beginners to highly competitive athletes.
USA Field Hockey is the national governing body for the sport in the U.S., providing resources, coaching certification, and programs to grow participation. Through membership clubs, tournaments, and community outreach, the organization helps players of all ages learn the rules, refine skills, and deepen their appreciation for the game. Field hockey’s blend of speed, finesse, and strategy makes it exciting to play and exciting to watch.
You don’t need to be an expert to enjoy field hockey. Whether practicing dribbling in your backyard, joining a local rec league, or cheering on teams at tournaments, there are many ways to engage with the sport. At its core, field hockey is about passion, connection, and the joy of play.
AI Prompt Used for the Paragraphs
Seasons
In the United States, field hockey is commonly a fall sport for high school and collegiate teams, with practices beginning in late summer and competitive matches running through autumn. During this time, athletes train regularly to prepare for league play and regional tournaments, often balancing schoolwork with demanding schedules.
Outside of the main season, many players continue working on their skills through spring leagues, summer camps, and club programs. Many youth clubs host clinics and off-season practices that focus on fitness, stick skills, and game understanding. Year-round involvement helps players stay sharp and ready for the competitive season.
Organized events like camps and tournaments are often scheduled during school breaks to allow players from different regions to meet and compete. By participating in multiple seasonal opportunities, players can develop both technically and socially, expanding their network within the field hockey community.
AI Prompt Used for the Paragraphs
Where to Play
Field hockey is played across the United States in a variety of settings, from school turf fields to dedicated club facilities. Many high schools and colleges have modern turf fields designed to enhance speed of play and reduce injuries. These locations often serve as social hubs where teammates gather and build community.
USA Field Hockey supports more than 300 member clubs nationwide, offering places where players of all ages can learn and compete. Club locations are often found in regions with larger field hockey communities, such as the Northeast, Mid-Atlantic, and Midwest, but opportunities exist in many other areas as well.
Even if your area doesn’t have a formal field hockey club, many parks and athletic complexes have open fields where players can practice stick skills or organize informal matches. Indoor facilities also provide winter training options in regions that experience cold weather, ensuring year‑round engagement with the sport.
AI Prompt Used for the Paragraphs
How to Play
Getting started with field hockey is simple: you need a field hockey stick, a ball, protective equipment like shin guards and a mouthguard, and a willingness to learn. USA Field Hockey offers beginner guides that explain how to hold the stick correctly and practice basic skills like dribbling, passing, and shooting.
Local clubs and youth programs often host introductory sessions where new players can learn in a supportive environment. These clinics typically focus on fundamentals, including footwork, ball control, and teamwork. Coaches emphasize proper technique and safety to build confidence and enjoyment.
Field hockey is a fast-paced team sport played on grass, turf, or indoor courts, where two teams of eleven players each use a curved stick to hit a small, hard ball with the goal of scoring in the opposing team’s net. According to USA Field Hockey, players must use only the flat side of the stick to strike the ball, and the game is typically divided into four quarters of 15 minutes each at the international level. Positions include forwards, midfielders, defenders, and a goalkeeper, each with specialized roles in both offense and defense.
AI Prompt Used for the Paragraphs
Why
I play for a multitude of reasons, however the main ones are
- Be outside and Active
- Have a social break from classes
- Have somewhere I can get my anger out
Another big part of why I play is the huge emphasis on Mental Health. My team works with Morgans Message, an amazing organization about taking care of student athletes mental health. This intentional aspect of practices keeps me motivated and excited to play.
I recommend joining field hockey for all ages, genders, and skill sets. Trying something out of your comfort zone is extremely important for personal development. Not to mention how enjoyable and interesting field hockey is. To top it all off, the sport follows similar positioning to more-common sports such as soccer.
AI Prompt Used for the Paragraphs
AI Prompts
Prompt 1:
I will provide instructions given by my teacher, then I will ask specific questions, please don't answer until I tell you the question
You will be making a website for a hobby/interest of yours that is files, but will appear as multiple pages. UNLIKE MANY OTHER ASSIGNMENTS, THERE ARE NO LATE SUBMISSIONS OR RESUBMISSIONS FOR THIS ASSIGNMENT, PLEASE PLAN ACCORDINGLY. You may/should use AI for this :) Think of an activity that you are passionate about. If you don't have one, figure one out and fake it. Make a subfolder in your course folder called hobby Within that folder create an images folder (and others as you see fit). Create an index page that includes all the normal items our pages have had so far – do not use includes. header/main/footer within the body header tag should have an h1 with the name of the hobby footer tag should include validation buttons (HTML, CSS, accessibility) and a link to your design firm as you did with the course website. The page must validate with no warnings/errors (HTML, CSS, accessibility). Use an embedded stylesheet since this is all one page. Styling should follow CRAP principles. No Times New Roman, no generic blue underlined links, no plain white background, no plain black text. Color scheme must be different than your main site pages. Create sections (using <section> tags) that act like different “pages” for your hobby site: Who (About / About Me / Who We Are) What (Home page – loads first, explains the hobby) When (Best Times / Schedule / Seasons) Where (Best Locations / Places) How Why AI Prompts (if you used AI for code or text, show prompts here. If only images were AI-generated, include a comment in your submission that says “I only used AI for images.”) Each section should: Have an h2 heading. Contain at least three items (e.g., paragraphs, figures, tables, forms, slideshow). Include at least one figure (image + caption + italicized paragraph explaining the AI prompt used). Images must be your own, AI-generated, or open source. Keep a consistent style (e.g., all photorealistic or all cartoon). Resize large images and maintain aspect ratio to avoid long loading times. Navigation: Add links in the header/nav to switch between sections. Use CSS/JS so only the selected section is visible at a time (like a single-page app). Use a unique divider symbol (emoji or special character) different from your other pages. The What (Home) section should be the default visible page. Lastly: Add this new page to the secondary menu on your main site as “Hobby” so it’s accessible from your main site. Create a favicon for your page using a tool like https://favicon.io/Links to an external site. or something similar of your choosing.
What does my teacher most likely mean by "footer tag should include validation buttons (HTML, CSS, accessibility)"
Prompt 1:
I am going to upload part of the rubric, and then my code, and ask if my code currently matches these sections of the rubric
You may/should use AI for this :) Think of an activity that you are passionate about. If you don't have one, figure one out and fake it. Make a subfolder in your course folder called hobby Within that folder create an images folder (and others as you see fit). Create an index page that includes all the normal items our pages have had so far – do not use includes. header/main/footer within the body header tag should have an h1 with the name of the hobby footer tag should include validation buttons (HTML, CSS, accessibility) and a link to your design firm as you did with the course website. The page must validate with no warnings/errors (HTML, CSS, accessibility). Use an embedded stylesheet since this is all one page. Styling should follow CRAP principles. No Times New Roman, no generic blue underlined links, no plain white background, no plain black text. Color scheme must be different than your main site pages. Create sections (using <section> tags) that act like different “pages” for your hobby site: Who (About / About Me / Who We Are) What (Home page – loads first, explains the hobby) When (Best Times / Schedule / Seasons) Where (Best Locations / Places) How Why AI Prompts (if you used AI for code or text, show prompts here. If only images were AI-generated, include a comment in your submission that says “I only used AI for images.”) Each section should: Have an h2 heading. Contain at least three items (e.g., paragraphs, figures, tables, forms, slideshow). Include at least one figure (image + caption + italicized paragraph explaining the AI prompt used). Images must be your own, AI-generated, or open source. Keep a consistent style (e.g., all photorealistic or all cartoon). Resize large images and maintain aspect ratio to avoid long loading times.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://lint.page/kit/4d0fe3.js"
crossorigin="anonymous"
></script>
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favicon-16x16.png"
/>
<link rel="manifest" href="images/site.webmanifest" />
<style>
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
body {
font-family: "Nunito Sans", sans-serif;
margin: 0;
padding: 0;
background-color: #fefee3;
color: #3d2b1f;
}
header {
background-color: #163724;
color: #fefefa;
padding: 20px;
text-align: center;
font-family: "EB Garamond", serif;
}
main {
padding: 20px;
}
footer {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}
a:link {
color: #61045e;
}
img {
height: 25vh;
max-height: 500px;
}
</style>
<title>Document</title>
</head>
<body>
<header>
<h1>Field Hockey</h1>
</header>
<main>
<section>
<h2>About Me</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<figure>
<img
src="https://res.cloudinary.com/usopc-prod/image/upload/c_fill,g_faces:auto,h_630,w_1200/q_auto/f_jpg/v1/NGB%20Field%20Hockey/UNCC%20Field/WhatsApp_Image_2023-12-08_at_9.39.10_AM?_a=BATAV5ZS0"
alt="USA Field Hockey Field"
/>
<figcaption>
USA Field Hockey Field located at UNC Charlotte
</figcaption>
</figure>
<p class="italicize">No AI Prompt Used</p>
</section>
<!------------------------------------------------------------------------------------------>
<section>
<h2>What/Home Page</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<figure>
<img
src="https://wallpapers.com/images/hd/field-hockey-women-usa-team-sx6vtpxyvo1x15c4.jpg"
alt="Womns Field Hockey team cheering after game"
/>
<figcaption>Womens Field Hockey Team at Tournament</figcaption>
</figure>
<p class="italicize">No AI Prompt Used</p>
</section>
<!------------------------------------------------------------------------------------------>
<section>
<h2>When/Seasons</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<figure>
<img
src="https://tse3.mm.bing.net/th/id/OIP.svwSoGrK4h0oqdEdrTg6ywHaE8?rs=1&pid=ImgDetMain&o=7&rm=3"
alt="Men playing indoor field hockey"
/>
<figcaption>Men's Indoor Field Hockey Game</figcaption>
</figure>
<p class="italicize">No AI Prompt Used</p>
</section>
<!------------------------------------------------------------------------------------------>
<section>
<h2>Where</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<figure>
<img
src="https://easigrass.co.za/wp-content/uploads/2022/05/artificial-grass-vs-astro-turf02.jpg.webp"
alt="photo comparing 2 types of artifical grass, one with flowers and one with a field hockey stick"
/>
<figcaption>Artificial Grass Comparisons</figcaption>
</figure>
<p class="italicize">No AI Prompt Used</p>
</section>
<!------------------------------------------------------------------------------------------>
<section>
<h2>How</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<figure>
<img
src="https://hockeyhooked.com/wp-content/uploads/2019/09/Field-Hockey-Positions.jpg"
alt="Field Hockey Positions Diagram"
/>
<figcaption>Field Hockey Positions</figcaption>
</figure>
<p class="italicize">No AI Prompt Used</p>
</section>
<!------------------------------------------------------------------------------------------>
<section>
<h2>Why</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus eveniet quis dicta nesciunt? Nesciunt itaque maxime
totam obcaecati, excepturi adipisci repellendus laborum aspernatur
eveniet fuga asperiores. At, soluta commodi. Accusantium?
</p>
<figure>
<img
src="https://images.squarespace-cdn.com/content/v1/628bb30f09463557cbaba1e1/02c0c46d-c55f-45b5-9b66-25803f914672/MorganTakingAShot-800x860.jpg?format=2500w"
alt="Morgan Rodgers lacrosse photo in Duke Uniform"
/>
<figcaption>Morgan Rodgers of Morgans Message</figcaption>
</figure>
<p class="italicize">No AI Prompt Used</p>
</section>
<!------------------------------------------------------------------------------------------>
<section>
<h2>AI Prompts</h2>
</section>
</main>
<footer>
<!--Copied from AI-->
<p>
<a href="https://validator.w3.org/">Validate HTML</a> |
<a href="https://jigsaw.w3.org/css-validator/">Validate CSS</a> |
<a href="https://wave.webaim.org/">Check Accessibility</a>
</p>
<!-- End of Copied from AI-->
Page created by:
<a href="alex-wyatt-inventions.com/design.html">Alex Wyatt Inventions</a>
</footer>
</body>
</html> In addition I have an images folder that works to produce my logo
Prompt 3:
When I copy my AI Prompts, it shows me giving instructions involve the html section tag. How can I ensure this is not seen as part of the websites code, but just common text.
how to use pre for html copied code
Prompt 4:
Explain how to "Add links in the header/nav to switch between sections. Use CSS/JS so only the selected section is visible at a time (like a single-page app)." To someone with basic html/css knowledge and no JS knowledge. Explain slowly and clearly
Prompt 5:
Provide sample paragraphs for each of my sections, using real field hockey knowledge from reputable sources such as USA Field Hockey, and use Morgans Message for the "Why" (and after told to write 3 paragraphs for each and took out AI's part about Why)
Other Uses of AI
Using the code formatter, Prettier
Using auto-generated code in VS Code