Ai-Cookbook/reflection.html at main · AlexandrBalan/Ai-Cookbook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Reflection • Campus Cookbook</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body class="reflection">
  <a class="skip-link" href="#main">Skip to content</a>

  <header class="site-header">
    <h1>Reflection</h1>
    <nav class="site-nav" aria-label="Primary">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="avocado-toast.html">Avocado Toast</a></li>
        <li><a href="chicken-alfredo.html">Chicken Alfredo</a></li>
        <li><a href="berry-smoothie.html">Berry Smoothie</a></li>
        <li><a aria-current="page" href="reflection.html">Reflection</a></li>
      </ul>
    </nav>
  </header>

  <main id="main" class="prose">
    <h2>AI Collaboration Reflection</h2>
    <p><strong>Note:</strong> Please write the content below manually, in your own words.</p>
    <ul>
      <li>Link(s) to chats with the AI: <em>https://chatgpt.com/share/68efe557-d870-800d-9953-72395ba23729</em></li>
      <li>Most challenging part of working with the AI: <em>Figuring out why it's using a very weird layout for the styles page
        and not how we normally do it. Also you need to make sure you fix the mistakes it makes all the time like sometimes
        not spelling things correctly.
      </em></li>
      <li>Part that worked the best: <em>It made a awesome web page design and websites, along with the styling.</em></li>
      <li>One new thing learned about HTML: <em>I learned how to add custom images and add custom sizing along with cool bubbles and boxes</em></li>
      <li>One new thing learned about CSS: <em>How to style the cool bubbles and boxes that it has on the website.</em></li>
    </ul>
  </main>

  <footer class="site-footer">
    <p><a class="btn" href="index.html">← Back to home</a></p>
  </footer>
</body>
</html>