diff --git a/src/components/contactCard.astro b/src/components/contactCard.astro new file mode 100644 index 0000000..a9acd46 --- /dev/null +++ b/src/components/contactCard.astro @@ -0,0 +1,37 @@ +--- +export interface Props { + site: string; + link: string; +} + +const { link, site } = Astro.props; +--- + + +
+

{site}

+
+ + + \ No newline at end of file diff --git a/src/components/taCard.astro b/src/components/taCard.astro new file mode 100644 index 0000000..04a655d --- /dev/null +++ b/src/components/taCard.astro @@ -0,0 +1,56 @@ +--- +export interface Props { + title: string; + link: string; + image: string; +} + +const { image, link, title } = Astro.props; + +const icon: string = `background: url('ta_icons/${image}.png')` +--- + +
+
+

{title}

+
+
+ + + \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e48e2b4..e139a72 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -4,6 +4,7 @@ export interface Props { } const { title } = Astro.props; +const description: string = "A reference for all esports Servants, CEs and already completed TAs that Firq can provide. Contact information available as well."; --- @@ -13,6 +14,13 @@ const { title } = Astro.props; + + + + + + + {title} diff --git a/src/layouts/contactSection.astro b/src/layouts/contactSection.astro new file mode 100644 index 0000000..ab07042 --- /dev/null +++ b/src/layouts/contactSection.astro @@ -0,0 +1,37 @@ +--- +export interface Props { + title: string; +} + +const { title } = Astro.props; +--- +
+

{title}

+
+ +
+
+ + \ No newline at end of file diff --git a/src/layouts/customFooter.astro b/src/layouts/customFooter.astro new file mode 100644 index 0000000..c5f81f8 --- /dev/null +++ b/src/layouts/customFooter.astro @@ -0,0 +1,56 @@ +--- + +--- + + + + \ No newline at end of file diff --git a/src/layouts/taSection.astro b/src/layouts/taSection.astro new file mode 100644 index 0000000..51eaa6c --- /dev/null +++ b/src/layouts/taSection.astro @@ -0,0 +1,41 @@ +--- +export interface Props { + title: string; +} + +const { title } = Astro.props; +--- +
+

{title}

+

The full list of my completed TAs can be found on my Youtube channel. This is only a small selection of the most notable TAs

+
+ +
+
+ + \ No newline at end of file diff --git a/src/pages/index.astro b/src/pages/index.astro index da047d9..2dd1787 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,11 +1,20 @@ --- import Layout from '../layouts/Layout.astro'; import BaseSection from '../layouts/baseSection.astro'; +import TaSection from '../layouts/taSection.astro'; +import ContactSection from '../layouts/contactSection.astro'; +import CustomFooter from '../layouts/customFooter.astro'; + import ServantCard from '../components/servantCard.astro'; import CeCard from '../components/ceCard.astro'; +import TaCard from '../components/taCard.astro'; +import ContactCard from '../components/contactCard.astro'; + +import servantdata from '../../static/_servantdata.json' +import cedata from '../../static/_cedata.json' +import tadata from '../../static/_tadata.json' +import contactdata from '../../static/_contactdata.json' -import servantdata from '../../static/servantdata.json' -import cedata from '../../static/cedata.json' --- @@ -15,6 +24,13 @@ import cedata from '../../static/cedata.json' {cedata.map((item) => ())} + + {tadata.map((item) => ())} + + + {contactdata.map((item) => ())} + +