{# ========================================================================== #}
{# :: Projects  #}
{# ========================================================================== #}
{#
	The projects of the home page passed and rendered by markdown content.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/project.njk" as project %}
{% import "components/image.njk" as image %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<section class="bp-l-section bp-l-section--with-spacing bp-l-section--light">
	<div class="bp-l-container">
		<div class="bp-l-grid bp-l-grid--with-spacing bp-l-grid--align-middle@large">
			<div class="bp-l-grid__col bp-l-grid__col--9@base">
				<header class="bp-l-section__header">
					<h2 class="bp-l-section__title u-h2">Projects</h2>
				</header>

				<div class="bp-l-section__content">
					{{project.default("", {
						title: "General",
						text: "Information about the general brand.",
						items: [
							{
								title: "Design",
								links: [
									{ text: "Little Miss robot", url: "www.littlemissrobot.com" }
								]
							},
							{
								title: "Contact",
								links: [
									{ text: "info@littlemissrobot.com", url: "mailto:info@littlemissrobot.com" },
									{ text: "info@brand.com", url: "#" }
								]
							},
							{
								title: "Project link",
								links: [
									{ text: "www.website.com", url: "#" }
								]
							},
							{
								title: "Development",
								links: [
									{ text: "Little Miss Robot", url: "www.littlemissrobot.com" },
									{ text: "Other company", url: "#" }
								]
							}
						]
					})}}
				</div>

				<div class="bp-l-section__content bp-l-section__content--with-divider">
					{{project.default("", {
						title: "General",
						text: "Information about the general brand.",
						items: [
							{
								title: "Design",
								links: [
									{ text: "Little Miss robot", url: "www.littlemissrobot.com" }
								]
							},
							{
								title: "Contact",
								links: [
									{ text: "info@littlemissrobot.com", url: "mailto:info@littlemissrobot.com" },
									{ text: "info@brand.com", url: "#" }
								]
							},
							{
								title: "Project link",
								links: [
									{ text: "www.website.com", url: "#" }
								]
							},
							{
								title: "Development",
								links: [
									{ text: "Little Miss Robot", url: "www.littlemissrobot.com" },
									{ text: "Other company", url: "#" }
								]
							}
						]
					})}}
				</div>
			</div>

			<div class="bp-l-grid__col bp-l-grid__col--3@base u-show@base">
				{{image.default("", {
					src: "assets/images/home/rocket.svg",
					meta: "projects"
				})}}
			</div>
		</div>
	</div>
</section>