Third-party
On the third-party page we can give credit and share the licenses of any third-party assets, fonts, icons, libraries, services and software used by us. Most licenses, e.g. MIT, generally require to give credit when the third-party product is part of own product or used in our product.
In the case of Epic Fantasy Forge, even products not part of our own product are credited. For example this includes products used to make Epic Fantasy Forge or products recommended by Epic Fantasy Forge.
Tests
E2E Test
Before implementing the third-party page we will create an E2E test in Qase. Add a new test case to the "Web Exclusive" suite named "Third-party":
Integration Tests
There is nothing for us to test at the integration level as the third-party page has no logic or any kind of code.
Unit Tests
There is nothing for us to test at the unit level since the third-party page has no logic or any kind of code.
Production Code
HTML
The full source code of the Epic Fantasy Forge third-party page can be found in the file third_party.html.heex.
Table
The third-party dependencies will be listed in a table. Add the below HTML to the third_party.html.heex file located at lib/epic_fantasy_forge_web/controllers/page_html:
third_party.html.heex
<div class="bg-gray-900">
<div class="mx-auto max-w-7xl">
<div class="pt-10">
<div class="px-4 sm:px-6 lg:px-8">
<div class="sm:flex sm:items-center">
<div class="sm:flex-auto">
<h1 class="text-base font-semibold text-white">Third-party</h1>
<p class="mt-2 text-sm text-gray-300">
A list of third-party assets, fonts, icons, libraries, services
and software used by Epic Fantasy Forge and/or used to create Epic
Fantasy Forge and/or recommended by Epic Fantasy Forge.
</p>
</div>
</div>
<div class="mt-8 flow-root">
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="
inline-block
min-w-full
pt-2
align-middle
sm:px-6
lg:px-8">
<table class="min-w-full divide-y divide-gray-700">
<thead>
<tr>
<th
scope="col"
class="
py-3.5
pr-3
pl-4
text-left
text-sm
font-semibold
text-white
sm:pl-0"
>
Name
</th>
<th
scope="col"
class="
px-3
py-3.5
text-left
text-sm
font-semibold
text-white"
>
License
</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-800">
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Android Studio
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://developer.android.com/studio/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Android Studio Terms and conditions
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Bash
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.gnu.org/licenses/gpl-3.0.html"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
GPL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
BrowserStack
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.browserstack.com/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
BrowserStack Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Bun
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://bun.sh/docs/project/licensing"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Clippy
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/rust-lang/rust-clippy?tab=readme-ov-file#license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache + MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Cloudflare
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.cloudflare.com/website-terms/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Cloudflare Website and Online Services Terms of Use
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Credo
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/rrrene/credo/blob/master/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Curl
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://curl.se/docs/copyright.html"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Curl License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Docker
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/moby/moby/blob/master/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
DuckDuckGo
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://duckduckgo.com/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
DuckDuckGo Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Elixir
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/elixir-lang/elixir/blob/main/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
ESLint
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/eslint/eslint/blob/main/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Fastfetch
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/fastfetch-cli/fastfetch/blob/dev/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Featurebase
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.featurebase.app/terms-of-service"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Featurebase Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Fedora Linux
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://docs.fedoraproject.org/en-US/legal/fedora-linux-license/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Fira Code
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/tonsky/FiraCode/blob/master/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
OFL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Firefox Developer Edition
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.mozilla.org/en-US/MPL/2.0/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MPL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
GetTerms
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://getterms.io/our-terms-of-service"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
GetTerms Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Git
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://opensource.org/license/GPL-2.0"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
GPL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
GitHub Copilot
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/customer-terms/github-copilot-product-specific-terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
GitHub Copilot Product Specific Terms
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
GitLab
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://about.gitlab.com/terms/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
GitLab Terms of Use
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Google Fonts
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://developers.google.com/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Google APIs Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
HCP Terraform Cloud
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.hashicorp.com/en/hcp-terraform"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Terraform Cloud User Agreement
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Hetzner
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.hetzner.com/legal/terms-and-conditions/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Hetzner Terms and Conditions
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Instant Workstation
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://instantworkstation.com/terms-of-service"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Instant Workstation Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Jest
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/jestjs/jest/blob/main/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
KDE Plasma
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://community.kde.org/Policies/Licensing_Policy"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Multiple
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Leonardo.Ai
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://leonardo.ai/terms-of-service/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Leonardo.Ai Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Material for MkDocs
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/squidfunk/mkdocs-material/blob/master/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
MkDocs
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.mkdocs.org/about/license/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MkDocs License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Neovim
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/neovim/neovim/blob/master/LICENSE.txt"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
npm
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://docs.npmjs.com/policies/npm-license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
npm License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
NvChad
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/NvChad/NvChad/blob/v2.5/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
GPL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Orbitron
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://fonts.google.com/specimen/Orbitron/license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
OFL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Overpass
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://fonts.google.com/specimen/Overpass/license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
OFL
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Phoenix Framework
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/phoenixframework/phoenix/blob/main/LICENSE.md"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
pip
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/pypa/pip/blob/main/LICENSE.txt"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Pirsch Analytics
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://pirsch.io/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Pirsch Analytics Terms and Conditions
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
PostgreSQL
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.postgresql.org/about/licence/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
PostgreSQL License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Proton
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://proton.me/legal/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Proton Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Python
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://docs.python.org/3/license.html"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Python Software Foundation License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Qase
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://qase.io/terms"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Qase Terms of Use
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Rust
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.rust-lang.org/policies/licenses"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache + MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Scaleway
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.scaleway.com/en/terms/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Scaleway Terms of Service
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Signal
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://signal.org/legal/"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Signal Terms & Privacy Policy
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
SimpleBackups
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://simplebackups.com/terms-and-conditions"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
SimpleBackups Terms and conditions
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Starship
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/starship/starship/blob/master/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
ISC
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Supabase
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/supabase/supabase/blob/master/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Svelte
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/sveltejs/svelte/blob/main/LICENSE.md"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Svelte
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Tailwind CSS
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/tailwindlabs/tailwindcss/blob/main/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Tailwind Plus
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://tailwindcss.com/plus/license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Tailwind Plus License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Tauri
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://tauri.app/concept/architecture/#license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache + MIT
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Terraform
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/hashicorp/terraform/blob/main/LICENSE"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Business Source License
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
tmux
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/tmux/tmux"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Multiple
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
TypeScript
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://github.com/microsoft/TypeScript/blob/main/LICENSE.txt"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Apache
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Visual Studio Code
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://code.visualstudio.com/license"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Microsoft Visual Studio Code
</a>
</td>
</tr>
<tr>
<td class="
py-2
pr-3
pl-4
text-sm
font-medium
whitespace-normal
text-white
sm:pl-0">
Xcode
</td>
<td class="
px-3
py-2
text-sm
whitespace-normal
text-gray-300">
<a
href="https://www.apple.com/legal/sla/docs/xcode.pdf"
target="_blank"
rel="noopener noreferrer"
class="
inline-flex
items-center
gap-1
font-semibold
text-indigo-400
hover:text-white
transition-colors"
>
Xcode and Apple SDKs Agreement
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Naturally replace the dependencies in the above HTML with your own project's dependencies. Your third-party page should now look something like this:
