Live data from Hacker News

Pure CSS Website

pure-css-site.netlify.app

61–70 of 103 posts

Re: Pure CSS Website

#61
post #29

Did you see this in the css @keyframes typewriter { 00.0% { content: "A" } 00.4% { content: "A " } 00.8% { content: "A W" } 01.2% { content: "A We" } 01.6% { content: "A Web" } 02.0% { content: "A Webs" } 02.4% { content: "A Websi" } 02.8% { content: "A Websit" } 03.2% { content: "A Website" } 13.2% { content: "A Website," } 13.6% { content: "A Website, " } 14.0% { content: "A Website, i" } 14.4% { content: "A Websit…

Before it starts to look a bit ugly

div::after { font-family: var(--secondary-font); font-size: 1em; user-select: all; content: " \A \ This website contains one only. \A \ No JavaScript. \A \ The rest is pure CSS. \A \ \A \ The is animated with CSS keyframes, \A \ styled with CSS variables, \A \ styled with CSS transitions, \A \ styled with CSS pseudo-elements, \A \ styled with CSS pseudo-classes. \A \ But that's it. \A \ "; }

Re: Pure CSS Website

#64

Might be fun to replace the div tags with a custom tag. https://html.spec.whatwg.org/multipage/custom-elements.html

It's pure CSS so a custom tag will not add any styling a couldn't

Re: Pure CSS Website

#66
post #4

I built this website to see what was possible with only one div, and a stylesheet. No JS, No other HTML, just CSS. Source: https://github.com/archiewood/pure-css-site

This is a 404, btw. Private repo?

oops well i just saw this took off and have made it public - thanks

Re: Pure CSS Website

#67

I built this website to see what was possible with only one div, and a stylesheet. No JS, No other HTML, just CSS. Source: https://github.com/archiewood/pure-css-site

I’m getting 404. Is it because I’m not logged in?

repo was private, now public!

Re: Pure CSS Website

#69
post #33

That's impressive. I expected, "Sure, it works, but the CSS is going to be a nightmare." Instead, the CSS is pretty, straightforward and easy to understand. I love it!

Thanks - I do honestly think the keyframes are a bit of a nightmare, but they also kind of make the site

Re: Pure CSS Website

#70
post #3

I built this website to see what was possible with only one div, and a stylesheet. No JS, No other HTML, just CSS. Source: https://github.com/archiewood/pure-css-site

After examples showcased at https://a.singlediv.com/ , I would not be surprised by anything...

Wow. Thanks for sharing.
Post reply on HN