graph I spent too long on

This commit is contained in:
2024-04-20 19:39:07 -05:00
parent 7510bbacc8
commit deab634aa8
3 changed files with 43 additions and 5 deletions

View File

@@ -67,6 +67,15 @@
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
width="100%"
height="371"
object-position="center"
seamless
frameborder="0"
scrolling="no"
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSIcbjzLhH9H0RP8rF69XrnZtQk1umBTofOJBqAG5xWGBJhVDAi_mEmxQ-DsZZtuLVMvrhvJadYCf_m/pubchart?oid=370744605&amp;format=interactive"
></iframe>
</div> </div>
</div> </div>
<div class="footy"> <div class="footy">

View File

@@ -22,6 +22,11 @@
> >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</script> </script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<style> <style>
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.leftcolumn, .leftcolumn,
@@ -74,10 +79,9 @@
<h2>About Me</h2> <h2>About Me</h2>
<p>Just a simple student trying to make his way in the universe.</p> <p>Just a simple student trying to make his way in the universe.</p>
</div> </div>
<div class="card"> <a href="#" class="fa fa-linkedin"></a>
<h3>Follow Me</h3> <a href="#" class="fa fa-pinterest"></a>
<p>Some text..</p> <a href="#" class="fa fa-reddit"></a>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -102,7 +106,6 @@
> >
</iframe> </iframe>
</div> </div>
<script src="main.js"></script>
<script src="colorScheme.js"></script> <script src="colorScheme.js"></script>
</body> </body>
</html> </html>

View File

@@ -235,6 +235,32 @@ h1 {
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
.fa:hover {
opacity: 0.9;
}
.fa-linkedin {
background: #007bb5;
color: white;
}
.fa-pinterest {
background: #cb2027;
color: white;
}
.fa-reddit {
background: #ff5700;
color: white;
}
.fa {
padding: 20px;
font-size: 40px;
width: 60px;
text-decoration: none;
}
.fa-moon { .fa-moon {
color: #f1c40f; color: #f1c40f;
} }