-
Notifications
You must be signed in to change notification settings - Fork 3
add hardcoded HTML for styling cat life events #3
Conversation
A first step on #1 - add cat life event tracker for visualizing reducers. This adds just the hardcoded HTML for a cat life event tracker. It's not fully wired up, and not fully data driven. This allows us to do some styling but also use a little less imagination to see the cat life event tracker coming together.
<tr> | ||
<td>2022.11.27</td> | ||
<td>lost a life</td> | ||
<td>Acylsm</td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Where does this name come from?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
const foo = bar()
Change foo
to bar
.
This is a better cat name:
<td>Acylsm</td> | |
<td>Garfield</td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Before merging:
- Clean up typos
- Explain how cat names appeared
<tr> | ||
<td>2022.11.25</td> | ||
<td>made friends with a dog</td> | ||
<td>Spaw</td> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh I get it: "Catspaw"!
return <> | ||
{props.children} | ||
</> | ||
return <div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
div
works for a lot of things, but I think there's a more semantic tag for this. Have you looked into section
?
Here's MDN's docs on it: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section
Specifically I'm looking at this:
The
HTML element represents a generic standalone section of a document, which doesn't have a more specific semantic element to represent it.
return <div> | |
return <section> |
But also you'll need to cover the end tag if you apply this change.
A first step on #1 - add cat life event tracker for visualizing reducers.
This adds just the hardcoded HTML for a cat life event tracker. It's not fully wired up, and not fully data driven. This allows us to do some styling but also use a little less imagination to see the cat life event tracker coming together.