+ This is a button component.
+Basic button
+
+<button>Click me</button>
+
+button {
+ color: white;
+ background-color: green;
+}
+
+document.querySelector("button").addEventListener("click", e => alert("Clicked button"))
+
+Fancy button
+
+<button>Fancy button</button>
+
+button {
+ color: white;
+ background-color: red;
+}
+
+document.querySelector("button").addEventListener("click", e => alert("Clicked fancy button"))
+
+This is a color component.
+Primary colors
+
+#f00
+
+This is a dropdown component.
+Basic dropdown
+
+<select name="dropdown">
+ <option>Select</option>
+ <option>Option A</option>
+ <option>Option B</option>
+ <option>Option C</option>
+</select>
+
+select {
+ font-size: 1.5em;
+}
+
+document.querySelector("select").addEventListener("change", e => alert(`Selected ${e.target.value}`))
+
+Fancy dropdown
+
+<select name="dropdown">
+ <option>Select</option>
+ <option>Option A</option>
+ <option>Option B</option>
+ <option>Option C</option>
+</select>
+
+select {
+ font-size: 1.5em;
+ background-color: red;
+}
+
+document.querySelector("select").addEventListener("change", e => alert(`Selected fancy ${e.target.value}`))
+
+
+
+
+
+
+
+
diff --git a/dist/jquery.js b/dist/jquery.js
new file mode 100644
index 0000000..a3bdd46
--- /dev/null
+++ b/dist/jquery.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.5.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-deprecated/ajax-event-alias,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(g,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,v=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,y=n.hasOwnProperty,a=y.toString,l=a.call(Object),m={},b=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},w=g.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function C(e,t,n){var r,i,o=(n=n||w).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function T(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-deprecated/ajax-event-alias,-effects,-effects/Tween,-effects/animatedSelector",E=function(e,t){return new E.fn.init(e,t)};function d(e){var t=!!e&&"length"in e&&e.length,n=T(e);return!b(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0
+
+