wanoo21 / tailwind-astro-starting-blog Goto Github PK

View Code? Open in Web Editor NEW

75.0 75.0 20.0 1.67 MB

A started template with Tailwind and Astro

Home Page: https://tasb.yon.fun

License: MIT License

JavaScript 3.35% Astro 69.93% TypeScript 18.57% MDX 7.55% CSS 0.49% Dockerfile 0.13%

astro starter-blog tailwind

tailwind-astro-starting-blog's People

Contributors

Stargazers

Watchers

Forkers

ryands17 hackbraten68 edwardb11 jersondiaz025 hsuifang jpasholk brunagil etornam45 shivampwm2020 emistorrs kazecoder dabielf elena7130 v0idmatr1x ai-deeplang rcsim sathrath roni5 haydonge

tailwind-astro-starting-blog's Issues

Request

For the issue of versions it is always better to have the application dockable

Solution

Dockerize the application, I forked with the dockerization

Automatically add contributors list to readme file

Add a new layout for single post

Images are causing odd glitches with page transitions.

Describe the bug

Okay, this is a wierd one...

After forking the theme and starting to add my own content I noticed some odd behavior. When clicking on a link to a post or page that has an image in it the transition animations glitch out, causing the page to flicker in Safari and the mobile nav to fly by. In Chrome it doesn't flash, just does the nav thing...

To Reproduce

Fork the theme.
Add a new page with an image in src, in my case src/assets,
Then either build it through Netlify or run npm run build, then run npm run preview.
Click a link to one of those pages.
It should glitch like I described.

Expected behavior

Images should be able to be put in src so Astro can process them with the <Image /> component.

Screenshots

Desktop (please complete the following information):

OS: MacOS - Ventura 13.5
Browser: Safari - 16.6 (18615.3.12.11.2), Chrome - 119.0.6045.159

Smartphone (please complete the following information):

Device: iPhone 13 Pro Max
OS: iOS 17.2
Browser Safari - 17

Additional context

I documented this for my ongoing journey about learning webdev as a complete noob here.

Also, I couldn't find the <head> to check if the <ViewTransitions /> component was in there. I found it under the html tag in RootLayout though. I thought it was supposed to go in the head, per the Astro Docs. Any insight on this?

Thanks again for the awesome theme and for fixing the last issue I reported!

Implement search for static files

Documentation for how to add Tags

I assumed that after creating the .mdx that the frontmatter format for creating tags would be like this:

But it seems that it is not so:

Is there any chance one of the sample blog posts could have some tags added so that we can know how to format them correctly in the front matter? I've tried lots of different permutations and keep getting the same error

<ScrollTopAndComments /> not work

Describe the bug
first step: open a blog post, when scroll the page, the ScrollTopAndComments is work
second step: click the next article btn or other btn that open another blog post, and scroll the page again. the ScrollTopAndComments is not work. but if you go back to the home page or other non-post page, and open the post page again, the issue will not appear

Mobile menu doesn't work after clicking any link. (iOS 17 - iPhone 13 Pro Max)

Describe the bug
A clear and concise description of what the bug is.

After tapping any link, and then tapping the hamburger menu it does nothing. A page reload is necessary to enable the menu again.

To Reproduce
Steps to reproduce the behavior:

Tap the hamburger menu, works fine.
Tap any other link.
Try tapping the hamburger menu again.
Doesn't work.

Expected behavior

The hamburger menu should work at all times.

Device

Device: [iPhone 13 Pro Max]
OS: [iOS 17.2]
Browser [Safari]

wanoo21 / tailwind-astro-starting-blog Goto Github PK

tailwind-astro-starting-blog's People

Contributors

Stargazers

Watchers

Forkers

tailwind-astro-starting-blog's Issues

Request

Solution

Recommend Projects

Recommend Topics

Recommend Org

Jobs