Hello/index.html at main · 343F24/Hello · 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
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- TODO: change the title to something different -->
  <title>Is it me you're looking for?</title>

  <!-- TODO: choose your own favicon -->
  <link rel="icon" href="https://fav.farm/👀">

  <!-- TODO: tell this thing to use the main.css stylesheet -->
</head>

<body>
  <!-- TODO: choose your own heading -->
  <h1>It's me, Dr. Stewart!</h1>

  <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=ROYa_cGk-DILS4a7"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

  <!-- ok, but really though -->
  <iframe width="560" height="315" src="https://www.youtube.com/embed/mHONNcZbwDY?si=J3Oa6RHldPEqDnXp"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

  <h2>Deploying to Github Pages</h2>
  <figure>
    <!-- FIXME: update the src URL to embed the image already included in this repository -->
    <img src="" alt="screenshot of a github repository's 'Pages' settings">
    <caption>
      <ol>
        <li>Go to your repository's settings (note: the settings tab is hidden on narrower viewports)</li>
        <li>In the left sub navigation menu, click <code>Pages</code></li>
        <li>Under the headings: <code>Github Pages</code> &gt; <code>Build and Deployment</code> &gt; <code>Branch headings</code>, click on the dropdown labeled <code>None</code></li>
        <li>Choose <code>main</code></li>
        <li>Click <code>Save</code></li>
        <li>Optional: if you wish, click on the <code>Actions</code> tab at the top to view the status of the "build & deploy" process</li>
      </ol>
    </caption>
  </figure>

  <!-- TODO: tell this thing to use the main.js script -->
</body>

</html>