implement PPTY

www/css/ppty.css

@@ -0,0 +1,50 @@
+/* =========================================================== *
+ *                Pseudo-Pseudo-Terminal Effect                *
+/* =========================================================== */
+
+.ppty {
+  background-color: var(--theme-bg);
+  border: 0.5ch solid var(--theme-tty-border);
+  
+  margin: auto auto;
+  padding: 20px;
+
+  position: relative;
+  height: auto;
+  
+  /* display: block; */
+  /* flex-direction: column; */
+  /* justify-content: start; */
+  /* align-content: center; */
+  /* align-items: start; */
+
+  overflow: hidden;
+}
+
+.ppty-block {
+  color: var(--theme-tty-output);
+  
+  visibility: hidden;
+  white-space: nowrap; /* only break on <br/> */
+}
+
+.ppty-prompt {
+  color: var(--theme-tty-prompt);
+
+  display: inline-block;
+  vertical-align: top;  
+}
+
+.ppty-command {
+  color: var(--theme-tty-command);
+  
+  width: 0px;
+  border-right: 1ch solid var(--theme-tty-output);
+
+  display: inline-block;
+  vertical-align: top;
+  overflow: hidden;
+}
+
+.ppty-output {
+}