diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 2065 |
1 files changed, 605 insertions, 1460 deletions
@@ -1,1471 +1,616 @@ <!DOCTYPE html> <html lang="en"> - <head> - <title>CS 1300 - UI/UX 2022</title> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width,initial-scale=1" /> - <meta name="description" content="" /> - <link rel="stylesheet" type="text/css" href="./css/reset.css" /> - <link rel="stylesheet" type="text/css" href="./css/style.css" /> - <link rel="icon" href="./images/favicon.png" /> - - <link rel="stylesheet" type="text/css" href="./CS 1300_files/style.css" /> - <link - rel="stylesheet" - type="text/css" - href="./CS 1300_files/convenience.css" - /> - <link rel="stylesheet" type="text/css" href="./CS 1300_files/guest.css" /> - <link - rel="shortcut icon" - type="image/png" - href="./CS 1300_files/succulents-02.png" - /> - <!--fonts --> - <link href="./CS 1300_files/css2" rel="stylesheet" /> - <script src="./CS 1300_files/jquery.min.js"></script> - - <script src="./js/main.js"></script> - <meta name="theme-color" content="" /> - <meta property="og:title" content="" /> - <meta property="og:description" content="" /> - </head> - <body> - <div id="nav"> - <div> - <div id="logo-wrapper"> - <div class="hide-desktop" style="width: 0.5rem"></div> - <a href="#welcome"><img src="./images/favicon.png" id="logo" /></a - ><a - class="hide-desktop" - style=" - text-decoration: none; - font-weight: 700; - color: #000; - margin-left: 0.25rem; - font-family: classico-urw, sans-serif; - " - href="#welcome" - ><span>CSCI 1300</span></a - > - <div class="hide-desktop" style="flex: 1"></div> - <button - class="hide-desktop" - style="flex: none; margin-right: 1rem" - onclick="toggleNav(!isNavOpen);" - > - Toggle Nav - </button> - </div> - </div> - <hr /> - <div id="business-hours"> - <h3>Business Hours</h3> - <p>T/Th 1-2:20pm</p> - <p>CIT Room XXX</p> - <div><a class="link" href="https://example.com">Zoom Link</a></div> - </div> - <hr /> - <div id="nav-links"> - <a class="button" href="#xxx">Weekly Specials</a> - <a class="link" href="#xxx">Course Schedule</a> - <a class="link" href="#xxx">Course Info</a> - <a class="link" href="#xxx">Kitchen Staff</a> - </div> - </div> - <div id="content"> - <div id="welcome"> - <div> - <p style="font-size: 2rem">Welcome to</p> - <h1>CSCI 1300</h1> - <p style="font-size: 2rem">User Interfaces and User Experience</p> - </div> - </div> - <div id="course-info" class="section" style="background-color: #cde6cb"> - <div class="header flex-row"> - <img src="./CS 1300_files/succulents-04.png" class="succulent-png" /> - <h1 style="color: #a97c50">COURSE INFO</h1> - <img src="./CS 1300_files/succulents-04.png" class="succulent-png" /> - </div> - - <div class="flex-column"> - <div class="content"> - <div id="logistics"> - <div class="flex-space-between"> - <h3 style="color: #2bb673">LOCATION:</h3> - <h4> - <a href="https://brown.zoom.us/j/96200647304">Zoom link</a> - </h4> - </div> - <div class="flex-space-between"> - <h3 style="color: #2bb673">TIME:</h3> - <h4 style="width: 200px; text-align: right"> - TTh 1:00pm - 2:20pm - </h4> - </div> - </div> - <p> - Have you ever walked into a door thinking that you were supposed - to pull instead of push? Have you ever been stuck on a website, - not sure how to proceed next? Learn when to use different - interfaces, how to model and represent user interaction, how to - elicit requirements and feedback from users, as well as the - principles of user experience design, methods for designing and - prototyping interfaces, and user interface evaluation. Students - interested in both learning the process behind building an - effective interface and gaining hands-on experience designing a - user interface should take this course. There will be assignments, - readings, and studios, where students will have the opportunity to - work alongside TAs and interact with industry guests as they learn - critical tools for interface and web design. - </p> - <a - href="https://docs.google.com/document/d/1XlcD1bA4THmcWBqI607RxwrLY37ZUfIKXdqBBkH2IBc/edit?usp=sharing" - class="green-link" - > - <h3>syllabus</h3> - <svg - class="svg-show" - xmlns="http://www.w3.org/2000/svg" - width="26" - height="26" - viewBox="0 0 21 21" - > - <g - fill="none" - fill-rule="evenodd" - stroke="#2BB673" - stroke-linecap="round" - stroke-linejoin="round" - transform="translate(4 6)" - > - <polyline - points="12.329 7.328 12.328 1.67 6.671 1.669" - transform="scale(1 -1) rotate(45 20.36 0)" - ></polyline> - <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line> - </g> - </svg> - <svg - class="svg-hover" - xmlns="http://www.w3.org/2000/svg" - width="26" - height="26" - viewBox="0 0 21 21" - > - <g - fill="none" - fill-rule="evenodd" - stroke="white" - stroke-linecap="round" - stroke-linejoin="round" - transform="translate(4 6)" - > - <polyline - points="12.329 7.328 12.328 1.67 6.671 1.669" - transform="scale(1 -1) rotate(45 20.36 0)" - ></polyline> - <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line> - </g> - </svg> - </a> - </div> - </div> - </div> - - <div id="helpful-links" class="section" style="background-color: #706881"> - <div class="header flex-row"> - <img src="./CS 1300_files/succulents-05.png" class="succulent-png" /> - <h1 style="color: #f5ce5b">helpful links</h1> - <img src="./CS 1300_files/succulents-05.png" class="succulent-png" /> - </div> - - <div id="helpful-links-box" class="flex-column"> - <div class="flex-column" style="margin: 0px 10px"> - <h2>important</h2> - <div class="flex-row" style="margin: 0px 10px"> - <a - style="margin: 10px" - href="https://piazza.com/class/kcw25izsiei48j" - target="_blank" - class="helpful-link" - > - <img src="./CS 1300_files/piazza.png" class="small-icon" /> - <h3>piazza</h3> - </a> - <a - style="margin: 10px" - href="https://canvas.brown.edu/" - target="_blank" - class="helpful-link" - > - <img src="assets/canvas.png" class="small-icon" /> - <h3>canvas</h3> - </a> - </div> - <div class="flex-row"> - <a - style="margin: 10px" - href="https://docs.google.com/spreadsheets/d/e/2PACX-1vRow8i_X8guQpwU_da4y7rwDBbhTeYsUQ2b33MPkezcz2dLOpQxMBzo_6XBYJFTD6mSnT3-FVUsjh6S/pubhtml?gid=1112663023&single=true" - target="_blank" - class="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" transform="translate(2 2)"> - <path - d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z" - stroke="white" - stroke-linecap="round" - stroke-linejoin="round" - ></path> - <path - d="m.5 4.5h16" - stroke="white" - stroke-linecap="round" - stroke-linejoin="round" - ></path> - <g fill="white"> - <g> - <circle cx="8.5" cy="8.5" r="1"></circle> - <circle cx="4.5" cy="8.5" r="1"></circle> - <circle cx="12.5" cy="8.5" r="1"></circle> - </g> - <g> - <circle cx="8.5" cy="12.5" r="1"></circle> - <circle cx="4.5" cy="12.5" r="1"></circle> - <circle cx="12.5" cy="12.5" r="1"></circle> - </g> - </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" transform="translate(2 2)"> - <path - d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z" - stroke="#706881" - stroke-linecap="round" - stroke-linejoin="round" - ></path> - <path - d="m.5 4.5h16" - stroke="#706881" - stroke-linecap="round" - stroke-linejoin="round" - ></path> - <g fill="#706881"> - <g> - <circle cx="8.5" cy="8.5" r="1"></circle> - <circle cx="4.5" cy="8.5" r="1"></circle> - <circle cx="12.5" cy="8.5" r="1"></circle> - </g> - <g> - <circle cx="8.5" cy="12.5" r="1"></circle> - <circle cx="4.5" cy="12.5" r="1"></circle> - <circle cx="12.5" cy="12.5" r="1"></circle> - </g> - </g> - </g> - </svg> - <h3>schedule</h3> - </a> - <a - style="margin: 10px" - href="https://script.google.com/a/brown.edu/macros/s/AKfycbw3-4g7pzYS8dgLLu5fHImIXC0Asu7Cqn_DLEGngPdEDRmFgxs/exec" - target="_blank" - class="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 2)" - > - <path d="m5.5.5h6v5h-6z"></path> - <path d="m10.5 11.5h6v5h-6z"></path> - <path d="m.5 11.5h6v5h-6z"></path> - <path d="m3.498 11.5v-3h10v3"></path> - <path d="m8.5 8.5v-3"></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="#706881" - stroke-linecap="round" - stroke-linejoin="round" - transform="translate(2 2)" - > - <path d="m5.5.5h6v5h-6z"></path> - <path d="m10.5 11.5h6v5h-6z"></path> - <path d="m.5 11.5h6v5h-6z"></path> - <path d="m3.498 11.5v-3h10v3"></path> - <path d="m8.5 8.5v-3"></path> - </g> - </svg> - <h3>ux factor</h3> - </a> - </div> - </div> - - <div - class="flex-row" - style="flex-wrap: wrap; align-items: flex-start" - > - <div class="flex-column" style="margin: 25px 10px 0px 10px"> - <h2>course docs</h2> - <a - href="https://docs.google.com/document/d/1XlcD1bA4THmcWBqI607RxwrLY37ZUfIKXdqBBkH2IBc/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(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="#52A25E" - 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" - > - <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="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="#52A25E" - 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" - > - <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="white" - 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="#52A25E" - 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> --> - </div> - - <div - class="flex-column" - style="margin: 25px 10px 0px 10px; align-content: flex-start" - > - <h2>forms</h2> - <!-- <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" - > - <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.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="#52A25E" - 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> - </a> - <a - href="https://forms.gle/5L5CCLRqozXrUnmE8" - 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="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="#52A25E" - 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" - > - <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 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="#52A25E" - 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" - > - <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="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="#52A25E" - 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" - > - <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 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="#52A25E" - 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> - </a> - </div> - </div> - </div> - </div> - - <div - id="schedule" - class="flex-column section" - style="background-color: #2b2a2d" - > - <div class="header flex-row"> - <img src="./CS 1300_files/succulents-02.png" class="succulent-png" /> - <h1 style="color: #a29bba">SCHEDULE</h1> - <img src="./CS 1300_files/succulents-02.png" class="succulent-png" /> - </div> - <div class="important-note"> - <p> - We <strong>strongly recommend</strong> bookmarking this schedule, as - this contains all information regarding assignments, lectures, - studios, and readings. - </p> - </div> - <a - href="https://docs.google.com/spreadsheets/d/e/2PACX-1vRow8i_X8guQpwU_da4y7rwDBbhTeYsUQ2b33MPkezcz2dLOpQxMBzo_6XBYJFTD6mSnT3-FVUsjh6S/pubhtml?gid=1112663023&single=true" - target="_blank" - class="purple-link" - style="margin-bottom: 40px" - > - <h3>link to schedule</h3> - <svg - class="svg-show" - xmlns="http://www.w3.org/2000/svg" - width="26" - height="26" - viewBox="0 0 21 21" - > - <g - fill="none" - fill-rule="evenodd" - stroke="#A29BBA" - stroke-linecap="round" - stroke-linejoin="round" - transform="translate(4 6)" - > - <polyline - points="12.329 7.328 12.328 1.67 6.671 1.669" - transform="scale(1 -1) rotate(45 20.36 0)" - ></polyline> - <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line> - </g> - </svg> - <svg - class="svg-hover" - xmlns="http://www.w3.org/2000/svg" - width="26" - height="26" - viewBox="0 0 21 21" - > - <g - fill="none" - fill-rule="evenodd" - stroke="white" - stroke-linecap="round" - stroke-linejoin="round" - transform="translate(4 6)" - > - <polyline - points="12.329 7.328 12.328 1.67 6.671 1.669" - transform="scale(1 -1) rotate(45 20.36 0)" - ></polyline> - <line x1="13.5" x2=".5" y1="4.5" y2="4.5"></line> - </g> - </svg> - </a> - - <iframe - id="schedule-iframe" - src="./CS 1300_files/pubhtml.html" - ></iframe> - </div> +<head> + <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="styles.css"> - <div - id="calendar" - class="flex-column section" - style="background-color: #cde6cb"> - <div class="header flex-row"> - <img src="./CS 1300_files/succulents-07.png" class="succulent-png" /> - <h1 style="color: #f5ce5b">calendar</h1> - <img src="./CS 1300_files/succulents-07.png" class="succulent-png" /> - </div> - <div class="important-note"> - <p style="color: #2b2a2d; margin-bottom: 10px"> - To subscribe to the course gcal, click - <a - href="https://calendar.google.com/calendar?cid=Y19nMXR0M2lpbjZ2ZDJqcTJlbzFpamJxNmJya0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" - target="_blank" - style="color: #52a25e" - >here</a - >. - </p> - <p style="color: #2b2a2d; margin-bottom: 5px"> - To sign up for TA Hours, please go to - <a - href="https://signmeup.cs.brown.edu/" - target="_blank" - style="color: #52a25e" - >SignMeUp</a - >. - </p> - <h4 - style=" - margin-bottom: 20px; - color: #0e6a3e; - text-transform: uppercase; - font-size: 12px;" - > - (( Zoom links for TA hours will be in the SignMeUp queue )) - </h4> - </div> - <iframe - id="calendar-iframe" - src="./CS 1300_files/embed.html" - style="border: solid 1px #777" - width="800" - height="600" - frameborder="0" - scrolling="no" - ></iframe> - </div> - - <div - id="staff" - class="flex-column section" - style="background-color: #706881" - > - <div class="header flex-row"> - <img src="./CS 1300_files/succulents-06.png" class="succulent-png" /> - <h1 style="color: #2bb673">STAFF</h1> - <img src="./CS 1300_files/succulents-06.png" class="succulent-png" /> - </div> - - <div id="emails" class="flex-row wrap-container"> - <div class="email"> - <h3 style="color: white">uiuxtas@lists.cs.brown.edu</h3> - <h4>(email all TAs, use this by default)</h4> - </div> - <div class="email"> - <h3 style="color: white">uiuxhtas@lists.cs.brown.edu</h3> - <h4>(HTAs, Grad TA, & Jeff)</h4> - </div> - <div class="email"> - <h3 style="color: white">jeff@cs.brown.edu</h3> - <h4>(sensitive issues)</h4> - </div> - </div> - - <div class="shelf flex-column"> - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-jeff.png" - class="ta-cactus" - /> - <img src="assets/bio-photos/jeff.jpg" class="ta-img" /> - </div> - - <div class="flex-column bio-text"> - <h3>[PROFESSOR] JEFF</h3> - <h4> - jeff has been teaching cs 1300 for 8 years ever since its - inception. he’s studying cs and is an amateur farmer👨🌾, plays - keyboard in a local band, and holds the world record for tech - internships! - </h4> - </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - - <div class="shelf flex-column"> - <div class="flex-row ta-wrapper"> - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-sarah.png" - class="ta-cactus" - id="sarah-cactus" - style="margin-bottom: 3px" - /> - <img src="./CS 1300_files/sarah.jpg" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>[HTA] SARAH</h3> - <h4> - hiiii, i'm sarah! i'm a senior studying astrophysics and cs. i - love to do crosswords, drink coffee, cook/bake (guess what i - did in quarantine woo), ski, and make art:) can't wait to meet - you all!! - </h4> - </div> - </div> - - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-laura.png" - class="ta-cactus" - id="laura-cactus" - style="margin-bottom: -20px" - /> - <img src="./CS 1300_files/laura.png" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>[HTA] LAURA</h3> - <h4> - Hi there, I'm Laura! I'm a senior studying computer science - and ~unofficially~ design. I'm also a proud Rhode Islander - 🌊⚓! When I'm not in line at PVDonuts, I enjoy logic puzzles - and wholesome baking shows :) - </h4> - </div> - </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - - <div class="shelf flex-column"> - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-talie.png" - class="ta-cactus" - style="margin-bottom: 5px" - /> - <img src="./CS 1300_files/talie.jpg" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>[GRAD TA] TALIE</h3> - <h4> - Hello I'm Talie. I'm a PhD student working with Jeff on building - systems to improve mental health. You are welcome and encouraged - to come ask me for weird bird facts at any time. - </h4> - </div> - </div> - <img - src="assets/shelf.png" - class="shelf-png" - style="margin-top: -35px" - /> - </div> - - <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>MICHAEL</h3> - <h4> - Ciao, I’m Michael. I was raised in Cleveland, and I’m a - sophomore dabbling into CS, physics, music, and Italian. I - used to play video games professionally (Destiny) and still - play casually today! - </h4> - </div> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-michael.png" - class="ta-cactus" - id="michael-cactus" - style="margin-bottom: -53px" - /> - <img src="./CS 1300_files/michael.jpg" class="ta-img" /> - </div> - </div> - - <div class="ta-box-right flex-row"> - <div class="flex-column bio-text"> - <h3>Felicia</h3> - <h4> - Hi I’m Felicia! I’m a senior studying Cognitive Science from - Long Island. I love anything and everything that has to do - with sharks & a big fan of any food that’s spicy. - </h4> - </div> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-felicia.png" - class="ta-cactus" - id="felicia-cactus" - style="margin-bottom: 20px" - /> - <img src="./CS 1300_files/felicia.png" class="ta-img" /> - </div> - </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - - <div class="shelf flex-column"> - <div class="flex-row ta-wrapper"> - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - id="gabby-cactus" - src="./CS 1300_files/succulents-gabby.png" - class="ta-cactus" - style="margin-bottom: -12px" - /> - <img src="./CS 1300_files/gabby.jpg" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>gabby</h3> - <h4> - Hi! I'm Gabby and I'm a senior studying CS and Art History. - I'm an Animal Crossing villager (come visit Outside!) and a - big fan of oat milk in coffee. - </h4> - </div> - </div> - - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-sophia.png" - class="ta-cactus" - /> - <img src="./CS 1300_files/sophia.jpg" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>sophia</h3> - <h4> - hi! i'm sophia, a senior studying cs and applied math. im a - big fan of anime, kdramas and cdramas, and pushing my - americano consumption to its daily limits :^). - </h4> - </div> - </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - - <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>ifechi</h3> - <h4> - Hi, I'm Ifechi! I'm a junior studying CS & APMA. I enjoy - fitness challenges, binge-watching TV, and eating interesting - foods! - </h4> - </div> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-ifechi.png" - class="ta-cactus" - id="ifechi-cactus" - style="margin-bottom: -50px" - /> - <img src="./CS 1300_files/ifechi.png" class="ta-img" /> - </div> - </div> - - <div class="ta-box-right flex-row"> - <div class="flex-column bio-text"> - <h3>ndunge</h3> - <h4> - Hi, I'm Ndunge! I'm a junior from Pittsburgh studying CS and - Religious Studies. I love all things music and all things food - (: - </h4> - </div> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-ndunge.png" - class="ta-cactus" - id="ndunge-cactus" - style="margin-bottom: 15px" - /> - <img src="./CS 1300_files/ndunge.jpg" class="ta-img" /> - </div> + <title>CS 1300 - UI/UX 2022</title> + <link rel="icon" href="assets/favicon.png" /> + + <script src="script.js" defer></script> +</head> +<body> + <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="assets/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="assets/favicon.png" alt="Our logo image that directs to top of page"/> +<!-- <a class="link" href="#weekly_specials">Weekly Specials</a>--> +<!-- <a class="link" href="#course_info">Course Info</a>--> +<!-- <a class="button" href="#xxx">Weekly Specials</a>--> + <a class="link" href="#full_menu">menu</a> + <a class="link" href="#calendar">calendar</a> + <a class="link" href="#staff">kitchen staff</a> + <a class="link" href="#faq">faqs</a> + </nav> + + <section class="title-flex"> + <article class="title-info-flex"> + <figure class="video-title-wrapper"> + <video src="assets/uiux-logo-blue.mp4" id="video-title" autoplay muted></video> + <div class="hide-border"> + + </div> + </figure> + + <article class="course-title-wrapper"> + <h3 style="font-size: 2rem; font-weight: normal">welcome to</h3> + <h1>csci 1300</h1> + <h3 class="course-name">user interfaces and user experience</h3> + </article> + + + <aside class="business-hours"> + <h3>business hours</h3> + <p>T/Th 1-2:20pm</p> + <p>MacMillan Hall 117</p> + <div><a class="link" href="https://example.com">Zoom Link</a></div> + </aside> + </article> + <figure class="pastries-wrapper"> + <iframe id="connie-pastries" src='https://my.spline.design/cs1300pastries-527b5a4ae57f8e04517708ce6f4dd80e/' frameborder='0'></iframe> + </figure> + </section> + + </header> + + <main> +<!-- <section id="weekly_specials">--> +<!-- <div class="conic-border">--> +<!-- <h2>--> +<!-- Weekly Specials Here--> +<!-- </h2>--> +<!-- </div>--> +<!-- </section>--> + + <section id="important_links" class="section"> + <h2 class="title">important links</h2> + + <div id="helpful-links-box" class="flex-column"> + + <div class="flex-column" style="margin: 0 10px;"> + <h3 class="subtitles">websites</h3> + <a style="margin: 10px;" href="https://piazza.com/class/kcw25izsiei48j" target="_blank" class="helpful-link glow-on-hover"> + <img src="./assets/edstem.png" class="small-icon"> + <h3>edstem →</h3> + </a> + <a style="margin: 10px;" href="https://canvas.brown.edu/" target="_blank" class="helpful-link glow-on-hover"> + <img src="./assets/canvas.png" class="small-icon"> + <h3>canvas →</h3> + </a> + <a style="margin: 10px;" href="https://script.google.com/a/brown.edu/macros/s/AKfycbw3-4g7pzYS8dgLLu5fHImIXC0Asu7Cqn_DLEGngPdEDRmFgxs/exec" target="_blank" class="helpful-link glow-on-hover"> + <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="m5.5.5h6v5h-6z"></path><path d="m10.5 11.5h6v5h-6z"></path><path d="m.5 11.5h6v5h-6z"></path><path d="m3.498 11.5v-3h10v3"></path><path d="m8.5 8.5v-3"></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="m5.5.5h6v5h-6z"></path><path d="m10.5 11.5h6v5h-6z"></path><path d="m.5 11.5h6v5h-6z"></path><path d="m3.498 11.5v-3h10v3"></path><path d="m8.5 8.5v-3"></path></g></svg> + <h3>ux factor →</h3> + </a> + </div> + + <div class="flex-column"> + <h3 class="subtitles">course docs</h3> + <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://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/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/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"> + <h3 class="subtitles">forms</h3> + <!-- <a href="https://forms.gle/jpaWjoDhp7LBfVk27" target="_blank" class="no-border-helpful-link"> + <h3>waitlist form</h3> + </a> --> + <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>studio handin form</h3> + </a> + <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/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/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/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> + </a> + </div> </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - - <div class="shelf flex-column"> - <div class="flex-row ta-wrapper"> - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-miranda.png" - class="ta-cactus" - id="miranda-cactus" - style="margin-bottom: -10px" - /> - <img src="./CS 1300_files/miranda.jpg" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>miranda</h3> - <h4> - Hi guys! I'm Miranda, a junior studying CS. I'm a beginning - pole dancer and Chinese snack enthusiast (latiao anyone?). - </h4> - </div> + </section> + + <section id="full_menu"> + <h2 class="title">menu (schedule)</h2> + <div class="edges important-note"> + <p> + We <strong>strongly recommend</strong> bookmarking this schedule, as + this contains all information regarding assignments, lectures, + studios, and readings. + </p> + <a class="glow-on-hover button" href="https://docs.google.com/spreadsheets/d/e/2PACX-1vRow8i_X8guQpwU_da4y7rwDBbhTeYsUQ2b33MPkezcz2dLOpQxMBzo_6XBYJFTD6mSnT3-FVUsjh6S/pubhtml?gid=1112663023&single=true" target="_blank">link to schedule →</a> </div> - <div class="ta-box-left flex-row"> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-stanley.png" - class="ta-cactus" - id="stanley-cactus" - style="margin-bottom: -5px" - /> - <img src="./CS 1300_files/stanley.jpg" class="ta-img" /> - </div> - <div class="flex-column bio-text"> - <h3>stanley</h3> - <h4> - Hey everyone, my name is Stanley and I'm a senior studying CS - and Music! Normally you can find me drinking coffee and - anxious about society, but in my free time, I like to play - video games and watch TV. I'm excited to be a part of your - UI/UX experience! :D - </h4> - </div> - </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - <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>zach</h3> - <h4>Proud parent of a thriving basil plant.🌱</h4> - </div> - <!-- <div class="img-box"> --> - <img - src="./CS 1300_files/succulents-zach.png" - class="ta-cactus" - /> - <!-- <img src="staff/zach.jpg" class="ta-img"> --> - <!-- </div> --> + <figure class="spreadsheet-wrapper"> + <iframe id="schedule-iframe" class="embedded-iframe" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vR97aOo6hHLDmv_bqzK5ipCBHRUKqnzfox3c0RzjBggOjWAzn0a49S2GxRieW9Cgg/pubhtml?widget=true&headers=false"></iframe> </figure> + </section> + + <section id="calendar"> + <h2 class="title">calendar</h2> + <div class="edges"> + <p style="margin: .5rem 0 1rem 0; padding-left: 10px;"> + To subscribe to the course gcal, click + <a + class="link" + href="https://calendar.google.com/calendar?cid=Y19nMXR0M2lpbjZ2ZDJqcTJlbzFpamJxNmJya0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" + target="_blank" + >here</a + >. + </p> + <p style="padding-left: 10px; margin-bottom: 1rem;"> + To sign up for TA Hours, please go to + <a + class="link" + href="https://hours.cs.brown.edu/" + target="_blank" + >hours</a + >. + </p> </div> - <div class="ta-box-right flex-row"> - <div class="flex-column bio-text"> - <h3>Minna</h3> - <h4> - Hi, I'm Minna! I'm a senior studying APMA & CS. I enjoy - drawing, eating toast with Kalles Kaviar, and knowing nearly - everything there is to know about Pokemon. 😄✌ - </h4> - </div> - <div class="img-box"> - <img - src="./CS 1300_files/succulents-minna.png" - class="ta-cactus" - id="minna-cactus" - style="margin-bottom: -5px" - /> - <img src="./CS 1300_files/minna.jpg" class="ta-img" /> - </div> - </div> - </div> - <img src="assets/shelf.png" class="shelf-png" /> - </div> - </div> - <!-- <div class="shelf flex-column"> - <div class="flex-row"> - <div class="ta-box flex-column"> - <div class="flex-column bio-text"> - <h3 style="color: white;">TA NAME</h3> - <h4>blah blah blah blah blah</h4> - </div> - <img src="images/succulents-02.png" class="ta-cactus"> - </div> - - <div class="ta-box flex-column"> - <div class="flex-column bio-text"> - <h3 style="color: white;">TA NAME</h3> - <h4>blah blah blah blah blah</h4> + <figure class="spreadsheet-wrapper"> + <iframe id="calendar-iframe" class="embedded-iframe" src="https://calendar.google.com/calendar/embed?src=c_igafsu38m7acism73deqltp8s4%40group.calendar.google.com&ctz=America%2FNew_York"></iframe> + </figure> + </section> + + <section id="staff" class="section"> + <h2 class="title">staff</h2> + + <div class="flex-column edges"> + <div id="emails" class="flex-row wrap-container"> + <div class="email"> + <h3 class="subtitles"><a class="link" href="mailto:uiuxtas@lists.cs.brown.edu" target="_blank">uiuxtas@lists.cs.brown.edu</a></h3> + <h4>(email all TAs, use this by default)</h4> + </div> + <div class="email"> + <h3 class="subtitles"><a class="link" href="mailto:uiuxhtas@lists.cs.brown.edu" target="_blank">uiuxhtas@lists.cs.brown.edu</a></h3> + <h4>(HTAs, Grad TA, & Jeff)</h4> + </div> + <div class="email"> + <h3 class="subtitles"><a class="link" href="mailto:jeff@cs.brown.edu" target="_blank">jeff@cs.brown.edu</a></h3> + <h4>(sensitive issues)</h4> + </div> + </div> </div> - <img src="images/succulents-02.png" class="ta-cactus"> - </div> - </div> - <img src="images/shelf.png" class="shelf-png"> - </div> --> - - <div id="faq" class="section" style="background-color: #2b2a2d"> - <div class="header flex-row"> - <img src="./CS 1300_files/succulents-03.png" class="succulent-png" /> - <h1 style="color: #85c87c">F.A.Q</h1> - <img src="./CS 1300_files/succulents-03.png" class="succulent-png" /> - </div> - - <div class="content" style="align-self: center"> - <div> - <h3>Is this course capped?</h3> - <p> - For Fall 2020 we expect to cap the course at about 100 students - for now, but are looking to see if increasing this cap is - compatible with our current plans. If you have not been contacted - by us, then please wait for the shopping period to sign up for the - waitlist after the first day of class, which is also when we will - announce if we can increase the cap. - </p> - - <h3>Is there a waitlist for the course?</h3> - <p> - We will set up a waitlist after the first day of class, which we - will announce in class, and over email to students with the course - in their cart, as well as post on the course website. At that time - we'll know whether we can increase the cap a bit, so will be in a - better position to organize the waitlist. The information about - the waitlist will be sent over email to students with this course - in their cart, announced in the first day of class, and posted on - the website. Decisions about the waitlist will be made within 24 - hours of the waitlist deadline. - </p> - - <h3>Are there prerequisites for the course?</h3> - <p> - This course requires one of the intro CS sequences (CS15/16, - CS17/18, or CS19); you may request an override for the - prerequisites by sending a link to a github repository of work you - did demonstrating use of object-oriented programming, data - structures, and functional programming concepts. If you are on the - waitlist, then include the link there in the question field that - asks for it. Graduate students that have taken courses that cover - these topics should note that on the waitlist form. - </p> - - <h3>Will this course be online or in-person?</h3> - <p> - Online. Lectures will be live online and also available as videos, - and studios will be virtual. Our current plan is to have lecture - videos accessible to any student from Brown (and linked from the - course schedule above) so those not enrolled in the course can - view them. We are planning to have studios at different times - (listed as lab hours), so please select a lab hour suitable for - your time zone. - </p> - - <h3>Will this course be synchronous or asynchronous?</h3> - <p> - The course will be synchronous but lectures will be recorded, and - studios will be offered synchronously but at multiple times. - In-class activities can be completed at your convenience later if - you are not in class. There will be a studio (lab) time for remote - students where the time will be determined after registration to - accommodate students from different timezones. - </p> - - <h3>What will studios be like?</h3> - <p> - Students sign up for studios by selecting the corresponding lab - hour when registering. The studio lab hours will be outside - regular lecture hours. TAs will have an activity prepared for - students in studio, and will be around to give feedback to - students during this time. Students are welcome to work - collaboratively on the studio activities. Work done in studios may - be good starters for your portfolio. - </p> - - <h3> - Can I take this course as a non-CS concentrator or incoming - first-year student? - </h3> - <p> - Usually we have CS 0130 which is designed for non-concentrators - and has no prerequistes. However, this year we are only offering - CS 1300, but you may still enroll in CS 1300 if you satisfy those - even as a non-CS concentrator or online first-year student. - </p> - - <h3>Can I take this course as a RISD student?</h3> - <p> - Usually our course accomodates many RISD students (over 50 RISD - students took CS 0130 in Fall 2019); this year we are not offering - CS 0130 so RISD students should meet the same prerequisites as - Brown students to take CS 1300. - </p> - - <h3>I will miss class on [date]. Can I be excused?</h3> - <p> - We do not take class attendance or deduct points for missing - class, so there's no need to contact the course stuff. In-class - activities can be completed at your convenience later if you are - not in class. - </p> - - <h3>Can I take the course as a capstone?</h3> - <p> - Yes, for a capstone, you should extend an assignment into - something that has substantial development and design components - and release it. For instance, you could take your Iterative Design - prototype and build it fully to the point where it's a deployable - app. This can be done as a group, but the amount of work should be - proportional to the group size. Both juniors and seniors may take - CS 1300 for a capstone. Only the online capstone form needs to be - filled out, which you should already have received via email from - the department earlier in September. The capstone can be done - anytime in the semester, until the end of winter break. - </p> - - <h3>Will there be a textbook for the course?</h3> - <p>No, all readings will be available on this website.</p> - - <h3>Will there be a final exam?</h3> - <p>No, you will complete a portfolio for your final assignment.</p> - - <h3>When is the last day I have to come to class?</h3> - <p>It would be the last day listed on the schedule above.</p> - - <br /> - <br /> - </div> - </div> - </div> - </div> - </body> -</html> + <article class="flex-column"> + <div class="shelf flex-column"> + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/michael.png" + class="ta-pastry" + /> + <img src="assets/bio-photos/jeff.jpg" class="ta-img"/> + </div> + + <div class="flex-column bio-text"> + <h3>[professor] jeff</h3> + <h4> + jeff has been teaching cs 1300 for 10 years ever since its + inception. he’s studying cs and is an amateur farmer👨🌾, plays + keyboard in a local band, and holds the world record for tech + internships! + </h4> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <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>[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" + class="ta-pastry" + id="anika-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/anika.jpg" class="ta-img" /> + </div> + </div> + + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/michael.png" + class="ta-pastry" + id="michael-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/michael.png" class="ta-img" /> + </div> + <div class="flex-column bio-text"> + <h3>[hta] michael</h3> + <h4> + Ciao! Ws only. + </h4> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <div class="shelf flex-column"> + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/tongyu.png" + class="ta-pastry" + id="tongyu-pastry" + /> + <img src="./assets/bio-photos/tongyu.png" class="ta-img" /> + </div> + <div class="flex-column bio-text"> + <h3>[grad ta] tongyu</h3> + <h4> + Hiya, I'm Tongyu! I'm a PhD student working with Jeff on creativity support and specifically drawing/design tools. I doodle with watercolours a lot and play all types of video games except FPSes (they make me dizzy @_@) + </h4> + </div> + </div> + <img + src="./assets/shelf.png" + class="shelf-png" + /> + </div> + + <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>aubrey</h3> + <h4> + Hello!! I'm Aubrey, a senior studying cs. I really like studio Ghibli a decade back and drew half of the storyboard of Spirited Away. I'm also really into skiing and photography :) + </h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/aubrey.png" + class="ta-pastry" + id="aubrey-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/aubrey.jpg" class="ta-img" /> + </div> + </div> + + <div class="ta-box-right flex-row"> + <div class="flex-column bio-text"> + <h3>connie</h3> + <h4> + Fan of Pantone 3435 C 🍉. + </h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/connie.png" + class="ta-pastry" + id="connie-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/connie.jpg" class="ta-img" /> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <div class="shelf flex-column"> + <div class="flex-row ta-wrapper"> + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/dylan.png" + class="ta-pastry" + id="dylan-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/dylan.png" class="ta-img" /> + </div> + <div class="flex-column bio-text"> + <h3>dylan</h3> + <h4> + Hi everyone, I'm so excited to meet all of you :D -- my name is Dylan, I'm a junior at Brown, and I'm from central MA. I enjoy playing with a new JavaScript framework every week and sometimes actually get real work done. In my free time, I enjoy playing competitive Valorant (join Brown's team!), overspending at cafés, and reading. + </h4> + </div> + </div> + + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/isaac.png" + class="ta-pastry" + id="isaac-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/isaac.jpg" class="ta-img" /> + </div> + <div class="flex-column bio-text"> + <h3>isaac</h3> + <h4> + Hi! I'm Isaac, a senior studying cognitive science from California. I enjoy playing the violin, exploring with my electric skateboard, running Brown Esports, and shooting films! + </h4> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <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>jenny</h3> + <h4> + Hey, I am a junior studying CS. Always on the search for cute and elegant designs, places to watch sunsets, and good food! + </h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/jenny.png" + class="ta-pastry" + id="jenny-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/jenny.jpeg" class="ta-img" /> + </div> + </div> + + <div class="ta-box-right flex-row"> + <div class="flex-column bio-text"> + <h3>jessie</h3> + <h4> + hi everyone! i’m jessie, a senior from las vegas studying cs and applied math. i love live music, being outdoors, and drinking matcha lattes. + </h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/jessie.png" + class="ta-pastry" + id="jessie-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/jessica.jpg" class="ta-img" /> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <div class="shelf flex-column"> + <div class="flex-row ta-wrapper"> + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/kelly.png" + class="ta-pastry" + id="kelly-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/kelly.png" class="ta-img" /> + </div> + <div class="flex-column bio-text"> + <h3>kelly</h3> + <h4> + Hello! I am Kelly, a Senior from California concentrating in CS-Econ and EAS. I enjoy digital illustration, listening to J-pop/K-pop, and watching anime/reading manga. I love Salmon, especially in sushi. I also like collecting things. + </h4> + </div> + </div> + + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/lauren.png" + class="ta-pastry" + id="lauren-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/lauren.jpeg" class="ta-img" /> + </div> + <div class="flex-column bio-text"> + <h3>lauren</h3> + <h4> + Hi! My name’s Lauren, and I’m a senior studying CS. I love hiking, traveling, and rom-coms, and I’m super excited to meet y’all! + </h4> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <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>melissa</h3> + <h4>Hi I'm a senior studying CS and IAPA from Vancouver, Canada. I love being in the outdoors skiing, hiking, biking or anything at all. I also enjoy eating honey cruller donuts, reading, and playing the board game Go.</h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/melissa.png" + class="ta-pastry" + id="melissa-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/melissa.jpg" class="ta-img" /> + </div> + </div> + + <div class="ta-box-right flex-row"> + <div class="flex-column bio-text"> + <h3>miku</h3> + <h4> + Hi I'm Miku, a senior concentrating in CS. I am from Bangkok, Thailand. I love tiramisu, strawberry shortcake, macaron, banana bread, cream puff, mille-feuille, baklava, donuts.... .. + </h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/miku.png" + class="ta-pastry" + id="miku-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/miku.png" class="ta-img" /> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + + <div class="shelf flex-column"> + <div class="flex-row ta-wrapper"> + <div class="ta-box-left flex-row"> + <div class="img-box"> + <img + src="./assets/pastry-photos/nick.png" + class="ta-pastry" + id="nick-pastry" id="nick-pastry" + style="margin-bottom: 3px" + /> + <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"> + <div class="flex-column bio-text"> + <h3>sunny</h3> + <h4> + Hello! I am a senior studying CS and Behavioral Decision Sciences. I will be working as a product designer in New York after graduation. I love drawing, owning plushies, and drinking boba (very basic, I know). My dream is to travel around the world while working remotely in the future~ </h4> + </div> + <div class="img-box"> + <img + src="./assets/pastry-photos/sunny.png" + class="ta-pastry" + id="sunny-pastry" + style="margin-bottom: 3px" + /> + <img src="./assets/bio-photos/sunny.jpg" class="ta-img" /> + </div> + </div> + </div> + <img src="./assets/shelf.png" class="shelf-png" /> + </div> + </article> + </section> + + <section id="faq"> + <h2 class="title">FAQ</h2> + + <article class="edges"> + <h3>Is this course capped?</h3> + <p>This year it is not capped. As of today, around 235 students have already been able to register on Courses @ Brown.</p> + + <h3>Is there a waitlist for the course?</h3> + <p>There is no waitlist.</p> + + <h3>Are there prerequisites for the course?</h3> + <p>This course requires one of the intro CS sequences (CSCI 0150/0160, CSCI 0170/0180, CSCI 0190, or CS 0200). CS graduate students are exempt. These prerequisites are also listed on Courses @ Brown</p> + + <h3>Will this course be online or in-person?</h3> + <p>In person. There will be in-person activities during class, and separately, there will be in-person studios (a form of lab) as well during hours outside of class. More information will be available around the beginning of the semester.</p> + + <h3>Can I take this course as a non-CS concentrator or incoming first-year student?</h3> + <p>It's likely that similar course, CSCI 0130, will be offered in Spring 2023, which is designed for non-concentrators and has no prerequistes. If it is offered, it will likely be capped at a limited number of students, and be taught by a Ph.D. student. There is no other information about CSCI 0130 at this time, as it is pending review from a university committee.</p> + + <h3>Can I take CSCI 1300 as a RISD student?</h3> + <p>Yes, but RISD students should meet the same prerequisites as Brown students.</p> + + <h3>I can't enroll in the course, but would like to learn UI/UX. What can I do?</h3> + <p>All Brown and RISD students are welcome to participate in one of the days of UI Camp on September 10-11, an all-day event featuring studios run by our TAs with lunch provided. While priority will be given to students enrolled in the course, we aim to accommodate students not enrolled in the course as well. Both days have similar content, so students should only attend one of the dates. More information will be provided at the start of the semester, but interested students can mark those dates.</p> + + <h3>Could I get an exception to enroll in the course?</h3> + <p>Based on the projected enrollment, we're unlikely to waive prereqs or make exceptions this year, and you should make preparations for an exception not being possible. In the unlikely event that we approve any exceptions, it will be noted here first, and the exception will be approved for everyone in the same situation. The course has a number of assignments and activities that depend on time from external industry guests, as well as limited studio space and TA staff, so there is a limited number of students we are able to accommodate.</p> + + <h3>If I am not enrolled in the course, can I attend lecture?</h3> + <p>It's likely that there will be extra seats in the classroom we have chosen for this semester. None of the course staff is likely to notice non-enrolled students in the classroom.</p> + + <h3>I will miss some or all of the classes. Can I be excused or watch recordings of the classes asynchronously?</h3> + <p>Classes will generally be recorded when possible. We are not checking attendance specifically or deducting points for missed classes but the course is an in-person course so students are responsible for anything that happens in class. There will be in-class activities that provide participation points as part of your grade, but there will be more activities than are needed to get full activity points. You do not need to contact the instructor or TAs for missing class.</p> + + <h3>Can I take the course as a capstone?</h3> + <p>Yes, for a capstone, you should extend an assignment into something that has substantial development and design components and release it. For instance, you could take your Iterative Design prototype and build it fully to the point where it's a deployable app. This can be done as a group, but the amount of work should be proportional to the group size. The capstone can be done anytime in the semester, until the end of winter break.</p> + + <h3>What will studios be like?</h3> + <p>Students sign up for studios by selecting the corresponding lab hour when registering. The studio lab hours will be outside regular lecture hours. TAs will have an activity prepared for students in studio, and will be around to give feedback to students during this time. Students are welcome to work collaboratively on the studio activities. Work done in studios may be good starters for your portfolio.</p> + + <h3>Will there be a textbook for the course?</h3> + <p>No, all readings will be available on this website.</p> + + <h3>Will there be a final exam?</h3> + <p>No, you will complete a portfolio for your final assignment.</p> + + <h3>When is the last day I have to come to class?</h3> + <p>It would be the last day listed on the schedule above.</p> + </article> + + <footer> + <p>3d models forged by <strong>Connie</strong>,<p> + <p>illustrations crafted by <strong>Melissa</strong>,</p> + <p>animated title fabricated by <strong>Isaac</strong>,</p> + <p>all made with <a class="glow-on-hover rainbow" style="color: #FF1493; text-decoration: none; cursor: default;" target="_blank" href="./assets/chicken_ordinance_final1.pdf">♥</a> in Providence</p> + </footer> + </section> + </main> +</body> +</html>
\ No newline at end of file |