Closed AVGVSTVS96 closed 3 months ago
Latest commit: |
f16ef0f
|
Status: | ✅ Deploy successful! |
Preview URL: | https://f2f78bfc.astrosite-aid.pages.dev |
Branch Preview URL: | https://createblogtimeline.astrosite-aid.pages.dev |
Open the branch in Web Editor • VS Code • Insiders
Open Preview
master
This stack of pull requests is managed by Graphite. Learn more about stacking.
Join @AVGVSTVS96 and the rest of your teammates on Graphite
A new component
BlogTimeline.astro
and new pageblogPage.astro
has been added for displaying a list of blog posts on a timeline. Changes have been made toProjects.astro
,navLinks.ts
, andindex.astro
, with the addition oflinkCaret.svg
for use inBlogTimeline.astro
Create new
BlogTimeline
component andblogLine
pageAdd new
linkCaret
icon forBlogTimeline
Add new link to
NavLinks.ts
Displays blog posts next to a timeline. Props can be passed to the
BlogTimeline
component to change display behavior:split
prop defaults to false and controls whether the timeline is displayed in between the posts and their dates or if the posts and dates are displayed in the same column on the right side of the timeline.postCount
prop controls how many posts are displayedlineClamp
prop controls how many lines of description text are displayed for each postAdjust timeline and add transition
increase timeline and icon opacity from 50 to 70
add icon group-hover animation, translate icon left on x axis when parent blog post card is hovered
index.astro
: AddBlogTimeline
and restructure layoutsProjects.astro
: Remove heading, refactor, remove HTML attributesRemove
BlogIndex
fromindex.astro
, replace withBlogTimeline
Wrap
index.astro
page content inarticle
tagindex.astro
sections insection
tagsMake section heading smaller and bold
Remove
card-mx
andcard-p
from individual sections inindex.astro
, add the main article tag wrapping the page content.card-mx
andcard-p
fromProjects.astro
Remove HTML attributes from
Projects.astro
Replace
blog.astro
page with newblogPage.astro
with newBlogTimeline
componentAdd
blogPage
link tonavLinks.astro
, replacing original blog link