_scss/font-awesome/solid.scss

+/*!
+ * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+@import 'functions';
+@import 'variables';
+
+:root, :host {
+  --#{$fa-css-prefix}-style-family-classic: '#{ $fa-style-family }';
+  --#{$fa-css-prefix}-font-solid: normal 900 1em/1 '#{ $fa-style-family }';
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: $fa-font-display;
+  src: url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
+    url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype');
+}
+
+.fas,
+.#{$fa-css-prefix}-solid {
+  font-weight: 900;
+}

_scss/font-awesome/v4-shims.scss

+/*!
+ * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+// V4 shims compile (Web Fonts-based)
+// -------------------------
+
+@import 'functions';
+@import 'variables';
+@import 'shims';

_scss/mermaid/class.scss

-g.classGroup text {
-  fill: $nodeBorder;
-  stroke: none;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 10px;
-}
-
-g.classGroup rect {
-  fill: $nodeBkg;
-  stroke: $nodeBorder;
-}
-
-g.classGroup line {
-  stroke: $nodeBorder;
-  stroke-width: 1;
-}
-
-.classLabel .box {
-  stroke: none;
-  stroke-width: 0;
-  fill: $nodeBkg;
-  opacity: 0.5;
-}
-
-.classLabel .label {
-  fill: $nodeBorder;
-  font-size: 10px;
-}
-
-.relation {
-  stroke: $nodeBorder;
-  stroke-width: 1;
-  fill: none;
-}
-
-@mixin composition {
-  fill: $nodeBorder;
-  stroke: $nodeBorder;
-  stroke-width: 1;
-}
-
-#compositionStart {
-  @include composition;
-}
-
-#compositionEnd {
-  @include composition;
-}
-
-@mixin aggregation {
-  fill: $nodeBkg;
-  stroke: $nodeBorder;
-  stroke-width: 1;
-}
-
-#aggregationStart {
-  @include aggregation;
-}
-
-#aggregationEnd {
-  @include aggregation;
-}
-
-#dependencyStart {
-  @include composition;
-}
-
-#dependencyEnd {
-  @include composition;
-}
-
-#extensionStart {
-  @include composition;
-}
-
-#extensionEnd {
-  @include composition;
-}

_scss/mermaid/dark/index.scss

-$mainBkg: #BDD5EA;
-$secondBkg: #6D6D65;
-$mainContrastColor: lightgrey;
-$darkTextColor: #323D47;
-$lineColor: $mainContrastColor;
-$border1: #81B1DB;
-$border2: rgba(255, 255, 255, 0.25);
-$arrowheadColor: $mainContrastColor;
-
-/* Flowchart variables */
-
-$nodeBkg: $mainBkg;
-$nodeBorder: purple;
-$clusterBkg: $secondBkg;
-$clusterBorder: $border2;
-$defaultLinkColor: $lineColor;
-$titleColor: #F9FFFE;
-$edgeLabelBackground: #e8e8e8;
-
-/* Sequence Diagram variables */
-
-$actorBorder: $border1;
-$actorBkg: $mainBkg;
-$actorTextColor: black;
-$actorLineColor: $mainContrastColor;
-$signalColor: $mainContrastColor;
-$signalTextColor: $mainContrastColor;
-$labelBoxBkgColor: $actorBkg;
-$labelBoxBorderColor: $actorBorder;
-$labelTextColor: $mainContrastColor;
-$noteBorderColor: $border2;
-$noteBkgColor: #fff5ad;
-
-/* Gantt chart variables */
-
-$sectionBkgColor: rgba(255, 255, 255, 0.3);
-$altSectionBkgColor: white;
-$sectionBkgColor2: #EAE8B9;
-$taskBorderColor: rgba(255, 255, 255, 0.5);
-$taskBkgColor: $mainBkg;
-$taskTextColor: $darkTextColor;
-$taskTextLightColor: $mainContrastColor;
-$taskTextOutsideColor: $taskTextLightColor;
-$activeTaskBorderColor: rgba(255, 255, 255, 0.5);
-$activeTaskBkgColor: #81B1DB;
-$gridColor: $mainContrastColor;
-$doneTaskBkgColor: $mainContrastColor;
-$doneTaskBorderColor: grey;
-$critBorderColor: #E83737;
-$critBkgColor: #E83737;
-$taskTextDarkColor: $darkTextColor;
-$todayLineColor: #DB5757;
-
-@import '../mermaid';

_scss/mermaid/default/index.scss

-$mainBkg: #ECECFF;
-$secondBkg: #ffffde;
-$lineColor: #333333;
-$border1: #CCCCFF;
-$border2: #aaaa33;
-$arrowheadColor: #333333;
-
-/* Flowchart variables */
-
-$nodeBkg: $mainBkg;
-$nodeBorder: #9370DB;
-$clusterBkg: $secondBkg;
-$clusterBorder: $border2;
-$defaultLinkColor: $lineColor;
-$titleColor: #333;
-$edgeLabelBackground: #e8e8e8;
-
-/* Sequence Diagram variables */
-
-$actorBorder: $border1;
-$actorBkg: $mainBkg;
-$actorTextColor: black;
-$actorLineColor: grey;
-$signalColor: #333;
-$signalTextColor: #333;
-$labelBoxBkgColor: $actorBkg;
-$labelBoxBorderColor: $actorBorder;
-$labelTextColor: $actorTextColor;
-$noteBorderColor: $border2;
-$noteBkgColor: #fff5ad;
-
-/* Gantt chart variables */
-
-$sectionBkgColor: rgba(102, 102, 255, 0.49);
-$altSectionBkgColor: white;
-$sectionBkgColor2: #fff400;
-$taskBorderColor: #534fbc;
-$taskBkgColor: #8a90dd;
-$taskTextLightColor: white;
-$taskTextColor: $taskTextLightColor;
-$taskTextDarkColor: black;
-$taskTextOutsideColor: $taskTextDarkColor;
-$activeTaskBorderColor: #534fbc;
-$activeTaskBkgColor: #bfc7ff;
-$gridColor: lightgrey;
-$doneTaskBkgColor: lightgrey;
-$doneTaskBorderColor: grey;
-$critBorderColor: #ff8888;
-$critBkgColor: red;
-$todayLineColor: red;
-
-@import '../mermaid';

_scss/mermaid/flowchart.scss

-.label {
-  font-family: 'trebuchet ms', verdana, arial;
-  color: #333;
-}
-
-.node rect,
-.node circle,
-.node ellipse,
-.node polygon {
-  fill: $mainBkg;
-  stroke: $nodeBorder;
-  stroke-width: 1px;
-}
-
-.node.clickable {
-  cursor: pointer;
-}
-
-.arrowheadPath {
-  fill: $arrowheadColor;
-}
-
-.edgePath .path {
-  stroke: $lineColor;
-  stroke-width: 1.5px;
-}
-
-.edgeLabel {
-  background-color: $edgeLabelBackground;
-}
-
-.cluster rect {
-  fill: $secondBkg !important;
-  stroke: $clusterBorder !important;
-  stroke-width: 1px !important;
-}
-
-.cluster text {
-  fill: $titleColor;
-}
-
-div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 12px;
-  background: $secondBkg;
-  border: 1px solid $border2;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100;
-}

_scss/mermaid/forest/index.scss

-$mainBkg: #cde498;
-$secondBkg: #cdffb2;
-$lineColor: #1a3318;
-$lineColor: green;
-$border1: #13540c;
-$border2: #6eaa49;
-$arrowheadColor: green;
-
-/* Flowchart variables */
-
-$nodeBkg: $mainBkg;
-$nodeBorder: $border1;
-$clusterBkg: $secondBkg;
-$clusterBorder: $border2;
-$defaultLinkColor: $lineColor;
-$titleColor: #333;
-$edgeLabelBackground: #e8e8e8;
-
-/* Sequence Diagram variables */
-
-$actorBorder: $border1;
-$actorBkg: $mainBkg;
-$actorTextColor: black;
-$actorLineColor: grey;
-$signalColor: #333;
-$signalTextColor: #333;
-$labelBoxBkgColor: $actorBkg;
-$labelBoxBorderColor: #326932;
-$labelTextColor: $actorTextColor;
-$noteBorderColor: $border2;
-$noteBkgColor: #fff5ad;
-
-/* Gantt chart variables */
-
-$sectionBkgColor: #6eaa49;
-$altSectionBkgColor: white;
-$sectionBkgColor2: #6eaa49;
-$taskBorderColor: $border1;
-$taskBkgColor: #487e3a;
-$taskTextLightColor: white;
-$taskTextColor: $taskTextLightColor;
-$taskTextDarkColor: black;
-$taskTextOutsideColor: $taskTextDarkColor;
-$activeTaskBorderColor: $taskBorderColor;
-$activeTaskBkgColor: $mainBkg;
-$gridColor: lightgrey;
-$doneTaskBkgColor: lightgrey;
-$doneTaskBorderColor: grey;
-$critBorderColor: #ff8888;
-$critBkgColor: red;
-$todayLineColor: red;
-
-@import '../mermaid';

_scss/mermaid/gantt.scss

-/** Section styling */
-
-.section {
-  stroke: none;
-  opacity: 0.2;
-}
-
-.section0 {
-  fill: $sectionBkgColor;
-}
-
-.section2 {
-  fill: $sectionBkgColor2;
-}
-
-.section1,
-.section3 {
-  fill: $altSectionBkgColor;
-  opacity: 0.2;
-}
-
-.sectionTitle0 {
-  fill: $titleColor;
-}
-
-.sectionTitle1 {
-  fill: $titleColor;
-}
-
-.sectionTitle2 {
-  fill: $titleColor;
-}
-
-.sectionTitle3 {
-  fill: $titleColor;
-}
-
-.sectionTitle {
-  text-anchor: start;
-  font-size: 11px;
-  text-height: 14px;
-}
-
-
-/* Grid and axis */
-
-.grid .tick {
-  stroke: $gridColor;
-  opacity: 0.3;
-  shape-rendering: crispEdges;
-}
-
-.grid path {
-  stroke-width: 0;
-}
-
-
-/* Today line */
-
-.today {
-  fill: none;
-  stroke: $todayLineColor;
-  stroke-width: 2px;
-}
-
-
-/* Task styling */
-
-
-/* Default task */
-
-.task {
-  stroke-width: 2;
-}
-
-.taskText {
-  text-anchor: middle;
-  font-size: 11px;
-}
-
-.taskTextOutsideRight {
-  fill: $taskTextDarkColor;
-  text-anchor: start;
-  font-size: 11px;
-}
-
-.taskTextOutsideLeft {
-  fill: $taskTextDarkColor;
-  text-anchor: end;
-  font-size: 11px;
-}
-
-
-/* Specific task settings for the sections*/
-
-.taskText0,
-.taskText1,
-.taskText2,
-.taskText3 {
-  fill: $taskTextColor;
-}
-
-.task0,
-.task1,
-.task2,
-.task3 {
-  fill: $taskBkgColor;
-  stroke: $taskBorderColor;
-}
-
-.taskTextOutside0,
-.taskTextOutside2,
-{
-  fill: $taskTextOutsideColor;
-}
-
-.taskTextOutside1,
-.taskTextOutside3 {
-  fill: $taskTextOutsideColor;
-}
-
-
-/* Active task */
-
-.active0,
-.active1,
-.active2,
-.active3 {
-  fill: $activeTaskBkgColor;
-  stroke: $activeTaskBorderColor;
-}
-
-.activeText0,
-.activeText1,
-.activeText2,
-.activeText3 {
-  fill: $taskTextDarkColor !important;
-}
-
-
-/* Completed task */
-
-.done0,
-.done1,
-.done2,
-.done3 {
-  stroke: $doneTaskBorderColor;
-  fill: $doneTaskBkgColor;
-  stroke-width: 2;
-}
-
-.doneText0,
-.doneText1,
-.doneText2,
-.doneText3 {
-  fill: $taskTextDarkColor !important;
-}
-
-
-/* Tasks on the critical line */
-
-.crit0,
-.crit1,
-.crit2,
-.crit3 {
-  stroke: $critBorderColor;
-  fill: $critBkgColor;
-  stroke-width: 2;
-}
-
-.activeCrit0,
-.activeCrit1,
-.activeCrit2,
-.activeCrit3 {
-  stroke: $critBorderColor;
-  fill: $activeTaskBkgColor;
-  stroke-width: 2;
-}
-
-.doneCrit0,
-.doneCrit1,
-.doneCrit2,
-.doneCrit3 {
-  stroke: $critBorderColor;
-  fill: $doneTaskBkgColor;
-  stroke-width: 2;
-  cursor: pointer;
-  shape-rendering: crispEdges;
-}
-
-.doneCritText0,
-.doneCritText1,
-.doneCritText2,
-.doneCritText3 {
-  fill: $taskTextDarkColor !important;
-}
-
-.activeCritText0,
-.activeCritText1,
-.activeCritText2,
-.activeCritText3 {
-  fill: $taskTextDarkColor !important;
-}
-
-.titleText {
-  text-anchor: middle;
-  font-size: 18px;
-  fill: $taskTextDarkColor;
-}

_scss/mermaid/git.scss

-.commit-id,
-.commit-msg,
-.branch-label {
-  fill: lightgrey;
-  color: lightgrey;
-}

_scss/mermaid/mermaid.scss

-@import 'flowchart';
-@import 'sequence';
-@import 'gantt';
-@import 'class';
-@import 'git';

_scss/mermaid/neutral/index.scss

-$mainBkg: #eee;
-$contrast: #26a;
-$secondBkg: lighten($contrast, 55%);
-$lineColor: #666;
-$border1: #999;
-$border2: $contrast;
-$note: #ffa;
-$text: #333;
-$critical: #d42;
-$done: #bbb;
-$arrowheadColor: #333333;
-
-/* Flowchart variables */
-
-$nodeBkg: $mainBkg;
-$nodeBorder: $border1;
-$clusterBkg: $secondBkg;
-$clusterBorder: $border2;
-$defaultLinkColor: $lineColor;
-$titleColor: $text;
-$edgeLabelBackground: white;
-
-/* Sequence Diagram variables */
-
-$actorBorder: $border1;
-$actorBkg: $mainBkg;
-$actorTextColor: $text;
-$actorLineColor: $lineColor;
-$signalColor: $text;
-$signalTextColor: $text;
-$labelBoxBkgColor: $actorBkg;
-$labelBoxBorderColor: $actorBorder;
-$labelTextColor: white;
-$noteBorderColor: darken($note, 60%);
-$noteBkgColor: $note;
-
-/* Gantt chart variables */
-
-$sectionBkgColor: lighten($contrast, 30%);
-$altSectionBkgColor: white;
-$sectionBkgColor2: lighten($contrast, 30%);
-$taskBorderColor: darken($contrast, 10%);
-$taskBkgColor: $contrast;
-$taskTextLightColor: white;
-$taskTextColor: $taskTextLightColor;
-$taskTextDarkColor: $text;
-$taskTextOutsideColor: $taskTextDarkColor;
-$activeTaskBorderColor: $taskBorderColor;
-$activeTaskBkgColor: $mainBkg;
-$gridColor: lighten($border1, 30%);
-$doneTaskBkgColor: $done;
-$doneTaskBorderColor: $lineColor;
-$critBkgColor: $critical;
-$critBorderColor: darken($critBkgColor, 10%);
-$todayLineColor: $critBkgColor;
-
-@import '../mermaid';

_scss/mermaid/sequence.scss

-.actor {
-  stroke: $actorBorder;
-  fill: $actorBkg;
-}
-
-text.actor {
-  fill: $actorTextColor;
-  stroke: none;
-}
-
-.actor-line {
-  stroke: $actorLineColor;
-}
-
-.messageLine0 {
-  stroke-width: 1.5;
-  stroke-dasharray: '2 2';
-  marker-end: 'url(#arrowhead)';
-  stroke: $signalColor;
-}
-
-.messageLine1 {
-  stroke-width: 1.5;
-  stroke-dasharray: '2 2';
-  stroke: $signalColor;
-}
-
-#arrowhead {
-  fill: $signalColor;
-}
-
-#crosshead path {
-  fill: $signalColor !important;
-  stroke: $signalColor !important;
-}
-
-.messageText {
-  fill: $signalTextColor;
-  stroke: none;
-}
-
-.labelBox {
-  stroke: $labelBoxBorderColor;
-  fill: $labelBoxBkgColor;
-}
-
-.labelText {
-  fill: $labelTextColor;
-  stroke: none;
-}
-
-.loopText {
-  fill: $labelTextColor;
-  stroke: none;
-}
-
-.loopLine {
-  stroke-width: 2;
-  stroke-dasharray: '2 2';
-  marker-end: 'url(#arrowhead)';
-  stroke: $labelBoxBorderColor;
-}
-
-.note {
-  //stroke: #decc93;
-  stroke: $noteBorderColor;
-  fill: $noteBkgColor;
-}
-
-.noteText {
-  fill: black;
-  stroke: none;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
-}

_scss/type-on-strap.scss

+/* TYPE_ON_STRAP Main style sheet */
+
+/* External */
+// CSS from external sources
+@import 'external/font-awesome';
+
+// Other files ...
+

academic-conduct.md

 ---
 layout: default
+title: Academic Conduct
+description: Expectations regarding plagiarism, LLM use and so on
 (no)warning: old
 ---
 
@@ -37,8 +39,8 @@ others, but also their rights to those ideas. It is therefore
 essential that we take the utmost care that the ideas (and the
 expressions of those ideas) of others always be handled appropriately,
 and, where necessary, cited. This is an issue of [Citational
-Justice](nature.com/articles/d41586-022-00793-1), and a core value of
-this course. 
+Justice](https://nature.com/articles/d41586-022-00793-1), and a core value of
+this course. It is also in line with the disability justice values of the course. 
 
 When ideas or materials of others are
 used (particularly in your creative projects), they must be cited. The
@@ -82,6 +84,38 @@ To facilitate this, and to be very clear
   assignment) without appropriately crediting the source as described above in <q>Honesty and Respect in Communications</q>
 - You must credit a classmate when their advice had a significant intellectual impact on what you did
 
+# Generative AI
+
+It is hard to find someone who has not heard about ChatGPT and related tools, and these tools are undeniably useful for generating ideas, providing suggestions, and more. However, we recommend that you use generative AI in moderation. Generative AI can help you to summarize text, improve grammar, write code, collect relevant resources to read, and generate ideas. It can also [lead you to misinformation](https://medium.com/@emilymenonbender/cleaning-up-a-baby-peacock-sullied-by-a-non-information-spill-d2e2aa642134) and is generally less powerful than the hype might lead you to believe, as eloquently described by UW faculty member Emily Bender in her [Seattle Times OpEd](https://www.seattletimes.com/opinion/look-behind-the-curtain-dont-be-dazzled-by-claims-of-artificial-intelligence/). AI can be **biased** ([including disability bias](https://www.youtube.com/watch?v=XFgGEfWf3UY)), **flat out wrong**, is built on writing by other people that it **might plagiarize** and probably doesn't know much about this course or how to do well in it. If you are interested in learning more about generative AI's limitations, here is a [helpful repository](https://faculty.washington.edu/ebender/media/).
+
+In addition to the abovementioned concerns, if you start to rely solely on generative AI, you may limit your own development in critical thinking and writing, and if the results are that your writing is narrower and shallower in scope this may impact your grade.
+
+In this class, we will ask you to follow these ethical guidelines when using generative AI such as ChatGPT. **NOTE** this policy most likely will evolve over the quarter, since this is such a new situation. I will announce modifications and expect you to abide by them. 
+
+1. You may use generative AI for assignments and exams unless I specify that it may not be used. If guidelines are provided you should additionally follow those guidelines.
+2. Unlike blog posts and research articles, you do not need to attribute artifacts/quote text or label code produced by generative AI when you use it. However, you must do the following or you will face academic consequences including but not limited to failing an assignment or an exam.
+  - You must cite the AI program you used in the artifact you hand in
+  - If it copies text from other sources and you don’t put that text in quotes and provide proper attribution, you will be held accountable for that.
+  - If it provides ideas closely based on other sources and you don't cite those sources, you will be held accountable for that.
+  - You must still comply with the academic integrity policies of the institution. This includes refraining from using generative AI to plagiarize or cheat. For example, you may not use AI to create fake data (accessibility reviews,  interview data, user data, etc.) and pass that off as based on real people. 
+3. You will be held to the same standards when you use generative AI as for any assignment, regardless of whether you or the AI created something, including:
+  - If you turn in artifacts that are not accessible, you will be graded accordingly
+  - If you turn in artifacts that contain false or incomplete claims, you will be graded accordingly
+  - If you turn in code that does not compile or is incomplete, you will be graded accordingly
+  - You will be graded based on the critical thinking and writing skills, accuracy, and accessibility of the things that you produce.
+
+Breaking the rules above, or generally using AI tools in ways that
+are nefarious or unacknowledged, is academic misconduct and may be
+subject to the misconduct policies detailed here.
+
+
+Also please note that using such tools has consequences unrelated to your schoolwork. For example, generative AI models use an [enormous amount of water](https://arxiv.org/pdf/2304.03271.pdf) and [energy](https://www.nature.com/articles/d41586-023-00843-2): ``ChatGPT needs to “drink” a 500ml bottle of water for a simple conversation of roughly
+20-50 questions and answers, depending on when and where ChatGPT is deployed.''
+In addition, you are probably donating your data to the companies that deployed them. Please take reasonable steps to avoid making our assignments easier in future iterations of the course (e.g., once the tool provides a correct answer, don't give it positive feedback).
+
+To summarize, you may use generative AI unless otherwise specified. However, you must use it ethically, check its work, and ensure that you do not cheat or plagiarize when using it. Further, you will most likely not receive a high grade if you rely on it to the exclusion of your own critical thinking, writing and accessibility skills. 
+
+
 # Privacy and Fair Use
 
 To support an academic environment of rigorous discussion and open

assets/css/site.scss

@@ -3,9 +3,7 @@
 ---
 @charset "utf-8";
 
-$fa-font-path: "../fonts/font-awesome/";
-@import 'fontawesome.all.min.css';
-@import "{{site.theme}}";
+@import 'font-awesome/font-awesome';
 
 $font-size-base: 1rem;
 $headings-font-weight: 500;
@@ -15,6 +13,4 @@ $icon-font-path: "{{ site.github.url }}/assets/fonts/bootstrap";
 
 @import "bootstrap/bootstrap";
 
-@import "mermaid/dark/index";
-@import "mermaid/mermaid";
-
+@import "jekyll-theme-cayman";