Adding location pin, location input

ui/_/code/quill.js

@@ -313,6 +313,22 @@ HTMLElement.prototype.padding = function(one, two, three = "px") {
         return this
     }
 
+    HTMLElement.prototype.paddingVertical = function(value, unit = "px") {
+        if ((typeof value !== 'number' && value !== "auto") || Number.isNaN(value))
+            throw new Error(`Invalid value: ${value}. Expected a number.`);
+        this.style.paddingTop = value + unit
+        this.style.paddingBottom = value + unit
+        return this
+    }
+
+    HTMLElement.prototype.paddingHorizontal = function(value, unit = "px") {
+        if ((typeof value !== 'number' && value !== "auto") || Number.isNaN(value))
+            throw new Error(`Invalid value: ${value}. Expected a number.`);
+        this.style.paddingRight = value + unit
+        this.style.paddingLeft = value + unit
+        return this
+    }
+
 HTMLElement.prototype.margin = function(direction, value, unit = "px") {
     if (!value) {
         this.style.margin = direction;
@@ -503,6 +519,20 @@ HTMLElement.prototype.gap = function(value, unit = "px") {
     return this
 }
 
+HTMLElement.prototype.backgroundImage = function (...values) {
+    const formatted = values
+        .map(v => {
+            if(v.includes("/") && !v.includes("gradient")) {
+                v = "url(" + v + ")"
+            }
+            return String(v).trim();
+        })
+        .join(", ");
+
+    this.style.backgroundImage = formatted;
+    return this;
+};
+
 /* Elements */
 
 quill.setChildren = function(el, innerContent) {

ui/_/code/shared.css

@@ -1,6 +1,6 @@
 :root {
     --main: #FFDFB4;
-    --accent: black;
+    --accent: var(--darkbrown);
 
     --tan: #FFDFB4;
     --purple: #251D44;
@@ -11,7 +11,7 @@
     --orange: #FE9201;
     --periwinkle: #655BAF;
 
-    --accent2: var(--green);
+    --accent2: var(--brown);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -84,3 +84,16 @@ button {
     padding: 1em;
     box-shadow: none;
 }
+
+input {
+    background-color: transparent;
+    border: 1px solid var(--accent2);
+    padding-left: 1em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    border-radius: 0.3em;
+}
+
+input:focus {
+    outline: 1px solid var(--red);
+}

ui/_/icons/locationPin.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 466.583 466.582"
+	 xml:space="preserve">
+<g>
+	<path d="M233.292,0c-85.1,0-154.334,69.234-154.334,154.333c0,34.275,21.887,90.155,66.908,170.834
+		c31.846,57.063,63.168,104.643,64.484,106.64l22.942,34.775l22.941-34.774c1.317-1.998,32.641-49.577,64.483-106.64
+		c45.023-80.68,66.908-136.559,66.908-170.834C387.625,69.234,318.391,0,233.292,0z M233.292,233.291c-44.182,0-80-35.817-80-80
+		s35.818-80,80-80c44.182,0,80,35.817,80,80S277.473,233.291,233.292,233.291z"/>
+</g>
+</svg>