hello worlds
This commit is contained in:
Holden
98
src/pages/downloads.astro
Normal file
98
src/pages/downloads.astro
Normal file
@@ -0,0 +1,98 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
|
||||
const downloads = [
|
||||
{
|
||||
platform: "Windows",
|
||||
version: "v1.0.3",
|
||||
href: "#",
|
||||
icon: "/img/platforms/platform-windows.png",
|
||||
checksum: "checksum: REPLACE_ME",
|
||||
},
|
||||
{
|
||||
platform: "Linux",
|
||||
version: "v1.0.3",
|
||||
href: "#",
|
||||
icon: "/img/platforms/platform-linux.png",
|
||||
checksum: "checksum: REPLACE_ME",
|
||||
},
|
||||
{
|
||||
platform: "Oculus Quest",
|
||||
version: "v1.0.3",
|
||||
href: "#",
|
||||
icon: "/img/platforms/platform-oculus.png",
|
||||
checksum: "checksum: REPLACE_ME",
|
||||
},
|
||||
];
|
||||
|
||||
const patchNotes = [
|
||||
{
|
||||
version: "v1.0.3",
|
||||
date: "6/26/2026",
|
||||
changes: [
|
||||
"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
|
||||
"Nunc at augue eu nulla aliquet consectetur et in magna.",
|
||||
],
|
||||
}
|
||||
];
|
||||
---
|
||||
|
||||
<Layout>
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<p><a href="/">← Back to home</a></p>
|
||||
<h1>Downloads</h1>
|
||||
</div>
|
||||
<p class="lead">
|
||||
Choose the build for your platform.
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
{downloads.map((download) => (
|
||||
<div class="span4">
|
||||
<div class="well text-center download-card">
|
||||
<p>
|
||||
<img
|
||||
src={download.icon}
|
||||
alt=""
|
||||
width="72"
|
||||
height="72"
|
||||
/>
|
||||
</p>
|
||||
<h3>{download.platform}</h3>
|
||||
<p>{download.version}</p>
|
||||
{/* <p class="muted">
|
||||
<code>{download.checksum}</code>
|
||||
</p> */}
|
||||
<p>
|
||||
<a
|
||||
href={download.href}
|
||||
class="btn btn-primary"
|
||||
aria-label={`Download for ${download.platform}`}
|
||||
>
|
||||
Download
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<section class="download-patch-notes">
|
||||
<div class="page-header">
|
||||
<h2>Patch Notes</h2>
|
||||
</div>
|
||||
{patchNotes.map((patchNote) => (
|
||||
<div class="well patch-note">
|
||||
<h3>{patchNote.version}</h3>
|
||||
<p class="muted">{patchNote.date}</p>
|
||||
<ul>
|
||||
{patchNote.changes.map((change) => (
|
||||
<li>{change}</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
))}
|
||||
</section>
|
||||
</div>
|
||||
</Layout>
|
||||
278
src/pages/index.astro
Normal file
278
src/pages/index.astro
Normal file
@@ -0,0 +1,278 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
|
||||
const credits = [
|
||||
{
|
||||
name: "splootybean",
|
||||
role: "Project Lead",
|
||||
image: "/img/credits/splooty.png",
|
||||
},
|
||||
{
|
||||
name: "fexlar",
|
||||
role: "Server Developer",
|
||||
image: "/img/credits/fexlar.png",
|
||||
},
|
||||
{
|
||||
name: "nex",
|
||||
role: "Developer",
|
||||
image: "/img/credits/nex.png",
|
||||
},
|
||||
{
|
||||
name: "Magix",
|
||||
role: "Developer",
|
||||
image: "/img/credits/magix.png",
|
||||
},
|
||||
{
|
||||
name: "Milky",
|
||||
role: "Developer",
|
||||
image: "/img/credits/milky.png",
|
||||
},
|
||||
{
|
||||
name: "SoCoolMan",
|
||||
role: "Developer",
|
||||
image: "/img/credits/socoolman.png",
|
||||
},
|
||||
{
|
||||
name: "historyeraser",
|
||||
role: "Logo Designer",
|
||||
image: "/img/credits/historyeraser.png",
|
||||
},
|
||||
{
|
||||
name: "Wayne",
|
||||
role: "Artist / Logo Designer",
|
||||
image: "/img/credits/wayne.png",
|
||||
},
|
||||
{
|
||||
name: "RyanCR",
|
||||
role: "Artist / Composer",
|
||||
image: "/img/credits/ryancr.png",
|
||||
},
|
||||
{
|
||||
name: "Funko",
|
||||
role: "Artist",
|
||||
image: "/img/credits/funko.png",
|
||||
},
|
||||
{
|
||||
name: "Cheezit",
|
||||
role: "Artist",
|
||||
image: "/img/credits/cheezit.png",
|
||||
},
|
||||
{
|
||||
name: "9021007",
|
||||
role: "Artist",
|
||||
image: "/img/credits/9021007.gif",
|
||||
},
|
||||
{
|
||||
name: "Star Centurion",
|
||||
role: "Artist",
|
||||
image: "/img/credits/starcenturion.gif",
|
||||
},
|
||||
{
|
||||
name: "GabeTheFirst",
|
||||
role: "Artist",
|
||||
image: "/img/credits/gabethefirst.png",
|
||||
},
|
||||
{
|
||||
name: "HappyVR",
|
||||
role: "Leaf Shader",
|
||||
image: "/img/credits/happyvr.png",
|
||||
},
|
||||
{
|
||||
name: "Magolor",
|
||||
role: "Test Squad",
|
||||
image: "/img/credits/magolor.png",
|
||||
},
|
||||
{
|
||||
name: "TagComputing",
|
||||
role: "Test Squad",
|
||||
image: "/img/credits/tagcomputing.png",
|
||||
},
|
||||
{
|
||||
name: "mia",
|
||||
role: "Test Squad",
|
||||
image: "/img/credits/mia.png",
|
||||
},
|
||||
];
|
||||
---
|
||||
|
||||
<Layout>
|
||||
<div class="jumbotron masthead">
|
||||
<div class="container">
|
||||
<img
|
||||
src="/img/logo-tenwholeyears.png"
|
||||
alt="asdasd"
|
||||
class="masthead-logo"
|
||||
/>
|
||||
<h1 class="masthead-title">TenWholeYears</h1>
|
||||
<p>A love letter to Rec Room on its true 10th anniversary</p>
|
||||
<div class="masthead-download">
|
||||
<a href="/downloads/" class="btn btn-primary btn-large">
|
||||
Download for Windows x64
|
||||
</a>
|
||||
<div class="subtext">
|
||||
<span>or</span>
|
||||
<a href="/downloads/" class="masthead-platforms"
|
||||
>Other Platforms</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<section class="home-section intro-section">
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
<h2>What is TenWholeYears?</h2>
|
||||
<p class="lead">
|
||||
TenWholeYears is a love letter to Rec Room and the
|
||||
community that made it special. Created to celebrate Rec
|
||||
Room's true tenth anniversary, we invite everyone to
|
||||
visit the first release of Rec Room, explore activities
|
||||
that never made it into the game, and reflect on how far
|
||||
Rec Room and it's community has progressed over the last
|
||||
ten years.
|
||||
</p>
|
||||
<p class="lead">
|
||||
Read about the inspiration behind TenWholeYears <a
|
||||
href="#">here</a
|
||||
>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<img
|
||||
src="/img/home/feature.png"
|
||||
alt="Beta Frisbee Activity"
|
||||
class="thumbnail feature-photo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="home-section">
|
||||
<div class="page-header">
|
||||
<h2>Explore the Game</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div class="archive-feature">
|
||||
<img
|
||||
src="/img/home/card-horseshoes.png"
|
||||
alt="Scrapped Horseshoes Activity"
|
||||
class="thumbnail"
|
||||
/>
|
||||
<h3>Scrapped Activities</h3>
|
||||
<p>
|
||||
Explore prototype activities and unfinished ideas
|
||||
that never made it into Rec Room. These activities
|
||||
have been restored to show a glimpse into
|
||||
what could of existed.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="archive-feature">
|
||||
<img
|
||||
src="/img/home/card-recroom.png"
|
||||
alt="Beta LockerRoom (RecRoom)"
|
||||
class="thumbnail"
|
||||
/>
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<p>
|
||||
Nam fermentum ut lectus et placerat. Nulla nibh
|
||||
nulla, rutrum at neque at, vulputate consequat.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="archive-feature">
|
||||
<img
|
||||
src="/img/home/card-horseshoes.png"
|
||||
alt="Placeholder screenshots and media image"
|
||||
class="thumbnail"
|
||||
/>
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<p>
|
||||
Duis efficitur ligula non sem hendrerit interdum.
|
||||
Donec facilisis efficitur malesuada. Nullam
|
||||
venenatis.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="home-section gallery-section">
|
||||
<div class="page-header">
|
||||
<h2>Community Handheld Videos</h2>
|
||||
</div>
|
||||
<ul class="thumbnails">
|
||||
<li class="span3">
|
||||
<a href="/img/videos/boombox.gif" class="thumbnail">
|
||||
<img
|
||||
src="/img/videos/boombox.gif"
|
||||
alt="splootybean grooving to the boombox"
|
||||
loading="lazy"
|
||||
/>
|
||||
</a>
|
||||
<p class="caption">Filmed by <b>@fexlar</b></p>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a href="/img/videos/hide.gif" class="thumbnail">
|
||||
<img
|
||||
src="/img/videos/hide.gif"
|
||||
alt="guy hiding"
|
||||
loading="lazy"
|
||||
/>
|
||||
</a>
|
||||
<p class="caption">Filmed by <b>@splootybean</b></p>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img
|
||||
src="/img/videos/trickshot.gif"
|
||||
alt="dodgeball trickshot"
|
||||
loading="lazy"
|
||||
/>
|
||||
</a>
|
||||
<p class="caption">Filmed by <b>@_.golden_.</b></p>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a href="#" class="thumbnail">
|
||||
<img
|
||||
src="/img/videos/wave.gif"
|
||||
alt="hello there!"
|
||||
loading="lazy"
|
||||
/>
|
||||
</a>
|
||||
<p class="caption">Filmed by <b>@splootybean</b></p>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="home-section credits-section">
|
||||
<div class="page-header">
|
||||
<h2>Credits</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
{
|
||||
credits.map((credit) => (
|
||||
<div class="span4">
|
||||
<div class="credit-entry">
|
||||
<img
|
||||
src={credit.image}
|
||||
alt={`${credit.name} pfp`}
|
||||
class="credit-avatar"
|
||||
loading="lazy"
|
||||
/>
|
||||
<div>
|
||||
<h3>{credit.name}</h3>
|
||||
<p>{credit.role}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</Layout>
|
||||
Reference in New Issue
Block a user