Skip to content

Commit

Permalink
Merge pull request #1 from PlayFab/pages
Browse files Browse the repository at this point in the history 
Pages
  • Loading branch information
@jordan-playfab
jordan-playfab authored Oct 14, 2024
2 parents 017d021 + c848ec6 commit 67d9c64
Show file tree
Hide file tree
Showing 13 changed files with 7,836 additions and 2,600 deletions.
295 changes: 207 additions & 88 deletions website/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -195,94 +195,213 @@
<body>
<div id="root"></div>
<noscript>
<img src="/logo.png" alt="Winter Starfall logo" style="height: 128px; width: 128px" />
<h1>Winter Starfall</h1>
<h2>PlayFab demo game showcasing Economy v2, Azure Functions, and more</h2>
<p>
Try the online services powering some of today's biggest games. Clone this game and experiment with
PlayFab, the game industry's most powerful backend platform.
</p>
<p><a href="https://github.com/PlayFab/winter-starfall">Source code on GitHub</a></p>
<h2>Features</h2>
<ul>
<li>
<strong>Open source</strong><br />Visit our GitHub repository and get source code for the website
and its C# Azure Functions.
</li>
<li>
<strong>Data included</strong><br />Get everything needed to populate a PlayFab title. Adjust game
balance in our developer portal.
</li>
<li>
<strong>Easy to host</strong><br />Winter Starfall builds to static HTML, perfect for hosting on
Azure Blob Storage or S3.
</li>
<li>
<strong>Best practices</strong><br />Developed by PlayFab engineers, Winter Starfall shows how to
minimize cost.
</li>
</ul>
<hr />
<h2>
<a href="https://www.playfab.com/">PlayFab</a> is the game industry's most powerful backend platform
</h2>
<h3>Microsoft</h3>
<ul role="list">
<li>
<a href="https://www.microsoft.com/">Microsoft</a>
</li>
<li>
<a href="https://www.playfab.com/">PlayFab</a>
</li>
</ul>
<h3>PlayFab</h3>
<ul role="list">
<li>
<a href="https://learn.microsoft.com/en-us/gaming/playfab/">Documentation</a>
</li>
<li>
<a href="https://blog.playfab.com/blog">Blog</a>
</li>
<li>
<a href="https://community.playfab.com/">Forums</a>
</li>
<li>
<a href="https://playfab.com/contact/">Contact us</a>
</li>
</ul>
<h3>Social</h3>
<ul role="list">
<li>
<a href="https://www.facebook.com/playfabnetwork">Facebook</a>
</li>
<li>
<a href="http://twitter.com/AzurePlayFab">Twitter</a>
</li>
<li>
<a href="https://www.linkedin.com/company/3641570">LinkedIn</a>
</li>
<li>
<a href="https://discord.gg/msftgamedev">Discord</a>
</li>
<li>
<a href="http://youtube.com/user/playfabnetwork">YouTube</a>
</li>
<li>
<a href="https://github.com/PlayFab">GitHub</a>
</li>
</ul>
<h3>Legal</h3>
<ul role="list">
<li>
<a href="#/privacy">Privacy Policy</a>
</li>
<li>
<a href="#/terms">Terms of Service</a>
</li>
</ul>
<hr />
<h1>JavaScript is required</h1>
<p>Please enable JavaScript in your browser to continue.</p>
<div class="mx-auto max-w-site p-4 sm:p-6 lg:p-8">
<div class="flex justify-center gap-12">
<img src="/assets/logo-text-dark.png" alt="Winter Starfall" class="h-32" />
<img
class="h-32 w-32 shrink-0"
src="/assets/logo-square.png"
title="Winter Starfall"
aria-label="Winter Starfall"
/>
</div>
</div>

<div class="py-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:text-center">
<p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
PlayFab demo game showcasing Economy v2, Azure Functions, and more
</p>
<p class="mt-6 text-lg leading-8 text-gray-600">
Try the online services powering some of today's biggest games. Clone this game and
experiment with PlayFab, the game industry's most powerful backend platform.
</p>
</div>
</div>
<div class="mx-auto max-w-2xl lg:text-center">
<ul class="mt-8 flex w-full flex-wrap items-center justify-center gap-4 md:flex-nowrap">
<li class="font-bold">Enable JavaScript to play</li>
<li>
<a
href="https://github.com/PlayFab/winter-starfall"
class="whitespace-nowrap font-semibold text-link hover:underline"
>Source code on GitHub &raquo;</a
>
</li>
</ul>
</div>

<div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-4xl">
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
<div class="relative pl-16">
<dt class="text-base font-semibold leading-7 text-gray-900">Open source</dt>
<dd class="mt-2 text-base leading-7 text-gray-600">
Visit our GitHub repository and get source code for the website and its C# Azure
Functions.
</dd>
</div>
<div class="relative pl-16">
<dt class="text-base font-semibold leading-7 text-gray-900">Data included</dt>
<dd class="mt-2 text-base leading-7 text-gray-600">
Get everything needed to populate a PlayFab title. Adjust game balance in our developer
portal.
</dd>
</div>
<div class="relative pl-16">
<dt class="text-base font-semibold leading-7 text-gray-900">Easy to host</dt>
<dd class="mt-2 text-base leading-7 text-gray-600">
Winter Starfall builds to static HTML, perfect for hosting on Azure Blob Storage or S3.
</dd>
</div>
<div class="relative pl-16">
<dt class="text-base font-semibold leading-7 text-gray-900">Best practices</dt>
<dd class="mt-2 text-base leading-7 text-gray-600">
Developed by PlayFab engineers, Winter Starfall shows how to minimize cost.
</dd>
</div>
</dl>
</div>
</div>
<footer aria-labelledby="footer-heading">
<h2 id="footer-heading" class="sr-only">Footer</h2>
<div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32">
<div class="xl:grid xl:grid-cols-3 xl:gap-8">
<div class="space-y-8">
<a href="https://www.playfab.com/" class="inline-block"
><img class="h-12" src="/assets/playfab-logo.png" alt="PlayFab"
/></a>
<p class="text-sm leading-6 text-gray-600">
PlayFab is the game industry's most powerful backend platform.
</p>
</div>
<div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
<div class="md:grid md:grid-cols-2 md:gap-8">
<div>
<h3 class="text-sm font-semibold leading-6 text-gray-900">Microsoft</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://www.microsoft.com/"
>Microsoft</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://www.playfab.com/"
>PlayFab</a
>
</li>
</ul>
</div>
<div class="mt-10 md:mt-0">
<h3 class="text-sm font-semibold leading-6 text-gray-900">PlayFab</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://learn.microsoft.com/en-us/gaming/playfab/"
>Documentation</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://blog.playfab.com/blog"
>Blog</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://community.playfab.com/"
>Forums</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://playfab.com/contact/"
>Contact us</a
>
</li>
</ul>
</div>
</div>
<div class="md:grid md:grid-cols-2 md:gap-8">
<div>
<h3 class="text-sm font-semibold leading-6 text-gray-900">Social</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://www.facebook.com/playfabnetwork"
>Facebook</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="http://twitter.com/AzurePlayFab"
>Twitter</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://www.linkedin.com/company/3641570"
>LinkedIn</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://discord.gg/msftgamedev"
>Discord</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="http://youtube.com/user/playfabnetwork"
>YouTube</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="https://github.com/PlayFab"
>GitHub</a
>
</li>
</ul>
</div>
<div class="mt-10 md:mt-0">
<h3 class="text-sm font-semibold leading-6 text-gray-900">Legal</h3>
<ul role="list" class="mt-6 space-y-4">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="./privacy.html"
>Privacy Policy</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
href="./terms.html"
>Terms of Service</a
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</noscript>
<script src="/PlayFabAdminApi.js"></script>
<script src="/PlayFabClientApi.js"></script>
Expand Down
Loading

0 comments on commit 67d9c64

Please sign in to comment.