In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
For this one, I used <m> in a couple of instances in which I wanted to draw attention, based on the way that I read the text. Any long words that didn't have hyphens got "­" in areas where I thought it would make sense, and the URL and words with hyphens got the <wbr> tag. Every instance I saw of multiple adjectives got the <ins> and <del> treatment, as though the author were choosing better words each time. I used the <s> near the end, because it feels like the author is referring to changed information (I may not have used this correctly).
The sentence at the end feels like <small>, and the footnote gets this tag as well. Phew!
I appreciate that you highlighted the "you will listen to me" portion. Now if only my 11 year old would do so... I wasn't sure how you all would mark up the welsh name, being that it's unfamiliar, so just forcing it to wrap at the start of the line is a decent option.
🎉🎉🎉🔥🔥🔥 Lovely job! Don't forget the "" around your href on line 26. Likewise, don't forget to set the anchor for that link -- you need an ID somewhere so that link jumps to it. Otherwise you're looking great!
I am not completely satisfied with my treatment of the the last couple of Indiana U names and think they could be better. For some reason the link to my work looks funny. Maybe it is just getting late.
I think it looks fabulous! Remember the styling is weird because it's all default HTML. However, your markup is great. You are doing really well -- keep up the good work!
small for the URL footnote is a good move. The paragraph before is all in the interpretation. If you read it as a paragraph that is part of the footnote, then your placement is fine. If your interpretation is that it's part of the main story, then there should be no small. That's part of the fun of semantic HTML -- what are you trying to communicate?
https://codepen.io/jinsbai/pen/xxgYqJK
That's right Jinshuo! This one definitely needs some editing.
https://codepen.io/jarchaff/pen/YzNeprE?editors=1100
For this one, I used <m> in a couple of instances in which I wanted to draw attention, based on the way that I read the text. Any long words that didn't have hyphens got "­" in areas where I thought it would make sense, and the URL and words with hyphens got the <wbr> tag. Every instance I saw of multiple adjectives got the <ins> and <del> treatment, as though the author were choosing better words each time. I used the <s> near the end, because it feels like the author is referring to changed information (I may not have used this correctly).
The sentence at the end feels like <small>, and the footnote gets this tag as well. Phew!
I appreciate that you highlighted the "you will listen to me" portion. Now if only my 11 year old would do so... I wasn't sure how you all would mark up the welsh name, being that it's unfamiliar, so just forcing it to wrap at the start of the line is a decent option.
https://codepen.io/kelsey-van-ert/pen/rNjJLKJ?editors=1100🤓🧐
Great markup! Good choices.
Day 11
https://codepen.io/kajal-28/pen/LYWEjNE
🎉🎉🎉🔥🔥🔥 Lovely job! Don't forget the "" around your href on line 26. Likewise, don't forget to set the anchor for that link -- you need an ID somewhere so that link jumps to it. Otherwise you're looking great!
👍👍
https://codepen.io/romola/pen/PoWMpvr
I am not completely satisfied with my treatment of the the last couple of Indiana U names and think they could be better. For some reason the link to my work looks funny. Maybe it is just getting late.
I think it looks fabulous! Remember the styling is weird because it's all default HTML. However, your markup is great. You are doing really well -- keep up the good work!
Thanks for the feedback and encouragement. Onward and upward ..
https://codepen.io/athelas85/pen/LYxXYWK
I bet missed a bunch. :/
I think you did great. Nice work! Everything looks reasonable to me. 🎉🎉🎉🔥🔥🔥
https://codepen.io/rileyclaycomb/pen/abpqwmE
MDN says footnotes are subscripts, but I usually see them as superscripts in most places. In any case, this looks great - nicely done! 🎉🎉🎉🔥🔥🔥
https://codepen.io/kldickenson/pen/BapreeO
I really don't have an answer for those folks at Indiana University.
Karen, this looks fantastic! 🎉🎉🎉🔥🔥🔥 Great work! Love your use of small. I don't have an answer for IU, either. Thanks for sharing!
https://codepen.io/scloteau/pen/VwPQWKE?editors=1000
Excellent Sevane!
What a fun challenge! I love the tongue-in-cheek nature of some of the copy we get to work with, lol!
Two questions:
Did I overuse ­?
Was my use of small in the disclaimer correct?
https://codepen.io/idlehands1969/pen/GgpEYrg?editors=0100
Nope, you did not overuse ­!
small for the URL footnote is a good move. The paragraph before is all in the interpretation. If you read it as a paragraph that is part of the footnote, then your placement is fine. If your interpretation is that it's part of the main story, then there should be no small. That's part of the fun of semantic HTML -- what are you trying to communicate?
Yes, that's likely the choice I would make too for the long word (­) versus the long url (<wbr>). And thank you for your edits!