Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.
diff --git a/test/test_helper.js b/test/test_helper.js
index 4fb7d5d..47ab939 100644
--- a/test/test_helper.js
+++ b/test/test_helper.js
@@ -1,5 +1,7 @@
// dom setup
-var jsdom = require('jsdom');
-global.window = jsdom.jsdom().createWindow();
-var $ = require('jquery');
+const jsdom = require("jsdom");
+const { JSDOM } = jsdom;
+
+global.window = new JSDOM("").window;
+const $ = require("jquery");
global.$ = $(window);
From eff86e5ce2ce482e37f1f7f563ab8f3e08d74199 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20H=C3=B8jberg?=
Date: Wed, 16 Sep 2020 12:37:28 -0400
Subject: [PATCH 5/7] Add banner for programming-is-collaboration.com
---
public/css/app.css | 273 +++++++++++++++++++++++++++++++++++++++------
1 file changed, 237 insertions(+), 36 deletions(-)
diff --git a/public/css/app.css b/public/css/app.css
index 8a96c1a..e6f5645 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,62 +1,263 @@
/* =BASE
====================================================== */
-html, body { background: url(../img/noisebg.png); }
-body { font-size: 18px; font-family: 'Terminal Dosis', sans-serif; padding: 0; margin: 0; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
-a { color: #fff; color: rgba(255, 255, 255, 0.7); }
-ul, ol, form { margin: 0; padding: 0; }
-ul, ol { list-style-type: none; }
-h1 { margin: 0; padding: 0; }
-h2 { margin: 0; margin-bottom: 10px; padding: 0; font-weight: normal; font-size: 30px; color: #626569; color: rgba(0, 0, 0, 0.4); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
-input { font-size: 14px; border: 1px solid #777; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(255, 255, 255, 0.3); border-radius: 4px; padding: 3px; -webkit-background-clip: padding-box; }
-input[type='radio'] { border: 0; }
+html,
+body {
+ background: url(../img/noisebg.png);
+}
+body {
+ font-size: 18px;
+ font-family: "Terminal Dosis", sans-serif;
+ padding: 0;
+ margin: 0;
+ color: #fff;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+}
+a {
+ color: #fff;
+ color: rgba(255, 255, 255, 0.7);
+}
+ul,
+ol,
+form {
+ margin: 0;
+ padding: 0;
+}
+ul,
+ol {
+ list-style-type: none;
+}
+h1 {
+ margin: 0;
+ padding: 0;
+}
+h2 {
+ margin: 0;
+ margin-bottom: 10px;
+ padding: 0;
+ font-weight: normal;
+ font-size: 30px;
+ color: #626569;
+ color: rgba(0, 0, 0, 0.4);
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
+}
+input {
+ font-size: 14px;
+ border: 1px solid #777;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
+ 0 1px 1px 0 rgba(255, 255, 255, 0.3);
+ border-radius: 4px;
+ padding: 3px;
+ -webkit-background-clip: padding-box;
+}
+input[type="radio"] {
+ border: 0;
+}
/* =LAYOUT
====================================================== */
-#content { width: 800px; margin: auto; padding: 50px; padding-bottom: 60px;
+#banner {
+ width: 780px;
+ margin: auto;
+ margin-top: 20px;
+ padding: 10px;
+ display: block;
+ text-align: center;
+ background: rgba(0, 0, 0, 0.3);
+ color: #fff;
+ border-radius: 4px;
+ text-decoration: none;
+ transition: all 0.2s;
+}
+
+#banner:hover {
+ background: #333;
+}
+
+#content {
+ width: 800px;
+ margin: auto;
+ padding: 50px;
+ padding-bottom: 60px;
/* white radial gradient background */
- background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0)));
- background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
- background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
- background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
- background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
+ background: -moz-radial-gradient(
+ center,
+ ellipse cover,
+ rgba(255, 255, 255, 0.5) 0%,
+ rgba(255, 255, 255, 0) 70%
+ );
+ background: -webkit-gradient(
+ radial,
+ center center,
+ 0px,
+ center center,
+ 100%,
+ color-stop(0%, rgba(255, 255, 255, 0.5)),
+ color-stop(70%, rgba(255, 255, 255, 0))
+ );
+ background: -webkit-radial-gradient(
+ center,
+ ellipse cover,
+ rgba(255, 255, 255, 0.5) 0%,
+ rgba(255, 255, 255, 0) 70%
+ );
+ background: -o-radial-gradient(
+ center,
+ ellipse cover,
+ rgba(255, 255, 255, 0.5) 0%,
+ rgba(255, 255, 255, 0) 70%
+ );
+ background: -ms-radial-gradient(
+ center,
+ ellipse cover,
+ rgba(255, 255, 255, 0.5) 0%,
+ rgba(255, 255, 255, 0) 70%
+ );
+ background: radial-gradient(
+ center,
+ ellipse cover,
+ rgba(255, 255, 255, 0.5) 0%,
+ rgba(255, 255, 255, 0) 70%
+ );
+}
+#footer {
+ padding-top: 10px;
+ font-size: 13px;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+ border-top: 1px solid #797f85;
+ border-top-color: rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
+ vertical-align: top;
+ text-align: center;
+}
+#footer a {
+ vertical-align: top;
+ color: #fff;
+}
+#footer span {
+ vertical-align: top;
+}
+.clr:after {
+ clear: both;
+ content: ".";
+ display: block;
+ height: 0;
+ visibility: hidden;
+ line-height: 0;
+ font-size: 0;
}
-#footer { padding-top: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.7); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-top: 1px solid #797f85; border-top-color: rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2); vertical-align: top; text-align: center; }
-#footer a { vertical-align: top; color: #fff; }
-#footer span { vertical-align: top;}
-.clr:after { clear:both; content:"."; display: block; height:0; visibility: hidden; line-height:0; font-size:0; }
-.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
+.ir {
+ border: 0;
+ font: 0/0 a;
+ text-shadow: none;
+ color: transparent;
+ background-color: transparent;
+}
-.description { margin-bottom: 50px; font-size: 16px; text-align: center; }
+.description {
+ margin-bottom: 50px;
+ font-size: 16px;
+ text-align: center;
+}
-.preview_and_configuration { float: left; width: 395px; }
+.preview_and_configuration {
+ float: left;
+ width: 395px;
+}
/* =MODULES
====================================================== */
/* preview */
-.arrow_box { padding: 40px; width: 280px; height: 100px; border-radius: 6px; }
+.arrow_box {
+ padding: 40px;
+ width: 280px;
+ height: 100px;
+ border-radius: 6px;
+}
/* logo */
-.logo { color: #ddf8c6; text-align: center; font-size: 54px; line-height: 54px; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
+.logo {
+ color: #ddf8c6;
+ text-align: center;
+ font-size: 54px;
+ line-height: 54px;
+ font-weight: bold;
+ text-transform: uppercase;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+}
/* configuration */
-.configuration { margin-top: 20px; }
-.configuration .section { float: left; width: 195px; font-size: 20px }
-.configuration .section.positions { width: 140px; margin-left: 14px }
-.configuration .section li { margin-bottom: 5px; }
-.configuration .section label { display: inline-block; width: 112px; }
+.configuration {
+ margin-top: 20px;
+}
+.configuration .section {
+ float: left;
+ width: 195px;
+ font-size: 20px;
+}
+.configuration .section.positions {
+ width: 140px;
+ margin-left: 14px;
+}
+.configuration .section li {
+ margin-bottom: 5px;
+}
+.configuration .section label {
+ display: inline-block;
+ width: 112px;
+}
.configuration .size,
-.configuration .border_width { width: 28px; text-align: right; }
+.configuration .border_width {
+ width: 28px;
+ text-align: right;
+}
-.configuration .color { width: 65px; text-align: center }
+.configuration .color {
+ width: 65px;
+ text-align: center;
+}
-.configuration .unit { font-size: 14px; color: rgba(0, 0, 0, 0.4); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); margin-left: 5px; }
+.configuration .unit {
+ font-size: 14px;
+ color: rgba(0, 0, 0, 0.4);
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
+ margin-left: 5px;
+}
/* css_result */
-.css_result { position: relative; float: right; width: 402px; }
-.css_result .code { white-space: pre; padding: 10px; display: block; width: 380px; font-size: 12px; font-family: 'Courier new'; font-weight: bold; background: #8c9196; background: rgba(0, 0, 0, 0.15); border-radius: 4px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border: 1px solid #696d72; border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 1px 5px rgba(0, 0, 0, 0.1); }
+.css_result {
+ position: relative;
+ float: right;
+ width: 402px;
+}
+.css_result .code {
+ white-space: pre;
+ padding: 10px;
+ display: block;
+ width: 380px;
+ font-size: 12px;
+ font-family: "Courier new";
+ font-weight: bold;
+ background: #8c9196;
+ background: rgba(0, 0, 0, 0.15);
+ border-radius: 4px;
+ color: #fff;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ border: 1px solid #696d72;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3),
+ inset 0 1px 5px rgba(0, 0, 0, 0.1);
+}
/* fork_me */
-.fork_me { position: absolute; top: 0; right: 0; display: block; width: 149px; height: 149px; background: url(../img/fork.png); }
+.fork_me {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: block;
+ width: 149px;
+ height: 149px;
+ background: url(../img/fork.png);
+}
From cf0a9c333a6324ac5d27ac71ded14b1fe024265d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20H=C3=B8jberg?=
Date: Sun, 3 Apr 2022 19:15:27 -0400
Subject: [PATCH 6/7] update
---
public/index.html | 1 +
1 file changed, 1 insertion(+)
diff --git a/public/index.html b/public/index.html
index 2cc6137..da1421a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,7 @@
+
From 55136c5521becc2b79bfb2b2053c4bda3ebe0092 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20H=C3=B8jberg?=
Date: Wed, 27 Jul 2022 14:28:20 +0200
Subject: [PATCH 7/7] Remove google analytics
---
public/index.html | 10 ----------
1 file changed, 10 deletions(-)
diff --git a/public/index.html b/public/index.html
index da1421a..e55d3b5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -89,16 +89,6 @@