pepper_growing/index.html at main · CodeFellows-esavage/pepper_growing · 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
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="style.css" type="text/css">
        <script src="app01.js"></script>
        <title>
            Pepper Growing
        </title>
    </head>
    <body>
        <header>
            <h1>
            Pepper Growing
            </h1>
            <section id=promptResult>
                <script>seattleLocal();</script>
                <!-- <h2>&#128557 &#128557 &#128557 Prompt function seattleLocal() is currently broken. &#128557 &#128557 &#128557</h2> -->
            </section>

            <section class="navbar">
                <ul>
                    <li><a href="https://eriksavage.github.io/pepper_growing/">Home</a></li>
                    <li>How to Grow</li>
                    <li>Pepper Varieties</li>
                    <li>Tools</li>
                    <li>
                        <script>yourDate();</script>
                    </li>
                </ul>
            </section>
        </header>
        <main>
            <section id="radio">
                <p>Select the pepper type you'd like to see:</p>
                <input type="radio" name="pepperType" id="mild" value="mild" onclick="spicy('mild')">
                <label for="mild">mild</label>
                <input type="radio" name="pepperType" id="medium" value="medium" onclick="spicy('medium')">
                <label for="medium">medium</label>
                <input type="radio" name="pepperType" id="hot" value="hot" onclick="spicy('hot')">
                <label for="hot">hot</label>
                <input type="radio" name="pepperType" id="clear" value="clear" onclick="spicy('clear')">
                <label for="clear">clear</label>
                <section id="pepperimg">
                </section><br>
            </section>
            <section id="cart">
                <p>How many Peppers would you like?</p>
                <!-- <label for="pepperCart">How many Peppers would you like?</label><br> -->
                <input type="number" name=pepperCart id="pepperCart">
                <button onclick="cartAdd()" title="Add to Cart!">🛒</button>
            </section>
            <section id="showCart">
            </section><br>

            <section>
                <img src="https://images.unsplash.com/photo-1601144698750-c9b8560bc1fa?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1752&q=80">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </section>
            <section>
                <img src="https://images.unsplash.com/photo-1587742497245-52afcc1df553?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1734&q=80">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis lectus magna fringilla urna porttitor rhoncus dolor. Tortor aliquam nulla facilisi cras fermentum odio.
                </p>
            </section>
        </main>
        <footer>
            <p>Team Pages</p>
            <ul>
                <a href="https://metty82.github.io/seahawks_stars/"><li>Michael's Page</li></a>
                <a href="https://choij12.github.io/favorite_shoes/"><li>Jacob's Page</li></a>
            </ul>
        </footer>
    </body>
</html>