bitwrench 1.2.15 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +160 -158
  2. package/bin/bitwrench.js +3 -0
  3. package/dist/bitwrench-code-edit.cjs.js +639 -0
  4. package/dist/bitwrench-code-edit.es5.js +875 -0
  5. package/dist/bitwrench-code-edit.es5.min.js +15 -0
  6. package/dist/bitwrench-code-edit.esm.js +628 -0
  7. package/dist/bitwrench-code-edit.esm.min.js +15 -0
  8. package/dist/bitwrench-code-edit.umd.js +645 -0
  9. package/dist/bitwrench-code-edit.umd.min.js +15 -0
  10. package/dist/bitwrench.cjs.js +6983 -0
  11. package/dist/bitwrench.cjs.min.js +62 -0
  12. package/dist/bitwrench.css +5100 -0
  13. package/dist/bitwrench.es5.js +8446 -0
  14. package/dist/bitwrench.es5.min.js +31 -0
  15. package/dist/bitwrench.esm.js +6981 -0
  16. package/dist/bitwrench.esm.min.js +62 -0
  17. package/dist/bitwrench.umd.js +6989 -0
  18. package/dist/bitwrench.umd.min.js +62 -0
  19. package/dist/builds.json +127 -0
  20. package/dist/sri.json +18 -0
  21. package/package.json +86 -24
  22. package/readme.html +288 -0
  23. package/src/bitwrench-code-edit.js +627 -0
  24. package/src/bitwrench-color-utils.js +311 -0
  25. package/src/bitwrench-component-base.js +736 -0
  26. package/src/bitwrench-components-inline.js +374 -0
  27. package/src/bitwrench-components-v2.js +1879 -0
  28. package/src/bitwrench-components.js +610 -0
  29. package/src/bitwrench-styles.js +3240 -0
  30. package/src/bitwrench.js +3367 -0
  31. package/src/cli/convert.js +205 -0
  32. package/src/cli/index.js +122 -0
  33. package/src/cli/inject.js +55 -0
  34. package/src/cli/layout-default.js +142 -0
  35. package/src/generate-css.js +381 -0
  36. package/src/vendor/quikdown.js +654 -0
  37. package/src/version.js +16 -0
  38. package/.eslintrc.json +0 -27
  39. package/.github/workflows/codeql-analysis.yml +0 -72
  40. package/.travis.yml +0 -34
  41. package/bitwrench.css +0 -92
  42. package/bitwrench.js +0 -3348
  43. package/bitwrench.js_sri.txt +0 -1
  44. package/bitwrench.min.js +0 -1
  45. package/bitwrench.min.js_sri.txt +0 -1
  46. package/bitwrench_ESM.js +0 -3207
  47. package/dev/bitwrench-todo.md +0 -215
  48. package/dev/css-arrows.md +0 -23
  49. package/dev/docStringDev.js +0 -124
  50. package/dev/docStringParseDev.js +0 -171
  51. package/dev/figures.html +0 -37
  52. package/dev/html_gen.js +0 -349
  53. package/dev/htmld.md +0 -250
  54. package/dev/htmldev.html +0 -45
  55. package/dev/index-old.html +0 -87
  56. package/dev/misc-notes.md +0 -21
  57. package/dev/notes.md +0 -2
  58. package/dev/sizes.html +0 -49
  59. package/dev/universal-js-module.js +0 -37
  60. package/examples/example1.html +0 -78
  61. package/examples/example10.html +0 -84
  62. package/examples/example2.html +0 -44
  63. package/examples/example3.html +0 -50
  64. package/examples/example4.html +0 -22
  65. package/examples/example5.html +0 -82
  66. package/examples/example6.html +0 -128
  67. package/examples/example7.html +0 -91
  68. package/examples/example8.html +0 -27
  69. package/examples/example9.html +0 -102
  70. package/icon/bitwrench-dark-tall.png +0 -0
  71. package/icon/bitwrench-dark.png +0 -0
  72. package/icon/bitwrench-icon-lt-grey.png +0 -0
  73. package/icon/bitwrench-icon.vsd +0 -0
  74. package/icon/bitwrench-logo-dark.png +0 -0
  75. package/icon/bitwrench-logo-full.png +0 -0
  76. package/icon/bitwrench-logo-green.png +0 -0
  77. package/icon/bitwrench-logo-grey.png +0 -0
  78. package/icon/bitwrench-logo-white.png +0 -0
  79. package/icon/bitwrench-logos-colors.png +0 -0
  80. package/icon/bitwrench-thick-logo.png +0 -0
  81. package/icon/bitwrench-thick-teal/android-chrome-192x192.png +0 -0
  82. package/icon/bitwrench-thick-teal/android-chrome-512x512.png +0 -0
  83. package/icon/bitwrench-thick-teal/apple-touch-icon.png +0 -0
  84. package/icon/bitwrench-thick-teal/browserconfig.xml +0 -9
  85. package/icon/bitwrench-thick-teal/favicon-16x16.png +0 -0
  86. package/icon/bitwrench-thick-teal/favicon-32x32.png +0 -0
  87. package/icon/bitwrench-thick-teal/favicon.ico +0 -0
  88. package/icon/bitwrench-thick-teal/mstile-144x144.png +0 -0
  89. package/icon/bitwrench-thick-teal/mstile-150x150.png +0 -0
  90. package/icon/bitwrench-thick-teal/mstile-310x150.png +0 -0
  91. package/icon/bitwrench-thick-teal/mstile-310x310.png +0 -0
  92. package/icon/bitwrench-thick-teal/mstile-70x70.png +0 -0
  93. package/icon/bitwrench-thick-teal/site.webmanifest +0 -19
  94. package/icon/bitwrench-thick-teal.ico +0 -0
  95. package/icon/bitwrench-thick-teal.svg +0 -44
  96. package/icon/bitwrench-thick-teal.zip +0 -0
  97. package/icon/favicon-test.html +0 -20
  98. package/icon/logos-test.PNG +0 -0
  99. package/images/bitwrench-512x512.png +0 -0
  100. package/images/bitwrench-logo-med.png +0 -0
  101. package/images/bitwrench-thick-logo.png +0 -0
  102. package/images/bitwrench-thick-logo.svg +0 -64
  103. package/images/bitwrench-thick-teal.ico +0 -0
  104. package/images/favicon.ico +0 -0
  105. package/index.html +0 -256
  106. package/instr_tmp/bitwrench.js +0 -1350
  107. package/karma.conf.js +0 -140
  108. package/makefile +0 -21
  109. package/quick-docs.html +0 -206
  110. package/test/bitwrench_test.js +0 -1255
  111. package/test/karma-test.js +0 -1081
  112. package/tools/bw_deprecatedNames.js +0 -19
  113. package/tools/bwconsole.js +0 -20
  114. package/tools/createSimpleHTMLPage.js +0 -41
  115. package/tools/emitreadme.sh +0 -4
  116. package/tools/export-bw-default-css.js +0 -41
  117. package/tools/umd2ModuleHack.js +0 -32
  118. package/tools/update-bw-package.js +0 -36
  119. package/tools/updatereadme.js +0 -34
package/examples/example6.html DELETED
@@ -1,128 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5
- <link rel="icon" type="image/x-icon" href="../images/favicon.ico" />
6
- <!-- bitwrench.js library examples
7
- (c) M A Chatterjee
8
- deftio <at> deftio <dot> com
9
- web : http:deftio.com/bitwrench
10
- github: http:github.com/deftio/bitwrench
11
- -->
12
- <script type="text/javascript" src="../bitwrench.css"></script>
13
- <script type="text/javascript" src="../bitwrench.js"></script>
14
- <style type="text/css">
15
- .btn {
16
- display: inline-block;
17
- margin-bottom: 0;
18
- font-weight: 400;
19
- text-align: center;
20
- vertical-align: middle;
21
- cursor: pointer;
22
- background-image: none;
23
- border: 1px solid transparent;
24
- white-space: nowrap;
25
- padding: 6px 12px;
26
- font-size: 14px;
27
- }
28
- .bw-button {
29
- display: inline-block;
30
- margin-bottom: 0;
31
- text-align: center;
32
- vertical-align: middle;
33
- cursor: pointer;
34
- font-weight: 400;
35
- background-image: none;
36
- white-space: pre-wrap;
37
- }
38
- .test {
39
- vertical-align: middle;
40
- }
41
-
42
- .boxEv {background-color: #aaa; height: 30px; border-radius:5px; border:1px solid black; vertical-align: middle;}
43
- .boxOd {background-color: #ddd; height: 30px; border-radius:5px; border:1px solid black; vertical-align: middle;}
44
-
45
- </style>
46
- </head>
47
- <body class="bw-def-page-setup bw-font-sans-serif">
48
- <h1>bitwrench HTML layout and CSS stylesd demo</h1>
49
- Bitwrench.js contains built-in css. This can be used when loading bitwrench.js or by using included stylesheets: bitwrench.css or bitwrench.min.css. These style sheets work without any need for javascript and can be used with any other html project. However some bitwrench functionality (such as selecting tabs or table sorts) due require the javascript portion of bitwrench (bitwrench.js).<br><br>
50
- bitwrench.css prefixes all css classes with "bw" as such as here:<br>
51
-
52
- <pre class="bw-code">
53
- </pre>
54
-
55
- <div>
56
- <h1 class="bw-h1">CSS Layout Grid</h1>
57
- Bitwrench includes a built-in css grid class set for creating simple regular layouts.<br>
58
- <br>
59
-
60
- <div class="bw-row bw-center test">
61
- <div class="bw-col-1 boxOd ">bw-col-1</div><div class="bw-col-1 boxEv">bw-col-1</div><div class="bw-col-1 boxOd">bw-col-1</div><div class="bw-col-1 boxEv">bw-col-1</div><div class="bw-col-1 boxOd">bw-col-1</div><div class="bw-col-1 boxEv">bw-col-1</div><div class="bw-col-1 boxOd">bw-col-1</div><div class="bw-col-1 boxEv">bw-col-1</div><div class="bw-col-1 boxOd">bw-col-1</div><div class="bw-col-1 boxEv">bw-col-1</div><div class="bw-col-1 boxOd">bw-col-1</div><div class="bw-col-1 boxEv">bw-col-1</div>
62
- </div><br>
63
-
64
- <div class="bw-row bw-center">
65
- <div class="bw-col-2 boxOd">bw-col-2</div><div class="bw-col-2 boxEv">bw-col-2</div><div class="bw-col-2 boxOd">bw-col-2</div><div class="bw-col-2 boxEv">bw-col-2</div><div class="bw-col-2 boxOd">bw-col-2</div><div class="bw-col-2 boxEv">bw-col-2</div>
66
- </div><br>
67
-
68
- <div class="bw-row bw-center">
69
- <div class="bw-col-3 boxOd">bw-col-3</div><div class="bw-col-3 boxEv">bw-col-3</div><div class="bw-col-3 boxOd">bw-col-3</div><div class="bw-col-3 boxEv">bw-col-3</div>
70
- </div><br>
71
-
72
- <div class="bw-row bw-center" >
73
- <div class="bw-col-4 boxOd">bw-col-4</div><div class="bw-col-4 boxEv">bw-col-4</div><div class="bw-col-4 boxOd">bw-col-4</div>
74
- </div><br>
75
-
76
- <div class="bw-row bw-center" >
77
- <div class="bw-col-5 boxOd">bw-col-5</div><div class="bw-col-7 boxEv">bw-col-7</div>
78
- </div><br>
79
-
80
- <div class="bw-row bw-center" >
81
- <div class="bw-col-6 boxOd">bw-col-6</div><div class="bw-col-6 boxEv">bw-col-6</div>
82
- </div><br>
83
-
84
- <div class="bw-row bw-center" >
85
- <div class="bw-col-7 boxOd">bw-col-7</div><div class="bw-col-5 boxEv">bw-col-5</div>
86
- </div><br>
87
-
88
- <div class="bw-row bw-center" >
89
- <div class="bw-col-8 boxOd">bw-col-8</div><div class="bw-col-4 boxEv">bw-col-4</div>
90
- </div><br>
91
-
92
- <div class="bw-row bw-center" >
93
- <div class="bw-col-9 boxOd">bw-col-9</div><div class="bw-col-3 boxEv">bw-col-3</div>
94
- </div><br>
95
-
96
- <div class="bw-row bw-center" >
97
- <div class="bw-col-10 boxOd">bw-col-10</div><div class="bw-col-2 boxEv">bw-col-2</div>
98
- </div><br>
99
-
100
- <div class="bw-row bw-center" >
101
- <div class="bw-col-11 boxOd">bw-col-11</div><div class="bw-col-1 boxEv">bw-col-1</div>
102
- </div><br>
103
-
104
- <div class="bw-row bw-center" >
105
- <div class="bw-col-12 boxOd">bw-col-12</div>
106
- </div><br>
107
- </div> <!-- end code for grid demo -->
108
- <br>
109
-
110
- <br>
111
-
112
- <!-- Text align demo area -->
113
- <h1 class="bw-h1">Text Alignment & Related</h1>
114
- <div class="bw-tab-container">
115
- <ul class="bw-tab-item-list">
116
- <li class="bw-tab bw-tab-active" onclick="bw.selectTabContent(this)" >Text Styles</li>
117
- <li class="bw-tab " onclick="bw.selectTabContent(this)" >Text Styles Code</li>
118
- </ul>
119
- <div class="bw-tab-content-list">
120
- <div class="bw-tab-content bw-show" id="bwTextSection">
121
- <br>The following text styles are supported.<br><br>
122
- <div class=" bw-left">This text is left aligned.</div><br>
123
- <div class=" bw-center">This text is centered.</div><br>
124
- <div class=" bw-right">This text is right aligned.</div><br>
125
- <div class=" bw-justify">This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. </div><br>
126
-
127
- </body>
128
- </html>
package/examples/example7.html DELETED
@@ -1,91 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <script src="../bitwrench.js" ></script>
5
- </head>
6
- <body class="bw-def-page-setup bw-font-sans-serif">
7
- <script>
8
-
9
- var htmlData = {c: //for more on the format, see docs github.com/deftio/bitwrench
10
- [
11
- ["h1" ,{"class":"bw-h1"},"Bitwrench Test Area" ],
12
- "bitwrench version: "+bw.version().version +"<br><br>",
13
- ["div",{"class":"foo"} ,"This page has HTML content which is entirely written as Javascript objects (JSON-like but with support for functions) by content using "+bw.html(["a",{href:"https://github.com/deftio/bitwrench"},"bitwrench.js"])+". Bitwrench has built-in grids, tables,headings, and other quick-n-dirty html prototyping tasks. Bitwrench html generation runs either client or server side."],
14
- "<hr>",
15
- ["h2","Lorem Ipsum Generator"],
16
- "Good for testing simple layout ideas.<br><br>",
17
- ["div",{},bw.loremIpsum(230)],
18
- "<hr>",
19
- ["h2",{},"Sample Content with 3 Columns"],
20
- ["div",{"class":"bw-row"},
21
- [
22
- ["div",{"class":"bw-col-4 bw-left "},"<h3>Left justified</h3>"+bw.loremIpsum(95)], //mix text and html freely
23
- ["div",{"class":"bw-col-4 bw-center bw-pad1"},"<h3>Centered</h3>"+bw.loremIpsum(95,3)],
24
- ["div",{"class":"bw-col-4 bw-right "},"<h3>Right justified</h3>"+bw.loremIpsum(95,2)],
25
- ],
26
- ],
27
- "<br><hr>",
28
- ["h2", {}, "Example Sortable Table"],
29
- bw.htmlTable( // json to table (note table data can be functions as well)
30
- [
31
- ["Name","Age", "Prof", "Fav Color"], // just an 2D array
32
- ["Sue", 34, "Engineer", {a:{style:"color:red"},c:"red"}], // inline json-html objects
33
- ["Bob" ,35, "Teacher", {a:{style:"color:green"},c:"green"}],
34
- ["Vito",23, "Mechanic", {a:{style:"color:blue",onclick:"alert('blue!')"},c:"blue"}],
35
- ["Hank",73, "Retired", {a:{style:"color:purple"},c:"purple"}]
36
- ],{sortable:true}),
37
- "<br><hr>",
38
- ["h2",{},"Sample Buttons"],
39
- "These buttons have function handlers attached.<br><br>",
40
- ["button",{onclick:"alert('button pressed!')"},"Alert Button"], // staight js
41
- "&nbsp;&nbsp;",
42
- ["button",{onclick:myFunc},"Time Button"], // bitwrench maps and registers event functions
43
- "<br><hr>",
44
- ["h2","Built in Headings"],
45
- [1,2,3,4,5,6].map( function(x){return bw.html(["h"+x,"Heading "+x])}).join(""), // Headings
46
- "<br><hr>",
47
- ["h2","Grid System (responsive)"],
48
- "Grid system (just uses css so can use either bitwrench.js loader or just bitwrench.css with no javascript. Use -fluid for responsive<br><br>",
49
- ["style",{},"\n.boxEv {background-color: #aaa; height: 30px; border-radius:5px; border:1px solid black;}\n.boxOd {background-color: #ddd; height:30px; border-radius:5px;border:1px solid black;}\n"], // some styles (note bw has CSS generation shown in another example)
50
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-1 boxEv"},c:"bw-col-1"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"},{a:{class:"bw-col-1 boxEv"},c:"bw-col-1"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"},{a:{class:"bw-col-1 boxEv"},c:"bw-col-1"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"},{a:{class:"bw-col-1 boxEv"},c:"bw-col-1"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"},{a:{class:"bw-col-1 boxEv"},c:"bw-col-1"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"},{a:{class:"bw-col-1 boxEv"},c:"bw-col-1"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"}]],
51
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-2 boxEv"},c:"bw-col-2"},{a:{class:"bw-col-2 boxOd"},c:"bw-col-2"},{a:{class:"bw-col-2 boxEv"},c:"bw-col-2"},{a:{class:"bw-col-2 boxOd"},c:"bw-col-2"},{a:{class:"bw-col-2 boxEv"},c:"bw-col-2"},{a:{class:"bw-col-2 boxOd"},c:"bw-col-2"}]],
52
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-3 boxEv"},c:"bw-col-3"},{a:{class:"bw-col-3 boxOd"},c:"bw-col-3"},{a:{class:"bw-col-3 boxEv"},c:"bw-col-3"},{a:{class:"bw-col-3 boxOd"},c:"bw-col-3"}]],
53
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-4 boxEv"},c:"bw-col-4"},{a:{class:"bw-col-4 boxOd"},c:"bw-col-4"},{a:{class:"bw-col-4 boxEv"},c:"bw-col-4"}]],
54
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-5 boxEv"},c:"bw-col-5"},{a:{class:"bw-col-7 boxOd"},c:"bw-col-7"}]],
55
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-6 boxEv"},c:"bw-col-6"},{a:{class:"bw-col-6 boxOd"},c:"bw-col-6"}]],
56
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-7 boxEv"},c:"bw-col-7"},{a:{class:"bw-col-5 boxOd"},c:"bw-col-5"}]],
57
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-8 boxEv"},c:"bw-col-8"},{a:{class:"bw-col-4 boxOd"},c:"bw-col-4"}]],
58
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-9 boxEv"},c:"bw-col-9"},{a:{class:"bw-col-3 boxOd"},c:"bw-col-3"}]],
59
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-10 boxEv"},c:"bw-col-10"},{a:{class:"bw-col-2 boxOd"},c:"bw-col-2"}]],
60
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-11 boxEv"},c:"bw-col-11"},{a:{class:"bw-col-1 boxOd"},c:"bw-col-1"}]],
61
- ["div",{class:"bw-row bw-center"},[{a:{class:"bw-col-12 boxEv"},c:"bw-col-12"}]],
62
-
63
- "<br><hr>",
64
- ["h2",{},"Simple Sign"],
65
- ["div",{style:"padding:10%; border:1px solid black;"},bw.htmlSign("This is a big sign!")],
66
- "<br><hr>",
67
- ["h2",{},"Tabbed Content"],
68
- bw.htmlTabs([
69
- ["Tab1",bw.loremIpsum(300)],
70
- ["Tab2",bw.loremIpsum(300,20)],
71
- ["Tab3",bw.loremIpsum(300,50)]],{tab_atr:{style:""}}) ,
72
- "<br>",
73
- ]};
74
-
75
- var tabUI = {
76
- c:bw.htmlTabs([
77
- ["Rendered Content", bw.html(htmlData)],
78
- ["JS Object Data", bw.htmlJSON(htmlData)],
79
- ],
80
- {atr:{style:"padding:2%;"}, tab_atr: {style:"font-size:1.5em"}, tabc_atr: {style:"background-color:#def !important;"} }
81
- )};
82
-
83
- bw.DOMInsertElement("body",tabUI);
84
- function myFunc(x){return x.innerHTML = (new Date()).toLocaleTimeString();} // button function
85
-
86
-
87
- bw.DOMInsertElement("head",bw.html(bw.htmlFavicon("\u266C","teal"))); // insert a favicon on the top tab of the page, "X" for a single letter
88
- bw.DOMInsertElement("head",bw.html({t:"title",c:"Bitwrench HTML Gen "})); // insert a page title on the browser tab
89
- </script>
90
- </body>
91
- </html>
package/examples/example8.html DELETED
@@ -1,27 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en"><!-- btiwrench responsive clock example works in all browsers back to IE7 etc -->
3
- <head>
4
- <script src="../bitwrench.js" ></script>
5
- <script>
6
- setInterval(function() {
7
- var t = new Date();
8
- bw.DOM("body", bw.htmlSign(t.toLocaleTimeString()+"<br>"+t.toDateString())); // short hand approach replaces body with bw.htmlSign contents each interval
9
-
10
- //commented out below allows one to replace entire body DOM tree with arbitrary html from javascrpit dict
11
- /*
12
- bw.DOM("body",
13
- bw.html(
14
- {
15
- t:"div",
16
- a:{style:"width:100%; height:100%;"},
17
- c:[bw.htmlSign(t.toLocaleTimeString()+"<br>"+t.toDateString()) ]
18
- }
19
- )
20
- );
21
- */
22
- }, 500);
23
-
24
- </script>
25
- </head>
26
- <body class="bw-font-sans-serif"></body>
27
- </html>
package/examples/example9.html DELETED
@@ -1,102 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en"><!-- btiwrench responsive clock example works in all browsers back to IE7 etc -->
3
- <head>
4
- <script src="../bitwrench.js" ></script>
5
- <style>
6
- body {
7
- background-color: black;
8
- }
9
- .card {
10
- height:100%;
11
- background-attachment: center center;
12
- background-position: center center;
13
- background-repeat: no-repeat;
14
- background-size: 100% 100%;
15
- }
16
- </style>
17
- <script>
18
-
19
-
20
- //create some cards
21
-
22
- /* write the body element. Note bw.DOM writes all matching css selectors.
23
- e.g. "bw.DOM(".myClass", ..content..) writes all the elements with a myClass field.
24
- */
25
- var cards;
26
- function renderPage(){ bw.DOM("body",bw.html(page))}
27
- </script>
28
- </head>
29
- <body class="bw-font-sans-serif bw-def-page-setup" ></body>
30
- <div id="content"></div>
31
- <script>
32
-
33
- //create a bunch of cards
34
- var page = {
35
- t: "div", a:{style:"width:100%; height:100vh;", class:"bw-container"}, // set up master container with rows and cards
36
- c: [
37
- {
38
- t:"div", a:{class: "bw-row", style: "height:33%"}, c:[
39
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 0")},
40
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 1")},
41
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 2")}
42
- ]
43
- },
44
- {
45
- t:"div", a:{class: "bw-row", style: "height:33%"}, c:[
46
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 3")},
47
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 4")},
48
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 5")}
49
- ]
50
- },
51
- {
52
- t:"div", a:{class: "bw-row", style: "height:33%"}, c:[
53
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 6")},
54
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 7")},
55
- {t:"div", a: {class: "bw-col-4 card"}, c:bw.htmlSign("card 8")}
56
- ]
57
- }
58
-
59
- ]
60
- };
61
-
62
- bw.DOM("#content",bw.html(page)); // make the above js dict go live as page elements
63
-
64
- cards = bw.DOM(".card"); // grab a handle to all the cards as an array of html elements
65
-
66
- var dogs = function() {
67
- fetch('https://dog.ceo/api/breeds/image/random')
68
- .then( response =>
69
- {
70
- response.json().then(message => {
71
- let msg = message.message;
72
- let card = cards[bw.random(0, cards.length -1)];
73
- console.log(msg)
74
- card.style.backgroundImage='url(' +msg+')';
75
- card.innerHTML ="";
76
- })
77
- })
78
- }
79
-
80
- setInterval(function(){
81
- //var x = bw.random(0, cards.length -1); // grab a random card..
82
- //cards[x].style["backgroundColor"] = ["green","orange","red","blue","white"][bw.random(0,4)];
83
- dogs();
84
- },
85
- 1000);
86
-
87
- /*
88
- setInterval(function() {
89
- var t = new Date();
90
- cards[4].innerHTML= bw.html(
91
- {
92
- t:"div",
93
- a:{style:"width:100%; height:100%; font-size: 16pt !important!;"},
94
- c:[bw.htmlSign(t.toLocaleTimeString()+"<br>"+t.toDateString() )]
95
- }
96
- )
97
- },
98
-
99
- 1000);
100
- */
101
- </script>
102
- </html>
package/icon/bitwrench-dark-tall.png DELETED
Binary file
package/icon/bitwrench-dark.png DELETED
Binary file
package/icon/bitwrench-icon-lt-grey.png DELETED
Binary file
package/icon/bitwrench-icon.vsd DELETED
Binary file
package/icon/bitwrench-logo-dark.png DELETED
Binary file
package/icon/bitwrench-logo-full.png DELETED
Binary file
package/icon/bitwrench-logo-green.png DELETED
Binary file
package/icon/bitwrench-logo-grey.png DELETED
Binary file
package/icon/bitwrench-logo-white.png DELETED
Binary file
package/icon/bitwrench-logos-colors.png DELETED
Binary file
package/icon/bitwrench-thick-logo.png DELETED
Binary file
package/icon/bitwrench-thick-teal/browserconfig.xml DELETED
@@ -1,9 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <browserconfig>
3
- <msapplication>
4
- <tile>
5
- <square150x150logo src="/mstile-150x150.png"/>
6
- <TileColor>#da532c</TileColor>
7
- </tile>
8
- </msapplication>
9
- </browserconfig>
package/icon/bitwrench-thick-teal/site.webmanifest DELETED
@@ -1,19 +0,0 @@
1
- {
2
- "name": "",
3
- "short_name": "",
4
- "icons": [
5
- {
6
- "src": "/android-chrome-192x192.png",
7
- "sizes": "192x192",
8
- "type": "image/png"
9
- },
10
- {
11
- "src": "/android-chrome-512x512.png",
12
- "sizes": "512x512",
13
- "type": "image/png"
14
- }
15
- ],
16
- "theme_color": "#ffffff",
17
- "background_color": "#ffffff",
18
- "display": "standalone"
19
- }
package/icon/bitwrench-thick-teal.ico DELETED
Binary file
package/icon/bitwrench-thick-teal.svg DELETED
@@ -1,44 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
3
- <!-- Generated by Microsoft Visio 11.0, SVG Export, v1.0 bitwrench-thick-teal.svg Page-1 -->
4
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
5
- xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/" width="1.00667in" height="1.00667in"
6
- viewBox="0 0 72.48 72.48" xml:space="preserve" color-interpolation-filters="sRGB" class="st2">
7
- <v:documentProperties v:langID="1033" v:viewMarkup="false"/>
8
-
9
- <style type="text/css">
10
- <![CDATA[
11
- .st1 {fill:#006666;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.24}
12
- .st2 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
13
- ]]>
14
- </style>
15
-
16
- <g v:mID="0" v:index="1" v:groupContext="foregroundPage">
17
- <title>Page-1</title>
18
- <v:pageProperties v:drawingScale="1" v:pageScale="1" v:drawingUnits="0" v:shadowOffsetX="9" v:shadowOffsetY="-9"/>
19
- <g id="group171-1" transform="translate(0.24,-0.24)" v:mID="171" v:groupContext="group">
20
- <title>Sheet.171</title>
21
- <g id="shape168-2" v:mID="168" v:groupContext="shape" transform="translate(51.1875,0)">
22
- <title>Sheet.168</title>
23
- <path d="M0 0.48 L7.8 0.48 A7.80469 6.75 0 0 1 15.61 7.23 L15.61 27.48 A5.20313 6.75 -180 0 0 20.81 34.23 L20.81
24
- 38.73 A5.20313 6.75 -180 0 0 15.61 45.48 L15.61 65.73 A7.80469 6.75 0 0 1 7.8 72.48 L0 72.48 L0 67.98
25
- A7.80469 2.25 -180 0 0 7.8 65.73 L7.8 40.98 A5.20312 4.5 0 0 1 13.01 36.48 A5.20312 4.5 0 0 1 7.8 31.98
26
- L7.8 7.23 A7.80469 2.25 -180 0 0 0 4.98 L0 0.48 Z" class="st1"/>
27
- </g>
28
- <g id="shape169-4" v:mID="169" v:groupContext="shape" transform="translate(20.25,0) scale(-1,1)">
29
- <title>Sheet.169</title>
30
- <path d="M0 0.48 L7.59 0.48 A7.59375 6.75 0 0 1 15.19 7.23 L15.19 27.48 A5.0625 6.75 -180 0 0 20.25 34.23 L20.25
31
- 38.73 A5.0625 6.75 -180 0 0 15.19 45.48 L15.19 65.73 A7.59375 6.75 0 0 1 7.59 72.48 L0 72.48 L0 67.98
32
- A7.59375 2.25 -180 0 0 7.59 65.73 L7.59 40.98 A5.0625 4.5 0 0 1 12.66 36.48 A5.0625 4.5 0 0 1 7.59 31.98
33
- L7.59 7.23 A7.59375 2.25 -180 0 0 0 4.98 L0 0.48 Z" class="st1"/>
34
- </g>
35
- <g id="shape170-6" v:mID="170" v:groupContext="shape" transform="translate(23.8109,-2.01556)">
36
- <title>Sheet.170</title>
37
- <path d="M18.25 27.28 A12.1891 12.1891 -45 0 0 23.78 12.94 L15.74 21.57 L8.58 20.57 L7.08 13.5 L15.13 4.87 A12.1891
38
- 12.1891 -45 0 0 3.88 25.61 A12.1891 12.1891 -45 0 0 5.98 27.19 L5.98 51.34 A11.4758 11.4758 -180 0 0
39
- 0.69 61 A11.4758 11.4758 -180 0 0 23.65 61 A11.4758 11.4758 -180 0 0 18.25 51.27 L18.25 27.28 ZM18.58
40
- 57.31 L18.58 64.7 L12.17 68.4 L5.76 64.7 L5.76 57.31 L12.17 53.61 L18.58 57.31 Z" class="st1"/>
41
- </g>
42
- </g>
43
- </g>
44
- </svg>
package/icon/bitwrench-thick-teal.zip DELETED
Binary file
package/icon/favicon-test.html DELETED
@@ -1,20 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <link rel="icon" type="image/x-icon" href="./bitwrench-angle-head-braces-teal.ico" />
5
-
6
- <!--
7
- <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIAAoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZGT/AAAAAMnJyf8AAAD/AAAAAAAAAAAAAAD/ycnJ/wAAAABkZGT/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAAAAAAAADJycn/AAAA/wAAAAAAAAAAAAAA/8nJyf8AAAAAAAAAAAAAAP8AAAAAAAAAAAAAAABkZGT/AAAAAAAAAAAAAAAAycnJ/2RkZP/Jycn/ycnJ/2RkZP/Jycn/AAAAAAAAAAAAAAAAZGRk/wAAAAAAAAAAAAAA/wAAAAAAAAAAAAAAAAAAAADJycn/AAAA/wAAAP/Jycn/AAAAAAAAAAAAAAAAAAAAAAAAAP8AAAAAAAAAAAAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAAAAAAAAAAAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAADJycn/ZGRk/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAGRkZP/Jycn/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAMnJyf8AAAD/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/Jycn/ZGRk/wAAAAAAAAAAAAAAAMnJyf9kZGT/AAAA/wAAAP/Jycn/AAAAAAAAAAAAAAAAAAAAAGRkZP/Jycn/AAAAAAAAAP8AAAAAAAAAAMnJyf/Jycn/AAAA/wAAAP8AAAD/AAAA/8nJyf8AAAAAAAAAAAAAAAAAAAD/AAAAAAAAAAAAAAD/AAAAAAAAAADJycn/ZGRk/wAAAP/Jycn/AAAAAAAAAP9kZGT/ycnJ/wAAAAAAAAAAAAAA/wAAAAAAAAAAAAAA/wAAAAAAAAAAycnJ/wAAAP9kZGT/AAAAAAAAAADJycn/AAAA/8nJyf8AAAAAAAAAAAAAAP8AAAAAAAAAAGRkZP8AAAAAAAAAAMnJyf8AAAD/ZGRk/8nJyf8AAAAAAAAAAMnJyf9kZGT/AAAAAAAAAABkZGT/AAAAAAAAAAAAAAAAAAAA/wAAAAAAAAAAycnJ/wAAAP9kZGT/ycnJ/wAAAAAAAAAAAAAAAAAAAAAAAAD/AAAAAAAAAAAAAAAAAAAAAAAAAABkZGT/AAAAAAAAAADJycn/ZGRk/2RkZP/Jycn/AAAAAAAAAABkZGT/AAAAAAAAAAAAAAAA" />
8
-
9
- -->
10
-
11
- <!-- <link href="data:image/x-icon;base64,YourBase64StringHere" rel="icon" type="image/x-icon" /> -->
12
-
13
- <title>bitwrench</title>
14
- </head>
15
-
16
- <body>
17
- <img src="./logos-test.PNG" width="800"></img>
18
-
19
- </body>
20
- </html>
package/icon/logos-test.PNG DELETED
Binary file
package/images/bitwrench-512x512.png DELETED
Binary file
package/images/bitwrench-logo-med.png DELETED
Binary file
package/images/bitwrench-thick-logo.png DELETED
Binary file
package/images/bitwrench-thick-logo.svg DELETED
@@ -1,64 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
3
- <!-- Generated by Microsoft Visio 11.0, SVG Export, v1.0 bitwrench-thick-logo.svg Page-1 -->
4
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
5
- xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/" width="4.2885in" height="1.14583in"
6
- viewBox="0 0 308.772 82.5" xml:space="preserve" color-interpolation-filters="sRGB" class="st5">
7
- <v:documentProperties v:langID="1033" v:viewMarkup="false"/>
8
-
9
- <style type="text/css">
10
- <![CDATA[
11
- .st1 {fill:#006666;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.24}
12
- .st2 {fill:none;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.75}
13
- .st3 {fill:#000000;font-family:Calibri;font-size:4.99999em}
14
- .st4 {fill:#006666;font-family:Calibri;font-size:4.99999em}
15
- .st5 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
16
- ]]>
17
- </style>
18
-
19
- <g v:mID="0" v:index="1" v:groupContext="foregroundPage">
20
- <title>Page-1</title>
21
- <v:pageProperties v:drawingScale="1" v:pageScale="1" v:drawingUnits="0" v:shadowOffsetX="9" v:shadowOffsetY="-9"/>
22
- <g id="group114-1" transform="translate(0.24,-23.25)" v:mID="114" v:groupContext="group">
23
- <title>Sheet.114</title>
24
- <g id="shape115-2" v:mID="115" v:groupContext="shape" transform="translate(28.793,0)">
25
- <title>Sheet.115</title>
26
- <path d="M0 42 L4.39 42 A4.39014 3.79688 0 0 1 8.78 45.8 L8.78 57.19 A2.92676 3.79688 -180 0 0 11.71 60.98 L11.71
27
- 63.52 A2.92676 3.79688 -180 0 0 8.78 67.31 L8.78 78.7 A4.39014 3.79688 0 0 1 4.39 82.5 L0 82.5 L0 79.97
28
- A4.39014 1.26562 -180 0 0 4.39 78.7 L4.39 64.78 A2.92676 2.53125 0 0 1 7.32 62.25 A2.92676 2.53125 0
29
- 0 1 4.39 59.72 L4.39 45.8 A4.39014 1.26562 -180 0 0 0 44.53 L0 42 Z" class="st1"/>
30
- </g>
31
- <g id="shape116-4" v:mID="116" v:groupContext="shape" transform="translate(11.3906,0) scale(-1,1)">
32
- <title>Sheet.116</title>
33
- <path d="M0 42 L4.27 42 A4.27148 3.79688 0 0 1 8.54 45.8 L8.54 57.19 A2.84766 3.79688 -180 0 0 11.39 60.98 L11.39
34
- 63.52 A2.84766 3.79688 -180 0 0 8.54 67.31 L8.54 78.7 A4.27148 3.79688 0 0 1 4.27 82.5 L0 82.5 L0 79.97
35
- A4.27148 1.26562 -180 0 0 4.27 78.7 L4.27 64.78 A2.84766 2.53125 0 0 1 7.12 62.25 A2.84766 2.53125 0
36
- 0 1 4.27 59.72 L4.27 45.8 A4.27148 1.26562 -180 0 0 -0 44.53 L0 42 Z" class="st1"/>
37
- </g>
38
- <g id="shape117-6" v:mID="117" v:groupContext="shape" transform="translate(13.3936,-1.13375)">
39
- <title>Sheet.117</title>
40
- <path d="M10.26 57.07 A6.85638 6.85638 -45 0 0 13.38 49.01 L8.85 53.86 L4.83 53.3 L3.98 49.32 L8.51 44.47 A6.85638
41
- 6.85638 -45 0 0 2.18 56.14 A6.85638 6.85638 -45 0 0 3.36 57.02 L3.36 70.61 A6.45516 6.45516 -180 0 0
42
- 0.39 76.04 A6.45516 6.45516 -180 0 0 13.3 76.04 A6.45516 6.45516 -180 0 0 10.26 70.57 L10.26 57.07 ZM10.45
43
- 73.96 L10.45 78.13 L6.85 80.21 L3.24 78.13 L3.24 73.96 L6.85 71.88 L10.45 73.96 Z" class="st1"/>
44
- </g>
45
- </g>
46
- <g id="group118-8" transform="translate(53.772,-0.75)" v:mID="118" v:groupContext="group">
47
- <title>Sheet.118</title>
48
- <g id="shape119-9" v:mID="119" v:groupContext="shape">
49
- <title>Sheet.119</title>
50
- <desc>bit</desc>
51
- <v:textBlock v:margins="rect(2,2,2,2)"/>
52
- <v:textRect cx="37.125" cy="42" width="74.25" height="81"/>
53
- <rect x="0" y="1.5" width="74.25" height="81" class="st2"/>
54
- <text x="2" y="60" class="st3" v:langID="1033"><v:paragraph/><v:tabList/>bit</text> </g>
55
- <g id="shape120-12" v:mID="120" v:groupContext="shape" transform="translate(67.5,0)">
56
- <title>Sheet.120</title>
57
- <desc>wrench</desc>
58
- <v:textBlock v:margins="rect(2,2,2,2)"/>
59
- <v:textRect cx="93.375" cy="42" width="186.75" height="81"/>
60
- <rect x="0" y="1.5" width="186.75" height="81" class="st2"/>
61
- <text x="2" y="60" class="st4" v:langID="1033"><v:paragraph/><v:tabList/>wrench</text> </g>
62
- </g>
63
- </g>
64
- </svg>
package/images/bitwrench-thick-teal.ico DELETED
Binary file
package/images/favicon.ico DELETED
Binary file