Last active
April 21, 2021 16:23
-
-
Save murtaugh/4489740 to your computer and use it in GitHub Desktop.
Blockquote patterns for ALA
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<figure class="quote"> | |
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote> | |
</figure> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<figure class="quote"> | |
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote> | |
<figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption> | |
</figure> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<figure class="quote"> | |
<blockquote> | |
<p>It is the unofficial force—the Baker Street irregulars.</p> | |
<p>What a bunch of maroons.</p> | |
</blockquote> | |
<figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption> | |
</figure> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<figure class="tweet"> | |
<!-- what's inside here is simply the code provided by Twitter without alteration. --> | |
<blockquote class="twitter-tweet" data-partner="tweetdeck"><p>Never, ever, ever let them call you a “creative”. It’s a way to be disenfranchised. You are a designer. It’s not magic, it’s a trade.</p>— Mike Monteiro (@Mike_FTW) <a href="https://twitter.com/Mike_FTW/status/320929309273493505">April 7, 2013</a></blockquote> | |
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> | |
</figure> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<aside class="quote"> | |
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote> | |
</aside> |
The definition of the <blockquote>
and <cite>
tags has been tweaked. A name is now a legitimate subject for citation.
Keeping this in mind does the pattern for <blockquote>
should be changed?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks for replying, murtaugh.
In regards to this markup:
I think it's a little odd to use
<footer>
in this context. Simply because it's weird to see<footer>
before the actual context of the item. However,<tfoot>
is used in a similar manner as that's usually added before<tbody>
.If anyone else has any other suggestions, that would be great.