update template

b776ec4d · Steffen Vogel · e9d5749d · b776ec4d
Commit b776ec4d authored 4 years ago by Steffen Vogel
--- a/image/template.html.j2
+++ b/image/template.html.j2
-<!DOCTYPE html>
 <html lang="en">
-	<title>Remote RWTHjupyter Session</title>
-	<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.css" rel="stylesheet" />
+	<head>
+		<title>Remote Jupyter Session</title>
+		<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.css" rel="stylesheet">
+		<link rel="stylesheet" href="https://jupyter.rwth-aachen.de/hub/static/css/style.min.css" type="text/css">
+		<link rel="stylesheet" href="https://jupyter.rwth-aachen.de/services/announcement/announcement.css">
+		<script src="https://jupyter.rwth-aachen.de/hub/static/components/jquery/dist/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="https://jupyter.rwth-aachen.de/hub/static/components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
+	</head>
 	<body>
-		<h1>Run your RWTHjupyter session on a remote machine such as the RWTH HPC cluster</h1>
-		<p>Please run the following commands on one of the HPC frontend nodes:</p>
-		<pre>
-			<code class="language-bash">
-				# Login to one of the HPC frontend nodes via your SSH key or password:
-				$ ssh -l "{{hpc_username}}" login18-1.hpc.itc.rwth-aachen.de
-
-				# Add you local Python script to the PATH
-				$ PATH=$HOME/.local/bin:$PATH
-				$ echo 'PATH=$HOME/.local/bin:$PATH' >> ~/.bashrc
-
-				# Install Jupyter scripts
-				$ python3 -m pip install --user --upgrade pip
-				$ python3 -m pip install --user rwth-jupyter
-
-				# Connect to RWTHjupyter cluster
-				# If you want to start another session lateron, only this command is required
-				$ rwth-jupyter
-			</code>
-		</pre>
+		<noscript>
+			<div id='noscript'>
+				JupyterHub requires JavaScript.<br>
+				Please enable it to proceed.
+			</div>
+		</noscript>
+
+		<nav class="navbar navbar-default">
+			<div class="container-fluid">
+				<div class="navbar-header">
+					
+					<span id="jupyterhub-logo" class="pull-left">
+						<a href="https://jupyter.rwth-aachen.de/hub/"><img src="https://jupyter.rwth-aachen.de/hub/logo" alt="JupyterHub" class="jpy-logo" title="Home"></a>
+					</span>
+					
+					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#thenavbar" aria-expanded="false">
+						<span class="sr-only">Toggle navigation</span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+						<span class="icon-bar"></span>
+					</button>
+				</div>
+
+				<div class="collapse navbar-collapse" id="thenavbar">
+					<ul class="nav navbar-nav">
+						<li><a href="https://jupyter.rwth-aachen.de/hub/home">Home</a></li>
+						<li><a href="https://help.itc.rwth-aachen.de/service/8755ff0a2e134bc1a78f4993672487f8">Documentation</a></li>
+						<li><a href="https://www.itc.rwth-aachen.de/cms/IT-Center/Footer/Service/~epvv/Impressum/?lidx=1">Imprint</a></li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+
+		<div class="container">
+			<div class="row">
+				<div class="col">
+					<h1>Remote Jupyter Session</h1>
+					<p>This is a special profile which allows you to run Jupyter on a machine outside of the RWTHjupyter cluster such as the RWTH HPC cluster frontend nodes.</p>
+					
+					<h2>Instructions</h2>
+
+					<h3>macOS / Linux / Windows</h3>
+					<pre>
+						<code class="language-bash">
+							# Install Jupyter scripts
+							$ python3 -m pip install rwth-jupyter
+
+							# Connect to RWTHjupyter cluster
+							$ rwth-jupyter
+						</code>
+					</pre>
+
+					<h3>RWTH Compute Cluster</h3>
+
+					<p>Please run the following commands on one of the HPC frontend nodes:</p>
+					<pre>
+						<code class="language-bash">
+							# Login to one of the HPC frontend nodes via your SSH key or password:
+							$ ssh -l "{{hpc_username}}" login18-1.hpc.itc.rwth-aachen.de
+
+							# Switch to latest Python 3
+							module load python/3.9.1
+
+							# Install Jupyter scripts
+							$ python3 -m pip install --user rwth-jupyter
+
+							# Connect to RWTHjupyter cluster
+							$ ~/.local/bin/rwth-jupyter
+						</code>
+					</pre>
+
+					<h2>Technical Details</h2>
+					<p>Please checkout the <a href="https://git.rwth-aachen.de/jupyter/remote-spawn">README file of this profile</a> for further implementation details.</p>
+				</div>
+			</div>
+		</div>
+
+		<script src="https://jupyter.rwth-aachen.de/services/announcement/common.js"></script>
+		<script src="https://jupyter.rwth-aachen.de/services/announcement/announcement.js"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-bash.min.js"></script>
+
 		<script>
 			function checkReady() {
 				console.log('Checking if session is ready...');
@@ -41,5 +106,6 @@
 				setInterval(checkReady, 1000);
 			}
 		</script>
-	</body>
-</html>
+</body></html>
+
+