add class reviews

Author: fonsp

Dockerfile

@@ -1,13 +1,13 @@
 # Hi there!
 
-# This Dockerfile does _not_ run the Pluto notebooks. You cannot use it to work on the homework exercises. Instead, take a look at our website to learn how to get started with Pluto: http://computationalthinking.mit.edu . If you want to run a Pluto Container (e.g. for homework) take a look here: https://github.com/JuliaPluto/docker-stacks
+# This Dockerfile does _not_ run the Pluto notebooks. You can _not_ use it to work on the homework exercises. Instead, take a look at our website to learn how to get started with Pluto: http://computationalthinking.mit.edu . If you want to run a Pluto Container (e.g. for homework) take a look here: https://github.com/JuliaPluto/docker-stacks
 
 # This is an internal Dockerfile for the Pluto "@bind server" for the course website. It runs all the sliders, buttons and camera inputs, so that you can interact with them directly on the website, without having to wait for binder or a local Pluto session. 
 # Take a look at https://github.com/JuliaPluto/PlutoSliderServer.jl for more info.
 
 # -fonsi
 
-FROM julia:1.7.2
+FROM julia:1.8.2
 
 # HTTP port
 EXPOSE 1234

src/assets/styles/index.css

@@ -35,6 +35,7 @@
         --fg: #ddd;
         --faded-1: #b3b3b3;
         --faded-2: #999999;
+        
         --sidebar-accent-1: #8b736a;
         --search-bg: #363b33;
         --search-bg-accent: #4d6542;
@@ -52,9 +53,7 @@ body {
     overflow-x: hidden;
     background: hsl(235deg 19% 16%);
     color: var(--pluto-output-color);
-}
-
-body {
+    
     /* background: url(bg.svg); */
     /* background-color: hsl(231deg 14% 57%); */
     /* background-size: cover; */
@@ -71,6 +70,10 @@ h2 {
     font-weight: 800;
 }
 
+h1, h2, h3, h4, h5, h6 {
+    color: var(--pluto-output-h-color);
+}
+
 pre {
     tab-size: 4;
     white-space: pre-wrap;
@@ -240,3 +243,40 @@ a.search-result::before {
     transform: rotate(356.9deg) translate(0px, 0px);
     border-radius: var(--br);
 }
+
+
+.student-feedback .card {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+    margin: 1rem 0rem;
+    border-radius: 0.4rem;
+    padding: 0.2rem 1rem;
+}
+
+@media (prefers-color-scheme: dark) {
+    .student-feedback .card {
+        background: #4b4b4b;
+    }
+}
+.student-feedback .card-container {
+    padding: 4px 16px;
+}
+.student-feedback .card-container::after,
+.student-feedback .row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+.student-feedback .semester {
+    opacity: .6;
+}
+.student-feedback .feedback {
+    /* margin-top: 0.5em; */
+}
+
+.student-feedback {
+    margin-bottom: 4rem;
+}
+
+blockquote.twitter-tweet {
+    margin: 0rem;
+}

src/installation.md

@@ -9,8 +9,8 @@ $(
     begin
         # these special elements will automatically update to read the latest Julia version. See the JavaScript snippet at the bottom of this page to see how it works!
 
-        version = html"<auto-julia-version>1.7.2</auto-julia-version>"
-        pkg_version = html"<auto-julia-version short>1.7</auto-julia-version>"
+        version = html"<auto-julia-version>1.8.2</auto-julia-version>"
+        pkg_version = html"<auto-julia-version short>1.8</auto-julia-version>"
 
         nothing
     end

src/reviews.md

@@ -0,0 +1,65 @@
+---
+title: "Class reviews"
+tags: ["welcome"]
+order: 2.2123
+layout: "md.jlmd"
+---
+
+
+# Student feedback
+
+
+<div class="student-feedback">
+
+$(let
+  feedback = [
+    (
+      "Applications Feedback", 
+      "Spring 2020", 
+      @htl("<p>The Introduction to Computational Thinking with Julia class is a welcome departure from the paradigm of teaching the canonical computer science examples such as sorting algorithms and graph search that are often overused in introductory curricula.</p><p>The class delves into real-world applications from the very beginning in a way that gives students an opportunity to be excited about the possibilities of computer science and mathematical modelling all while learning how to harness the power and elegance of the modern language of Julia.</p>"),
+    ),
+    (
+      "Class Feedback", 
+      "Spring 2020", 
+      @htl("<p>This is one of the best classes I have ever taken. I like how the content is divided into four main real-world applications of computational thinking, which made learning very enjoyable and also made working with Julia easier for me.</p><p>I also found it amazing that this class provided applications of topics in differential equations and linear algebra classes and added a new way to view them. Unfortunately, I haven't found a similar class on computational thinking for the spring as the skills I gain are very practical and needed in research (I was impressed by the number of MISTI research opportunities that asked for experience with agent-based modeling or modeling in general.)</p>"),
+    ),
+    (
+      "Website Feedback", 
+      "Spring 2020", 
+      @htl("<p>The class website made the class lectures and homework easy to find in addition to the GitHub page and canvas. - The Discord channel and Piazza also made it easier to ask questions and see other students' questions and comments. - The feedback for assignments was very clear, and the instructors were willing to explain my mistakes further by email.</p>"),
+    ),
+    (
+      "Lecture Feedback", 
+      "Spring 2020", 
+      @htl("<p>The synchronous lectures were very comfortable, and the instructors encouraged us to ask questions.</p>"),
+    )
+  ]
+  
+  [
+    @htl("""
+    <div class="card">
+    <div class="card-container">
+    <h3 class="title">$(f[1])
+    </h3>
+    <div class="semester">$(f[2])
+    </div>
+    $(f[3])
+    </div>
+    </div>
+    """)
+    for f in feedback
+  ]
+end)
+
+</div>
+
+# What other people are saying
+
+<blockquote class="twitter-tweet"><a style="font-size:1.2em" href="https://medium.com/towards-artificial-intelligence/mits-free-online-course-to-learn-julia-the-rising-star-b00a0e762dfc">MIT's  Free Online Course to Learn Julia — The Rising Star</a> &mdash; <em>Review of 18.S191 by Towards AI Newsletter</em></blockquote>
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">the course is exceptional🎇🎇🎇</p>&mdash; YT Cai (@Yitao_CAI) <a href="https://twitter.com/Yitao_CAI/status/1338877387510059014?ref_src=twsrc%5Etfw">December 15, 2020</a></blockquote>
+
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">I cannot recommend this class enough, it’s awesome. <a href="https://t.co/4BsBEygeLd">https://t.co/4BsBEygeLd</a></p><br>&mdash; James Doss-Gollin (@jdossgollin) <a href="https://twitter.com/jdossgollin/status/1339013228194451456?ref_src=twsrc%5Etfw">December 16, 2020</a></blockquote> 
+
+
+<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>