mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Merge pull request #43 from thekayshawn/main

Browse Source 
Update all dependencies to latest versions and replace deprecated Picture component with built-in Picture component
This commit is contained in:
Surjith S M
2023-12-16 15:38:43 +05:30
committed by GitHub
parent c77ef54c66 f873da02fe
commit 6d2247fe32
8 changed files with 876 additions and 934 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
astro.config.mjs
View File

@@ -1,18 +1,10 @@
import { defineConfig } from "astro/config";
import tailwind from "@astrojs/tailwind";
import image from "@astrojs/image";
import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap";
// https://astro.build/config
export default defineConfig({
site: "https://astroship.web3templates.com",
integrations: [
tailwind(),
image({
serviceEntryPoint: "@astrojs/image/sharp",
}),
mdx(),
sitemap(),
],
integrations: [tailwind(), mdx(), sitemap()],
});

22
package.json
View File

@@ -1,7 +1,7 @@
{
"name": "astroship",
"type": "module",
"version": "0.0.1",
"version": "0.0.2",
"private": true,
"scripts": {
"dev": "astro dev",
@@ -11,17 +11,15 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/image": "^0.17.2",
"@astrojs/mdx": "^0.19.7",
"@astrojs/sitemap": "^2.0.1",
"@astrojs/tailwind": "^4.0.0",
"@fontsource-variable/inter": "^5.0.5",
"@tailwindcss/typography": "^0.5.9",
"astro": "^2.9.7",
"@astrojs/mdx": "^1.1.5",
"@astrojs/sitemap": "^3.0.3",
"@astrojs/tailwind": "^5.0.2",
"@fontsource-variable/inter": "^5.0.15",
"@tailwindcss/typography": "^0.5.10",
"astro": "^3.5.5",
"astro-icon": "^0.8.1",
"astro-navbar": "^2.0.1",
"astro-seo": "^0.7.5",
"sharp": "^0.32.4",
"tailwindcss": "^3.0.24"
"astro-navbar": "^2.3.0",
"astro-seo": "^0.8.0",
"tailwindcss": "^3.3.5"
}
}

1710
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

7
src/components/hero.astro
View File

@@ -1,5 +1,5 @@
---
import { Picture } from "@astrojs/image/components";
import { Picture } from "astro:assets";
import heroImage from "assets/hero.png";
import Link from "@components/ui/link.astro";
import { Icon } from "astro-icon";
@@ -12,7 +12,6 @@ import { Icon } from "astro-icon";
src={heroImage}
alt="Astronaut in the air"
widths={[200, 400, 600]}
aspectRatio="4:3"
sizes="(max-width: 800px) 100vw, 620px"
loading="eager"
format="avif"
@@ -25,8 +24,8 @@ import { Icon } from "astro-icon";
</h1>
<p class="text-lg mt-4 text-slate-600 max-w-xl">
Astroship is a starter template for startups, marketing websites & landing
pages.<wbr /> Built with Astro.build and TailwindCSS. You can quickly create
any website with this starter.
pages.<wbr /> Built with Astro.build and TailwindCSS. You can quickly
create any website with this starter.
</p>
<div class="mt-6 flex flex-col sm:flex-row gap-3">
<Link

2
src/env.d.ts vendored
View File

@@ -1,2 +1,2 @@
/// <reference path="../.astro/types.d.ts" />
/// <reference types="@astrojs/image/client" />
/// <reference types="astro/client" />

15
src/pages/about.astro
View File

@@ -1,6 +1,6 @@
---
import { getCollection } from "astro:content";
import { Picture } from "@astrojs/image/components";
import { Picture } from "astro:assets";
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import Sectionhead from "@components/sectionhead.astro";
@@ -37,19 +37,14 @@ const publishedTeamMembers = await getCollection("team", ({ data }) => {
src={teamMemberEntry.data.avatar.src}
alt={teamMemberEntry.data.avatar.alt}
sizes="(max-width: 800px) 100vw, 400px"
widths={[200, 400]}
aspectRatio="1:1"
background="#ffffff"
fit="cover"
position="center"
class="w-full rounded-md rounded transition group-hover:-translate-y-1 group-hover:shadow-xl"
width={400}
height={400}
class="w-full rounded-md rounded transition group-hover:-translate-y-1 group-hover:shadow-xl bg-white object-cover object-center aspect-square"
/>
</div>
<div class="mt-4 text-center">
<h2 class="text-lg text-gray-800">
{teamMemberEntry.data.name}
</h2>
<h2 class="text-lg text-gray-800">{teamMemberEntry.data.name}</h2>
<h3 class="text-sm text-slate-500">
{teamMemberEntry.data.title}
</h3>

11
src/pages/blog.astro
View File

@@ -1,6 +1,6 @@
---
import { getCollection } from "astro:content";
import { Picture } from "@astrojs/image/components";
import { Picture } from "astro:assets";
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import Sectionhead from "@components/sectionhead.astro";
@@ -35,14 +35,11 @@ publishedBlogEntries.sort(function (a, b) {
src={blogPostEntry.data.image.src}
alt={blogPostEntry.data.image.alt}
sizes="(max-width: 800px) 100vw, 800px"
widths={[200, 400, 800]}
aspectRatio="16:9"
background="#ffffff"
fit="cover"
position="center"
width={800}
height={600}
loading={index <= 2 ? "eager" : "lazy"}
decoding={index <= 2 ? "sync" : "async"}
class="w-full rounded-md"
class="w-full rounded-md object-cover object-center bg-white"
/>
<div>
<span class="text-blue-400 uppercase tracking-wider text-sm font-medium">

27
tsconfig.json
View File

@@ -1,27 +1,16 @@
{
"extends": "astro/tsconfigs/base",
"compilerOptions": {
"strictNullChecks": true,
"baseUrl": "src",
"strictNullChecks": true,
"types": ["astro/client"],
"paths": {
"@lib/*": [
"lib/*"
],
"@utils/*": [
"utils/*"
],
"@components/*": [
"components/*"
],
"@layouts/*": [
"layouts/*"
],
"@assets/*": [
"assets/*"
],
"@pages/*": [
"pages/*"
],
"@lib/*": ["lib/*"],
"@utils/*": ["utils/*"],
"@components/*": ["components/*"],
"@layouts/*": ["layouts/*"],
"@assets/*": ["assets/*"],
"@pages/*": ["pages/*"]
}
}
}