Use Binder with Quarto

.binder/.jupyter/jupyter_notebook_config.py

@@ -0,0 +1,13 @@
+# Traitlet configuration file for jupyter-notebook.
+
+c.ServerProxy.servers = {
+    'vscode': {
+        'command': ['code-server', '--auth', 'none', '--disable-telemetry', '--port={port}', '.'],
+        'timeout': 300,
+        'launcher_entry': {
+            'enabled': True,
+            'icon_path': '.jupyter/vscode.svg',
+            'title': 'VS Code',
+        },
+    },
+}

.binder/apt.txt

@@ -0,0 +1 @@
+zip

.binder/postBuild

@@ -0,0 +1,92 @@
+#!/bin/bash -v
+
+cp -R .binder/.jupyter .
+
+# determine which version of Quarto to install
+QUARTO_VERSION=1.4.550
+
+# See whether we need to lookup a Quarto version
+if [ $QUARTO_VERSION = "prerelease" ]; then
+	QUARTO_JSON="_prerelease.json"
+elif [ $QUARTO_VERSION = "release" ]; then
+	QUARTO_JSON="_download.json"
+fi
+
+if [ "$QUARTO_JSON" != "" ]; then
+
+# create a python script and run it
+PYTHON_SCRIPT=_quarto_version.py
+if [ -e $PYTHON_SCRIPT ]; then
+	rm -rf $PYTHON_SCRIPT
+fi
+
+cat > $PYTHON_SCRIPT <<EOF
+import urllib, json
+
+import urllib.request, json
+with urllib.request.urlopen("https://quarto.org/docs/download/${QUARTO_JSON}") as url:
+	data = json.load(url)
+	print(data['version'])
+
+EOF
+
+QUARTO_VERSION=$(python $PYTHON_SCRIPT)
+rm -rf $PYTHON_SCRIPT
+
+fi
+
+
+echo
+echo Installing Quarto $QUARTO_VERSION
+echo
+
+# download and install the deb file
+curl -LO https://github.com/quarto-dev/quarto-cli/releases/download/v$QUARTO_VERSION/quarto-$QUARTO_VERSION-linux-amd64.deb
+dpkg -x quarto-$QUARTO_VERSION-linux-amd64.deb .quarto
+rm -rf quarto-$QUARTO_VERSION-linux-amd64.deb
+
+# get quarto in the path
+mkdir -p ~/.local/bin
+ln -s ~/.quarto/opt/quarto/bin/quarto ~/.local/bin/quarto
+
+# create the proper pandoc symlink to enable visual editor in Quarto extension
+ln -s ~/.quarto/opt/quarto/bin/tools/x86_64/pandoc ~/.quarto/opt/quarto/bin/tools/pandoc
+
+
+echo
+echo Installed Quarto
+echo
+
+echo
+echo Configuring VSCode
+echo
+# download and install VS Code server
+CODE_VERSION=4.16.1
+
+# download and extract
+wget -q -O code-server.tar.gz https://github.com/coder/code-server/releases/download/v$CODE_VERSION/code-server-$CODE_VERSION-linux-amd64.tar.gz
+tar xzf code-server.tar.gz
+rm -rf code-server.tar.gz
+
+# place in hidden folder
+mv "code-server-$CODE_VERSION-linux-amd64" .code-server
+
+# get code-server in path
+mkdir -p ./.local/bin
+ln -s ~/.code-server/bin/code-server ~/.local/bin/code-server
+
+# install vscode extensions
+code-server --install-extension ms-python.python
+code-server --install-extension sumneko.lua
+code-server --install-extension quarto.quarto
+
+echo
+echo Configured VSCode
+echo
+# install required python packages
+python3 -m pip install jupyter-server-proxy
+python3 -m pip install jupyterlab-quarto==0.1.45
+
+echo
+echo Completed
+echo

README.md

@@ -1,5 +1,7 @@
 # Arizona Research Bazaar website
 
+[![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gh/resbazaz/website-draft/quarto?urlpath=vscode)
+
 ### Technologies used:
 
 - [Quarto](https://nodejs.org/)
@@ -67,10 +69,12 @@ TODO: document `_quarto.yml`
 
 - Decide what to do with the blog
 
-- Verify that new festival page links are still consistent
+- Figure out redirects for old festival links
 
 - Copy code of conduct md from organization repo as part of build?
 
 - DONATE NOW button (stuff about our opencollective)
 
 - Actually include full instructions for editing + adding things in the README
+
+- Need to update the github build workflow to only run when pushing to main

resbaz/Arizona2023.qmd

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: ResBaz Arizona
+aliases:
+  - Arizona2023
 ---
 
 <style>

resbaz/resbazTucson2019.qmd

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: ResBaz Arizona
+aliases:
+  - resbazTucson2019
 ---
 ## Workshop/Course Descriptions!!!
 You can find them [here](https://docs.google.com/document/d/1BUXYq9KYHxaoHiU1F-dVTvXxKlqrcCs0NsEAMDCjzo8/edit?usp=sharing).

resbaz/resbazTucson2020.qmd

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: ResBaz Arizona
+aliases:
+  - resbazTucson2020
 ---
 ## Workshop/Course Descriptions
 

resbaz/resbazTucson2021.qmd

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: ResBaz Arizona
+aliases:
+  - resbazTucson2021
 ---
 
 ## What

resbaz/resbazTucson2022.qmd

@@ -1,6 +1,8 @@
 ---
 layout: default
 title: ResBaz Arizona
+aliases:
+  - resbazTucson2022
 ---
 
 <style>

styles/index.css

@@ -2,6 +2,14 @@
   height: 50vw;
   text-align: center;
 }
+
+@media screen and (orientation: portrait) {
+  .quarto-title-banner {
+    height: 100vh;
+    text-align: center;
+  }
+}
+
 .quarto-title {
   margin: auto;
 }