Upgrade to python 3 12

.gitignore

@@ -19,3 +19,5 @@ v4-cokapi/backends/javascript/node-v6.0.0-darwin-x64/
 
 # this .gz file is too big to fit into a github repo
 v4-cokapi/backends/java/jdk-8u20-linux-x64.tar.gz
+
+venv

.gitpod.yml

@@ -0,0 +1,10 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+image: gitpod/workspace-python-3.11
+
+tasks:
+  - init: pip install -r requirements.txt
+

Dockerfile

@@ -0,0 +1,17 @@
+FROM python:3.11-slim-bookworm
+
+ENV PORT=5000
+ENV APP_LOCATION=docker
+ENV HOST=0.0.0.0
+
+COPY requirements.txt ./
+
+WORKDIR /v5-unity
+
+RUN pip install -r requirements.txt
+
+COPY . .
+
+EXPOSE 5000
+
+CMD [ "python", "bottle_server.py"]

docker/Dockerfile

@@ -0,0 +1,17 @@
+FROM python:3.11-slim-bookworm
+
+ENV PORT=5000
+ENV APP_LOCATION=docker
+ENV HOST=0.0.0.0
+
+COPY requirements.txt ./
+
+WORKDIR /v5-unity
+
+RUN pip install -r requirements.txt
+
+COPY . .
+
+EXPOSE 5000
+
+CMD [ "python", "bottle_server.py"]

docker/css/basic.css

@@ -0,0 +1,61 @@
+/*
+ * SimpleModal Basic Modal Dialog
+ * http://www.ericmmartin.com/projects/simplemodal/
+ * http://code.google.com/p/simplemodal/
+ *
+ * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
+ */
+
+.basic-modal-content {display:none;}
+
+/* Overlay */
+#simplemodal-overlay {background-color:#000; cursor:wait;}
+
+/* Container */
+.simplemodal-container {
+  height:200px; 
+  width:300px; 
+  color:#bbb; 
+  background-color:#333; 
+  border:4px solid #444; 
+  padding:5px;
+}
+
+.simplemodal-container .simplemodal-data {padding:8px;}
+
+.simplemodal-container code {
+    background:#141414; 
+    border-left:3px solid #65B43D; 
+    color:#bbb; 
+    display:block; 
+    font-size:12px; 
+    margin-bottom:12px; 
+    padding:4px 6px 6px;
+}
+
+.simplemodal-container a {color:#ddd;}
+
+.simplemodal-container a.modalCloseImg {
+    background:url(x.png) no-repeat; 
+    width:25px; 
+    height:29px; 
+    display:inline; 
+    z-index:3200; 
+    position:absolute; 
+    top:-15px; 
+    right:-16px; 
+    cursor:pointer;}
+
+.simplemodal-container h3 {
+    color:#84b8d9;
+    text-align: center;
+}
+
+.feedbacktext {
+    color:#84b8d9;
+}

docker/css/composingprograms.css

@@ -0,0 +1,25 @@
+/*  custom CSS for ../composingprograms.html
+
+    always include this file AFTER pytutor.css
+*/
+
+div.ExecutionVisualizer table#pyCodeOutput {
+  font-size:11pt;
+  white-space: nowrap;
+}
+
+div.ExecutionVisualizer div.stackFrame,
+div.ExecutionVisualizer div.zombieStackFrame {
+  white-space: nowrap;
+}
+
+div.ExecutionVisualizer div.zombieStackFrame {
+  color: #808080;
+}
+
+/* make the left bars thicker and darker */
+div.ExecutionVisualizer div.stackFrame,
+div.ExecutionVisualizer div.highlightedStackFrame {
+  border-left: 2px solid #686f70;
+}
+

docker/css/holistic.css

@@ -0,0 +1,181 @@
+/* Created by Irene Chen (2013) */
+div.HolisticVisualizer div#debug::-webkit-scrollbar {
+    width:9px;
+}
+
+div.HolisticVisualizer div#debug::-webkit-scrollbar-track {
+    -webkit-border-radius:5px;
+    border-radius:5px;
+    background:rgba(0,0,0,0.1);
+}
+
+div.HolisticVisualizer div#debug::-webkit-scrollbar-thumb {
+    -webkit-border-radius:5px;
+    border-radius:5px;
+    background:rgba(0,0,0,0.2);
+}
+
+div.HolisticVisualizer div#debug::-webkit-scrollbar-thumb:hover {
+    background:rgba(0,0,0,0.4);
+}
+
+div.HolisticVisualizer div#debug::-webkit-scrollbar-thumb:window-inactive {
+    background:rgba(0,0,0,0.05);
+}
+
+div.HolisticVisualizer {
+	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 16px;
+}
+
+div.HolisticVisualizer pre {
+	margin: 0;
+}
+
+div.HolisticVisualizer div.control {
+	border :1px solid black;
+	border-radius: 5px;
+	display: block;
+	height: 100px;
+	margin-bottom: 10px;
+	margin-left: 10px;
+	padding: 5px;
+	width: 240px;
+}
+
+div.HolisticVisualizer #wrapper {
+	width: 100%;
+}
+
+div.HolisticVisualizer #left {
+    float: left;
+    overflow-x: scroll;
+    overflow-y: hidden;
+    width: 500px;
+}
+
+div.HolisticVisualizer #right {
+    width: 100%;
+    vertical-align: top;
+}
+
+div.HolisticVisualizer #padder {
+    padding-left: 502px;
+}
+
+div.HolisticVisualizer table#code {
+	border-collapse: collapse;
+	font-family: Courier, monospace;
+	font-size: 11pt;
+	margin: 1px auto;
+	vertical-align: top;
+}
+
+div.HolisticVisualizer #code tr, div.HolisticVisualizer #code td {
+	border-width: 0px;
+	text-overflow:ellipsis;
+    -ms-text-overflow:ellipsis;
+	padding: 0px;
+}
+
+div.HolisticVisualizer #code td.v-hover {
+	background-color: #b0e0e6;
+}
+
+div.HolisticVisualizer div#slider {
+  	border: 1px solid gray;
+  	display: inline-block;
+  	height: 100%;
+  	overflow-x: scroll;
+  	vertical-align: top;
+	width: 100%;
+}
+
+div.HolisticVisualizer div#debugPanel {
+  	display: inline-block;
+  	font-size: 10pt;
+  	height: 400px;
+  	vertical-align: top;
+  	width: 400px;
+}
+
+div.HolisticVisualizer div#debug {
+	height: 90%;
+	overflow: -moz-scrollbars-vertical;
+    overflow-y: scroll;
+}
+
+#altContainer {
+  display: none;
+}
+
+#altVisual {
+}
+
+#holisticTooltip {
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+	background-color: white;
+	border-radius: 10px;
+	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+	display: none;
+    height: auto;
+    padding: 10px;
+    pointer-events: none;
+    position: absolute;
+    width: auto;
+}
+
+#holisticTooltip.hidden {
+    display: none;
+}
+
+#holisticTooltip p {
+    margin: 0;
+    font-family: sans-serif;
+    font-size: 16px;
+    line-height: 20px;
+}
+
+div.HolisticVisualizer path {
+	fill: none;
+	stroke: steelblue;
+	stroke-width: 1;
+}
+
+div.HolisticVisualizer .delimiter {
+ 	stroke: black;
+ 	stroke-opacity: 0.8;
+ 	stroke-width: 1px;
+}
+
+div.HolisticVisualizer .h-hover {
+	fill-opacity: 0;
+ 	stroke: black;
+ 	stroke-opacity: 0;
+ 	stroke-width: 20px;
+}
+
+div.HolisticVisualizer .v-hover {
+	fill-opacity: 0;
+}
+
+div.HolisticVisualizer .v-guide, div.HolisticVisualizer .h-guide {
+ 	stroke: black;
+ 	stroke-opacity: 0.4;
+ 	stroke-width: 1px;
+}
+
+div.HolisticVisualizer .axis path,
+div.HolisticVisualizer .axis line {
+    fill: none;
+    stroke: black;
+    shape-rendering: crispEdges;
+}
+
+div.HolisticVisualizer .axis text {
+    font-family: sans-serif;
+    font-size: 11px;
+}