Migrate assets to Astro imports
This commit is contained in:
Holden
@@ -1,7 +1,10 @@
|
||||
---
|
||||
import { api } from "../lib/api";
|
||||
import { getLatestDownloads } from "../lib/downloads";
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import { Image } from "astro:assets";
|
||||
|
||||
import { api } from "$lib/api";
|
||||
import { getLatestDownloads } from "$lib/downloads";
|
||||
|
||||
import Layout from "$layouts/Layout.astro";
|
||||
|
||||
const latestDownloads = await getLatestDownloads();
|
||||
const downloads = latestDownloads.success ? latestDownloads.data : [];
|
||||
@@ -26,7 +29,7 @@ const patchNotes = await api.builds.v1.getPatchNotes();
|
||||
<div class="span4">
|
||||
<div class="well text-center download-card">
|
||||
<p>
|
||||
<img
|
||||
<Image
|
||||
src={download.icon}
|
||||
alt=""
|
||||
width="72"
|
||||
|
||||
@@ -1,106 +1,24 @@
|
||||
---
|
||||
import DownloadButton from "../components/DownloadButton.astro";
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import { Image } from "astro:assets";
|
||||
|
||||
import Layout from "$layouts/Layout.astro";
|
||||
|
||||
import CreditsSection from "$components/Home/CreditsSection.astro";
|
||||
import DownloadButton from "$components/Home/DownloadButton.astro";
|
||||
|
||||
import logoImage from "$assets/images/brand/logo-tenwholeyears.png";
|
||||
import cardHorseshoesImage from "$assets/images/home/card-horseshoes.png";
|
||||
import cardRecroomImage from "$assets/images/home/card-recroom.png";
|
||||
import featureImage from "$assets/images/home/feature.png";
|
||||
import HandheldVideos from "$components/Home/HandheldVideos.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"
|
||||
<Image
|
||||
src={logoImage}
|
||||
alt="asdasd"
|
||||
class="masthead-logo"
|
||||
/>
|
||||
@@ -130,8 +48,8 @@ const credits = [
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<img
|
||||
src="/img/home/feature.png"
|
||||
<Image
|
||||
src={featureImage}
|
||||
alt="Beta Frisbee Activity"
|
||||
class="thumbnail feature-photo"
|
||||
/>
|
||||
@@ -146,8 +64,8 @@ const credits = [
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div class="archive-feature">
|
||||
<img
|
||||
src="/img/home/card-horseshoes.png"
|
||||
<Image
|
||||
src={cardHorseshoesImage}
|
||||
alt="Scrapped Horseshoes Activity"
|
||||
class="thumbnail"
|
||||
/>
|
||||
@@ -162,8 +80,8 @@ const credits = [
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="archive-feature">
|
||||
<img
|
||||
src="/img/home/card-recroom.png"
|
||||
<Image
|
||||
src={cardRecroomImage}
|
||||
alt="Beta LockerRoom (RecRoom)"
|
||||
class="thumbnail"
|
||||
/>
|
||||
@@ -176,8 +94,8 @@ const credits = [
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="archive-feature">
|
||||
<img
|
||||
src="/img/home/card-horseshoes.png"
|
||||
<Image
|
||||
src={cardHorseshoesImage}
|
||||
alt="Placeholder screenshots and media image"
|
||||
class="thumbnail"
|
||||
/>
|
||||
@@ -192,78 +110,8 @@ const credits = [
|
||||
</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>
|
||||
<HandheldVideos />
|
||||
|
||||
<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>
|
||||
<CreditsSection />
|
||||
</div>
|
||||
</Layout>
|
||||
|
||||
Reference in New Issue
Block a user