diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 1415 |
1 files changed, 1412 insertions, 3 deletions
@@ -9,6 +9,23 @@ <link rel="stylesheet" href="https://use.typekit.net/hta7xia.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="" /> @@ -18,7 +35,7 @@ <div id="nav"> <div> <div id="logo-wrapper"> - <div class="hide-desktop" style="width: 0.5rem;"></div> + <div class="hide-desktop" style="width: 0.5rem"></div> <a href="#welcome"><img src="./images/favicon.png" id="logo" /></a ><a class="hide-desktop" @@ -33,7 +50,13 @@ ><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> + <button + class="hide-desktop" + style="flex: none; margin-right: 1rem" + onclick="toggleNav(!isNavOpen);" + > + Toggle Nav + </button> </div> </div> <hr /> @@ -59,7 +82,1393 @@ <p style="font-size: 2rem">User Interfaces and User Experience</p> </div> </div> - <div id="xxx" style="height: 100vh">content here</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="./CS 1300_files/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> + + <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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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="./CS 1300_files/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> </body> </html> |