|
| 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="/old/f24/schedule/" |
| 76 | + |
| 77 | + 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" |
| 78 | + |
| 79 | + aria-current="page"> |
| 80 | + Schedule |
| 81 | + </a> |
| 82 | + |
| 83 | + <a href="/old/f24/about/" |
| 84 | + |
| 85 | + class="text-amber-50 bg-slate-700 px-3 py-2 text-md font-bold rounded-sm" |
| 86 | + |
| 87 | + aria-current="page"> |
| 88 | + About |
| 89 | + </a> |
| 90 | + |
| 91 | + <a href="https://discord.gg/FPnFFH4GQT" |
| 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 | + Discord |
| 97 | + </a> |
| 98 | + |
| 99 | + </div> |
| 100 | + </div> |
| 101 | + </div> |
| 102 | + |
| 103 | + <!-- Dark mode switch --> |
| 104 | + <div class="text-center sm:translate-x-16 translate-y-1"> |
| 105 | + <div id="theme-toggle" class="relative inline-block m-8" data-state="auto"> |
| 106 | + <div class="relative z-10 flex items-center h-4"> |
| 107 | + <label class="w-16 h-6 pr-4 relative flex items-center justify-end select-none"> |
| 108 | + <input value="light" name="state-d" type="radio" class="opacity-0 absolute block w-full h-full inset-0 cursor-pointer" /> |
| 109 | + <span class="material-symbols-outlined transition-opacity text-black dark:text-white opacity-50 text-lg cursor-pointer"> |
| 110 | + light_mode |
| 111 | + </span> |
| 112 | + </label> |
| 113 | + <label class="w-6 h-6 relative select-none"> |
| 114 | + <input value="auto" name="state-d" type="radio" checked class="opacity-0 absolute block w-full h-full inset-0 cursor-pointer" /> |
| 115 | + <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"> |
| 116 | + Auto |
| 117 | + </span> |
| 118 | + </label> |
| 119 | + <label class="w-16 h-6 pl-4 relative flex items-center select-none"> |
| 120 | + <input value="dark" name="state-d" type="radio" class="opacity-0 absolute block w-full h-full inset-0 cursor-pointer" /> |
| 121 | + <span class="material-symbols-outlined text-black dark:text-white opacity-50 text-lg transition-opacity cursor-pointer"> |
| 122 | + dark_mode |
| 123 | + </span> |
| 124 | + </label> |
| 125 | + </div> |
| 126 | + <div class="absolute top-0 left-1/2 transform -translate-x-1/2"> |
| 127 | + <div class="track w-12 h-4 bg-gray-600 rounded-full shadow-inner"></div> |
| 128 | + <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"> |
| 129 | + </div> |
| 130 | + </div> |
| 131 | + </div> |
| 132 | +</div> |
| 133 | + </div> |
| 134 | + </div> |
| 135 | + |
| 136 | + <!-- TODO: Update this? --> |
| 137 | + <!-- Mobile menu, show/hide based on menu state. --> |
| 138 | + <div class="hidden sm:hidden" id="mobile-menu"> |
| 139 | + <div class="space-y-1 px-2 pb-3 pt-2"> |
| 140 | + <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> |
| 141 | + |
| 142 | + <a href="/old/f24/schedule/" |
| 143 | + |
| 144 | + 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" |
| 145 | + |
| 146 | + aria-current="page"> |
| 147 | + Schedule |
| 148 | + </a> |
| 149 | + |
| 150 | + <a href="/old/f24/about/" |
| 151 | + |
| 152 | + class="text-white bg-gray-700 rounded-md px-3 py-2 text-sm font-bold block" |
| 153 | + |
| 154 | + aria-current="page"> |
| 155 | + About |
| 156 | + </a> |
| 157 | + |
| 158 | + <a href="https://discord.gg/FPnFFH4GQT" |
| 159 | + |
| 160 | + 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" |
| 161 | + |
| 162 | + aria-current="page"> |
| 163 | + Discord |
| 164 | + </a> |
| 165 | + |
| 166 | + </div> |
| 167 | + </div> |
| 168 | +</nav> |
| 169 | + |
| 170 | +<main> |
| 171 | + <div class="container w-3xl mx-auto"> |
| 172 | + <h1 class="font-display font-bold text-4xl text-center pt-16 pb-8">About</h1> |
| 173 | + <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"> |
| 174 | + <p>Intro to Rust Lang (98-008) is intended to provide a swift but 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, and previous completion of 15-122.</p> |
| 175 | +<p>There will be weekly homeworks that are intended to take less than an hour each, so that you have a chance to practice what we have taught in lecture for that week.</p> |
| 176 | +<p>Please contact us with any questions or concerns, by Discord or by email. Thank you for your interest in our course!</p> |
| 177 | +<p><a href="/assets/pdf/syllabus-f24.pdf"><center>View Full Syllabus</center></a></p> |
| 178 | +<h3>Previous Iterations:</h3> |
| 179 | +<ul> |
| 180 | +<li><a href="/old/s24/">S24</a></li> |
| 181 | +<li><a href="https://old-rust-stuco.duvallj.pw/">S22, F22, and S23</a></li> |
| 182 | +</ul> |
| 183 | + |
| 184 | + </article> |
| 185 | +</div> |
| 186 | + |
| 187 | +</main> |
| 188 | +<footer class="relative bottom-0 w-full text-center p-4 pt-8 text-gray-600 text-xs"> |
| 189 | + © 2023–2024 Benjamin Owad, Connor Tsui, and David Rudo. All Rights Reserved. |
| 190 | +</footer> |
| 191 | + |
| 192 | + |
| 193 | +<script src="/assets/js/navbar.js" type="module"></script> |
| 194 | +</body> |
| 195 | +</html> |
0 commit comments