IB-Notes-Website/index.html at master · 123Rocco123/IB-Notes-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
<!DOCTYPE html>
<html>
    <!-- This is the title of the tab on the website -->
    <title>IB Notes Site Homepage</title>
    <!-- Banner UI that is at the top of everypage. Used for navigation to different pages -->
    <section>
        <body>
            <div style="width: 100%; height: 200px; overflow: hidden">
                    <img src="img/banner2.jpg" width="100%;">
                </div>
            <!-- List contianing all the links for the other pages on the website -->
            <ul class="nav">
                <li><a href="chemsitry.html">Chemistry Notes</a></li>
                <li><a href="physics.html">Physics Notes</a>
                <li><a href="math.html">Math Notes</a></li>
            </ul>
        </body>
    <main>
        <font>
            <!-- Main header at the top of the webpage -->
            <header>IB Notes Webpage</header>
        </font>
            <link rel="stylesheet" href="index.css">
    </main>
    <h1> Homepage </h1>

    <p class="p"> This is the main page where you will be able to go to different subjects with all of the notes that I have written over the few months / years.</p>

    <p1 class="p"> This webpage not only is helping you improve your coding skills, but it also helps you to keep your notes organized so that when you have to look over them for the IB tests as well as during college, you'll have them in your very own organized Dropbox / Google Drive.</p1>

    <p2 class="p">As of right now the site is currently under construction, and the following issues are persistant for specific pages on this website:</p2>

        <!-- Errors that are occuring in webpage bulletpoints / list -->
        <ol>
            <li class="organizedlist" id="List">
                In the Chemistry Note section, there is a problem where the Dark / Light mode button isn't changing at all
                    <ol>
                        <li>Fixed</li>
                    </ol>
            </li>
            <li class="organizedlist" >As of <mark>right now</mark>, all of the notes in the <mark>Physics section of the website have been uploaded and are ready to be downloaded at your leisure.</mark></li>
                <ol>
                    <li class="organizedlist" >Since the Physics section has been finished, I will soon be starting the ability for different students to upload their notes so as to further help students in need.</li>
                </ol>
        </ol>

    <p3 class="p" id="ThirdParagraph">Current pages under construction, as well as future plans for this website.</p3>
        <div>
            <p4 class="p" id="UnderThird">The numbers represent what is currently being worked on, the further down the list, the less important that improvement is. </p4>
            <ol class="organizedlist">
                <li>Writing Topic 1 notes for Chemsitry</li>
                    <ol>
                        <li>Finished</li>
                    </ol>
                <li>The ability of different users being able to upload their notes to the website</li>
                    <ol>
                        <li>This would have to be in PDF format so that different people will be able to download the notes rather than re-copying them down.</li>
                    </ol>
                <li>Writing Topic 2 notes for Physics</li>
                    <ol>
                        <li>Finished</li>
                    </ol>
                <li>Uploading answers to differentiation and integration questions on the SL book.</li>
                <li>Writing Topic 2 notes for Chemistry</li>
                <li>Coding new page for Math Notes</li>
                <li>Adding a feature to have the website generate random math questions that I have gathered from past papers so that I will be able to practice them.</li>
                <li>Adding Past Paper questions for practice</li>
                    <ol>
                        <li>The past paper questions should also include worked examples so that if someone gets somethin wrong they'll be able to understand how to work out the probelm themselves once they read the answers. </li>
                    </ol>
            </ol>
        </div>
    <!--
        <center>
            <mark>Currently, the messages and the upload function don't work, but they will be fixed ASAP!</mark>
        </center>
        <br> -->
        <!-- Notes Upload Section Code -->
    <!--    <h2>Upload Your Notes Here:</h2>
            <body1>
                <form action="upload.php" method="post" enctype="multipart/form-data">
                    <input type="file" name="file">
                    <input type="submit" value="submit">
                </form>
            </body1> -->
        <!-- Comments Section Code -->
        <!--    <body2>
                <form action="comment.php" method="post">
                    <label> Name:
                        <br>
                        <input type="text" name="name">
                        <br>
                    </label>
                    <label>
                        Message:
                        <br>
                        <textarea cols="45" rows="5" name="mes"></textarea>
                    </label>
                    <br>
                    <input type="submit" name="post" value="Post">
                </form>
            </body2> -->
    <!-- Dark Mode Button Code -->
    <ul1>
        <li id="DarkModeElements">
            <span>Dark Mode</span>
            <span>Light Mode</span>
        </li>
    </ul1>
 <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
 <script type="text/javascript">
    $(document).ready(function(){
        $('ul1').click(function(){
            $('ul1').toggleClass('active')
            $('section').toggleClass('dark')
        })
    })
 </script>
 </section>
</html>