|
| 1 | +<!doctype html> |
| 2 | +<html lang="en" dir="ltr" |
| 3 | + |
| 4 | + class="antialiased" |
| 5 | + |
| 6 | +> |
| 7 | +<head> |
| 8 | + <meta charset="utf-8"> |
| 9 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 10 | + |
| 11 | + <!-- FONTS --> |
| 12 | + <link rel="preconnect" href="https://fonts.googleapis.com"> |
| 13 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| 14 | + <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap" rel="stylesheet"> |
| 15 | + <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0" /> |
| 16 | + <link href="https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> |
| 17 | + |
| 18 | + <!-- CSS --> |
| 19 | + <link rel="stylesheet" href="/assets/css/main.css"> |
| 20 | + |
| 21 | + <!-- Ferris Favicon --> |
| 22 | + <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png"> |
| 23 | + <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png"> |
| 24 | + <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png"> |
| 25 | + <link rel="manifest" href="/assets/img/site.webmanifest"> |
| 26 | + <link rel="mask-icon" href="/assets/img/safari-pinned-tab.svg" color="#5bbad5"> |
| 27 | + <link rel="shortcut icon" href="/assets/img/favicon.ico"> |
| 28 | + <meta name="msapplication-TileColor" content="#da532c"> |
| 29 | + <meta name="msapplication-config" content="/assets/img/browserconfig.xml"> |
| 30 | + <meta name="theme-color" content="#ffffff"> |
| 31 | + |
| 32 | + <meta name="theme-color" content="#050710"> <!-- todo: get this from somewhere else? --> |
| 33 | + <title>About - Rust Stuco</title> |
| 34 | + <meta name="description" content=> |
| 35 | +</head> |
| 36 | +<body class="dark:text-orange-300 dark:bg-rust-dark-bg"> |
| 37 | + <!-- JS will set the opacity to 100 --> |
| 38 | +<nav id="navbar" class="relative overflow-hidden z-30 hidden"> |
| 39 | + |
| 40 | + <div class="mx-auto max-w-7xl px-6 lg:px-8 font-display"> |
| 41 | + <div class="relative flex h-16 items-center justify-between"> |
| 42 | + <!-- Mobile menu button--> |
| 43 | + <div class="absolute inset-y-0 right-0 flex items-center sm:hidden z-30"> |
| 44 | + <button id="menu-button" href="#" type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false"> |
| 45 | + <span class="absolute -inset-0.5"></span> |
| 46 | + <span class="sr-only">Open main menu</span> |
| 47 | + <!-- |
| 48 | + Icon when menu is closed. |
| 49 | +
|
| 50 | + Menu open: "hidden", Menu closed: "block" |
| 51 | + --> |
| 52 | + <svg id="menu-closed" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> |
| 53 | + <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> |
| 54 | + </svg> |
| 55 | + <!-- |
| 56 | + Icon when menu is open. |
| 57 | +
|
| 58 | + Menu open: "block", Menu closed: "hidden" |
| 59 | + --> |
| 60 | + <svg id="menu-open" class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> |
| 61 | + <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> |
| 62 | + </svg> |
| 63 | + </button> |
| 64 | + </div> |
| 65 | + <div class="flex flex-1"> |
| 66 | + <!-- Branding --> |
| 67 | + <div class="flex items-center relative"> |
| 68 | + <a href="/"> |
| 69 | + <img class="h-8 min-w-[2rem] rounded-md hover:scale-105 active:scale-95 hover:brightness-105 transition-all sepia-[.5]" src="/assets/img/apple-touch-icon.png"> |
| 70 | + </a> |
| 71 | + </div> |
| 72 | + <div class="hidden sm:ml-6 sm:block"> |
| 73 | + <div class="flex space-x-4"> |
| 74 | + |
| 75 | + <a href="/about/" |
| 76 | + |
| 77 | + class="text-amber-50 bg-slate-700 px-3 py-2 text-md font-bold rounded-sm" |
| 78 | + |
| 79 | + aria-current="page"> |
| 80 | + About |
| 81 | + </a> |
| 82 | + |
| 83 | + <a href="https://rust-stuco.github.io/assets/pdf/syllabus-s25.pdf" |
| 84 | + |
| 85 | + class="text-slate-800 dark:text-orange-300 hover:bg-gray-700 hover:text-white rounded-sm px-3 py-2 text-md font-bold transition-all" |
| 86 | + |
| 87 | + aria-current="page"> |
| 88 | + Syllabus |
| 89 | + </a> |
| 90 | + |
| 91 | + <a href="/schedule/" |
| 92 | + |
| 93 | + class="text-slate-800 dark:text-orange-300 hover:bg-gray-700 hover:text-white rounded-sm px-3 py-2 text-md font-bold transition-all" |
| 94 | + |
| 95 | + aria-current="page"> |
| 96 | + Schedule |
| 97 | + </a> |
| 98 | + |
| 99 | + <a href="https://github.com/rust-stuco" |
| 100 | + |
| 101 | + class="text-slate-800 dark:text-orange-300 hover:bg-gray-700 hover:text-white rounded-sm px-3 py-2 text-md font-bold transition-all" |
| 102 | + |
| 103 | + aria-current="page"> |
| 104 | + GitHub |
| 105 | + </a> |
| 106 | + |
| 107 | + <a href="https://discord.gg/FPnFFH4GQT" |
| 108 | + |
| 109 | + class="text-slate-800 dark:text-orange-300 hover:bg-gray-700 hover:text-white rounded-sm px-3 py-2 text-md font-bold transition-all" |
| 110 | + |
| 111 | + aria-current="page"> |
| 112 | + Discord |
| 113 | + </a> |
| 114 | + |
| 115 | + </div> |
| 116 | + </div> |
| 117 | + </div> |
| 118 | + |
| 119 | + <!-- Dark mode switch --> |
| 120 | + <div class="text-center sm:translate-x-16 translate-y-1"> |
| 121 | + <div id="theme-toggle" class="relative inline-block m-8" data-state="auto"> |
| 122 | + <div class="relative z-10 flex items-center h-4"> |
| 123 | + <label class="w-16 h-6 pr-4 relative flex items-center justify-end select-none"> |
| 124 | + <input value="light" name="state-d" type="radio" class="opacity-0 absolute block w-full h-full inset-0 cursor-pointer" /> |
| 125 | + <span class="material-symbols-outlined transition-opacity text-black dark:text-white opacity-50 text-lg cursor-pointer"> |
| 126 | + light_mode |
| 127 | + </span> |
| 128 | + </label> |
| 129 | + <label class="w-6 h-6 relative select-none"> |
| 130 | + <input value="auto" name="state-d" type="radio" checked class="opacity-0 absolute block w-full h-full inset-0 cursor-pointer" /> |
| 131 | + <span class="absolute block text-xs font-bold font-display -top-4 left-1/2 transform -translate-x-1/2 uppercase text-black dark:text-white opacity-50 transition-opacity cursor-pointer"> |
| 132 | + Auto |
| 133 | + </span> |
| 134 | + </label> |
| 135 | + <label class="w-16 h-6 pl-4 relative flex items-center select-none"> |
| 136 | + <input value="dark" name="state-d" type="radio" class="opacity-0 absolute block w-full h-full inset-0 cursor-pointer" /> |
| 137 | + <span class="material-symbols-outlined text-black dark:text-white opacity-50 text-lg transition-opacity cursor-pointer"> |
| 138 | + dark_mode |
| 139 | + </span> |
| 140 | + </label> |
| 141 | + </div> |
| 142 | + <div class="absolute top-0 left-1/2 transform -translate-x-1/2"> |
| 143 | + <div class="track w-12 h-4 bg-gray-600 rounded-full shadow-inner"></div> |
| 144 | + <div class="thumb transition-all duration-300 ease-in-out absolute top-0 left-4 w-4 h-4 bg-white border-2 border-gray-800 rounded-full"> |
| 145 | + </div> |
| 146 | + </div> |
| 147 | + </div> |
| 148 | +</div> |
| 149 | + </div> |
| 150 | + </div> |
| 151 | + |
| 152 | + <!-- TODO: Update this? --> |
| 153 | + <!-- Mobile menu, show/hide based on menu state. --> |
| 154 | + <div class="hidden sm:hidden" id="mobile-menu"> |
| 155 | + <div class="space-y-1 px-2 pb-3 pt-2"> |
| 156 | + <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> |
| 157 | + |
| 158 | + <a href="/about/" |
| 159 | + |
| 160 | + class="text-white bg-gray-700 rounded-md px-3 py-2 text-sm font-bold block" |
| 161 | + |
| 162 | + aria-current="page"> |
| 163 | + About |
| 164 | + </a> |
| 165 | + |
| 166 | + <a href="https://rust-stuco.github.io/assets/pdf/syllabus-s25.pdf" |
| 167 | + |
| 168 | + class="text-gray-800 dark:text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-bold transition-all block" |
| 169 | + |
| 170 | + aria-current="page"> |
| 171 | + Syllabus |
| 172 | + </a> |
| 173 | + |
| 174 | + <a href="/schedule/" |
| 175 | + |
| 176 | + class="text-gray-800 dark:text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-bold transition-all block" |
| 177 | + |
| 178 | + aria-current="page"> |
| 179 | + Schedule |
| 180 | + </a> |
| 181 | + |
| 182 | + <a href="https://github.com/rust-stuco" |
| 183 | + |
| 184 | + class="text-gray-800 dark:text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-bold transition-all block" |
| 185 | + |
| 186 | + aria-current="page"> |
| 187 | + GitHub |
| 188 | + </a> |
| 189 | + |
| 190 | + <a href="https://discord.gg/FPnFFH4GQT" |
| 191 | + |
| 192 | + class="text-gray-800 dark:text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-bold transition-all block" |
| 193 | + |
| 194 | + aria-current="page"> |
| 195 | + Discord |
| 196 | + </a> |
| 197 | + |
| 198 | + </div> |
| 199 | + </div> |
| 200 | +</nav> |
| 201 | + |
| 202 | +<main> |
| 203 | + <div class="container w-3xl mx-auto"> |
| 204 | + <h1 class="font-display font-bold text-4xl text-center pt-16 pb-8">About</h1> |
| 205 | + <article class="prose dark:prose-invert prose-li:my-0 prose-ul:my-0 prose-p:my-0 prose-headings:font-display mx-auto w-full"> |
| 206 | + <p>Intro to Rust Lang (98-008) is intended to provide an approachable introduction to the Rust programming language. We don't expect any previous exposure to the language, but we expect some previous background in C, equivalent to completing the course 15-122.</p> |
| 207 | +<br> |
| 208 | +<p>There will be weekly homeworks that are intended to take around an hour each week so that you have a chance to practice what we have taught in lecture. See the <a href="https://rust-stuco.github.io/assets/pdf/syllabus-s25.pdf">syllabus</a> for more information!</p> |
| 209 | +<br> |
| 210 | +<p>Please contact us with any questions or concerns, either through Piazza or directly via email. Thank you for your interest in our course!</p> |
| 211 | +<h2>Staff (Spring 2025)</h2> |
| 212 | +<p><strong>Instructors</strong></p> |
| 213 | +<ul> |
| 214 | +<li>Connor Tsui ( <a href=" mailto:[email protected]" >[email protected]</a>) </li> |
| 215 | +<li>Jessica Ruan ( <a href=" mailto:[email protected]" >[email protected]</a>) </li> |
| 216 | +</ul> |
| 217 | +<p><strong>TAs</strong></p> |
| 218 | +<ul> |
| 219 | +<li>Fiona Fisher ( <a href=" mailto:[email protected]" >[email protected]</a>) </li> |
| 220 | +<li>Terrance Chen ( <a href=" mailto:[email protected]" >[email protected]</a>) </li> |
| 221 | +</ul> |
| 222 | +<h3>Previous Iterations:</h3> |
| 223 | +<ul> |
| 224 | +<li><a href="/old/f24/">F24</a>: Benjamin Owad, Connor Tsui, David Rudo</li> |
| 225 | +<li><a href="/old/s24/">S24</a>: Benjamin Owad, Connor Tsui, David Rudo</li> |
| 226 | +<li><a href="https://old-rust-stuco.duvallj.pw/">S22, F22, and S23</a>: Jack Duvall, Cooper Pierce</li> |
| 227 | +</ul> |
| 228 | + |
| 229 | + </article> |
| 230 | +</div> |
| 231 | + |
| 232 | +</main> |
| 233 | +<footer class="relative bottom-0 w-full text-center p-4 pt-8 text-gray-600 text-xs"> |
| 234 | + © 2023–2025 Rust STUCO: Originally created by Benjamin Owad, Connor Tsui, and David Rudo. Currently maintained by Connor Tsui and Jessica Ruan. All Rights Reserved. |
| 235 | +</footer> |
| 236 | + |
| 237 | + |
| 238 | +<script src="/assets/js/navbar.js" type="module"></script> |
| 239 | +</body> |
| 240 | +</html> |
0 commit comments