wdd230/index.html at main · billybarnie/wdd230 · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"       content="width=device-width, initial-scale=1.0">
    <meta name="description"    content="WDD 230 - Web Frontend Development, Ian William Barnie, Course Assignment Portal">
    <meta name="author"         content="Billy Barnie">
    <meta property="og:title"   content="Ian William Barnie - WDD 230 - Frontend Web Development">
    <meta property="og:type"    content="website">
    <meta property="og:image"   content="https://www.tourtexas.com/bodyCopy_images/Irving/mandalay-canals-las-colinas-texas.jpg">
    <meta property="og:url"     content="https://billybarnie.github.io/wdd230/">
    <link rel="stylesheet"      href="styles/normalize.css">
    <link rel="stylesheet"      href="styles/base.css">
    <link rel="stylesheet"      href="styles/small.css">
    <link rel="icon"            href="favicon.ico">
    <title>Ian William Barnie - WDD 230 - Frontend Web Development</title>
</head>
<body>
    <header>
        <h1>Ian W. Barnie</h1>
        <img class="profile-picture" src="images/ian_barnie.webp" alt="Picture of the student">
    </header>
    <nav>
        <button id="menu"></button>
        <ul class="navigation">
            <li><a href="#" target="_blank">Home</a></li>
            <li><a href="lesson03/chamber-site-plan.html">Site Plan</a></li>
            <li><a href="chamber/index.html" target="_blank">Chamber</a></li>
            <li><a href="https://www.byui.edu/" target="_blank">BYU-Idaho</a></li>
            <li><a href="https://www.churchofjesuschrist.org/study/scriptures" target="_blank">Scripture</a></li>
            <li><a href="form.html">Rate Us</a></li>
        </ul>
    </nav>
    <div class="hero">
        <picture>
            <h1>Aba Nigeria Temple</h1>
            <source srcset="images/hero_image_small.webp" media="(max-width: 500px)">
            <source srcset="images/hero_image_medium.webp" media="(max-width: 1000px)">
            <img src="images/hero_image.webp" alt="hero-image">
        </picture>
    </div>
    <main>
        <h2>WDD 230: Web Frontend Development</h2>
        <section class="card lessons">
        </section>
        <section class="card">
            <h3>Information</h3>
            <figure>
                <img src="" alt="" id="weather-icon">
                <span id="current-temp"></span><br><br>
                <figcaption></figcaption>
            </figure>
            <div>
                <p>Page visits: <span class="visits"></span></p>
            </div>
        </section>
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d80738.8304602122!2d-96.98112555734397!3d32.83488310777217!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864e825c1d09f58f%3A0x3c306f568687f309!2sIrving%2C%20TX!5e0!3m2!1sen!2sus!4v1695952887010!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </main>
    <footer>
        <p>&copy; <span id="year"></span> | Billy Barnie | Texas</p>
        <p>Last Moditication: <span id="lastmodified"></span></p>
    </footer>
    <script src="scripts/getdates.js"></script>
    <script src="scripts/menu.js"></script>
    <script src="scripts/visits.js"></script>
    <script src="scripts/links.js"></script>
    <script src="scripts/weather.js"></script>
</body>
</html>