Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility fixes started on December 20, 2024 #8

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Accessibility fixes started on December 20, 2024 #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
7e25801
Bug 55439714: [Winter Starfall-Website] [PC] [Accessibility]: Main la…
jordan-playfab Dec 20, 2024
8123c69
Disable hot module reloading for better local stability
jordan-playfab Dec 20, 2024
ee9dec9
Bug 55439948: [Winter Starfall-Website] [PC] [Accessibility]: In high…
jordan-playfab Dec 20, 2024
52114ac
Bug 55440059: [Winter Starfall-Website] [PC] [Accessibility]: 'PlayFa…
jordan-playfab Dec 20, 2024
37b270a
Cleaned up HTML
jordan-playfab Dec 20, 2024
e69ad3e
Bug 55440129: [Winter Starfall-Website] [PC] [Accessibility]: Main la…
jordan-playfab Dec 20, 2024
1966c46
Bug 55440216: [Winter Starfall-Website] [PC] [Accessibility]: 'Attach…
jordan-playfab Dec 20, 2024
6e405c4
Bug 55440360: [Winter Starfall-Website] [PC] [Accessibility]: Luminos…
jordan-playfab Dec 20, 2024
2c2a5e8
Bug 55441146: [Winter Starfall-Website] [PC] [Accessibility]: Incorre…
jordan-playfab Dec 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
116 changes: 58 additions & 58 deletions website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -196,202 +196,202 @@
<div id="cookie-banner"></div>
<div id="root"></div>
<noscript>
<div class="mx-auto max-w-site p-4 sm:p-6 lg:p-8">
<div class="mx-auto p-4 sm:p-6 lg:p-8 max-w-site">
<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"
class="w-32 h-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">
<main role="main" class="py-12">
<div class="mx-auto px-6 lg:px-8 max-w-7xl">
<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">
<h1 class="mt-2 font-bold text-3xl text-gray-900 sm:text-4xl tracking-tight">
PlayFab demo game showcasing Economy v2, Azure Functions, and more
</p>
<p class="mt-6 text-lg leading-8 text-gray-600">
</h1>
<p class="mt-6 text-gray-600 text-lg leading-8">
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">
<ul class="flex flex-wrap md:flex-nowrap justify-center items-center gap-4 mt-8 w-full">
<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"
class="font-semibold text-link hover:underline whitespace-nowrap"
>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">
<div class="mx-auto mt-16 sm:mt-20 lg:mt-24 max-w-2xl lg:max-w-4xl">
<ul class="gap-x-8 gap-y-10 lg:gap-y-16 grid grid-cols-1 lg:grid-cols-2 max-w-xl lg:max-w-none">
<li class="relative pl-16">
<h2 class="font-semibold text-base text-gray-900 leading-7">Open source</h2>
<p class="mt-2 text-base text-gray-600 leading-7">
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">
</p>
</li>
<li class="relative pl-16">
<h2 class="font-semibold text-base text-gray-900 leading-7">Data included</h2>
<p class="mt-2 text-base text-gray-600 leading-7">
Get everything needed to populate a PlayFab title. Adjust game balance in our developer
portal.
</dd>
</p>
</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">
<li class="relative pl-16">
<h2 class="font-semibold text-base text-gray-900 leading-7">Easy to host</h2>
<p class="mt-2 text-base text-gray-600 leading-7">
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">
</p>
</main>
<li class="relative pl-16">
<h2 class="font-semibold text-base text-gray-900 leading-7">Best practices</h2>
<p class="mt-2 text-base text-gray-600 leading-7">
Developed by PlayFab engineers, Winter Starfall shows how to minimize cost.
</dd>
</p>
</div>
</dl>
</ul>
</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="mx-auto px-6 lg:px-8 pt-16 sm:pt-24 lg:pt-32 pb-8 max-w-7xl">
<div class="xl:gap-8 xl:grid xl:grid-cols-3">
<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">
<p class="text-gray-600 text-sm leading-6">
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 class="gap-8 grid grid-cols-2 xl:col-span-2 mt-16 xl:mt-0">
<div class="md:gap-8 md:grid md:grid-cols-2">
<div>
<h3 class="text-sm font-semibold leading-6 text-gray-900">Microsoft</h3>
<ul role="list" class="mt-6 space-y-4">
<h3 class="font-semibold text-gray-900 text-sm leading-6">Microsoft</h3>
<ul role="list" class="space-y-4 mt-6">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://www.microsoft.com/"
>Microsoft</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
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">
<h3 class="font-semibold text-gray-900 text-sm leading-6">PlayFab</h3>
<ul role="list" class="space-y-4 mt-6">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
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"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://blog.playfab.com/blog"
>Blog</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://community.playfab.com/"
>Forums</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://playfab.com/contact/"
>Contact us</a
>
</li>
</ul>
</div>
</div>
<div class="md:grid md:grid-cols-2 md:gap-8">
<div class="md:gap-8 md:grid md:grid-cols-2">
<div>
<h3 class="text-sm font-semibold leading-6 text-gray-900">Social</h3>
<ul role="list" class="mt-6 space-y-4">
<h3 class="font-semibold text-gray-900 text-sm leading-6">Social</h3>
<ul role="list" class="space-y-4 mt-6">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://www.facebook.com/playfabnetwork"
>Facebook</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="http://twitter.com/AzurePlayFab"
>Twitter</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://www.linkedin.com/company/3641570"
>LinkedIn</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="https://discord.gg/msftgamedev"
>Discord</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="http://youtube.com/user/playfabnetwork"
>YouTube</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
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">
<h3 class="font-semibold text-gray-900 text-sm leading-6">Legal</h3>
<ul role="list" class="space-y-4 mt-6">
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="./privacy.html"
>Privacy Policy</a
>
</li>
<li>
<a
class="whitespace-nowrap text-sm font-semibold text-link hover:underline"
class="font-semibold text-link text-sm hover:underline whitespace-nowrap"
href="./terms.html"
>Terms of Service</a
>
Expand Down
Loading