openwebwork
diff --git a/‎pod/assets/podviewer.css‎
Lines changed: 66 additions & 0 deletions b/‎pod/assets/podviewer.css‎
Lines changed: 66 additions & 0 deletions
diff --git a/‎pod/assets/podviewer.js‎
Lines changed: 8 additions & 0 deletions b/‎pod/assets/podviewer.js‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎pod/index.html‎
Lines changed: 26 additions & 8 deletions b/‎pod/index.html‎
Lines changed: 26 additions & 8 deletions
diff --git a/‎pod/pg/bin/convert-to-pgml.html‎
Lines changed: 82 additions & 0 deletions b/‎pod/pg/bin/convert-to-pgml.html‎
Lines changed: 82 additions & 0 deletions
diff --git a/‎pod/pg/bin/perltidy-pg.html‎
Lines changed: 46 additions & 30 deletions b/‎pod/pg/bin/perltidy-pg.html‎
Lines changed: 46 additions & 30 deletions
@@ -0,0 +1,66 @@
+.main-index-header,
+.pod-header {
+	height: 65px;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 2;
+}
+
+#sidebar {
+	--bs-offcanvas-width: 300px;
+	overflow-y: auto;
+}
+
+#sidebar ul.nav ul.nav li {
+	border-left: 1px solid #e1e4e8;
+	padding-left: 10px;
+}
+
+#sidebar ul.nav ul.nav li:hover {
+	border-left: 6px solid #e1e4e8;
+	padding-left: 5px;
+}
+
+.main-index-container,
+.pod-page-container {
+	margin-top: 65px;
+}
+
+@media only screen and (min-width: 768px) {
+	#sidebar {
+		height: calc(100vh - 65px);
+		width: 300px;
+	}
+
+	.pod-page-container {
+		margin-left: 300px;
+	}
+}
+
+#_podtop_ pre {
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	background: #f6f6f6;
+	padding: 0.75rem;
+}
+
+#_podtop_,
+#_podtop_ *[id] {
+	scroll-margin-top: calc(65px + 1rem);
+}
+
+@media only screen and (max-width: 768px) {
+	.pod-header {
+		height: 100px;
+	}
+
+	.pod-page-container {
+		margin-top: 100px;
+	}
+
+	#_podtop_,
+	#_podtop_ *[id] {
+		scroll-margin-top: calc(100px + 1rem);
+	}
+}
@@ -0,0 +1,8 @@
+(() => {
+	const offcanvas = bootstrap.Offcanvas.getOrCreateInstance(document.getElementById('sidebar'));
+	for (const link of document.querySelectorAll('#sidebar .nav-link')) {
+		// The timeout is to workaround an issue in Chrome. If the offcanvas hides before the window scrolls to the
+		// fragment in the page, scrolling stops before it gets there.
+		link.addEventListener('click', () => setTimeout(() => offcanvas.hide(), 500));
+	}
+})();
@@ -1,13 +1,31 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
-<meta charset='UTF-8'>
-<link rel="shortcut icon" href="/favicon.ico">
-<title>WeBWorK/PG POD</title>
+	<meta charset='UTF-8'>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="shortcut icon" href="/favicon.ico">
+	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+	<link href="//assets/podviewer.css" rel="stylesheet">
+	<title>WeBWorK/PG POD</title>
 </head>
 <body>
-<h1>WeBWorK/PG POD</h1>
-<h2>(Plain Old Documentation)</h2>
-<div>
-<ul>
-<li><a href="pg">PG</a></li><li><a href="webwork2">WeBWorK</a></li></ul></div></body></html>
+	<div class="main-index-header navbar navbar-dark bg-primary px-3 position-fixed border-bottom border-dark">
+		<div class="container-fluid">
+			<h1 class="navbar-brand fw-bold fs-5 m-0">WeBWorK/PG POD</h1>
+		</div>
+	</div>
+	<div class="main-index-container mx-3">
+		<div class="pt-3">
+			<h2 class="fw-bold fs-6">(Plain Old Documentation)</h2>
+			<nav class="nav flex-column list-group">
+					<a class="nav-link list-group-item list-group-item-action d-inline-block w-100" href="pg">
+						PG
+					</a>
+					<a class="nav-link list-group-item list-group-item-action d-inline-block w-100" href="webwork2">
+						Webwork2
+					</a>
+			</nav>
+		</div>
+	</div>
+</body>
+</html>
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+	<meta charset='UTF-8'>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>convert-to-pgml.pl</title>
+	<link rel="shortcut icon" href="/favicon.ico">
+	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+	<link href="//assets/podviewer.css" rel="stylesheet">
+	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" defer></script>
+	<script src="//assets/podviewer.js" defer></script>
+</head>
+<body>
+	<div class="pod-header navbar navbar-dark bg-primary px-3 position-fixed border-bottom border-dark">
+		<div class="container-fluid d-flex flex-column d-md-block">
+			<h1 class="navbar-brand fw-bold fs-5 me-auto me-md-0 mb-2 mb-md-0">convert-to-pgml.pl</h1>
+			<button class="navbar-toggler d-md-none me-auto" type="button" data-bs-toggle="offcanvas"
+				data-bs-target="#sidebar" aria-controls="sidebar" aria-label="Toggle Sidebar">
+				<span class="navbar-toggler-icon"></span>
+			</button>
+		</div>
+	</div>
+	<aside class="offcanvas-md offcanvas-start border-end border-dark position-fixed" tabindex="-1"
+		id="sidebar" aria-labelledby="sidebar-label">
+		<div class="offcanvas-header">
+			<h2 class="offcanvas-title" id="sidebar-label">Index</h2>
+			<button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#sidebar"
+			   	aria-label="Close">
+			</button>
+		</div>
+		<div class="offcanvas-body p-md-3 w-100">
+			<nav>
+				<ul class="nav flex-column w-100">
+					<li class="nav-item">
+						<a href="/" class="nav-link p-0">WeBWorK POD Home</a>
+					</li>
+					<li class="nav-item">
+						<a href="http://webwork.maa.org/wiki/WeBWorK_Main_Page" class="nav-link p-0">WeBWorK Wiki</a>
+					</li>
+					<li><hr></li>
+<li class="nav-item"><a class="nav-link p-0" href="#NAME">NAME</a></li><li class="nav-item"><a class="nav-link p-0" href="#SYNOPSIS">SYNOPSIS</a></li><li class="nav-item"><a class="nav-link p-0" href="#DESCRIPTION">DESCRIPTION</a>
+    <ul class="nav flex-column w-100">
+      <li class="nav-item"><a class="nav-link p-0" href="#OPTIONS">OPTIONS</a></li>
+    </ul>
+  </li>				</ul>
+			</nav>
+		</div>
+	</aside>
+	<div class="pod-page-container d-flex">
+		<div class="container-fluid p-3 h-100" id="_podtop_">
+
+
+<a href="#_podtop_"><h1 id="NAME">NAME</h1></a>
+
+<p>convert-to-pgml.pl -- Convert pg problem with non-pgml structure to PGML structure.</p>
+
+<a href="#_podtop_"><h1 id="SYNOPSIS">SYNOPSIS</h1></a>
+
+<pre><code>convert-to-pgml -b -s pgml file1.pg file2.pg ...</code></pre>
+
+<a href="#_podtop_"><h1 id="DESCRIPTION">DESCRIPTION</h1></a>
+
+<p>This converts each pg file to PGML formatting. In particular, text blocks are converted to their PGML forms. This includes BEGIN_TEXT/END_TEXT, BEGIN_HINT/END_HINT, BEGIN_SOLUTION/END_SOLUTION.</p>
+
+<p>Within each block, the following are converted: math modes to their PGML version, $BR and $PAR to line breaks or empty lines, <code>$HR</code> to <code>---</code>, bold and italics pairs, any variables of the form <code>$var</code> to <code>[$var]</code>, scripts from \{ \} to [@ @], and <code>ans_rule</code> to the form <code>[_]{}</code></p>
+
+<p>Many code features that are no longer needed are removed including <code>TEXT(beginproblem())</code>, <code>&lt;Context()-</code>texStrings;&gt;&gt; and <code>&lt;Context()-</code>normalStrings;&gt;&gt;. Any <code>ANS</code> commands are commented out.</p>
+
+<p>The <code>loadMacros</code> command is parsed, the <code>PGML.pl</code> is included and <code>MathObjects.pl</code> is removed (because it is loaded by <code>PGML.pl</code>) and <code>PGcourse.pl</code> is added to the end of the list.</p>
+
+<p>Note: many of the features are converted correctly, but often there will be errors after the conversion. Generally after using this script, the PGML style answers will need to have their corresponding variable added.</p>
+
+<h2 id="OPTIONS">OPTIONS</h2>
+
+<p>The option <code>-b</code> or <code>--backup</code> will create a <code>.bak</code> file with the original code and replace the current file with the converted code.</p>
+
+<p>The option <code>-s xyz</code> or <code>--suffix=xyz</code> will convert the code and write the results in a file with the given suffix <code>xyz</code> appended to the file name. If this is not given <code>pgml</code> is used. If the <code>-b</code> flag is used, this option will be ignored.</p>
+
+		</div>
+	</div>
+</body>
+</html>
@@ -1,31 +1,58 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
-<meta charset='UTF-8'>
-<link rel="icon" href="/favicon.ico">
-<title>perltidy-pg.pl</title>
+	<meta charset='UTF-8'>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>perltidy-pg.pl</title>
+	<link rel="shortcut icon" href="/favicon.ico">
+	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+	<link href="//assets/podviewer.css" rel="stylesheet">
+	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" defer></script>
+	<script src="//assets/podviewer.js" defer></script>
 </head>
 <body>
-<h1>perltidy-pg.pl</h1>
-<div style="margin-left:20px">Jump to: <a href="#column-one">Site Navigation</a></div>
-<hr>
-<div id="_podtop_">
+	<div class="pod-header navbar navbar-dark bg-primary px-3 position-fixed border-bottom border-dark">
+		<div class="container-fluid d-flex flex-column d-md-block">
+			<h1 class="navbar-brand fw-bold fs-5 me-auto me-md-0 mb-2 mb-md-0">perltidy-pg.pl</h1>
+			<button class="navbar-toggler d-md-none me-auto" type="button" data-bs-toggle="offcanvas"
+				data-bs-target="#sidebar" aria-controls="sidebar" aria-label="Toggle Sidebar">
+				<span class="navbar-toggler-icon"></span>
+			</button>
+		</div>
+	</div>
+	<aside class="offcanvas-md offcanvas-start border-end border-dark position-fixed" tabindex="-1"
+		id="sidebar" aria-labelledby="sidebar-label">
+		<div class="offcanvas-header">
+			<h2 class="offcanvas-title" id="sidebar-label">Index</h2>
+			<button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#sidebar"
+			   	aria-label="Close">
+			</button>
+		</div>
+		<div class="offcanvas-body p-md-3 w-100">
+			<nav>
+				<ul class="nav flex-column w-100">
+					<li class="nav-item">
+						<a href="/" class="nav-link p-0">WeBWorK POD Home</a>
+					</li>
+					<li class="nav-item">
+						<a href="http://webwork.maa.org/wiki/WeBWorK_Main_Page" class="nav-link p-0">WeBWorK Wiki</a>
+					</li>
+					<li><hr></li>
+<li class="nav-item"><a class="nav-link p-0" href="#NAME">NAME</a></li><li class="nav-item"><a class="nav-link p-0" href="#SYNOPSIS">SYNOPSIS</a></li><li class="nav-item"><a class="nav-link p-0" href="#DESCRIPTION">DESCRIPTION</a></li><li class="nav-item"><a class="nav-link p-0" href="#OPTIONS">OPTIONS</a></li>				</ul>
+			</nav>
+		</div>
+	</aside>
+	<div class="pod-page-container d-flex">
+		<div class="container-fluid p-3 h-100" id="_podtop_">
 
 
-<ul id="index">
-  <li><a href="#NAME">NAME</a></li>
-  <li><a href="#SYNOPSIS">SYNOPSIS</a></li>
-  <li><a href="#DESCRIPTION">DESCRIPTION</a></li>
-  <li><a href="#OPTIONS">OPTIONS</a></li>
-</ul>
-
 <a href="#_podtop_"><h1 id="NAME">NAME</h1></a>
 
 <p>pg-perltidy.pl -- Run perltidy on pg problem files.</p>
 
 <a href="#_podtop_"><h1 id="SYNOPSIS">SYNOPSIS</h1></a>
 
-<pre><code>  pg-perltidy.pl [options] file1 file2 ...</code></pre>
+<pre><code>pg-perltidy.pl [options] file1 file2 ...</code></pre>
 
 <a href="#_podtop_"><h1 id="DESCRIPTION">DESCRIPTION</h1></a>
 
@@ -35,20 +62,9 @@ <h1>perltidy-pg.pl</h1>
 
 <p>This script accepts all of the options that are accepted by perltidy. See the perltidy documentation for details.</p>
 
-<p>Note that if the -pro=file option is not given, then this script will attempt to use the .perltidyrc file in the PG root directory for this option. For this to work the PG_ROOT environment variable must be set, and the .perltidyrc file in the PG root directory must be readable.</p>
-
-</div>
-<hr>
-<div id="column-one">
-<h5>Site Navigation</h5>
-<div>
-<ul>
-<li><a href="/pod">WeBWorK POD Home</a></li>
-<li><a href="http://webwork.maa.org/wiki/WeBWorK_Main_Page">WeBWorK Wiki</a></li>
-</ul>
-</div>
-</div>
+<p>Note that if the -pro=file option is not given, then this script will attempt to use the perltidy-pg.rc file in the PG bin directory for this option. For this to work the the perltidy-pg.rc file in the PG bin directory must be readable.</p>
+
+		</div>
+	</div>
 </body>
 </html>
-
-