DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: about page is doneeeeeeee

Browse Source
This commit is contained in:
Derek Chen
2024-04-20 19:51:24 -05:00
parent deab634aa8
commit bfc5c69ad8
2 changed files with 39 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
docs/about.html
View File

@@ -62,20 +62,41 @@
</p> </p>
</div> </div>
<div class="about-text"> <div class="about-text">
<h1>Thousands of Users!</h1>
<p> <p>
On April 17th, 2023, the project was born! Though it was finished On April 17th, 2023, the project was born! Though it was finished
midway through registration, the following registration periods saw a midway through registration, the following registration periods saw a
lot of use from students all over campus. lot of use from students all over campus.
</p> </p>
<iframe <div class="iframe-container">
width="100%" <iframe
height="371" width="600"
object-position="center" height="371"
seamless frameborder="0"
frameborder="0" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSIcbjzLhH9H0RP8rF69XrnZtQk1umBTofOJBqAG5xWGBJhVDAi_mEmxQ-DsZZtuLVMvrhvJadYCf_m/pubchart?oid=370744605&amp;format=interactive"
scrolling="no" allowfullscreen
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSIcbjzLhH9H0RP8rF69XrnZtQk1umBTofOJBqAG5xWGBJhVDAi_mEmxQ-DsZZtuLVMvrhvJadYCf_m/pubchart?oid=370744605&amp;format=interactive" ></iframe>
></iframe> </div>
<p>(Mobile Users may have to scroll a bit)</p>
</div>
<div class="about-text">
<h1>What's next?</h1>
<p>
The website will continue to be updated with the latest grade
distribution data from UT Austin for the foreseeable future
</p>
<p>
In the meantime, my team and I have been working on
<a
href="https://chromewebstore.google.com/detail/ut-registration-plus/hboadpjkoaieogjimneceaahlppnipaa"
target="_blank"
rel="noopener noreferrer"
>UT Registration Plus</a
>
so we're excited to ship out our new overhaul update soon! Check the
<a href="/docs/changelog">changelog</a> for our beta testing interest
form!
</p>
</div> </div>
</div> </div>
<div class="footy"> <div class="footy">

10
docs/main.css
View File

@@ -219,8 +219,9 @@ h1 {
} }
.image-container { .image-container {
width: 100%; width: 80%;
max-width: fit-content; max-width: fit-content;
min-width: 200px;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
overflow: hidden; overflow: hidden;
@@ -235,6 +236,13 @@ h1 {
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
.iframe-container {
width: 100%;
overflow: auto; /* Enable scrolling when content overflows */
max-width: 600px; /* Set maximum width to match iframe width */
margin: 0 auto; /* Center the container horizontally */
}
.fa:hover { .fa:hover {
opacity: 0.9; opacity: 0.9;
} }