aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/MiniCard.astro
diff options
context:
space:
mode:
authorPinapelz <yukais@pinapelz.com>2024-02-10 13:15:02 -0800
committerPinapelz <yukais@pinapelz.com>2024-02-10 13:15:02 -0800
commit9046f5cc95289eb6e5a9e93e2da8a4eda74cb5ff (patch)
tree32e98b39e0b97099f0b2c39b6826efd2db9532cd /src/components/MiniCard.astro
parent97e737d62497a9764b88386fa06c6263937675c4 (diff)
refactored some components
- added DiscordStatus to about - Updated projects - Added tags to each project - Fixed some text styling
Diffstat (limited to 'src/components/MiniCard.astro')
-rw-r--r--src/components/MiniCard.astro62
1 files changed, 0 insertions, 62 deletions
diff --git a/src/components/MiniCard.astro b/src/components/MiniCard.astro
deleted file mode 100644
index b34bcef..0000000
--- a/src/components/MiniCard.astro
+++ /dev/null
@@ -1,62 +0,0 @@
----
-interface Props {
- title: string;
- body: string;
- href: string;
- language: string;
- languageColor: string;
- logoSrc?: string;
- logoWidth?: string;
- contribution?: string;
-}
-
-const { href, title, body, language, languageColor, logoSrc, logoWidth = '60%', contribution = 'Minor Contributions' } = Astro.props;
----
-
-<li class="link-card">
- <a href={href}>
- {logoSrc && <img src={logoSrc} alt="Project Logo" style={{ maxWidth: logoWidth }} />}
- <h2>{title}</h2>
- <div class="language-container">
- <span class="dot" style={{ backgroundColor: languageColor }}></span>
- <span class="language">{language}</span>
- </div>
- <p>{body}</p>
- <p>{contribution}</p>
- </a>
-</li>
-
-<style>
- .link-card {
- list-style: none;
- padding: 1px;
- background-color: #23262d;
- border-radius: 6px;
- color: white;
- }
- .link-card > a {
- text-decoration: none;
- color: inherit;
- display: flex;
- flex-direction: column;
- padding: 2rem;
- }
- .link-card h2 {
- margin: 0;
- font-size: 1.25rem;
- }
- .link-card p {
- margin-top: 0.5rem;
- margin-bottom: 0;
- }
- .language-container {
- display: flex;
- align-items: center;
- gap: 5px;
- }
- .dot {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- }
-</style> \ No newline at end of file
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage