website/index.html at main · studyingworks/website · 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta property="og:site_name" content="StudyingWorks">
    <meta property="og:url" content="https://studying.works/">
    <meta property="og:title" content="StudyingWorks - Homepage">
    <meta property="og:description" content="We produce tutorials for difficult concepts in a wide variety of high school subjects: find our videos here!">
    <meta property="og:image" content="/static/images/StudyingWorks_Logo_5.png">
    <title>StudyingWorks - Homepage</title>
    <script defer src="static/courseInfo.js"></script>
    <script defer src="static/script.js"></script>
    <link rel="stylesheet" href="static/styles.css">
    <link rel="shortcut icon" href="static/images/StudyingWorks_Logo_5.png">
</head>
<body>
    <!-- Header -->
    <div id="header" class="headerimg">
        <!-- Title (top left) -->
        <img style="display:inline; float:left; height:45px;" src="static/images/StudyingWorks_Logo_5.png">
        <h1 class="topTitle" style="display:inline;" id="lk-home" title="home">StudyingWorks</h1>
        <!-- Search bar (top right) -->
        <input id="search-bar" type="text" style="float:right; width:230px;" placeholder="Search videos 🔍">
        <br><hr>
        <!-- Links (bottom) -->
        <h2 class="topLink" title="AP Chemistry" id="lkt-ap-chem">AP Chem
            <div class="dropdown-content" id="lk-ap-chem">
            </div>
        </h2>
        <h2 class="topLink" title="AP United States History" id="lkt-apush">APUSH
            <div class="dropdown-content" id="lk-apush">
            </div>
        </h2>
        <h2 class="topLink" title="AP Physics (1)" id="lkt-ap-physics">AP Physics
            <div class="dropdown-content" id="lk-ap-physics">
            </div>
        </h2>
        <h2 class="topLink" title="AP Calculus (AB)" id="lkt-ap-calc">AP Calc
            <div class="dropdown-content" id="lk-ap-calc">
            </div>
        </h2>
        <h2 class="topLink" title="AP English Language and Composition" id="lkt-ap-lang">AP Lang
            <div class="dropdown-content" id="lk-ap-lang">
            </div>
        </h2>
    </div>

    <!-- PG: -->
    <!-- HOME -->
    <div id="pg-home" class="pagediv">
        <h2>Welcome to StudyingWorks!</h2>
        StudyingWorks is a free online tutorial service with video lessons designed to help in all of your difficult classes.
        Get started by visiting our YouTube channel, or choosing a subject above!
        <h2>YouTube channel</h2>
        On our channel, <a href="https://www.youtube.com/channel/UC-9IyDlMjLaLFhD1VJpfBpg" class="link">StudyingWorks</a>,
        we upload video lessons and tutorials for difficult topics.
        Consider subscribing for more content!
        <h2>Here are some of our recent uploads:</h2>
        <div class="vidsdiv" style="width:650px">
            <iframe width="300" height="200" src="https://www.youtube.com/embed/gZjYA6iDRyk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="300" height="200" src="https://www.youtube.com/embed/HQuBH4IHVfA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>
    <!-- AP CHEM -->
    <div id="pg-ap-chem-1" style="display:none;" class="pagediv">
        <h2>AP Chemistry</h2><!-- - Unit 1: Atomic Structure and Properties</h2>-->
        Learn about the fundamental concepts of chemistry
        including structure and states of matter, intermolecular forces,
        and reactions. You'll do hands-on lab investigations and
        use chemical calculations to solve problems. <span class="t_gray">(source: CollegeBoard)</span>
        <div id="pg-ap-chem-1-links"></div>
        <!-- <h2>Unit 1 Notes</h2>
        No notes exist for this unit yet. -->
        <!-- Special feature: ptable -->
        <h2>Special feature: Ptable</h2>
        <a class="link" href="/ChemCalculators/chem-calculators.html">StudyingWorks Interactive Periodic Table + Chem Reference</a>
        <br>You'll probably need a periodic table for a lot of your assignments--
        after all, one is provided on the AP test.
        <h2>All Videos</h2>
        <div id="pg-ap-chem-1-vids" class="vidsdiv"></div>
    </div>
    <!-- <div id="pg-ap-chem-2" style="display:none;" class="pagediv">
        <h2>Chemistry - Unit 2: Molecular and Ionic Compound Structure and Properties </h2>
        <div id="pg-ap-chem-2-links"></div>

        <h2>Unit 2 Notes</h2>
        No notes exist for this unit yet.

        <h2>All Unit 2 Videos</h2>
        <div id="pg-ap-chem-2-vids"></div>
    </div> -->
    <!-- AP CALC -->
    <div id="pg-ap-calc-1" style="display:none;" class="pagediv">
        <h2>AP Calculus (AB)</h2>
        Explore the concepts, methods, and applications of
        differential and integral calculus. You'll work to
        understand the theoretical basis and solve problems
        by applying your knowledge and skills. <span class="t_gray">(source: CollegeBoard)</span>
        <div id="pg-ap-calc-1-links"></div>
        <h2>All Videos</h2>
        <div id="pg-ap-calc-1-vids" class="vidsdiv"></div>
    </div>
    <!-- APUSH -->
    <div id="pg-apush-1" style="display:none;" class="pagediv">
        <h2>AP United States History</h2>
        Study the cultural, economic, political, and social
        developments that have shaped the United States from
        c. 1491 to the present. You'll analyze texts, visual sources,
        and other historical evidence and write essays expressing
        historical arguments. <span class="t_gray">(source: CollegeBoard)</span>
        <div id="pg-apush-1-links"></div>
        <h2>All Videos</h2>
        <div id="pg-apush-1-vids" class="vidsdiv"></div>
    </div>
    <!-- AP LANG -->
    <div id="pg-ap-lang-1" style="display:none;" class="pagediv">
        <h2>AP English Language and Composition</h2>
        Learn about the elements of argument and composition as
        you develop your critical-reading and writing skills.
        You'll read and analyze nonfiction works from various
        periods and write essays with different aims: for example,
        to explain an idea, argue a point, or persuade your
        reader of something. <span class="t_gray">(source: CollegeBoard)</span>
        <div id="pg-ap-lang-1-links"></div>
        <h2>All Videos</h2>
        <div id="pg-ap-lang-1-vids" class="vidsdiv"></div>
    </div>
    <!-- AP PHYSICS -->
    <div id="pg-ap-physics-1" style="display:none;" class="pagediv">
        <h2>AP Physics (1)</h2>
        Learn about the foundational principles of physics
        as you explore Newtonian mechanics; work, energy, and
        power; mechanical waves and sound; and introductory,
        simple circuits. You'll do hands-on laboratory work
        to investigate phenomena. <span class="t_gray">(source: CollegeBoard)</span>
        <div id="pg-ap-physics-1-links"></div>
        <h2>All Videos</h2>
        <div id="pg-ap-physics-1-vids" class="vidsdiv"></div>
    </div>
    <!-- SEARCH RESULTS -->
    <div id="pg-searchres" style="display:none;" class="pagediv">
        <h2>Search Results</h2>
        Results containing "<span id="search-string-disp">[your search]</span>"
        <h2>Videos</h2>
        <div id="pg-searchres-vids" class="vidsdiv"></div>
    </div>

    <!-- Footer -->
    <div id="footer" class="footer">
        <h2 style="color:white;">2021-2022 StudyingWorks</h2>
    </div>
</body>
</html>