diff --git a/README.md b/README.md index 579b5f9..f918f51 100644 --- a/README.md +++ b/README.md @@ -1 +1,10 @@ # L-systems via lindsvg + +This web application is a simple SVG-based L-system plotter and manager designed to serve as a live demonstration for the [lindsvg](https://github.com/Amphiluke/lindsvg) module which is used by the app under the hood. + +There are a few L-system collections built in the app for demonstration purposes. These L-systems were gathered from various sources including the web, books, and articles. I appreciate the authors of these L-systems (you may find their names [in the app sources](src/stores/bank.mjs)). + +## Links + +* [Advanced examples](https://codepen.io/collection/DVzqWb) +* [The lindsvg module sources](https://github.com/Amphiluke/lindsvg) diff --git a/package-lock.json b/package-lock.json index 9ebfddd..89e677d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "lindsvg-pwa", - "version": "2.6.0", + "version": "2.6.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "lindsvg-pwa", - "version": "2.6.0", + "version": "2.6.1", "dependencies": { "@vueuse/core": "^11.1.0", "lindsvg": "^1.5.0", diff --git a/package.json b/package.json index 9059ee2..4081a6b 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "lindsvg-pwa", "private": true, - "version": "2.6.0", + "version": "2.6.1", "type": "module", "scripts": { "lint": "eslint", diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue index 63ae003..903a97e 100644 --- a/src/components/TheSidebar.vue +++ b/src/components/TheSidebar.vue @@ -92,10 +92,10 @@ let interfaceStore = useInterfaceStore(); } .buttons { - box-shadow: 0 -1px 0 0 var(--color-on-surface-mid); display: flex; height: var(--size-sidebar-button); left: 0; + outline: 1px solid var(--color-on-surface-mid); position: fixed; top: 0; transform: rotate(90deg) translateY(-100%);