added commands block

public/assets/css/app.css

@@ -1,3 +1,6 @@
+/*
+	BODY
+*/
 body {
 	display: flex;
 	flex-direction: column;
@@ -7,14 +10,20 @@ body {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-.info {
-	cursor: pointer;
+
+
+/*
+	MISC
+*/
+[ng-cloak] {
+	display: none;
 }
 
-.info:hover {
-	opacity: 1;
-}
 
+
+/*
+	HEADER
+*/
 header {
 	background-color: #000;
 	padding: 0.5rem 0;
@@ -49,6 +58,10 @@ header .url .form-control {
 	color: #fff;
 }
 
+
+/*
+	MAIN
+*/
 main {
 	flex: 1 1 auto;
 }
@@ -89,7 +102,8 @@ main .file .btn-clipboard {
 	vertical-align: text-bottom;
 }
 
-main .file .code {
+main .file .code,
+main .commands {
 	padding: 0.5rem;
 	overflow-x: auto;
 	font-size: 0.75rem;
@@ -97,22 +111,35 @@ main .file .code {
 	background-color: #f8f8f8;
 }
 
+main .commands {
+	margin-bottom: 1rem;
+	padding-top: 0.25rem;
+	padding-bottom: 0.25rem;
+}
+
 main .file .code.source {
 	display: none;
 }
 
-main .file .code pre {
+main .file .code pre,
+main .commands pre {
 	margin-bottom: 0;
 	font-size: inherit;
 }
 
-main .file .code pre code {
+main .file .code pre code,
+main .commands pre code {
 	-moz-tab-size: 4;
 	tab-size: 4;
 	overflow: visible;
 	overflow-x: visible;
 }
 
+
+
+/*
+	FOOTER
+*/
 footer {
 	padding: 2rem 0 0.5rem;
 	text-align: center;
@@ -129,6 +156,24 @@ footer .crypto {
 	line-height: 1.2;
 }
 
+
+
+/*
+	TOOLTIPs
+*/
+tooltip tip {
+	min-width: 150px;
+}
+
+tooltip tip-tip._small {
+	font-size: 0.9rem;
+}
+
+
+
+/*
+	ADS
+*/
 .adsbygoogle-container .adsbygoogle {
 	display: block;
 	height: 600px;

public/index.html

@@ -222,7 +222,19 @@
 						</div>
 					</div>
 					<div class="col-md-6 col-lg-7 files">
-						<div class="row">
+						<div class="row" ng-cloak>
+							<div ng-if="data.https" class="col-xl-12">
+								<div class="commands">
+									<pre><code class="hljs bash"><span class="hljs-comment"># HTTPS: create Diffie-Hellman keys</span>
+<span class="hljs-section">openssl dhparam</span> <span class="hljs-attribute">-dsaparam</span> <span class="hljs-attribute">-out</span> /etc/nginx/dhparam.pem <span class="hljs-number">4096</span>
+
+<span class="hljs-comment"># HTTPS: create ACME-challenge common directory</span>
+<span class="hljs-section">sudo</span> <span class="hljs-attribute">-u</span> {{ data.user }} <span class="hljs-section">sh</span> <span class="hljs-attribute">-c</span> "<span class="hljs-section">mkdir</span> <span class="hljs-attribute">-p</span> /var/www/_letsencrypt"
+
+<span class="hljs-comment"># HTTPS: certbot (obtain certificates)</span>
+<span class="hljs-section">certbot certonly</span> <span class="hljs-attribute">--webroot</span> <span class="hljs-attribute">--webroot-path</span> /var/www/_letsencrypt <span class="hljs-attribute">--email</span> {{ data.email }} <span class="hljs-attribute">--domain</span> {{ data.domain }} <span class="hljs-attribute">--domain</span> www.{{ data.domain }}<span ng-if="data.cdn"> <span class="hljs-attribute">--domain</span> cdn.{{ data.domain }}</span> <span class="hljs-attribute">--text</span> <span class="hljs-attribute">--non-interactive</span> <span class="hljs-attribute">--agree-tos</span> <span class="hljs-attribute">--force-renew</span></code></pre>
+								</div>
+							</div>
 							<div class="file" ng-class="data.file_structure === 'separated' || data.https || (data.php !== 'off' && data.wordpress) ? 'col-xl-6' : 'col-xl-12'">
 								<strong>/etc/nginx/nginx.conf</strong>
 								<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-nginx" ngclipboard-success="clipboardSuccess('nginx.conf')">
@@ -307,7 +319,7 @@
 							<script>
 								(window.adsbygoogle = window.adsbygoogle || []).push({});
 							</script>
-							<div class="note">advertisement</div>
+							<div class="note">⌃ advertisement ⌃</div>
 						</div>
 					</div>
 				</div>

public/templates/_ssl.conf.html

@@ -4,7 +4,6 @@ ssl_session_cache shared:SSL:50m;
 ssl_session_tickets off;
 
 # Diffie-Hellman parameter for DHE ciphersuites
-# openssl dhparam -dsaparam -out /etc/nginx/dhparam.pem 4096
 ssl_dhparam /etc/nginx/dhparam.pem;
 
 # intermediate configuration

public/templates/example.com.conf.html

@@ -1,5 +1,4 @@
-<span ng-if="data.https"># certbot certonly --non-interactive --text --email {{ data.email }} --agree-tos --force-renew --webroot --webroot-path /var/www/_letsencrypt --domain {{ data.domain }} --domain www.{{ data.domain }}{{ data.cdn ? ' --domain cdn.' + data.domain : '' }}
-server {
+<span ng-if="data.https">server {
 	listen 443 ssl{{ data.http2 ? ' http2' : '' }};
 	listen [::]:443 ssl{{ data.http2 ? ' http2' : '' }};