summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMichael Foiani <sotech117@michaels-mbp-21.devices.brown.edu>2022-09-06 08:46:31 -0400
committerMichael Foiani <sotech117@michaels-mbp-21.devices.brown.edu>2022-09-06 08:46:31 -0400
commitfd268b7fde8438d9044a384f3632fcab1c08e133 (patch)
treed1504b3dae811a8998823325cccac02aee3fd34a
parent2d21c6efd18b8a393b61012a0d805fccc51759c8 (diff)
fix links
Diffstat
-rw-r--r--CS 1300_files/style.css5
-rw-r--r--index.js3
-rw-r--r--index2.html78
-rw-r--r--style.css63
4 files changed, 93 insertions, 56 deletions
diff --git a/CS 1300_files/style.css b/CS 1300_files/style.css
index 80a524e..dad14eb 100644
--- a/CS 1300_files/style.css
+++ b/CS 1300_files/style.css
@@ -264,10 +264,9 @@ html {
/* The sidepanel links */
.sidepanel a {
- padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
- color: #818181;
+ color: white;
display: block;
transition: 0.3s;
}
@@ -456,7 +455,7 @@ html {
}
-@media only screen and (max-width: 575px) {
+@media only screen and (max-width: 500px) {
#calendar-iframe {
max-height: 50vh;
}
diff --git a/index.js b/index.js
index 07115b5..84e3aeb 100644
--- a/index.js
+++ b/index.js
@@ -19,12 +19,11 @@ const observer = new IntersectionObserver(entries => {
}
}, {
threshold: [...Array(THRESHOLD_FIDELITY).keys()].map(num => num/THRESHOLD_FIDELITY),
- rootMargin: '-50px',
+ rootMargin: '-50px'
});
// after two seconds pause the video
setTimeout(() => {
- console.log('fired')
videoTitle.pause();
videoTitle.currentTime = 2;
observer.observe(videoTitle);
diff --git a/index2.html b/index2.html
index 973dc6c..f1291db 100644
--- a/index2.html
+++ b/index2.html
@@ -4,8 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
- <link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="animations.css">
+ <link rel="stylesheet" href="style.css">
<title>CS 1300 - UI/UX 2022</title>
<link rel="icon" href="./images/favicon.png" />
@@ -13,17 +13,18 @@
<script src="index.js" defer></script>
</head>
<body>
- <nav id="sidepanel" class="sidepanel" aria-label="drawer-navigation">
- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"></a>
- <a href="#full_menu">menu</a>
- <a href="#calendar">calendar</a>
- <a href="#staff">kitchen staff</a>
- <a href="#faq">faqs</a>
- </nav>
<nav id="hamburger-box" class="flex-row">
<button id="hamburger-btn" class="openbtn" onclick="openNav()">☰</button>
<h3 style="color: white; position: fixed; top: 20px; right: 5px; padding-right: 10px;">csci 1300</h3>
</nav>
+ <nav id="sidepanel" class="sidepanel" aria-label="drawer-navigation">
+ <img class="logo-img" src="./images/favicon.png" alt="Our logo image that directs to top of page"/>
+ <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
+ <a href="#full_menu" class="link">menu</a>
+ <a href="#calendar" class="link">calendar</a>
+ <a href="#staff" class="link">kitchen staff</a>
+ <a href="#faq" class="link">faqs</a>
+ </nav>
<header>
<nav class="nav-flex" aria-label="primary-navigation">
<img class="logo-img" src="./images/favicon.png" alt="Our logo image that directs to top of page"/>
@@ -96,26 +97,31 @@
<div class="flex-column">
<h3 class="subtitles">course docs</h3>
- <a href="https://docs.google.com/document/d/1XlcD1bA4THmcWBqI607RxwrLY37ZUfIKXdqBBkH2IBc/edit?usp=sharing" target="_blank" class="no-border-helpful-link link">
+ <a href="https://docs.google.com/document/d/1zx6C_jwRaMo2GwsZMk3DtwxufRsIEBC_njWF8kkxCbs/edit?usp=sharing" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(4 3)"><path d="m12.5 12.5v-7l-5-5h-5c-1.1045695 0-2 .8954305-2 2v10c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z"></path><path d="m7.5.5v3c0 1.1045695.8954305 2 2 2h3"></path></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(4 3)"><path d="m12.5 12.5v-7l-5-5h-5c-1.1045695 0-2 .8954305-2 2v10c0 1.1045695.8954305 2 2 2h8c1.1045695 0 2-.8954305 2-2z"></path><path d="m7.5.5v3c0 1.1045695.8954305 2 2 2h3"></path></g></svg>
<h3>syllabus</h3>
</a>
- <a href="https://cs.brown.edu/courses/csci1300/fall2020/documents/[cs1300]%20Software%20License%20Guide.pdf" target="_blank" class="no-border-helpful-link link">
+ <a href="https://drive.google.com/file/d/1t65-GnOYfzcRswOflgegF5e930FuekwH/view?usp=sharing" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m2.5.48528137h11c.5522847 0 1 .44771525 1 1v8.01471863h-13v-8.01471863c0-.55228475.44771525-1 1-1z"></path><path d="m1.11803399 9.5h13.76393201c.5522848 0 1 .44771525 1 1 0 .1552451-.0361451.3083582-.1055728.4472136l-1.2763932 2.5527864h-13l-1.2763932-2.5527864c-.24698925-.4939785-.0467649-1.09465154.44721359-1.34164079.13885544-.06942772.2919685-.10557281.4472136-.10557281z" transform="matrix(1 0 0 -1 0 23)"></path></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m2.5.48528137h11c.5522847 0 1 .44771525 1 1v8.01471863h-13v-8.01471863c0-.55228475.44771525-1 1-1z"></path><path d="m1.11803399 9.5h13.76393201c.5522848 0 1 .44771525 1 1 0 .1552451-.0361451.3083582-.1055728.4472136l-1.2763932 2.5527864h-13l-1.2763932-2.5527864c-.24698925-.4939785-.0467649-1.09465154.44721359-1.34164079.13885544-.06942772.2919685-.10557281.4472136-.10557281z" transform="matrix(1 0 0 -1 0 23)"></path></g></svg>
<h3>software guide</h3>
</a>
- <a href="https://docs.google.com/document/d/10gUVRN74JkL6Iqw3w_XEPcAaQkZFqlXYTRX-XFk51yk/edit?usp=sharing" target="_blank" class="no-border-helpful-link link">
+ <a href="https://docs.google.com/document/d/11K3CIrPwzHYrqrcMbNx3_UPys9OL9ao2eNIuTuzU9oE/edit?usp=sharing" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 3)"><line x1="10.5" x2="6.5" y1=".5" y2="14.5"></line><polyline points="7.328 2.672 7.328 8.328 1.672 8.328" transform="rotate(135 4.5 5.5)"></polyline><polyline points="15.328 6.672 15.328 12.328 9.672 12.328" transform="scale(1 -1) rotate(-45 -10.435 0)"></polyline></g></svg>
<svg class="svg-hover" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 3)"><line x1="10.5" x2="6.5" y1=".5" y2="14.5"></line><polyline points="7.328 2.672 7.328 8.328 1.672 8.328" transform="rotate(135 4.5 5.5)"></polyline><polyline points="15.328 6.672 15.328 12.328 9.672 12.328" transform="scale(1 -1) rotate(-45 -10.435 0)"></polyline></g></svg>
<h3>deployment guide</h3>
</a>
- <!-- <a href="https://docs.google.com/document/d/18I11UCHFAhYXajRXMa2aw6wh73hSKrbmSPy_o0z9V0c/edit?usp=sharing" target="_blank" class="no-border-helpful-link">
- <svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="white" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m13.5 0 3 4-8 10-8-10 3.009-4z"/><path d="m.5 4h16"/><path d="m5.5 4 3 10"/><path d="m11.5 4-3 10"/><path d="m3.509 0 1.991 4 3-4 3 4 2-4"/></g></svg>
- <svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#52A25E" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m13.5 0 3 4-8 10-8-10 3.009-4z"/><path d="m.5 4h16"/><path d="m5.5 4 3 10"/><path d="m11.5 4-3 10"/><path d="m3.509 0 1.991 4 3-4 3 4 2-4"/></g></svg>
- <h3>style guide</h3>
- </a> -->
+ <a href="https://docs.google.com/document/d/1j_cQl3CWlFYx9ZtopXBJfgz8cyxkZWyjumSXQgFZLwQ/edit?usp=sharing" target="_blank" class="no-border-helpful-link link">
+ <svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m13.5 0 3 4-8 10-8-10 3.009-4z"/><path d="m.5 4h16"/><path d="m5.5 4 3 10"/><path d="m11.5 4-3 10"/><path d="m3.509 0 1.991 4 3-4 3 4 2-4"/></g></svg>
+ <svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m13.5 0 3 4-8 10-8-10 3.009-4z"/><path d="m.5 4h16"/><path d="m5.5 4 3 10"/><path d="m11.5 4-3 10"/><path d="m3.509 0 1.991 4 3-4 3 4 2-4"/></g></svg>
+ <h3>ui camp info</h3>
+ </a>
+<!-- <a href="https://drive.google.com/file/d/1t65-GnOYfzcRswOflgegF5e930FuekwH/view?usp=sharing" target="_blank" class="no-border-helpful-link link">-->
+<!-- <svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m2.5.48528137h11c.5522847 0 1 .44771525 1 1v8.01471863h-13v-8.01471863c0-.55228475.44771525-1 1-1z"></path><path d="m1.11803399 9.5h13.76393201c.5522848 0 1 .44771525 1 1 0 .1552451-.0361451.3083582-.1055728.4472136l-1.2763932 2.5527864h-13l-1.2763932-2.5527864c-.24698925-.4939785-.0467649-1.09465154.44721359-1.34164079.13885544-.06942772.2919685-.10557281.4472136-.10557281z" transform="matrix(1 0 0 -1 0 23)"></path></g></svg>-->
+<!-- <svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 4)"><path d="m2.5.48528137h11c.5522847 0 1 .44771525 1 1v8.01471863h-13v-8.01471863c0-.55228475.44771525-1 1-1z"></path><path d="m1.11803399 9.5h13.76393201c.5522848 0 1 .44771525 1 1 0 .1552451-.0361451.3083582-.1055728.4472136l-1.2763932 2.5527864h-13l-1.2763932-2.5527864c-.24698925-.4939785-.0467649-1.09465154.44721359-1.34164079.13885544-.06942772.2919685-.10557281.4472136-.10557281z" transform="matrix(1 0 0 -1 0 23)"></path></g></svg>-->
+<!-- <h3>html cheat sheet</h3>-->
+<!-- </a>-->
</div>
<div class="flex-column">
@@ -123,27 +129,27 @@
<!-- <a href="https://forms.gle/jpaWjoDhp7LBfVk27" target="_blank" class="no-border-helpful-link">
<h3>waitlist form</h3>
</a> -->
- <a href="https://forms.gle/BCEeyomrUDNbDjin8" target="_blank" class="no-border-helpful-link link">
+ <a href="https://forms.gle/znN9WvgQn6oDfkHVA" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2.5 1.5)"><path d="m10 3h2.3406038c.4000282 0 .7615663.23839685.9191451.6060807l2.7402511 6.3939193v4c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-4l2.74025113-6.3939193c.15757879-.36768385.51911692-.6060807.91914503-.6060807h2.34060384"></path><path d="m10.121 3.964-.06 4.182-4.182.061" transform="matrix(.70710678 .70710678 -.70710678 .70710678 6.646598 -3.874306)"></path><path d="m8 0v9"></path><path d="m0 10h4c.55228475 0 1 .4477153 1 1v1c0 .5522847.44771525 1 1 1h4c.5522847 0 1-.4477153 1-1v-1c0-.5522847.4477153-1 1-1h4"></path></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2.5 1.5)"><path d="m10 3h2.3406038c.4000282 0 .7615663.23839685.9191451.6060807l2.7402511 6.3939193v4c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-4l2.74025113-6.3939193c.15757879-.36768385.51911692-.6060807.91914503-.6060807h2.34060384"></path><path d="m10.121 3.964-.06 4.182-4.182.061" transform="matrix(.70710678 .70710678 -.70710678 .70710678 6.646598 -3.874306)"></path><path d="m8 0v9"></path><path d="m0 10h4c.55228475 0 1 .4477153 1 1v1c0 .5522847.44771525 1 1 1h4c.5522847 0 1-.4477153 1-1v-1c0-.5522847.4477153-1 1-1h4"></path></g></svg>
- <h3>project handin form</h3>
+ <h3>studio handin form</h3>
</a>
- <a href="https://forms.gle/5L5CCLRqozXrUnmE8" target="_blank" class="no-border-helpful-link link">
+ <a href="https://forms.gle/ALpqhXMTWKdjzbJs6" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="matrix(-1 0 0 1 20 2)"><path d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z"></path><path d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508" transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"></path><path d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392" transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"></path><path d="m9.5 5.5v4h-3.5"></path><path d="m15 15 2 2"></path><path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)"></path></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="matrix(-1 0 0 1 20 2)"><path d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z"></path><path d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508" transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"></path><path d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392" transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"></path><path d="m9.5 5.5v4h-3.5"></path><path d="m15 15 2 2"></path><path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)"></path></g></svg>
<h3>late pass form</h3>
</a>
- <a href="https://forms.gle/U9mCY3Jxw138ux5M7" target="_blank" class="no-border-helpful-link link">
+ <a href="https://forms.gle/X2NND6K3oETECyzR8" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 2)"><g transform="matrix(0 -1 1 0 .5 16.5)"><path d="m16.25.75v5h-5.5" transform="matrix(0 1 1 0 10.25 -10.25)"></path><path d="m16 6c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"></path></g><g transform="matrix(0 1 -1 0 16 0)"><path d="m16.75.25v5h-5.5" transform="matrix(0 1 1 0 11.25 -11.25)"></path><path d="m16.5 5.5c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"></path></g></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 2)"><g transform="matrix(0 -1 1 0 .5 16.5)"><path d="m16.25.75v5h-5.5" transform="matrix(0 1 1 0 10.25 -10.25)"></path><path d="m16 6c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"></path></g><g transform="matrix(0 1 -1 0 16 0)"><path d="m16.75.25v5h-5.5" transform="matrix(0 1 1 0 11.25 -11.25)"></path><path d="m16.5 5.5c-2.8366699-3.33333333-5.6700033-5-8.5-5-2.82999674 0-5.32999674 1-7.5 3"></path></g></g></svg>
<h3>regrade request form</h3>
</a>
- <a href="https://forms.gle/JVDLKSa5Uc8qkfQ2A" target="_blank" class="no-border-helpful-link link">
+ <a href="https://forms.gle/1hsJewDWJaR83C6q7" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 -1 1 0 4 19)"><path d="m15.328 5.672v5.656h-5.656" transform="matrix(-.70710678 .70710678 .70710678 .70710678 15.328661 -6.349339)"></path><path d="m12.5.5v12"></path><path d="m7.328 1.672h-5.656v5.656" transform="matrix(-.70710678 .70710678 .70710678 .70710678 4.500028 -1.863972)"></path><path d="m4.5.5v12"></path></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 -1 1 0 4 19)"><path d="m15.328 5.672v5.656h-5.656" transform="matrix(-.70710678 .70710678 .70710678 .70710678 15.328661 -6.349339)"></path><path d="m12.5.5v12"></path><path d="m7.328 1.672h-5.656v5.656" transform="matrix(-.70710678 .70710678 .70710678 .70710678 4.500028 -1.863972)"></path><path d="m4.5.5v12"></path></g></svg>
<h3>studio switch form</h3>
</a>
- <a href="https://forms.gle/9F6Ec2wX8Tvtyr2C7" target="_blank" class="no-border-helpful-link link">
+ <a href="https://forms.gle/92SruXBpB2Z8hqZB8" target="_blank" class="no-border-helpful-link link">
<svg class="svg-show" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#222E50" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 2)"><path d="m8.24920737-.79402796c1.17157287 0 2.12132033.94974747 2.12132033 2.12132034v13.43502882l-2.12132033 3.5355339-2.08147546-3.495689-.03442539-13.47488064c-.00298547-1.16857977.94191541-2.11832105 2.11049518-2.12130651.00180188-.00000461.00360378-.00000691.00540567-.00000691z" transform="matrix(.70710678 .70710678 -.70710678 .70710678 8.605553 -3.271644)"></path><path d="m7.5 15.5h8"></path><path d="m13.5 4.5 1 1"></path></g></svg>
<svg class="svg-hover" height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="#DA627D" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 2)"><path d="m8.24920737-.79402796c1.17157287 0 2.12132033.94974747 2.12132033 2.12132034v13.43502882l-2.12132033 3.5355339-2.08147546-3.495689-.03442539-13.47488064c-.00298547-1.16857977.94191541-2.11832105 2.11049518-2.12130651.00180188-.00000461.00360378-.00000691.00540567-.00000691z" transform="matrix(.70710678 .70710678 -.70710678 .70710678 8.605553 -3.271644)"></path><path d="m7.5 15.5h8"></path><path d="m13.5 4.5 1 1"></path></g></svg>
<h3>feedback form</h3>
@@ -171,7 +177,7 @@
<section id="calendar">
<h2 class="title">calendar</h2>
<div class="edges">
- <p style="margin-bottom: 10px; padding-left: 10px;">
+ <p style="margin: 5px 0 10px 0; padding-left: 10px;">
To subscribe to the course gcal, click
<a
class="link"
@@ -180,11 +186,11 @@
>here</a
>.
</p>
- <p style="padding-left: 10px;">
+ <p style="padding-left: 10px; margin-bottom: 5px;">
To sign up for TA Hours, please go to
<a
class="link"
- href="https://signmeup.cs.brown.edu/"
+ href="https://hours.cs.brown.edu/"
target="_blank"
>hours</a
>.
@@ -242,7 +248,12 @@
<div class="shelf flex-column">
<div class="flex-row ta-wrapper">
- <div class="ta-box-left flex-row">
+ <div class="ta-box-right flex-row">
+ <div class="flex-column bio-text">
+ <h3>[hta] anika</h3>
+ <h4>
+ Hi! I'm a senior from Minnesota studying computer science! I like tennis, word games, and trying new foods. </h4>
+ </div>
<div class="img-box">
<img
src="./assets/pastry-photos/anika.png"
@@ -252,11 +263,6 @@
/>
<img src="./assets/bio-photos/anika.jpg" class="ta-img" />
</div>
- <div class="flex-column bio-text">
- <h3>[hta] anika</h3>
- <h4>
- Hi! I'm a senior from Minnesota studying computer science! I like tennis, word games, and trying new foods. </h4>
- </div>
</div>
<div class="ta-box-left flex-row">
@@ -508,11 +514,7 @@
<div class="shelf flex-column">
<div class="flex-row ta-wrapper">
- <div class="ta-box-right flex-row">
- <div class="flex-column bio-text">
- <h3>nick</h3>
- <h4>Hi! My name is Nick Vadasz and I am a junior studying CS. I'm from rural East Texas, though my whole family is from Hungary. Besides computer science, I love listening to and performing music (Brown U Orchestra 4 lyfe), art, gaming, philosophy, and starting projects that I will never finish.</h4>
- </div>
+ <div class="ta-box-left flex-row">
<div class="img-box">
<img
src="./assets/pastry-photos/nick.png"
@@ -522,6 +524,10 @@
/>
<img src="./assets/bio-photos/nick.png" class="ta-img" />
</div>
+ <div class="flex-column bio-text">
+ <h3>nick</h3>
+ <h4>Hi! My name is Nick Vadasz and I am a junior studying CS. I'm from rural East Texas, though my whole family is from Hungary. Besides computer science, I love listening to and performing music (Brown U Orchestra 4 lyfe), art, gaming, philosophy, and starting projects that I will never finish.</h4>
+ </div>
</div>
<div class="ta-box-right flex-row">
diff --git a/style.css b/style.css
index 76df8ad..77193de 100644
--- a/style.css
+++ b/style.css
@@ -139,30 +139,63 @@ nav {
height: 100vh;
width: 0;
position: fixed;
- z-index: 10;
+ z-index: 101;
top: 0;
left: 0;
- background-color: #111;
overflow-x: hidden;
- padding-top: 60px;
transition: 0.4s;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
+ background-color: #222E50ee;
}
+.sidepanel a {
+ text-decoration: none;
+ font-size: 25px;
+ color: white;
+ display: block;
+ transition: 0.3s;
+ margin-bottom: 10px;
+}
+
+.sidepanel .logo-img {
+ margin-bottom: 20px;
+}
+
+.sidepanel .link::before{
+ background-color: var(--secondary-color);
+}
+
+
+/* When you mouse over the navigation links, change their color */
+.sidepanel a:hover {
+ color: #2BB673;
+}
+
+/* Position and style the close button (top right corner) */
+.sidepanel .closebtn {
+ position: absolute;
+ top: 0;
+ right: 25px;
+ font-size: 36px;
+ margin-left: 50px;
+}
+
+
#hamburger-box {
padding: 10px;
position: fixed;
height: fit-content;
top: 0;
- z-index: 2;
width: 100%;
justify-content: space-between;
background-color: rgb(43,42,45,0.6);
margin: 0;
+ display: none;
+ z-index: 100;
}
/* Style the button that is used to open the sidepanel */
@@ -358,7 +391,7 @@ full menu & ta_calendar
.important-note > p {
padding-left: 10px;
- margin-bottom: 10px;
+ margin: 5px 0 10px 0;
}
.embedded-iframe {
@@ -617,7 +650,6 @@ faq area
}
#faq h2 {
- padding-top: 2rem;
font-size: 2rem;
font-weight: 400;
}
@@ -640,8 +672,8 @@ faq area
filter: opacity(0.5);
}
-#faq footer {
- padding-top: 5rem;
+footer {
+ padding-top: 1.5rem;
text-align: right;
}
@@ -663,11 +695,6 @@ img {
margin-bottom: 0.25rem;
}
-#hamburger-box {
- display: none;
- z-index: 100;
-}
-
#nav {
display: none;
position: fixed;
@@ -748,15 +775,21 @@ img {
.nav-flex {
display: none;
}
+ .title-info-flex {
+ margin-top: 55px;
+ }
.title-flex {
- margin-top: 60px;
+ justify-content: flex-start;
+ }
+ .business-hours {
+ margin-left: 5px;
}
.course-title-wrapper {
margin-top: 50px;
}
.video-title-wrapper {
padding-left: 0;
- margin: 0 auto;
+ margin: 0;
}
.title-info-flex, .title {
max-width: 90vw;
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-10-06 00:45:34 +0000