diff options
| -rw-r--r-- | CS 1300.html | 650 | ||||
| -rw-r--r-- | assets/uiux-logo.mp4 | bin | 381644 -> 0 bytes | |||
| -rw-r--r-- | particles.json | 110 | ||||
| -rw-r--r-- | styles.css | 2 |
4 files changed, 0 insertions, 762 deletions
diff --git a/CS 1300.html b/CS 1300.html deleted file mode 100644 index bfe9083..0000000 --- a/CS 1300.html +++ /dev/null @@ -1,650 +0,0 @@ -<!DOCTYPE html> -<!-- saved from url=(0047)https://cs.brown.edu/courses/csci1300/fall2020/ --> -<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - - <title>CS 1300</title> - <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"> - <meta content="width=device-width, initial-scale=1" name="viewport"> - - <!--fonts --> - <link href="./CS 1300_files/css2" rel="stylesheet"> - <script src="./CS 1300_files/jquery.min.js"></script> - -</head> - -<body data-new-gr-c-s-check-loaded="14.1078.0" data-gr-ext-installed=""> - - <div class="flex-row" id="nav-box"> - <div class="wrap-container"> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#course-info" class="nav-link fill-green-1">course info</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#helpful-links" class="nav-link fill-green-3">helpful links</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#schedule" class="nav-link fill-green-2">schedule</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#calendar" class="nav-link fill-green-4">calendar</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#staff" class="nav-link fill-green-1">staff</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#faq" class="nav-link fill-green-3">F.A.Q</a> - </div> - </div> - - <!--hamburger menu (only visible on mobile devices)--> - <div id="sidepanel" class="sidepanel"> - <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#course-info">course info</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#helpful-links">helpful links</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#schedule">schedule</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#calendar">calendar</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#staff">staff</a> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#faq">F.A.Q</a> - </div> - <div id="hamburger-box" class="flex-row" style="display: none;"> - <button id="hamburger-btn" class="openbtn" onclick="openNav()">☰</button> - <h3 style="color: white; position: fixed; top: 20px; right: 15px;">CSCI1300</h3> - </div> - - <script> - // borrowed from https://www.w3schools.com/howto/howto_js_collapse_sidepanel.asp - /* Set the width of the sidebar to 250px (show it) */ - function openNav() { - document.getElementById("sidepanel").style.width = "250px"; - } - - /* Set the width of the sidebar to 0 (hide it) */ - function closeNav() { - document.getElementById("sidepanel").style.width = "0"; - } - </script> - - <div id="homepage" class="section flex-column" style="border: 0; height: 100vh;"> - - <div id="home" class="flex-column"> - <h2 id="welcome">WELCOME TO</h2> - <h2 id="cs1300">CSCI 1300</h2> - <h2 id="uiux">user interfaces and user experience</h2> - <img id="logo" src="./CS 1300_files/big-succulent-08.png"> - </div> - <a href="https://cs.brown.edu/courses/csci1300/fall2020/#course-info" id="chevron" class="flex-row"> - <h3 style="color: rgb(256,256,256,0.5);">learn more</h3> - <svg height="70" viewBox="0 0 21 21" width="70" xmlns="http://www.w3.org/2000/svg"><path d="m8.5.5-4 4-4-4" fill="none" stroke="rgb(256,256,256,0.5)" stroke-linecap="round" stroke-linejoin="round" transform="translate(6 8)"></path></svg> - </a> - </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"> - - <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> - </div> - - - <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" 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> - </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> - </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> --> - </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> - </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 id="guests" 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: #A29BBA">Guests</h1> - <img src="./CS 1300_files/succulents-04.png" class="succulent-png"> - </div> - - <div class="content" style="align-self: center;"> - <p>A huge thank you to all of the guests that have volunteered their time for - lectures, critiques, and portfolio reviews. This course wouldn't be the same without you!</p> - <div class="flex-space-between" id="guest-box"> - <div class="flex-column guest-column"> - <h3 class="add-indent">Aaditya Ailawadhi</h3> - <h3 class="add-indent">Arielle Chapin</h3> - <h3 class="add-indent">Tiffany Chen</h3> - <h3 class="add-indent">Gifford Cheung</h3> - <h3 class="add-indent">Vanessa Cho</h3> - <h3 class="add-indent">Hannah Chow</h3> - - <div class="guest-header"> - <a onclick="toggleBio('davids-bio', 'davids-txt')" class="bio-button"><h4 id="davids-txt">+</h4></a> - <h3>Julia Davids</h3> - <a href="http://www.juliadavids.com/" target="_blank"><h4 class="guest-link">[portfolio]</h4></a> - </div> - <p class="guest-bio" id="davids-bio" style="display: none">Julia Davids is a product designer who specializes in human-centered design for healthcare, wellness, and community. Currently, she is a product designer at Seattle Children’s Hospital.</p> - - <h3 class="add-indent">Zach Deocadiz</h3> - <h3 class="add-indent">Andrew Evans</h3> - - <div class="guest-header"> - <a onclick="toggleBio('giancarlo-bio', 'giancarlo-txt')" class="bio-button"><h4 id="giancarlo-txt">+</h4></a> - <h3>Giana Giancarlo</h3> - </div> - <p class="guest-bio" id="giancarlo-bio" style="display: none">Gianna Giancarlo is VP of Experience Strategy for Hero Digital. She is based out of San Francisco and has created strategy and design for digital experiences across brands, marketing, and products. Previous clients include Twitter, Looker, Tesla, and Sephora. She enjoys hiking, mentoring creative talent, and volunteering with STEM initiatives.</p> - - <h3 class="add-indent">Alex Hadik</h3> - <h3 class="add-indent">Catherine Hong</h3> - </div> - - <div class="flex-column guest-column"> - <h3 class="add-indent">Avalon Hu</h3> - - <div class="guest-header"> - <a onclick="toggleBio('kliman-bio', 'kliman-txt')" class="bio-button"><h4 id="kliman-txt">+</h4></a> - <h3>Clara Kliman-Silver</h3> - </div> - <p class="guest-bio" id="kliman-bio" style="display: none">Clara Kliman-Silver '13 is a Senior UX Researcher at Google, studying design tools and systems. She's worked in a variety of UX research and design roles in the healthcare and artificial intelligence spaces. At Brown she studied cognitive science and linguistics.</p> - - <h3 class="add-indent">Nikolas Klein</h3> - <h3 class="add-indent">Sharon Lo</h3> - <div class="guest-header"> - <h3 class="add-indent">Dominique Moore</h3> - <a href="https://www.linkedin.com/in/dominiqueamoore/" target="_blank"><h4 class="guest-link">[linkedin]</h4></a> - </div> - <h3 class="add-indent">Marlena Morshead</h3> - <h3 class="add-indent">Emily Noffsinger</h3> - <h3 class="add-indent">Marc Sasinski</h3> - - <div class="guest-header"> - <a onclick="toggleBio('song-bio', 'song-txt')" class="bio-button"><h4 id="song-txt">+</h4></a> - <h3>Hyemi Song</h3> - <a href="http://hyemisong.com/" target="_blank"><h4 class="guest-link">[portfolio]</h4></a> - </div> - <p class="guest-bio" id="song-bio" style="display: none">Hyemi Song is a Designer, Researcher, and Multidisciplinary Creator within the world of Design, Art, and Data. Her interests are Data Visualization, Data-Driven Self-Expression, Quantified-Self, Social Network System, and Walking as an Artistic Language. She received a MFA degree from RISD and worked as a Data Visualization Specialist at MIT. Currently, she is working on various design and data projects in Seattle.</p> - - <div class="guest-header"> - <a onclick="toggleBio('tran-bio', 'tran-txt')" class="bio-button"><h4 id="tran-txt">+</h4></a> - <h3>Jessica J. Tran</h3> - <a href="https://www.linkedin.com/in/jessicajtran/" target="_blank"><h4 class="guest-link">[linkedin]</h4></a> - </div> - <p class="guest-bio" id="tran-bio" style="display: none">Jessica J. Tran, Ph.D. is a user experience researcher 2 at Microsoft spearheading customer-driven research and development of tools that empower engineers to talk with customers and realize Microsoft's customer-driven culture. She is passionate about women pursuing STEM careers having earned her Ph.D. in electrical engineering from the University of Washington. For fun she runs long distances like marathons and half-marathons.</p> - - <div class="guest-header"> - <a onclick="toggleBio('zhou-bio', 'zhou-txt')" class="bio-button"><h4 id="zhou-txt">+</h4></a> - <h3>Aobo Zhou</h3> - <a href="https://www.linkedin.com/in/aobozhou/" target="_blank"><h4 class="guest-link">[linkedin]</h4></a> - </div> - <p class="guest-bio" id="zhou-bio" style="display: none">Aobo is a designer loving creating innovative interactions and delightful experiences across screens and tangible products. He is currently an Interaction Designer at Google.</p> - </div> - </div> - - <script> - function toggleBio(bio_id, txt_id) { - var bio = document.getElementById(bio_id); - var txt = document.getElementById(txt_id); - const currBioState = bio.style.display; - bio.style.display = (currBioState === "none") ? "block" : "none"; - txt.innerText = (bio.style.display === "none") ? "+" : "-"; - } - - </script> - </div> - - <br> - <br> - - <!-- <a class="top-link hide" href="" id="js-top"> - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><path d="M12 6H0l6-6z"/></svg> - <span class="screen-reader-text">Back to top</span> - </a> --> - -</div> - - - - - -</body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>
\ No newline at end of file diff --git a/assets/uiux-logo.mp4 b/assets/uiux-logo.mp4 Binary files differdeleted file mode 100644 index 99e6b35..0000000 --- a/assets/uiux-logo.mp4 +++ /dev/null diff --git a/particles.json b/particles.json deleted file mode 100644 index bc57868..0000000 --- a/particles.json +++ /dev/null @@ -1,110 +0,0 @@ -{ - "particles": { - "number": { - "value": 80, - "density": { - "enable": true, - "value_area": 800 - } - }, - "color": { - "value": "#ffffff" - }, - "shape": { - "type": "circle", - "stroke": { - "width": 0, - "color": "#000000" - }, - "polygon": { - "nb_sides": 5 - }, - "image": { - "src": "img/github.svg", - "width": 100, - "height": 100 - } - }, - "opacity": { - "value": 0.5, - "random": false, - "anim": { - "enable": false, - "speed": 1, - "opacity_min": 0.1, - "sync": false - } - }, - "size": { - "value": 3, - "random": true, - "anim": { - "enable": false, - "speed": 40, - "size_min": 0.1, - "sync": false - } - }, - "line_linked": { - "enable": true, - "distance": 150, - "color": "#ffffff", - "opacity": 0.4, - "width": 1 - }, - "move": { - "enable": true, - "speed": 6, - "direction": "none", - "random": false, - "straight": false, - "out_mode": "out", - "bounce": false, - "attract": { - "enable": false, - "rotateX": 600, - "rotateY": 1200 - } - } - }, - "interactivity": { - "detect_on": "canvas", - "events": { - "onhover": { - "enable": true, - "mode": "repulse" - }, - "onclick": { - "enable": true, - "mode": "push" - }, - "resize": true - }, - "modes": { - "grab": { - "distance": 400, - "line_linked": { - "opacity": 1 - } - }, - "bubble": { - "distance": 400, - "size": 40, - "duration": 2, - "opacity": 8, - "speed": 3 - }, - "repulse": { - "distance": 200, - "duration": 0.4 - }, - "push": { - "particles_nb": 4 - }, - "remove": { - "particles_nb": 2 - } - } - }, - "retina_detect": true -}
\ No newline at end of file @@ -273,14 +273,12 @@ title area (animated text and connie's 3d model) margin-bottom: 1rem; left: -15px; user-select: none; - user-focus: none; } #video-title { border-radius: 30px; position: relative; user-select: none; - user-focus: none; } |