diff --git a/src/components/CarouselSection.astro b/src/components/section/CarouselSection.astro similarity index 100% rename from src/components/CarouselSection.astro rename to src/components/section/CarouselSection.astro diff --git a/src/components/section/ColorSection.astro b/src/components/section/ColorSection.astro new file mode 100644 index 0000000..5a3329d --- /dev/null +++ b/src/components/section/ColorSection.astro @@ -0,0 +1,11 @@ +--- +const { bgColor, titleColor, textColor, title, text } = Astro.props; + +console.log( 'Props', bgColor ) +--- +
+
+

{title}

+

{text}

+
+
\ No newline at end of file diff --git a/src/components/InfoSection.astro b/src/components/section/InfoSection.astro similarity index 59% rename from src/components/InfoSection.astro rename to src/components/section/InfoSection.astro index 2622440..77a0e16 100644 --- a/src/components/InfoSection.astro +++ b/src/components/section/InfoSection.astro @@ -1,7 +1,6 @@ --- -import Button from "./ui/Button.astro"; -import { infoboxes } from "../data/content/infosection.js"; -import BoxContainer from "./BoxContainer.astro"; +import { infoboxes } from "../../data/content/infosection.js"; +import BoxContainer from "../BoxContainer.astro"; const { data } = Astro.props; --- diff --git a/src/components/NewsSection.astro b/src/components/section/NewsSection.astro similarity index 92% rename from src/components/NewsSection.astro rename to src/components/section/NewsSection.astro index 853e6c7..6e171d6 100644 --- a/src/components/NewsSection.astro +++ b/src/components/section/NewsSection.astro @@ -1,7 +1,7 @@ --- import Image from "astro/components/Image.astro"; import { getCollection, getEntry } from "astro:content"; -import NewsCard from "./NewsCard.astro"; +import NewsCard from "../NewsCard.astro"; const newsItems = await getCollection("news"); ---
diff --git a/src/components/ParticipateSection.astro b/src/components/section/ParticipateSection.astro similarity index 100% rename from src/components/ParticipateSection.astro rename to src/components/section/ParticipateSection.astro diff --git a/src/components/section/TitleSection.astro b/src/components/section/TitleSection.astro new file mode 100644 index 0000000..43ca8a3 --- /dev/null +++ b/src/components/section/TitleSection.astro @@ -0,0 +1,13 @@ +--- +import { Icon } from 'astro-icon/components' + +const { title } = Astro.props; +--- +
+
+
+

{title}

+ +
+
+
\ No newline at end of file diff --git a/src/icons/logo.svg b/src/icons/logo.svg new file mode 100644 index 0000000..48bde6a --- /dev/null +++ b/src/icons/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/index.astro b/src/pages/index.astro index ded7ee1..5211d7e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,12 +3,14 @@ import "../styles/global.css"; import MainLayout from "../layouts/MainLayout.astro"; import HeroHome from "../components/HeroHome.astro"; -import NewsSection from "../components/NewsSection.astro"; -import ParticipateSection from "../components/ParticipateSection.astro"; -import CarouselSection from "../components/CarouselSection.astro"; -import InfoSection from "../components/InfoSection.astro"; +import NewsSection from "../components/section/NewsSection.astro"; +import ParticipateSection from "../components/section/ParticipateSection.astro"; +import CarouselSection from "../components/section/CarouselSection.astro"; +import InfoSection from "../components/section/InfoSection.astro"; import { infoboxes } from "../data/content/infosection.js"; +import ColorSection from "../components/section/ColorSection.astro"; +import TitleSection from "../components/section/TitleSection.astro"; const carouselImages2 = [ "https://picsum.photos/1920/800?random=1&grayscale", @@ -22,11 +24,28 @@ const carouselImages2 = [ + + + + + + + + -