Add licensing information

2 files changed, 55 insertions, 2 deletions

diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000..47844fb
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,19 @@
+Copyright 2022 Terry Truong
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of this software and associated documentation files (the "Software"),
+to deal in the Software without restriction, including without limitation
+the rights to use, copy, modify, merge, publish, distribute, sublicense,
+and/or sell copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index ab55325..46dfa2f 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -336,18 +336,30 @@
 				<template #summary="slotProps">
 					<div :class="scSummaryClasses">
 						<down-icon :class="slotProps.collapsed ? downIconClasses : downIconExpandedClasses"/>
-						Other Credits
+						Project Information
 					</div>
 				</template>
 				<template #content>
 					<div :class="contentClasses">
+						<h1 class="text-lg font-bold">Other Credits</h1>
 						<ul class="list-disc pl-4">
 							<li>
-								The UI was built using the
+								The UI was largely coded in
+								<a href="https://www.typescriptlang.org/" :style="anchorStyles">Typescript</a>
+									<external-link-icon :class="linkIconClasses"/>,
+								and built using the
 								<a href="https://vuejs.org/" :style="anchorStyles">Vue framework</a>
 									<external-link-icon :class="linkIconClasses"/>
 							</li>
 							<li>
+								Tree data was processed using
+								<a href="https://www.python.org/" :style="anchorStyles">Python</a>
+									<external-link-icon :class="linkIconClasses"/>,
+								and stored using
+								<a href="https://www.sqlite.org/index.html" :style="anchorStyles">Sqlite</a>
+									<external-link-icon :class="linkIconClasses"/>
+							</li>
+							<li>
 								Styling was enhanced using
 								<a href="https://tailwindcss.com/" :style="anchorStyles">Tailwind</a>
 									<external-link-icon :class="linkIconClasses"/>
@@ -369,6 +381,28 @@
 									<external-link-icon :class="linkIconClasses"/>
 							</li>
 						</ul>
+						<br/>
+						<h1 class="text-lg font-bold">Licensing</h1>
+						<ul class="list-disc pl-4">
+							<li>The project's code is licensed under the MIT license</li>
+							<li>
+								Tree data from the Open Tree of Life is licensed under the
+								<a href="https://raw.githubusercontent.com/OpenTreeOfLife/opentree/master/LICENSE.txt"
+									:style="anchorStyles">BSD 2-Clause License</a>
+									<external-link-icon :class="linkIconClasses"/>
+							</li>
+							<li>
+								Image licensing information is available from a tile's info pane,
+								under 'Source information'
+							</li>
+							<li>
+								The short descriptions are extracted from Wikipedia's page content,
+								which is available under the
+								<a href="https://creativecommons.org/licenses/by-sa/3.0/" :style="anchorStyles"
+									>CC BY-SA 3.0 license</a>
+									<external-link-icon :class="linkIconClasses"/>
+							</li>
+						</ul>
 					</div>
 				</template>
 			</s-collapsible>