Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .astro/content-assets.mjs

This file was deleted.

1 change: 0 additions & 1 deletion .astro/content-modules.mjs

This file was deleted.

156 changes: 0 additions & 156 deletions .astro/content.d.ts

This file was deleted.

1 change: 0 additions & 1 deletion .astro/data-store.json

This file was deleted.

5 changes: 0 additions & 5 deletions .astro/settings.json

This file was deleted.

2 changes: 0 additions & 2 deletions .astro/types.d.ts

This file was deleted.

2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -18,3 +18,5 @@ yarn-error.log

# astro build
dist

.astro/
23 changes: 14 additions & 9 deletions src/components/ProjectCard.astro
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false
---

<div class="Card-Container">
<a class="Card-Real-Link" href={projectLink} target="_blank">
<a class="Card-Real-Link" href={projectLink} target="_blank" rel="noopener noreferrer">
<div class="Card-Header">
<img
class="Project-Logo"
Expand All @@ -26,6 +26,7 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false
/>
<p class="Card-Title">{name}</p>
</div>
</a>
<div class="Card-Body">
<div class="Card-Tag">
{tags.map((tag) => (
Expand All @@ -41,10 +42,9 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false
<IssueList projectLink={projectLink} projectName={name} />
)}
</div>
<div class="Card-Link">
<span>Go to Project</span>
</div>
</a>
<a class="Card-Link" href={projectLink} target="_blank" rel="noopener noreferrer">
<span>Go to Project</span>
</a>
</div>

<style>
Expand All @@ -59,7 +59,8 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false
height: auto;
min-height: 200px;
margin-bottom: 1.5rem;
position: relative;
display:flex;
flex-direction:column;
}

.Card-Container::before {
Expand Down Expand Up @@ -157,6 +158,9 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false


.Card-Link {
display:block;
width:100%;
text-align:center;
background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
Expand All @@ -170,6 +174,7 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-decoration:none;
}

.Card-Link::before {
Expand Down Expand Up @@ -204,16 +209,16 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false
.Card-Header {
padding: 1rem;
}

.Card-Body {
padding: 0.75rem 1rem;
}

.Project-Logo {
width: 50px;
height: 50px;
}

.Card-Title {
font-size: 1.1rem;
}
Expand Down
2 changes: 1 addition & 1 deletion src/styles/global.css
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "tailwindcss";
@import "tailwindcss";