rp_Jiang/index.html at main · coolraycode/rp_Jiang · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>ResearchSite</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
    <link rel="stylesheet" href="stylesSE.css">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
        crossorigin="anonymous" defer></script>
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark nb-background-color">
        <!-- lg = large breakpoint, navbar-light = make text dark, nb-background-color = custom css -->
        <div class="container">
            <a href="#" class="navbar-brand">
                <img src="img/plant.png" alt="Plant Logo" class="d-inline-block align-text-top w-25">
            </a>

            <!-- Hamburger icon from Bootstrap -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navmenu">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a href="authors.html" class="nav-link hover-underline-animation nbMenuItem">Authors</a>
                    </li>
                    <li class="nav-item">
                        <a href="procedure.html" class="nav-link hover-underline-animation nbMenuItem">Procedure</a>
                    </li>
                    <li class="nav-item">
                        <a href="result.html" class="nav-link hover-underline-animation nbMenuItem">Result</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Showcase -->
    <section class="showcase text-light p-2 text-center">
        <!-- headerbg = custom css bg color, p-2 = padding of 2px -->
        <div class="container">
            <div class="row">
                <div class="col-sm-6 p-0 flex align-items-center align-middle">
                    <!-- img-fluid = won't expand image larger than the container and will scale it down if necessary -->
                    <img class="img-fluid w-75" src="img/plant1.png" alt="plant1">
                </div>
                <div class="col-sm-6 p-0 flex align-items-center">
                    <div class="container align-middle">
                        <h1 class="display-5 showColor">Effects of supplementation of ascorbic acid on the success and speed of phototropism in Lepidium sativum</h1>
                        <h2 class="showColor">Raymond Jiang</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Overview -->
    <section class="overview text-dark p-2 text-left">
        <div class="container">
            <div class="row">
                <div class="col-sm-4 p-3 ">
                    <!-- pt-3 = padding top -->
                    <img class="img-fluid" src="img/plantSunlight.jpg" alt="Plant with sunlight">
                </div>
                <div class="col-sm-8 p-3 ">
                    <!-- pt-3 = padding top -->
                    <h1 class="ovPadLeft">Background</h1>
                    <p class="lead overview-font ovPadLeft">Overall, many studies have been completed, primarily focused on promoting overall plant growth, as it would pave the way for further scientific and commercial applications.
                        Previous studies have also addressed the addition of vitamin C and its effects on plant growth.
                        However, little has yet been studied regarding the role vitamin C plays in regulating various types of plant tropisms, specifically phototropism.
                </div>
            </div>

            <div class="row">
                <div class="col-sm-8 p-3">
                    <!-- pt-3 = padding top -->
                    <h1 class="ovPadRight">Rationale</h1>
                    <p class="lead overview-font ovPadRight">A study that addresses these questions could yield lots of potential for future research and commercial application.
                        The supplement of vitamins to plants, specifically vitamin C, would allow plants to be grown under much more efficient lighting conditions.
                        This would allow for the conservation of both expenses and time.
                        Therefore, the presented study addresses this unanswered field of botany, where studies and data are lacking.
                        The study examined the success and rate at which garden cress undergoes phototropism after receiving varying quantities of supplements of vitamin C.</p>
                </div>
                <div class="col-sm-4 p-3">
                    <!-- pt-3 = padding top -->
                    <img class="img-fluid" src="img/phototropism.jpg" alt="Phototropism">
                </div>
            </div>

            <div class="row">
                <div class="col-sm-4 p-3">
                    <!-- pt-3 = padding top -->
                    <img class="img-fluid" src="img/cressPhototropism.jpg" alt="Cress phototropism">
                </div>
                <div class="col-sm-8 p-3">
                    <!-- pt-3 = padding top -->
                    <h1 class="ovPadLeft">Abstract</h1>
                    <p class="lead overview-font ovPadLeft">Vitamin C has been known to play a major role in controlling and regulating a variety of processes throughout plants, including growth and producing the auxins responsible for phototropism.
                        It was hypothesized that the supplement of vitamin C (250 mg and 500 mg) to garden cress would have a substantial positive influence on garden cress’ success and speed at which it undergoes phototropism.
                        The success of phototropism between the groups was determined by comparing the average total change in angle of all the garden cress plant cups in each group.
                        The rate of phototropism between the groups was determined by comparing the average of the average change in angle in each time interval of all the plant cups in each group.
                        The independent variable of this study was the amount of vitamin C supplemented to the garden cress.
                        The dependent variable of this study was the angle (in degrees) of the tip of the stem of garden cress in relation to its base. This prediction was not supported by the data of this study. Instead, the data showed that vitamin C caused a considerable negative influence on the success and speed of phototropism in garden cress. These results may indicate that an excessive amount of vitamin C (250 mg and above) will be detrimental to a plant’s ability to undergo phototropism.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="p-5 footer text-light text-center position-relative">
        <div class="container">
            <p class="lead">Copyright &copy;, SE 2023 Boostrap Demo</p>
            <a href="#" class="position-absolute bottom-0 end-0 p-5">
                <i class="bi bi-arrow-up-circle h2 icon-white"></i>
            </a>
        </div>
    </footer>
</body>
</html>