hatom-examples-in-wild

2018-02-08T19:54:40Z

Imelgrat: /* new and uncategorized examples */

<entry-title>hAtom Examples in the Wild</entry-title>

<div style="height:7.5em;text-align:center;font-weight:bold;font-size:larger">
<span style="padding:3em 0;float:left;width:33%">[[hatom-examples-in-wild#examples_by_category|Want hAtom]]</span><span style="padding:3em 0;float:left;width:33%">[[hatom-examples-in-wild#new_and_uncategorized_examples|Have hAtom]]</span>
</div>

This page is an '''informative''' section of the [[hatom|hAtom draft specification]].

The following sites have published [[hAtom|hAtom]], and thus are a great place to start for anyone looking for examples "in the wild" for inspiration, or to try parsing and indexing.

== new and uncategorized examples ==
'''Have hAtom?''' If you have a site with hAtom, add it to the top of this list. Include at least one URL to a page that includes actual [[hatom|hAtom]] markup. Examples without direct links to pages with hAtom markup will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.

You may want to use these buttons on your pages with hAtom. See [[buttons#hAtom]] for any recent additions.
http://www.davidjanes.com/images/mf_hatom.png


* [https://imelgrat.me/ IMELGRAT.ME] uses hAtom markup for sharing updates on its WordPress blog on Web and Mobile Development.
* [http://www.iprocess.firm.in/ iProcess] uses hAtom for its business news updates from within hNews, and custom implementation of hAtom2Atom.xsl to drive its [http://iprocess.firm.in/feed/ business news syndication feed].
* [https://flattr.com/ flattr.com] uses hAtom for the activity streams on its [https://flattr.com/profile/pthulin profiles]. Uses experimental [http://activitystrea.ms/ Activity Streams] classes in it.
* [http://www.gulfdine.com/Restaurant.aspx?Name=Aalishan+-+Al+Muntazah&Restaurant=6497 gulfdine.com] uses hAtom, hReviews for contact information, restaurant information (company address, etc.) and admin reviews.
* [http://brannfan.com/ brannfan.com] uses hAtom for the news entries on its home page and single entry pages.
* [http://www.chipwreck.de/blog/posts/ chipwreck.de] uses hAtom for the (wordpress) blog entries.
* [http://www.zybez.net/ Zybez] uses hAtom for the news entries on its home page.
* The [http://greenvoice.com Greenvoice] Blog, as well as all of the individual campaign blogs on the site ([http://greenvoice.com/campaigns/303-saving-scottish-seals/blogs/595/posts example]), have their posts marked up with hAtom.
* [http://huffduffer.com/ Huffduffer] uses hAtom for the [http://huffduffer.com/new newest] and the most [http://huffduffer.com/popular popular] additions as well as on every user profile and on tag places.
* [http://fairvote.ca/en/WaterlooRegion Waterloo Region Chapter Fair Vote Canada] hAtom enabled until the site enables RSS/Atom in Drupal. Self-referentially linked with Luke Arno's [http://www.lukearno.com/projects/hatom2atom/ hatom2atom service].
* [http://www.aduk.org/ ADUK] use hAtom to mark up news on their home page.
* [http://thetyee.ca/Blogs/TheHook/ The Hook] a Canadian political blog, uses hAtom for blog posts and list of blog posts, however also offers a feedburner RSS feed.
* [http://www.plaintxt.org/experiments/blog-summary/ Blog Summary] is a [[wordpress|WordPress]] plugin from plaintxt.org that generates a semantic list of recent entries in hAtom. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
* [http://www.dancefederation.co.uk Dance Federation Salsa Dancing & Jive Dancing Lessons and Events ] Directory for classes, lessons and events users hatom for its news page and generating rss.
* [http://blog.kakkoi.net/ Kakkoi] - combine hAtom (i.e., xFolk RC1, hreview, hAtom) for blog posts and comments.
* [http://www.vibereview.com/ VibeReview] uses hAtom for sex toy reviews and articles (no nudity, but still maybe NSFW). Two feeds can be found on the homepage.
* [http://www.linuxinfusion.com/ Linux Infusion] uses hAtom for blog posts and comments.
* Joseph Bergantine has used hAtom to mark up [http://bergantinedesign.us/blog/my-microwave-has-a-button-that-says-record blog posts], [http://bergantinedesign.us/blog/ article lists], and [http://bergantinedesign.us/blog/doneish#comment000068 comments]
* [http://microrevie.ws/ MicroReviews] marks up each review with [[hAtom]] so that every page can be a feed. See [http://microrevie.ws/ the home page] or [http://microrevie.ws/????? 5-Star Reviews]
* LocalHero (localhero dot biz) A local search which returns it search results in hatom (as well as other microformats).
* [http://blog.livedoor.jp/forestk/ forestk's blog] uses hAtom (note it is Japanese!)
* [http://www.niallkennedy.com/blog/ Niall Kennedy's Weblog] features hAtom on every page. includes comments.
* [http://weborganics.co.uk/ WebOrganics] - Has hAtom feeds on every page.
* [http://journal.redflavor.com/ Reprise] - A [http://redflavor.com/reprise.rb minimal blog] application which uses hAtom out of the box.
* [http://www.bbc.co.uk/worldservice/bangladeshboat BBC World Service Bangladesh River Journey] a social network mashup, with hAtom entries & other microformats. See [http://dharmafly.com/blog/bangladeshboat Dharmafly blog discussion].
* [http://www.people.com/people/news/ People Magazine] uses hAtom to markup the latest news stories.
* [http://www.tamundo.de/ Tamundo] Online auction platform that uses hAtom
* [http://www.bo.ingv.it/italiano/News.html Istituto Nazionale Geofisica e Vulcanologia, Bologna] implemented hAtom entries with embedded rel-tags for categories in its news-page (custom template for [http://www.modxcms.com MODx CMS]).
* [http://v1.itvp.pl/blog/przebojowanoc/i.tvp/idb/24/ ITVP] uses hAtom for entries. See [http://twitter.com/Wojtek/statuses/299700082 Wojtek's announcement 2007-09-28].
* [http://shiftingpixel.com Shifting Pixel] uses hAtom for blog posts and comments.
* [http://lazylibrary.com LazyLibrary] uses hAtom on book results pages.
* [http://findsubstance.com Find Substance Blog] uses hAtom for blog posts.
* [http://www.blogger.com Blogger]
** [http://groups.google.com/group/bloggerDev/browse_thread/thread/69344c5cc35b472e Announcement] on Blogger Dev that all new blogs will have hAtom classes
* AOL
**[http://news.aol.com AOL News], AOL News has implemented hAtom into their center column. This display will be used on other AOL channels as well
**[http://sports.aol.com AOL Sports], AOL Sports is the second AOL channel to use the hAtom display for its center column data
* [http://www.creation.uk.com Creation design & marketing] uses hAtom for a lot of the content as well as [http://www.creation.uk.com/news/2007/06/06/easy-money/ comments on articles].
* [http://www.sndbx.org/ The Sandbox Designs Competition] uses hAtom for all content, hCard for participant (the competition designers) and sponsor information, hCalendar for the competition schedule, XFN for links, and rel-license for licensing information. It's all GNU GPL.
* [http://guyleech.net guyleech.net] uses hCard for contact information. Example: [http://qwikfix.co.uk/barclays/ Barclays Bank Customer Service]
* [http://kpumuk.info/ Dmytro Shteflyuk] uses hAtom for all blog posts.
* [http://blog.no-panic.at Florian Beer] uses hAtom to mark up all the blog posts. There is also a [http://blog.no-panic.at/2006/11/16/hatom-and-wordpress/ tutorial] on how to convert [[wordpress|WordPress]] themes to include hAtom.
* [http://ficlets.com/ Ficlets] uses hAtom on the [http://ficlets.com/stories main stories page] and on [http://ficlets.com/stories/12 individual story pages].
* [http://www.international.unt.edu UNT International] uses hAtom combined with hCard on news/announcement pages (e.g., [http://www.international.unt.edu/quick/news the main news page]) in addition to providing traditional Atom feeds
* [http://www.absalom.net.au Absalom Media] uses hAtom combined with hCard for articles.
* [http://www.joomlamug.com Joomla! Melbourne User Group] uses hAtom combined with hCard for articles.
* [http://www.volume.co.uk Volume] - Main news page is marked up as hAtom 0.1
* [http://yedda.com Yedda] - Yedda support hAtom on exploration of questions where there is also support for Atom and RSS feeds. ([http://yedda.com/questions/recent/ example])
* The [http://www.westmidlandbirdclub.com/ West Midland Bird Club's] frequently-updated [http://www.westmidlandbirdclub.com/new.htm What's New] page, [http://www.westmidlandbirdclub.com/ladywalk/latest.htm news from its Ladywalk Reserve] and [http://www.westmidlandbirdclub.com/worcs/grimley/latest.htm news from Grimley Pits] — comments welcome on my talk page [[User:AndyMabbett|Andy Mabbett]]
* [http://pixelsebi.com pixelsebi's repository] uses hAtom 0.1 for blog posts (and hCard, hCalendar, XFN, xFolk and many more) based on manual [[wordpress|WordPress]] template modifications
* [http://www.qmpeople.com/ qmpeople] uses hAtom combined with hCard for [http://www.qmpeople.com/blog/ blog].
* [http://www.geekinthepark.co.uk Geek in the Park] uses hAtom for the comments. -- by [[User:Trovster|trovster]]
* [http://www.csarven.ca Sarven Capadisli] uses hAtom for the articles and comments -- by [[User:Csarven|csarven]]
* [http://www.capital.edu Capital University] uses hAtom 0.1 to mark up the feed of latest posts by student bloggers on its home page.
* [http://blog.davidjanes.com Ranting and Roaring] (David Janes)
* [http://ChunkySoup.net/ ChunkySoup.net] has redesigned using hAtom 0.1 and hCards on the entire site — by [[User:ChrisCasciano|Chris Casciano]]
* [http://sedna.spip.org/sedna/ Sedna RSS] (a feed aggregator based on SPIP, by Fil, IZO and others; GPLd sources are available at [http://zone.spip.org/trac/spip-zone/browser/_squelettes_/sedna SPIP-Zone])
* [http://quotedprintable.com/pages/scribbish Scribbish] is a Typo theme which uses hAtom.
* [http://rbach.priv.at/hAtom2Atom/Changelog/ hAtom2Atom.xsl's Changelog] is published as hAtom and Atom.
* [http://federali.st/ federali.st]'s webbed Federalist Papers are each marked up in hAtom.
* [http://www.plaintxt.org/themes/sandbox/ Sandbox] is a theme for [[wordpress|WordPress]] that uses hAtom. By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
** The theme is also available to accounts on the [http://wordpress.com/ <username>.wordpress.com] hosting service. The [http://blog.coworking.info Coworking] and [http://barcamp.wordpress.com BarCamp] blogs are examples of custom Sandbox themes.
** Over 40 designs available for the Sandbox at the [http://www.sndbx.org/ Sandbox Designs Competition], which also uses hAtom
* [http://www.whump.com/dropbox/Strangelove.zip Strangelove] is a modification of the default WordPress theme (Kubrick) with hAtom support.
** It points to the hAtom2Atom proxy service as the link for syndication feeds.
* All [http://www.plaintxt.org/themes/ plaintxt.org themes] for [[wordpress|WordPress]] now use hAtom. The themes are also coded for hCard compliance. The themes, by name, are:
** [http://www.plaintxt.org/themes/barthelme/ Barthelme] (two-column, fluid), [http://www.plaintxt.org/themes/blogtxt/ blog.txt] (two- or three-column, elastic), [http://www.plaintxt.org/themes/plaintxtblog/ plaintxtBlog] (three-column, fluid), [http://www.plaintxt.org/themes/simplr/ Simplr] (one column, elastic), [http://www.plaintxt.org/themes/veryplaintxt/ veryplaintxt] (two column, fluid)
** By [[implementors#Scott_Allan_Wallick|Scott Allan Wallick]].
* [http://www.pats.ua.ac.be/courses PATS Courses], the PATS Research Group uses hAtom to mark up the latest course documents for some of their courses
* [http://mix.excite.co.uk Excite MIX], the Ajax Start Page from Excite Europe, uses hAtom 0.1 and hCard in the Feed Viewer to mark up feed entries and authors.
* [http://last.fm Last.FM], a social music sharing platform, uses hAtom markup for [http://blog.last.fm/2007/05/30/rss-your-shoutbox-and-you shoutbox], and recommends using [http://tools.microformatic.com microformatic]'s transcode tool
* [http://vlograzor.com/ Vlog Razor] - Contains multiple hAtom feeds on the same page.
* [http://www.androided.in Androided] uses hAtom on all the pages in the site.



== examples by category ==
<em>This section is a stub.</em>This list is very incomplete - please see the above uncategorized list and add to existing category(ies) or add new categories accordingly!

'''Want hAtom?''' Use examples from the spec to start with, [[validators|validate]] and publish it, or following the [[hatom-authoring|hAtom authoring tips]] to add hAtom markup to your current site. Check out this section for similar examples of types of pages that benefit from hAtom markup.

=== indieweb sites ===
Alphabetical by given name:
* [http://aaronparecki.com/ Aaron Parecki] publishes 2 hAtom feeds on his home page.
* [http://ossguy.com/ Denver Gingerich] publishers 4 hAtom feeds (as denoted by 'hfeed' root class names), including. Feeds supported by the [[hatom-implementation]] "Actionstream Plugin" for [[WordPress]].
** http://ossguy.com/?cat=8 (blog filtered by category + tweets feed on the same page)
* [http://ma.tt/ Matthew Mullenweg] publishes a collection of hentry elements using [[WordPress]] (no explicit hfeed(s)). He also visually publishes a blog feed and tweets feed on the same page.
* [http://tantek.com/ Tantek Çelik] publishes a single hfeed (also [[microformats2]] h-entry support).
* ...

=== popular news media ===
* [http://time.com TIME.com] marks up articles with hAtom including authors with hCard, e.g. <cite>[http://techland.time.com/2012/05/10/like-to-brag-on-facebook-or-twitter-thats-because-self-disclosure-is-like-eating-and-sex-says-study/ Like to Brag on Facebook or Twitter? That’s Because Self-Disclosure Is like Eating and Sex, Says Study]</cite>
* ...

=== status updates ===
* [http://twitter.com/ Twitter] publishes hAtom for status updates and short notes [http://twitter.com/al3x/statuses/53982402 since 2007-05-07].
* ...

==Examples with some problems==
Entries may be moved here if there's a problem with the way hAtom is used on the page concerned. If the page is yours, and you want to improve it, see the [[hatom-faq|hAtom FAQ]], or raise any queries on [[hatom-issues|hAtom Issues]] or [[mailing-lists#microformats-discuss|the mailing list]], where people will be happy to help you.

=== Pre 0.1 hAtom examples===
These pages conform to an older draft standard and need to be updated.

* [http://www.myelin.co.nz/post/ Second p0st] (Phil Pearson)

==See Also==
{{hatom-related-pages}}

Microformats Wiki - User contributions [en]

hatom-examples-in-wild