notesvault/index.html at main · Bala327/notesvault · 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css"/>
    <title>NotesVault Home</title>
    <script
  src="https://js.sentry-cdn.com/8994bf86fecf7733832520db1565ab1f.min.js"
  crossorigin="anonymous"
></script>
</head>
<body>
    <header>
        <div id="header">
            <div id="header-title-box">
                <p id="header-title">NotesVault</p>
            </div>

            <!-- Hamburger Menu Button -->
            <button class="hamburger-menu" id="hamburgerMenu" onclick="toggleMobileMenu()">
                <span class="hamburger-line"></span>
                <span class="hamburger-line"></span>
                <span class="hamburger-line"></span>
            </button>


            <!-- Navigation Menu -->
           <div id="header-navigation" class="nav-menu">
  <a href="../pages/overview.html">Overview</a>
  <a href="/">Student Account</a>
  <a href="about.html">About</a>
  <a href="/">Features</a>
</div>


            <div id="header-signup-box">
                <p>Sign Up</p>
                <button class="theme-toggle" id="themeToggle" onclick="toggleTheme()">
                <svg class="sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="12" cy="12" r="5"></circle>
                    <path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"></path>
                </svg>
                <svg class="moon-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                </svg>
            </button>
            </div>
        </div>
    </header>

    <div id="main">
        <div class="main-left">
            <p class="main-text welcome">Welcome Back</p>
            <h1 class="main-heading">Your Go-To Companion for<br>Organized Learning.</h1>
            <p class="main-text">Keep your study notes and PYQs organized, easy to find,<br>and always just a click away with NotesVault.</p>
            <!-- <div class="main-left-links">
                <p class="links-text features-box">Browse Notes</p>


            </div> -->
            <div class="main-left-links">
  <a href="search.html" class="links-text features-box" style="text-decoration: none; color: inherit;">
    Browse Notes
  </a>
  <a href="upload.html" class="links-text try-box" style="text-decoration: none; color: inherit;">
    Upload Notes
  </a>
</div>


                <p class="links-text try-box upload-btn">Upload Notes</p>
            </div>

        </div>
        <div class="main-right">
            <div class="main-right-box">
                <div class="main-right-upper-box">
                    <div class="right-text-div">
                        <p class="right-text">Notes Organised by</p>
                        <p class="right-text" id="typeWriterText">Subject</p>
                    </div>
                    <div class="main-right-search">
                        <form id="search-form" class="main-right-seach-form" method="get" action="search.html">
                            <svg class="search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <circle cx="11" cy="11" r="8"></circle>
                                <path d="m21 21-4.35-4.35"></path>
                            </svg>
                            <input class="main-right-search-form-input" type="text" name="query" autocomplete="off" placeholder="Search">

                            <div id="search-parameters-branch" class="search-parameters-div">

                            </div>
                            <div id="search-parameters-semester" class="search-parameters-div"></div>
                            <div id="search-parameters-subject" class="search-parameters-div">

                            </div>

                            <input type="submit" style="display: none;">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="About">
        <div class="About">
            <p class="About-left-heading">About NotesVault</p><br/>
            <p class="About-left-text">A web app to store, browse, and manage notes and PYQs semester-wise.</p>
            <p class="About-left-link" onclick='window.open("https://github.com/opensource-society/notesvault", "_blank", "noopener,noreferrer")'>Learn More →</p>
        </div>

        <div class="About-right">
            <div class="About-right-box">
                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#1d1d1d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M12 3v12" />
                        <polyline points="5 9 12 2 19 9"/>
                    <path d="M5 20h14" />
                </svg>

                <p class="About-right-heading upload-btn">Easy Upload</p>
                <p class="About-right-text">Add your notes quickly and effortlessly</p>
            </div>
            <div class="About-right-box">

                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#1d1d1d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M3 6h5l2 3h11v11H3z" />
                    <path d="M3 6v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H10l-2-3H3z" />
                </svg>


                <p class="About-right-heading">Sort The Chaos</p>
                <p class="About-right-text">Neatly arrange all your notes in one place</p>
            </div>
            <div class="About-right-box">

                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="#1d1d1d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 12L12 20a2 2 0 0 1-2.8 0L4 14.8a2 2 0 0 1 0-2.8L12 4l8 8z" />
                    <circle cx="16" cy="8" r="1.5" />
                </svg>


                <p class="About-right-heading">Search By Tags</p>
                <p class="About-right-text">Find notes using subject tags</p>
            </div>
        </div>
    </div>


     <footer class="modern-footer">
        <div class="footer-container">
            <div class="footer-top">
                <div class="footer-brand">
                    <div class="footer-logo">NotesVault</div>
                    <p class="footer-description">
                        Your go-to companion for organized learning. Keep your study notes and PYQs organized, easy to find, and always just a click away.
                    </p>
                    <div class="social-links">
                        <a href="https://github.com/opensource-society/notesvault" class="social-link" target="_blank" rel="noopener noreferrer">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.300 24 12c0-6.627-5.373-12-12-12z"/>
                            </svg>
                        </a>
                        <a href="#discord" class="social-link">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M20.317 4.492c-1.53-.69-3.17-1.2-4.885-1.49a.075.075 0 0 0-.079.036c-.21.369-.444.85-.608 1.23a18.566 18.566 0 0 0-5.487 0 12.36 12.36 0 0 0-.617-1.23A.077.077 0 0 0 8.562 3c-1.714.29-3.354.8-4.885 1.491a.07.07 0 0 0-.032.027C.533 9.093-.32 13.555.099 17.961a.08.08 0 0 0 .031.055 20.03 20.03 0 0 0 5.993 2.98.078.078 0 0 0 .084-.026 13.83 13.83 0 0 0 1.226-1.963.074.074 0 0 0-.041-.104 13.201 13.201 0 0 1-1.872-.878.075.075 0 0 1-.008-.125c.126-.093.252-.19.372-.287a.075.075 0 0 1 .078-.01c3.927 1.764 8.18 1.764 12.061 0a.075.075 0 0 1 .079.009c.12.098.245.195.372.288a.075.075 0 0 1-.006.125c-.598.344-1.22.635-1.873.877a.075.075 0 0 0-.041.105c.36.687.772 1.341 1.225 1.962a.077.077 0 0 0 .084.028 19.963 19.963 0 0 0 6.002-2.981.076.076 0 0 0 .032-.054c.5-5.094-.838-9.52-3.549-13.442a.06.06 0 0 0-.031-.028zM8.02 15.278c-1.182 0-2.157-1.069-2.157-2.38 0-1.312.956-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.956 2.38-2.157 2.38zm7.975 0c-1.183 0-2.157-1.069-2.157-2.38 0-1.312.955-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.946 2.38-2.157 2.38z"/>
                            </svg>
                        </a>
                    </div>
                </div>

                <div class="footer-links">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#overview">Overview</a></li>
                        <li><a href="#features">Features</a></li>
                        <li><a href="#browse">Browse Notes</a></li>
                        <li><a href="upload.html">Upload Notes</a></li>
                        <li><a href="about.html">About</a></li>
                    </ul>
                </div>

                <div class="footer-community">
                    <h4>Community</h4>
                    <div class="community-badges">
                        <a href="https://gssoc.girlscript.tech/" class="gssoc-badge" target="_blank" rel="noopener noreferrer">
                            <img src="https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe0a1ea17-12ac-433f-9266-afb96c11f06a_200x200.jpeg" />
                        </a>
                        <a href="https://github.com/opensource-society" class="oss-link" target="_blank" rel="noopener noreferrer">
                            <div class="oss-badge">
                                <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                                    <path d="M12 0L1.608 6v12L12 24l10.392-6V6L12 0zm0 2.19l8.392 4.85v9.92L12 21.81l-8.392-4.85V7.04L12 2.19z"/>
                                </svg>
                                <span>Open Source Society</span>
                            </div>
                        </a>
                    </div>
                    <p class="community-text">
                        Join our vibrant community of learners and contributors
                    </p>
                </div>
            </div>

            <div class="footer-bottom">
                <div class="footer-divider"></div>
                <div class="footer-bottom-content">
                    <p class="copyright">
                        © 2025 NotesVault. Built with ❤️ by the Open Source Community
                    </p>
                    <div class="footer-bottom-links">
                        <a href="#privacy">Privacy Policy</a>
                        <a href="#terms">Terms of Service</a>
                        <a href="https://github.com/opensource-society/notesvault/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">MIT License</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <script src="script.js" defer></script>
</body>
</html>