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

add links

Browse Source
This commit is contained in:
Surjith S M
2022-11-10 12:28:18 +05:30
parent e5a8950e49
commit 5ccc4c357c
3 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -110,3 +110,5 @@ TailwindCSS & Alpine.js are already configured in this repo, so you can start us
## 👀 Want to learn more? ## 👀 Want to learn more?
Feel free to check out [Astro Docs](https://docs.astro.build) or jump into our [Discord Chat](https://web3templates.com/discord). Feel free to check out [Astro Docs](https://docs.astro.build) or jump into our [Discord Chat](https://web3templates.com/discord).
[![Built with Astro](https://astro.badg.es/v1/built-with-astro.svg)](https://astro.build)

14
src/components/hero.astro
View File

@@ -2,6 +2,7 @@
import { Image } from "@astrojs/image/components"; import { Image } from "@astrojs/image/components";
import heroImage from "assets/hero.png"; import heroImage from "assets/hero.png";
import Link from "@components/ui/link.astro"; import Link from "@components/ui/link.astro";
import { Icon } from "astro-icon";
--- ---
<main class="grid lg:grid-cols-2 place-items-center pt-16 pb-8 md:pt-8"> <main class="grid lg:grid-cols-2 place-items-center pt-16 pb-8 md:pt-8">
@@ -25,16 +26,23 @@ import Link from "@components/ui/link.astro";
<div class="mt-6 flex flex-col sm:flex-row gap-3"> <div class="mt-6 flex flex-col sm:flex-row gap-3">
<Link <Link
href="#" href="#"
href="https://web3templates.com/" href="https://web3templates.com/templates/astroship-starter-website-template-for-astro"
target="_blank" target="_blank"
rel="noopener">Get Started</Link class="flex gap-1 items-center justify-center"
rel="noopener">
<Icon class="text-white w-5 h-5" name="bx:bxs-cloud-download" />
Download for Free</Link
> >
<Link <Link
size="lg" size="lg"
style="outline" style="outline"
rel="noopener" rel="noopener"
href="https://github.com/surjithctly/astroship" href="https://github.com/surjithctly/astroship"
target="_blank">View Repo</Link class="flex gap-1 items-center justify-center"
target="_blank">
<Icon class="text-black w-4 h-4" name="bx:bxl-github" />
Github Repo</Link
> >
</div> </div>
</div> </div>

6
src/layouts/Layout.astro
View File

@@ -16,6 +16,10 @@ export interface Props {
// console.log(src); // console.log(src);
const resolvedImageWithDomain = new URL("/opengraph.jpg", Astro.url).toString(); const resolvedImageWithDomain = new URL("/opengraph.jpg", Astro.url).toString();
const { title } = Astro.props; const { title } = Astro.props;
const makeTitle = title
? title + " | " + "Astroship"
: "Astroship - Starter Template for Astro with TailwindCSS & Alpine.js";
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@@ -28,7 +32,7 @@ const { title } = Astro.props;
<!-- <link rel="preload" as="image" href={src} alt="Hero" /> --> <!-- <link rel="preload" as="image" href={src} alt="Hero" /> -->
<SEO <SEO
title={`${title}${title && " | "}Astroship`} title={makeTitle}
description="Astroship is a starter website template for Astro built with TailwindCSS." description="Astroship is a starter website template for Astro built with TailwindCSS."
twitter={{ twitter={{
creator: "@surjithctly", creator: "@surjithctly",