My Basic PHP file
This file includes JS that will syntax color code, PHP that will list all files and directories in the navigation area, and it has CSS that gives terminal windows an old-timey feel. You can wget the stylesheets from my site, link them locally, and change them to reflect your tastes.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href ="https://faculty.ncssm.edu/~morrison/CSS/pageContent0220.css" />
<link rel="stylesheet" href ="https://faculty.ncssm.edu/~morrison/CSS/boxes.css" />
<link rel="stylesheet" href ="https://faculty.ncssm.edu/~morrison/CSS/gridLayout0820.css" />
<link href="https://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet">
<link rel="stylesheet" href="https://faculty.ncssm.edu/~morrison/SCRIPTS/styles/sunburst.css"/>
<script src="https://faculty.ncssm.edu/~morrison/SCRIPTS/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<style>
table
{
width:80%;
}
</style>
<!--
Uncomment for mathJax
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
-->
<!--
Uncomment for JQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-->
<title>TITLE</title>
</head>
<body>
<header>
<h2>TITLE</h2>
</header>
<nav>
<?php
include '/home/morrison/public_html/SCRIPTS/navigation.php';
?>
</nav>
<main>
<h2>Main Content</h2>
<p>Displaying code</p>
<pre><code>
function()
{
console.log("foo");
}
</code></pre>
<p>Showing terminal</p>
<pre class="terminal">
unix> ls -al
</pre>
</main>
<footer>
<p>Footer is here</p>
</footer>
</body>
</html>