initial intro

initial intro before anything in Server Software has been selected

Author: gstrauss

src/js/index.js

@@ -41,6 +41,20 @@ templateContext.keys().forEach(key => {
 
 
 const render = async () => {
+
+  // initial introduction
+  if (document.getElementById('form-generator').server.value === '') {
+    document.getElementById('output-header').innerHTML =
+`
+<h3>Welcome to the Mozilla SSL Config Generator</h3>
+<p>Select an application server in Server Software (above) to generate a sample TLS configuration.</p>
+<p>When using sample TLS configurations, replace example.com with your server name (e.g. hostname) and replace /path/to/... with actual paths to your local files.</p>
+`;
+    document.getElementById('output-config').innerHTML = '';
+    document.getElementById('copy').classList.toggle('d-none', true);
+    return;
+  }
+
   const _state = await state();
 
   // enable and disable the appropriate fields