Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for tags to blog posts #503

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Add support for tags to blog posts #503

wants to merge 2 commits into from

Conversation

rauhul
Copy link
Member

@rauhul rauhul commented Jan 29, 2024

Adds simple tag bubbles that can be added to blog posts. In the future we may want to make these selectable for filtering and include a search bar as was done for swift-evolution.

Before:
Screenshot 2024-01-28 at 5 31 47 PM

After:
Screenshot 2024-01-28 at 5 31 40 PM

@rauhul
Copy link
Member Author

rauhul commented Jan 29, 2024

I tried to do this with a new header-subtitle.html include but Jekyll started crashing

@rauhul
Copy link
Member Author

rauhul commented Jan 29, 2024

related to #98

@rauhul
Copy link
Member Author

rauhul commented Jan 30, 2024

@swift-ci please test

@rauhul
Copy link
Member Author

rauhul commented Feb 12, 2024

@shahmishal can I get a review on this?

@shahmishal
Copy link
Member

The website workgroup discussed this topic last week, and it's a great idea.

The next steps:

  • Tag all of the blog posts
  • Provide a tag-based filter options on the blog page

@dempseyatgithub had previously worked on identifying each blog post; he was planning on digging up old notes.

@rauhul
Copy link
Member Author

rauhul commented Feb 13, 2024

Provide a tag-based filter options on the blog page

I think it would be good to handle this in a subsequent PR, I'm not a web dev and It might take me (or anyone else) some time to implement that feature. I think the tags have value without having search immediately

rauhul added 2 commits August 27, 2024 14:23
Adds simple tag bubbles that can be added to blog posts. In the future
we may want to make these selectable for filtering and include a search
bar as was done for swift-evolution.
Copy link
Member

@kaishin kaishin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good on desktop. On mobile I think we should consider the layout a bit more.

Comment on lines +589 to +595
flex-direction: row;
/* Allow tags to wrap to additional lines */
flex-wrap: wrap;
/* Add a small gap between additional lines */
gap: 0.4em;
/* Align to trailing edge */
justify-content: flex-end;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we can remove these comments as they do not add additional insight that the styles aren't already telling.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We also need to add a media query to improve the mobile layout. My vote would be to put the tags below the date label to accommodate larger accessibility font sizes.
scht

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@rauhul If you want I can push these changes after getting this merged to unblock this.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure! I dont think I'll have time for a while to address these css changes.

Excuse the crude markup, but I was hoping on laying out the tags like this:
Screenshot 2024-09-17 at 3 41 13 PM

@kaishin
Copy link
Member

kaishin commented Oct 30, 2024

Let's revisit this as part of the next version of the site that is currently underway.

@kaishin kaishin marked this pull request as draft October 30, 2024 12:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants