LukeParke/skeleton
1
0
Fork 0
mirror of https://github.com/LukeHagar/skeleton.git synced 2025-12-09 20:57:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sponsor promo page added (#2046)

Browse Source
This commit is contained in:
Chris Simmons
2023-09-26 10:46:04 -05:00
committed by GitHub
parent b50f842225
commit 99754539d3
4 changed files with 580 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
sites/skeleton.dev/src/lib/components/DocsAppBar/DocsAppBar.svelte
View File

@@ -56,7 +56,7 @@
const themes = [ const themes = [
{ type: 'skeleton', name: 'Skeleton', icon: '💀' }, { type: 'skeleton', name: 'Skeleton', icon: '💀' },
{ type: 'wintry', name: 'Wintry', icon: '🌨️', badge: 'New' }, { type: 'wintry', name: 'Wintry', icon: '🌨️' },
{ type: 'modern', name: 'Modern', icon: '🤖' }, { type: 'modern', name: 'Modern', icon: '🤖' },
{ type: 'rocket', name: 'Rocket', icon: '🚀' }, { type: 'rocket', name: 'Rocket', icon: '🚀' },
{ type: 'seafoam', name: 'Seafoam', icon: '🧜‍♀️' }, { type: 'seafoam', name: 'Seafoam', icon: '🧜‍♀️' },
@@ -125,12 +125,12 @@
<span>Blog</span> <span>Blog</span>
</a> </a>
</li> </li>
<li> <!-- <li>
<a href="https://store.skeleton.dev" target="_blank"> <a href="https://store.skeleton.dev" target="_blank">
<span class="w-6 text-center"><i class="fa-solid fa-shopping-cart" /></span> <span class="w-6 text-center"><i class="fa-solid fa-shopping-cart" /></span>
<span>Skeleton Store</span> <span>Skeleton Store</span>
</a> </a>
</li> </li> -->
<hr class="!my-4" /> <hr class="!my-4" />
<li> <li>
<a href="/elements/core"> <a href="/elements/core">
@@ -175,7 +175,8 @@
<nav class="list-nav p-4 -m-4 max-h-64 lg:max-h-[500px] overflow-y-auto"> <nav class="list-nav p-4 -m-4 max-h-64 lg:max-h-[500px] overflow-y-auto">
<form action="/?/setTheme" method="POST" use:enhance={setTheme}> <form action="/?/setTheme" method="POST" use:enhance={setTheme}>
<ul> <ul>
{#each themes as { icon, name, type, badge }} <!-- , badge -->
{#each themes as { icon, name, type }}
<li> <li>
<button <button
class="option w-full h-full" class="option w-full h-full"
@@ -186,7 +187,7 @@
> >
<span>{icon}</span> <span>{icon}</span>
<span class="flex-auto text-left">{name}</span> <span class="flex-auto text-left">{name}</span>
{#if badge}<span class="badge variant-filled-secondary">{badge}</span>{/if} <!-- {#if badge}<span class="badge variant-filled-secondary">{badge}</span>{/if} -->
</button> </button>
</li> </li>
{/each} {/each}
@@ -195,7 +196,10 @@
</nav> </nav>
<hr /> <hr />
<div> <div>
<a class="btn variant-filled w-full" href="/docs/generator">Create a Theme</a> <a class="btn variant-filled w-full" href="/docs/generator">
<i class="fa-solid fa-palette" />
<span>Create a Theme</span>
</a>
</div> </div>
</div> </div>
<!-- <div class="arrow bg-surface-100-800-token" /> --> <!-- <div class="arrow bg-surface-100-800-token" /> -->
@@ -212,28 +216,38 @@
</button> </button>
<!-- popup --> <!-- popup -->
<div class="card p-4 w-60 shadow-xl" data-popup="sponsor"> <div class="card p-4 w-60 shadow-xl" data-popup="sponsor">
<nav class="list-nav"> <div class="space-y-4">
<ul> <nav class="list-nav">
<li> <ul>
<a href="https://ko-fi.com/skeletonlabs" target="_blank" rel="noreferrer"> <li>
<span class="w-6 text-center"><i class="fa-solid fa-mug-saucer" /></span> <a href="https://github.com/sponsors/skeletonlabs" target="_blank" rel="noreferrer">
<span>Ko-Fi</span> <span class="w-6 text-center"><i class="fa-brands fa-github" /></span>
</a> <span>GitHub</span>
</li> </a>
<li> </li>
<a href="https://github.com/sponsors/skeletonlabs" target="_blank" rel="noreferrer"> <li>
<span class="w-6 text-center"><i class="fa-brands fa-github" /></span> <a href="https://ko-fi.com/skeletonlabs" target="_blank" rel="noreferrer">
<span>GitHub</span> <span class="w-6 text-center"><i class="fa-solid fa-mug-saucer" /></span>
</a> <span>Ko-Fi</span>
</li> </a>
<li> </li>
<a href="https://patreon.com/user?u=83786276" target="_blank" rel="noreferrer"> <li>
<span class="w-6 text-center"><i class="fa-brands fa-patreon" /></span> <a href="https://patreon.com/user?u=83786276" target="_blank" rel="noreferrer">
<span>Patreon</span> <span class="w-6 text-center"><i class="fa-brands fa-patreon" /></span>
</a> <span>Patreon</span>
</li> </a>
</ul> </li>
</nav> </ul>
</nav>
<hr />
<div>
<a class="btn variant-filled w-full" href="/docs/sponsorship">
<i class="fa-solid fa-gift" />
<span>Incentives</span>
<span class="badge variant-filled-secondary">New</span>
</a>
</div>
</div>
<!-- <div class="arrow bg-surface-100-800-token" /> --> <!-- <div class="arrow bg-surface-100-800-token" /> -->
</div> </div>
</div> </div>

8
sites/skeleton.dev/src/lib/links.ts
View File

@@ -31,7 +31,13 @@ export const menuNavLinks: Record<string, Array<{ title: string; list: List }>>
list: [ list: [
{ href: '/docs/generator', label: 'Theme Generator', keywords: 'create, custom, style, css, design' }, { href: '/docs/generator', label: 'Theme Generator', keywords: 'create, custom, style, css, design' },
{ href: '/docs/purgecss', label: 'PurgeCSS', keywords: 'purgecss, vite, tree, shaking, bundle, optimize' }, { href: '/docs/purgecss', label: 'PurgeCSS', keywords: 'purgecss, vite, tree, shaking, bundle, optimize' },
{ href: '/docs/contributing', label: 'Contributing', keywords: 'branch, pr' } { href: '/docs/contributing', label: 'Contributing', keywords: 'branch, pr' },
{
href: '/docs/sponsorship',
label: 'Sponsorship',
keywords: 'sponsor, funding, contribute, support, github, ko-fi, patreon',
badge: 'New'
}
] ]
} }
], ],

325
sites/skeleton.dev/src/routes/(inner)/docs/sponsorship/+page.svelte Normal file
View File

@@ -0,0 +1,325 @@
<script lang="ts">
import LayoutPage from '$lib/layouts/LayoutPage/LayoutPage.svelte';
import { Accordion, AccordionItem, Avatar, CodeBlock } from '@skeletonlabs/skeleton';
</script>
<LayoutPage>
<!-- Header -->
<header class="space-y-4">
<h1 class="h1">Sponsorship</h1>
<p>
Sponsorship is a fundamental way to support open source projects such as Skeleton. Funds provided by sponsors cover operation costs,
fund paid promotion, support contributors, and more. Choose from any of the services listed below.
</p>
</header>
<!-- Sponsorship -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-4">
<a
class="card card-hover !bg-[#6e5494] p-4 md:py-10 lg:py-20 flex flex-col items-center space-y-4"
href="https://github.com/sponsors/skeletonlabs"
target="_blank"
rel="noreferrer"
>
<Avatar
background="bg-white"
width="w-40"
src="https://github.blog/wp-content/uploads/2019/05/mona-heart-featured.png?resize=1600%2C850"
/>
<h2 class="h4" data-toc-ignore>Github</h2>
</a>
<a
class="card card-hover !bg-[#1AC0FF] p-4 md:py-10 lg:py-20 flex flex-col items-center space-y-4"
href="https://ko-fi.com/skeletonlabs"
target="_blank"
rel="noreferrer"
>
<Avatar
background="bg-white"
width="w-40"
src="https://uploads-ssl.webflow.com/5c14e387dab576fe667689cf/61e111774d3a2f67c827cd25_Frame%205.png"
/>
<h2 class="h4" data-toc-ignore>Ko-Fi</h2>
</a>
<a
class="card card-hover !bg-[#FF424D] p-4 md:py-10 lg:py-20 flex flex-col items-center space-y-4"
href="https://www.patreon.com/user?u=83786276"
target="_blank"
rel="noreferrer"
>
<Avatar background="bg-white" width="w-40" src="https://pixelbag.net/wp-content/uploads/2022/03/patreon-vector-icon.jpg" />
<h2 class="h4" data-toc-ignore>Patreon</h2>
</a>
</section>
<hr />
<!-- GitHub Sponsors -->
<section class="space-y-4">
<h2 class="h2">GitHub Incentives</h2>
<h3 class="h3">Discord Role</h3>
<!-- prettier-ignore -->
<p>
Sponsorship of the <u>Silver Tier or higher</u> provides access to a <code class="code">sponsor</code> role on Discord, enabling a
special <code class="code">#sponsors</code> channel which provides a direct line of communication with Skeleton contributors. Please contact a member of the Discord moderator team if this role is not automatically assigned.
</p>
<h3 class="h3">Premium Templates</h3>
<!-- prettier-ignore -->
<p>
Sponsorship of the <u>Gold Tier or higher</u> unlocks access to all templates below. Select any template to preview.
</p>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<!-- Template: Portfolio -->
<a class="card hover:variant-filled-primary p-4 space-y-4" href="https://skeleton-template-portfolio.vercel.app/" target="_blank">
<h3 class="h3" data-toc-ignore>Portfolio</h3>
<img
class="rounded-container-token shadow"
src="https://github.com/skeletonlabs/skeleton/assets/1509726/4ab925f5-5d76-4cd5-b8a8-33c151f57adb"
alt="portfolio"
/>
<p>
A personal portfolio template, this template allows you to quickly and easily edit a static file to maintain your list of personal
projects. Easily modify the images and stats on the homepage to make it your own. Makes use of the recently added Wintry theme by
default, but easily switch to any theme you prefer.
</p>
</a>
<!-- Template: Blog -->
<a class="card hover:variant-filled-primary p-4 space-y-4" href="https://skeleton-template-blog.vercel.app/" target="_blank">
<h3 class="h3" data-toc-ignore>Blog</h3>
<img
class="rounded-container-token shadow"
src="https://github.com/skeletonlabs/skeleton/assets/1509726/ecd34f03-73ac-45d2-ad39-3714cf4d67dd"
alt="portfolio"
/>
<p>
This template provides a fully featured blog, allowing you to generate and maintain posts using Markdown via mdsvex. Includes full
support for multiple authors and filtering by custom categories. All Markdown frontmatter is type safe and easy to expand.
Including a unique and classy black and white theme.
</p>
</a>
</div>
<!-- <h3 class="h3">Template FAQs</h3> -->
<Accordion autocollapse class="card variant-glass p-2">
<AccordionItem open>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>How may I access my templates?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<!-- prettier-ignore -->
<p>
While your sponsorship is active, you gain access to a <a class="anchor" href="https://github.com/skeletonlabs/skeleton-templates" target="_blank">private GitHub respository</a> containing all available templates.
</p>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>What makes these templates so special?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>
Each template is hand-crafted by industry professions with decades of experience in interface design and frontend development.
We take care to implement fully responsive layouts that adjust to fit any size screen, and write code that meets or exceeds all
modern standards. Providing a simple to use and production-ready solution for your projects.
</p>
<ul class="list-disc list-outside ml-4 space-y-2">
<li>
<strong>Created by Experts</strong> — each template is curated by members of Skeleton Labs, the creators of the Skeleton library.
</li>
<li>
<strong>Adaptive Theme</strong>s — unlike traditional website templates, Skeleton templates are designed from the ground up
with customization in mind. Use the unique theme bundled with each template, choose from a selection of preset themes, or
generate your own in seconds.
</li>
<li>
<strong>Easy to Use</strong> — all templates are easy to use, creating the perfect foundation for your personal or professional
projects.
</li>
<li>
<strong>Ready for Production</strong> — each template is maintained to keep in sync with the latest changes from Svelte/Kit, Tailwind,
and Skeleton.
</li>
<li>
<strong>Easy to Deploy</strong> — use any of SvelteKit's adapters and deploy to a number of popular services, including: Vercel,
Netlify, and more.
</li>
</ul>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>Can I use other preset or custom themes?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>
Absolutely. Each template implements the latest version of the Skeleton adaptive theme system, which fully supports all preset
or custom themes out of the box.
</p>
<video
class="bg-black w-full h-auto rounded-container-token overflow-hidden shadow-xl"
poster="https://cdn.shopify.com/s/files/1/0785/8565/9703/files/portfolio.png"
width="1920"
height="1080"
autoplay
loop
muted
>
<source src="https://s3.us-east-2.amazonaws.com/cdn.endigodesign.com/endigo_design/skeleton/store-video.mp4" type="video/mp4" />
Your browser does not support the video tag.
<track kind="captions" />
</video>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>Are templates subject to license restrictions?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>
Yes, templates provided as sponsorship incentives are limited to the <u>Personal License</u>. If you're interested in either the
Commercial or Enterprise licenses, please contact <a class="anchor" href="mailto:admin@skeleton.dev">Skeleton Labs</a>.
</p>
<div class="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start">
<section class="card p-8 space-y-4">
<h3 class="h3" data-toc-ignore>Personal</h3>
<hr class="opacity-30" />
<p>Intended for use within small scale personal or hobby projects.</p>
<ul class="list-disc list-inside space-y-2">
<li>Single application</li>
<li>Limited to 1 domain</li>
<li>Includes documentation</li>
</ul>
<a class="btn variant-filled w-full" href="/docs/sponsorship/licensing" target="_blank">License Terms</a>
</section>
<section class="card p-8 space-y-4">
<h3 class="h3" data-toc-ignore>Commercial</h3>
<hr class="opacity-30" />
<p>Intended for use within commercial organizations and agencies.</p>
<ul class="list-disc list-inside space-y-2">
<li>Multiple applications</li>
<li>Unlimited domains</li>
<li>Includes documentation</li>
</ul>
<a class="btn variant-filled w-full" href="/docs/sponsorship/licensing" target="_blank">License Terms</a>
</section>
<section class="card p-8 space-y-4">
<h3 class="h3" data-toc-ignore>Enterprise</h3>
<hr class="opacity-30" />
<p>Reserved for large scale use and extended redistribution. Please contact Skeleton Labs for more information.</p>
<div class="grid grid-cols-1 gap-2">
<a class="btn variant-filled w-full" href="/docs/sponsorship/licensing" target="_blank">License Terms</a>
</div>
</section>
</div>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>Is support available for templates?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>Yes, support is provided through the private GitHub respository, or via our standard Discord support channels.</p>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>Are Svelte and SvelteKit required?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>
Yes, all Skeleton projects require Svelte and SvelteKit. If you wish to learn these technologies we recommend the
<a class="anchor" href="https://svelte.dev/" target="_blank" rel="noreferrer">Svelte</a> and
<a class="anchor" href="https://kit.svelte.dev/" target="_blank" rel="noreferrer">SvelteKit</a> documentation.
</p>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>Is Tailwind required?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>
Yes, all Skeleton projects require Tailwind CSS. If you wish to learn Tailwind, we recommend the official <a
class="anchor"
href="https://tailwindcss.com/docs/utility-first"
target="_blank"
rel="noreferrer">documentation</a
>
and
<a class="anchor" href="https://www.youtube.com/c/TailwindLabs/videos" target="_blank" rel="noreferrer">YouTube channel</a>.
</p>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>Is Typescript required?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<p>
Yes, each template is built with Typescript and is recommended as a best practice. If you wish to learn Typescript, we recommend
the free <a
class="anchor"
href="https://www.totaltypescript.com/tutorials/beginners-typescript"
target="_blank"
rel="noreferrer">Total Typescript</a
> course by Matt Pocock.
</p>
</svelte:fragment>
</AccordionItem>
<AccordionItem>
<svelte:fragment slot="summary">
<h3 class="h3" data-toc-ignore>How do I install and use each template?</h3>
</svelte:fragment>
<svelte:fragment slot="content">
<!-- Method 1: CLI -->
<h4 class="h4 !mt-4">Method 1: CLI Install</h4>
<div class="space-y-4">
<p>1. Download the template zip file from the private respository.</p>
<p>2. Use NPM (or similiar) to run the CLI and point at the local unzipped template files.</p>
<pre class="pre">npm create skeleton-app@latest --skeletontheme=./path/to/unzipped/template/</pre>
<p>3. Follow the CLI instructions. Note that <u>Typescript is required</u> for all templates.</p>
</div>
<!-- Method 2: Basic -->
<h4 class="h4 !mt-10">Method 2: Manual Install</h4>
<div class="space-y-4">
<p>1. Download the template zip file from the private respository.</p>
<p>2. Unzip the file and rename the directory as desired. (ex: my-blog)</p>
<p>3. Point your terminal at the contents of the unzipped directory.</p>
<p>4. Use NPM (or similiar) to install all package depdencies.</p>
<pre class="pre">npm install</pre>
<p>5. Start your local SvelteKit dev server.</p>
<pre class="pre">npm run dev</pre>
<p>6. Point your browser at the local server address shown in the terminal, which defaults to:</p>
<pre class="pre">http://localhost:5173/</pre>
</div>
</svelte:fragment>
</AccordionItem>
</Accordion>
</section>
<!-- Ko-Fi -->
<section class="space-y-4">
<h2 class="h2">Ko-Fi Incentives</h2>
<!-- prettier-ignore -->
<p>
Sponsorship of the <u>Silver Tier or higher</u> provides access to a <code class="code">sponsor</code> role on Discord, enabling a
special <code class="code">#sponsors</code> channel which provides a direct line of communication with Skeleton contributors.
</p>
<aside class="alert variant-soft">
<p>Please note that <strong>premium templates</strong> are not currently available to this service.</p>
</aside>
</section>
<!-- Patreon -->
<section class="space-y-4">
<h2 class="h2">Patreon Incentives</h2>
<!-- prettier-ignore -->
<p>
Sponsorship of the <u>Silver Tier or higher</u> provides access to a <code class="code">sponsor</code> role on Discord, enabling a
special <code class="code">#sponsors</code> channel which provides a direct line of communication with Skeleton contributors.
</p>
<aside class="alert variant-soft">
<p>Please note that <strong>premium templates</strong> are not currently available to this service.</p>
</aside>
</section>
</LayoutPage>

206
sites/skeleton.dev/src/routes/(inner)/docs/sponsorship/licensing/+page.svelte Normal file
View File

@@ -0,0 +1,206 @@
<script lang="ts">
import LayoutPage from '$lib/layouts/LayoutPage/LayoutPage.svelte';
import { Avatar, CodeBlock } from '@skeletonlabs/skeleton';
</script>
<LayoutPage>
<!-- Header -->
<header class="space-y-4">
<header class="section-wrapper"><h1 class="h1">End User License Agreement</h1></header>
<p class="text-sm opacity-50">Last updated: September 13th, 2023</p>
<p>
All Skeleton sponsorship, incentives, and incentive licensing are tended by <a class="anchor" href="https://www.skeletonlabs.co/"
>Skeleton Labs LLC</a
>.
</p>
<!-- prettier-ignore -->
<p>
When sponsoring Skeleton on platforms such as GitHub Sponsors, Ko-Fi, or Patreon, you may gain access to unique incentives, such as Skeleton website templates (<strong>Items</strong>). By doing so, you agree to the following End User License Agreement (EULA). This serves as a legally binding and valid contract between you
and Skeleton Labs LLC, and you are bound to it - including all intellectual property laws, as well as all terms and conditions
presented within this agreement.
</p>
<p>
If you do not agree to be bound by this agreement, please remove any item from your personal devices and, if applicable, promptly
return all related assets to Skeleton Labs LLC that may be within your possession.
</p>
</header>
<hr />
<section>
<article class="prose prose-neutral md:prose-lg lg:prose-xl max-w-none text-token">
<!-- License Period -->
<h3>Licensing Period</h3>
<p>
Each <strong>Item’s&nbsp;</strong>License is available for the lifetime of the product. Once obtained, the license exists forever
following the restrictions provided within this document. Each item is provide as-is, with no contract or agreement for additional
support. For more exact terms, please review the details for each specific license provided below.
</p>
<!-- The Source Code -->
<h3>The Source Code</h3>
<p>
Skeleton Labs LLC offers the source code for each item. However, obtained items include and utilize additional open source tools and
services not owned or operated by Skeleton Labs LLC. This may include but is not limited to: Svelte, SvelteKit, Tailwind, Vite, Font
Awesome, and Google Fonts. Skeleton Labs LLC claims no ownership over the intellectual property of these tools and services. Please
review the terms of use of these services at your own discretion.
</p>
<!-- Use of Skeleton -->
<h3 id="mit">Use of Skeleton</h3>
<p>The Skeleton UI toolkit library is provided as free and open source software by Skeleton Labs LLC under the MIT license.</p>
<blockquote>
<p>
MIT License<br /><br />Copyright (c) 2023 Skeleton Labs, LLC<br /><br />Permission is hereby granted, free of charge, to any
person obtaining a copy<br />of this software and associated documentation files (the "Software"), to deal<br />in the Software
without restriction, including without limitation the rights<br />to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell<br />copies of the Software, and to permit persons to whom the Software is<br />furnished to do so, subject to the
following conditions:<br /><br />The above copyright notice and this permission notice shall be included in all<br />copies or
substantial portions of the Software.<br /><br />THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br
/>IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />FITNESS FOR A PARTICULAR PURPOSE AND
NON-INFRINGEMENT. IN NO EVENT SHALL THE<br />AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br
/>LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />OUT OF OR IN CONNECTION WITH THE SOFTWARE OR
THE USE OR OTHER DEALINGS IN THE<br />SOFTWARE.
</p>
</blockquote>
<!-- Personal and Commercial License Terms -->
<h3 id="personal-commercial">Personal and Commercial License&nbsp;(Common Terms)</h3>
<p>
<span data-mce-fragment="1">T</span>he following are terms are shared between&nbsp;both the&nbsp;<strong>Personal</strong> and
<strong>Commercial</strong>
licenses for each&nbsp;<meta charset="utf-8" /><span data-mce-fragment="1">digital product (</span><strong data-mce-fragment="1"
>Item; End Product</strong
><span data-mce-fragment="1">):</span>
</p>
<ol>
<li>Each end product must be a customized implementation of the item.</li>
<ol>
<li>For example, website templates must make use of your own content and images.</li>
</ol>
<li>
You are free to modify the source code of each obtained item. You may also combine one or more obtained items, so long as you own
a license per each item and fulfill the item's license agreement.
</li>
<li>
You may not redistribute the item as stock, within a tool or template, or share the source files in their original unmodified
state. This means you are not permitted to distribute the item as-is with only superficial modifications.
</li>
<ol>
<li>
You cannot create a web template or content management system template (e.g. Wordpress, Ghost, Shopify, etc.) for resale or for
redistribution.
</li>
<li>You cannot license the item and make it available as-is on any other physical or digital store platform.</li>
<li>You cannot provide a download to the source code as-is from a personal website or online host.</li>
</ol>
<li>
The item may not be used within an application allowing the end user to provide personal and cosmetic customization, such as a
"website builder", "Content Management System (CMS)", or any form of "on demand", "made to order", or "build it yourself"
applications.
</li>
<ol>
<li>Please contact Skeleton Labs LLC to establish an Enterprise License for this use case .</li>
</ol>
<li>You must not permit end users of the end product to extract the item and use it separately from the end product.</li>
<ol>
<li>For example, you cannot permit each website template's custom theme to be redistributed or resold.</li>
</ol>
<li>The item cannot be used in a logo, trademark, or service mark.</li>
<li>
Some items may contain source code provided from a third party service. The source code for those tools and services are subject
to the license established by their original authors. Not all terms provided by these third party tools and services may be
covered under this license.
</li>
<ol>
<li>
For example: a template might contain third party images licensed under the Creative Commons CCBY license. The CCBY license
would then apply to those images, but not extend to the item obtained itself.
</li>
</ol>
<li>
Items may be used only for lawful purposes. Items should not be used in a manner that would be illegal under the jurisdiction of
the obtainer's country.
</li>
<li>
This license is applied in conjunction with this store's privacy policy. If there is an inconsistency between this license and the
privacy policy, this license will only apply to the extent required to resolve the inconsistency.
</li>
<li>
This license can and will be terminated if any or all terms are breached. When this occurs, you must stop making copies or
redistributing the end product until you can remove the infringed item.
</li>
<li>
Skeleton Labs LLC retains ownership of the item, but grants you a license under all terms stated within this license. The license
is established between Skeleton Labs LLC and the obtainer.
</li>
</ol>
<!-- Personal License -->
<h3 id="personal">Personal License</h3>
<p>
The Personal License grants the obtainer an ongoing, non-exclusive license to make use of the digital product (<strong
>Item; End Product</strong
>). <meta charset="utf-8" /><span data-mce-fragment="1"
>In addition to the shared license terms, the&nbsp;Personal license is subject to the following additional terms:</span
>
</p>
<ol>
<li>This license allows you to create a single end product for yourself or a single client (known as "single application").</li>
<li>The end product can be distributed to a single online web host as a single website.</li>
<li>
You may create any number of local copies of a single item for personal use. However, you may not copy this to multiple hosts,
provide copies under multiple domains, or&nbsp;share these copies&nbsp;with third party clients.
</li>
</ol>
<!-- Commercial License -->
<h3 id="commercial">Commercial License</h3>
<p>
The Company License grants the obtainer an ongoing, non-exclusive license to make use of the digital product (<strong
>Item; End Product</strong
>) you have selected.&nbsp;In addition to the shared license terms, the Commercial license is <meta charset="utf-8" /><span
data-mce-fragment="1">subjec</span
><span data-mce-fragment="1">t to the following additional terms</span>:
</p>
<ol>
<li>
<meta charset="utf-8" />This license is provided as a "multi-use" license and not a "single application" license. This means you
can use the item to create more than one unique end product.
</li>
<li>This license grants you the ability to create multiple end products for yourself and/or third party clients.</li>
<li>
<meta charset="utf-8" />You are allowed to sell and make any number of copies of the end product, both for personal or commercial
usage.
</li>
<li>
This license allows you to create unlimited end products and deploy as multiple sites, such as: example1.com, example2.com,
example3.com.
</li>
<li>
You may customize and alter the end product for a third party client. The client's version of the item is then covered by&nbsp;a
Personal License, unless a Commercial or Enterprise license is established between the third party client and Skeleton Labs LLC.
</li>
<li>
You may modify or manipulate the item. You can combine the item with other works, as well as create derivative work. However the
resulting works are subject to the terms of&nbsp;the commercial license.
</li>
</ol>
<!-- Enterprise -->
<h3 id="enterprise">Enterprise License</h3>
<p>
The terms&nbsp;an Enterprise License must be established in full on a case-by-case basis between the obtainer and Skeleton Labs LLC.
Please contact <strong>admin@skeleton.dev</strong> if you wish to establish an Enterprise license for any of the Skeleton templates.
</p>
<p>Use cases covered by this license&nbsp;may include, but are not limited to:</p>
<ul>
<li>Establishing a license for wide scale resell or redistribution</li>
<li>Utilizing items, such as website templates, within tools like website builders</li>
<li>Creating derivative works for other platforms (to resell and distribute&nbsp;from custom storefronts)</li>
<li>Creating derivative works ported to other technologies (React, Vue, etc)</li>
<li>Any other use case not covered by the current Personal or Commercial licenses</li>
</ul>
<h3>Updates to Terms<br /></h3>
<p>
Skeleton Labs LLC reserves the right to&nbsp;update and modify&nbsp;the terms of this <meta charset="utf-8" /><span
data-mce-fragment="1">End User License Agreement</span
> at will.
</p>
</article>
</section>
</LayoutPage>