Skip to content

Instantly share code, notes, and snippets.

@jgmac1106 jgmac1106/export.html
Last active Feb 23, 2019

Embed
What would you like to do?
Hypothes.is HTML export to microforamts?
<div id="widget" style="display: block;"><h1 id="heading_counter_1" class="urlHeading">
<a title="collapse" href="javascript:hlib.toggle('counter_1')"> <span class="toggle" title="expand">▶</span></a>
<span class="counter">&nbsp;2&nbsp;</span>
<a title="visit annotated page" target="annotatedPage" href="https://hyp.is/go?url=https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf">What_s_Radical_marginal-syllabus.pdf</a>
</h1>
<div id="cards_counter_1">
<div class="annotationCard" style="display: none; margin-left: 0px;">
<div class="csvRow">"0","2018-12-03T20:45:42","https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf","jgmac1106","ZtFN3vc8EeiXPQ8qGVdJXQ","__world__",,"underground writers. . . .","I love this piece by Maisha Winn on a similar thread: https://www.tandfonline.com/doi/abs/10.1080/10749039.2014.990037","https://hyp.is/ZtFN3vc8EeiXPQ8qGVdJXQ"</div>
<div class="annotationHeader">
<span class="user">
<a title="search user" target="_user" href="./?user=jgmac1106">jgmac1106</a>
</span>
<span>
12/3/2018 8:45 PM
<a class="externalLink" title="visit thread to view/edit/reply" target="_standalone" href="https://hypothes.is/a/ZtFN3vc8EeiXPQ8qGVdJXQ"></a>
</span>
in Public
</div>
<div class="annotationBody">
<div class="annotationQuote">underground writers. . . .</div>
<div><p>I love this piece by Maisha Winn on a similar thread: https://www.tandfonline.com/doi/abs/10.1080/10749039.2014.990037</p></div>
<div class="annotationTags"></div>
</div>
<hr class="annotationCardDivider">
</div>
<div class="annotationCard" style="display: none; margin-left: 20px;">
<div class="csvRow">"1","2018-12-09T11:09:11","https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf","dogtrax","2xtSavuiEeiboJcJiJX0JA","__world__","marginalsyllabus",,"![](https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fbdesilets.com%2Fif%2Fwp-content%2Fuploads%2F2012%2F06%2Fzork-map.gif&amp;f=1)","https://hyp.is/2xtSavuiEeiboJcJiJX0JA"</div>
<div class="annotationHeader">
<span class="user">
<a title="search user" target="_user" href="./?user=dogtrax">dogtrax</a>
</span>
<span>
12/9/2018 11:09 AM
<a class="externalLink" title="visit thread to view/edit/reply" target="_standalone" href="https://hypothes.is/a/2xtSavuiEeiboJcJiJX0JA"></a>
</span>
in Public
</div>
<div class="annotationBody">
<div><p><img src="https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fbdesilets.com%2Fif%2Fwp-content%2Fuploads%2F2012%2F06%2Fzork-map.gif&amp;f=1" alt="" title=""></p></div>
<div class="annotationTags"><a target="_tag" href="./?tag=marginalsyllabus"><span class="annotationTag">marginalsyllabus</span></a></div>
</div>
<hr class="annotationCardDivider">
</div>
<div class="annotationCard" style="display: none; margin-left: 40px;">
<div class="csvRow">"2","2018-12-11T11:34:13","https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf","tellio","ryakYP04EeigJXd_WYr4fw","__world__",,,"![](https://farm5.staticflickr.com/4857/32389519238_504effe41a_c.jpg) ","https://hyp.is/ryakYP04EeigJXd_WYr4fw"</div>
<div class="annotationHeader">
<span class="user">
<a title="search user" target="_user" href="./?user=tellio">tellio</a>
</span>
<span>
12/11/2018 11:34 AM
<a class="externalLink" title="visit thread to view/edit/reply" target="_standalone" href="https://hypothes.is/a/ryakYP04EeigJXd_WYr4fw"></a>
</span>
in Public
</div>
<div class="annotationBody">
<div><p><img src="https://farm5.staticflickr.com/4857/32389519238_504effe41a_c.jpg" alt="" title=""></p></div>
<div class="annotationTags"></div>
</div>
<hr class="annotationCardDivider">
</div>
<body class="h-feed">
<h1 class="p-name"><a class="u-url" href="https://hypothes.is/stream">jgmac1106 Annotations</a></h1>
<h2 class="e-summary">The Web. Annotated by jgmac1106</h2>
<details class="h-entry" open>
<summary class="p-name"><a class="u-url" href="https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf#underground%20writers&#46;%20&#46;%20&#46;%20&#46;">What_s_Radical_marginal-syllabus.pdf</a></summary>
<div class="e-content">
<span class="e-summary">
<blockquote>underground writers. . . .</blockquote>I love this piece by Maisha Winn on a similar thread: <a href="https://www.tandfonline.com/doi/abs/10.1080/10749039.2014.990037">DOI</a>
</span>
</div>
<p ><time class="dt-updated" datetime="2018-12-03T20:45:42">Updated: a month ago</time>
by <a class="p-author h-card" href="https://hypothes.is/users/jgmac1106">jgmac1106</a>
</p>
</details>
<hr>
<details class="h-entry">
<summary class="p-name"><a class="u-in-reply-to" href="https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf#underground%20writers&#46;%20&#46;%20&#46;%20&#46;">What_s_Radical_marginal-syllabus.pdf</a></summary>
<div class="e-content">
<span class="e-summary">
<img src="https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fbdesilets.com%2Fif%2Fwp-content%2Fuploads%2F2012%2F06%2Fzork-map.gif">
</span>
</div>
<p ><time class="dt-updated" datetime="2018-12-09 10:45:42">2018-12-09</time> by <a class="p-author h-card" href="https://hypothes.is/users/dogtrax">dogtrax</a>
</p>
</details>
<hr>
<details class="h-entry">
<summary class="p-name"><a class="u-in-reply-to" href="https://educatorinnovator.org/wp-content/uploads/2018/11/What_s_Radical_marginal-syllabus.pdf#underground%20writers&#46;%20&#46;%20&#46;%20&#46;">What_s_Radical_marginal-syllabus.pdf</a></summary>
<div class="e-content">
<span class="e-summary">
<img src="https://farm5.staticflickr.com/4857/32389519238_504effe41a_c.jpg">
</span>
</div>
<p><time class="dt-updated" datetime="2018-12-09 11:38:00">2018-12-11</time> by <a class="p-author h-card" href="https://hypothes.is/users/tellio">tellio</a>
</p>
</details>
<hr>
@csarven

This comment has been minimized.

Copy link

commented Feb 15, 2019

The Hypothes.is's HTML representation for an annotation page doesn't use the Web Annotation terms.

What you may be looking for is W3C Note Embedding Web Annotations in HTML: https://www.w3.org/TR/annotation-html/ for actual WA usage in HTML eg. RDFa in HTML. No need to "export" to lesser forms because it'll be lossy. It is already human-visible and machine-readable through existing standards-compliant tooling. See example https://linkedresearch.org/annotation/csarven.ca/dokieli-rww/b6738766-3ce5-4054-96a9-ced7f05b439f in HTML+RDFa.

@jgmac1106

This comment has been minimized.

Copy link
Owner Author

commented Feb 23, 2019

Ahh cool, thanks for the example, yeah I am just experimenting as I play between the two spaces. I want to figure out away to either annotate or at least capture my annotations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.