Added requestimages.md (CIROH-UA#156)

docs/services/cloudservices/ciroh jupyterhub/documentation/push.md

@@ -24,9 +24,13 @@ Follow these steps to allow 2i2c JupyterHub to push to GitHub repositories:
 ```bash
 gh-scoped-creds --client-id Iv23lixIgj0sAZqz98bH
 ```
-### You can also follow along with this [video tutorial](https://youtu.be/t6WkSpYDiaA) that walks you through the same process visually.
+### You can also follow along with this video tutorial that walks you through the same process visually.
 
 
+import VideoPlayer from '/src/components/VideoPlayer.js';
+
+
+<VideoPlayer url="https://www.youtube.com/watch?v=t6WkSpYDiaA"  />
+
 
 
-

docs/services/cloudservices/ciroh jupyterhub/documentation/requestimages.md

@@ -0,0 +1,39 @@
+---
+sidebar_position: 3
+title: "Instructions for requesting custom images"
+description: "2i2c JupyterHub is a cloud-based JupyterHub environment specifically designed for hydrological researchers. It is powered by 2i2c JupyterHub, a cloud-based JupyterHub environment specifically on Google Cloud"
+tags:
+  - 2i2c
+  - JupyterHub
+  - GCP
+  - notebook
+  - custom images
+  - tutorial
+---
+
+# A Step-by-Step Guide: Requesting custom images
+If you have a request for creating custom images, then please follow these instructions.
+### 1. Create an environment.yml file:
+- Open your terminal or command prompt. Make sure you have conda installed and activated in the environment that contains the packages you want to use for creating custom images. Learn more [here](https://conda.io/projects/conda/en/latest/user-guide/getting-started.html).
+
+- Run the following command, replacing **ENVNAME** with the actual name of your environment.
+
+```bash
+conda env export -n ENVNAME > environment.yml
+```
+
+### 2. Submit a Request Form:
+
+
+- Click on the link below to access the Jupyterhub (2i2c) Software Install form. 
+- Select Install Software on CIROH 2i2c JupyterHub as a reason for request. 
+- Fill out remaining sections of the form and submit it.
+
+<a class="button button--active button--primary" href="https://forms.office.com/Pages/ResponsePage.aspx?id=jnIAKtDwtECk6M5DPz-8p4IIpHdEnmhNgjOa9FjrwGtUNUoyV1UxNFIzV1AyTDhTNzdOT1Q5NVlLTC4u"> JupyterHub (2i2c) Software Install Form</a>
+
+### 3. Share your environment.yml file with CIROH-IT support
+
+- After submitting the request form, attach the environment.yml file you created in step 1 to an email and send it to ciroh-it-support@ua.edu
+
+
+

docs/services/cloudservices/ciroh jupyterhub/index.md

@@ -43,13 +43,24 @@ If your software in not listed in this file, please submit the form below to req
 ### CIROH JupyterHub Environments:
 
 Click on below button to access the CIROH JupyterHub environments (production and staging environments):
+
+<a class="button button--active button--primary " href="https://ciroh.awi.2i2c.cloud/hub/login"> CIROH Production JupyterHub</a>
+
+<a class="button button--active button--primary " href="https://staging.ciroh.awi.2i2c.cloud/hub/login"> CIROH Staging JupyterHub</a>
+
+-----
+
 :::note
 Please remember to stop the server when you're not actively using it
 :::
 
-<a class="button button--active button--primary" href="https://ciroh.awi.2i2c.cloud/hub/login"> CIROH Production JupyterHub</a>
 
-<a class="button button--active button--primary" href="https://staging.ciroh.awi.2i2c.cloud/hub/login"> CIROH Staging JupyterHub</a>
+import VideoPlayer from '/src/components/VideoPlayer.js';
+
+
+<VideoPlayer url="https://youtu.be/VSFs2bu4-74"  />
+
+
 
 _____
 

package.json

@@ -26,6 +26,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^9.0.1",
+    "react-player": "^2.16.0",
     "s": "^1.0.0",
     "update": "^0.7.4"
   },

src/components/VideoPlayer.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactPlayer from 'react-player';
+
+export default function VideoPlayer({ url }) {
+  return (
+    <ReactPlayer url={url} width="100%" height="400px" controls />
+  );
+}