-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Refactored project cards and adopt in software page
- Loading branch information
Showing
18 changed files
with
110 additions
and
177 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,45 @@ | ||
--- | ||
import Button from './Button.astro'; | ||
const { logo, title, url, tagline, download } = Astro.props; | ||
--- | ||
|
||
<div | ||
class="transition duration-500 ease-in-out transform shadow-2xl border-4 border-baccent hover:border-accent hover:shadow-none hover:bg-white hover:bg-opacity-50 rounded-xl p-7" | ||
> | ||
<div class="w-full p-4 h-full flex gap-8"> | ||
{ | ||
logo && ( | ||
<div | ||
class="flex-none hidden md:block bg-origin-content bg-contain bg-center bg-no-repeat w-32 h-32 lg:w-20 lg:h-20 rounded-full ring-2 ring-saccent" | ||
style={`background-image: url(${logo})`} | ||
/> | ||
) | ||
} | ||
<div> | ||
<div class="flex flex-row items-center gap-4"> | ||
<a href={url} class="text-2xl font-bold font-sans no-underline">{title}</a> | ||
|
||
{ | ||
logo && ( | ||
<div | ||
class="block md:hidden bg-origin-content bg-contain bg-center bg-no-repeat w-12 h-12 rounded-full border-[0.5px] border-accent" | ||
style={`background-image: url(${logo})`} | ||
/> | ||
) | ||
} | ||
</div> | ||
<div class="py-4"> | ||
<span class="font-medium">{tagline}</span> | ||
</div> | ||
|
||
<p class="text-gray-800 text-sm font-medium mb-2 text-clip overflow-hidden max-h-20"> | ||
<slot /> | ||
</p> | ||
<div class="flex flex-row flex-wrap space-x-3 mt-4"> | ||
<Button href={url} text="Learn more..." inverted={true} cls="text-sm" /> | ||
{download && <Button href={download} text="Download" cls={`text-sm`} />} | ||
</div> | ||
</div> | ||
</div> | ||
</div> |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
2 changes: 1 addition & 1 deletion
2
src/components/Awards.astro → src/components/homepage/Awards.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
6 changes: 3 additions & 3 deletions
6
src/components/Hero.astro → src/components/homepage/Hero.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
--- | ||
import Button from '~/components/Button.astro'; | ||
import ProjectCard from '../ProjectCard.astro'; | ||
const projects = await Astro.glob('~/content/what-we-do/*.md'); | ||
--- | ||
|
||
<div class="flex flex-col gap-y-8"> | ||
<div class="grid grid-cols lg:grid-cols-2 gap-6 px-8"> | ||
{ | ||
projects.map((p) => { | ||
const { logo, name, link, download } = p.frontmatter; | ||
return ( | ||
<ProjectCard logo={logo} title={name} url={link} download={download}}> | ||
<div set:html={p.compiledContent()} /> | ||
</ProjectCard> | ||
); | ||
}) | ||
} | ||
</div> | ||
<div class="text-center"> | ||
<Button href="/software" text="Load more..." /> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
--- | ||
import * as copy from '~/content/heritage/index.md'; | ||
import Button from '~/components/Button.astro'; | ||
import ButtonsGroup from '../ButtonsGroup.astro'; | ||
const { description, CTA, href, title, secondaryCTA, secondaryHref, feature1, feature1Value, feature2, feature2Value } = | ||
copy.frontmatter; | ||
--- | ||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 items-center p-8"> | ||
<div class="flex flex-col col-span-2 space-y-12 md:space-y-8 tracking-tight text-left"> | ||
<h1 class="text-4xl md:text-5xl lg:text-6xl !text-saccent text-semibold">{title}</h1> | ||
<p class="max-w-2 text-2xl text-inter !text-saccent">{description}</p> | ||
<ButtonsGroup> | ||
<Button href={secondaryHref} text={secondaryCTA} inverted={true} /> | ||
<Button href={href} text={CTA} /> | ||
</ButtonsGroup> | ||
</div> | ||
<div | ||
class="bg-[url('/images/illustrations/manincula.png')] opacity-40 bg-contain bg-no-repeat h-full w-full hidden md:block" | ||
> | ||
</div> | ||
</div> |
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters