The image map is automatically generated by the tool I use. CSS is not. It's simply a matter of optimizing my time, unless there are significant objections to the image map.<div><br></div><div>As an image, the spec map can be copied and reused anywhere as is - html cannot (ok it can be but it isn't as simple-stupid). The image also looks the same in all browsers and under all circumstances. It's something that can be stolen and placed into a powerpoint by anyone wanting to describe the protocol suite.</div>
<div><br></div><div>That being said, I'm all for an improved version, if you want to create an alternative finished product?</div><div><br></div><div><br><div><div class="gmail_quote">On Wed, Sep 7, 2011 at 10:36 AM, Justin Richer <span dir="ltr"><<a href="mailto:jricher@mitre.org">jricher@mitre.org</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">Why don't we skip the image map entirely and use something more HTML/CSS<br>
based? That will flow better on more browsers, and it's just a more<br>
modern approach to the problem. Attached is my 5-minute hack of it to<br>
show it's at least feasible, and a CSS wizard should have no problem<br>
making it look good. (And this version doesn't have links attached to<br>
the divs, which are also trivial to add.)<br>
<font color="#888888"><br>
-- Justin<br>
</font><div><div></div><div class="h5"><br>
On Wed, 2011-09-07 at 01:17 -0400, Pam Dingle wrote:<br>
> I have added the diagram to <a href="http://openid.net/connect" target="_blank">openid.net/connect</a>, with the<br>
> minimal/dynamic/complete change and the shrunken SWD box. If we<br>
> want to revise/delete, we can do so in a flash...<br>
><br>
> I've also included the updated image map in this email.<br>
><br>
><br>
> Thanks,<br>
><br>
><br>
> Pamela<br>
><br>
><br>
><br>
> On Tue, Sep 6, 2011 at 10:01 PM, Mike Jones<br>
> <<a href="mailto:Michael.Jones@microsoft.com">Michael.Jones@microsoft.com</a>> wrote:<br>
> Better. Tony?<br>
><br>
><br>
><br>
> From: Pam Dingle [mailto:<a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a>]<br>
> Sent: Tuesday, September 06, 2011 10:01 PM<br>
> To: Mike Jones<br>
> Cc: Anthony Nadalin; <a href="mailto:openid-specs-ab@lists.openid.net">openid-specs-ab@lists.openid.net</a><br>
><br>
><br>
><br>
> Subject: Re: [Openid-specs-ab] Updated OpenIDConnect Diagram<br>
><br>
><br>
><br>
> What about Minimal, Dynamic, and Complete?<br>
><br>
><br>
><br>
><br>
> No good reason for the SWD box to be bigger (that I<br>
> remember). I will shrink to match the J* specs.<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> On Tue, Sep 6, 2011 at 9:57 PM, Mike Jones<br>
> <<a href="mailto:Michael.Jones@microsoft.com">Michael.Jones@microsoft.com</a>> wrote:<br>
><br>
> The alternative labels considered for those two boxes were<br>
> “Minimal” (the same as before) and “Minimal Open” – the<br>
> implication being that you have to support discovery and<br>
> registration for open interactions. Ironically, those labels<br>
> were rejected because some of the call participants thought<br>
> that “Minimal Open” wouldn’t be understood without an<br>
> explanation.<br>
><br>
><br>
><br>
> --<br>
> Mike<br>
><br>
><br>
><br>
> From: Anthony Nadalin<br>
> Sent: Tuesday, September 06, 2011 9:53 PM<br>
> To: Mike Jones; Pam Dingle; <a href="mailto:openid-specs-ab@lists.openid.net">openid-specs-ab@lists.openid.net</a><br>
><br>
><br>
> Subject: RE: [Openid-specs-ab] Updated OpenIDConnect Diagram<br>
><br>
><br>
><br>
><br>
> If you have to explain it then the diagram is not needed since<br>
> nobody will understand it w/o reading text.<br>
><br>
><br>
><br>
> From: Mike Jones<br>
> Sent: Tuesday, September 06, 2011 9:48 PM<br>
> To: Anthony Nadalin; Pam Dingle;<br>
> <a href="mailto:openid-specs-ab@lists.openid.net">openid-specs-ab@lists.openid.net</a><br>
> Subject: RE: [Openid-specs-ab] Updated OpenIDConnect Diagram<br>
><br>
><br>
><br>
><br>
> We decided to use those terms on the spec call today. Static<br>
> only works for static configurations. Dynamic extends that<br>
> with discovery and registration to enable dynamic interactions<br>
> among non-pre-registered parties. We plan to explain that in<br>
> the text of the post.<br>
><br>
><br>
><br>
> --<br>
> Mike<br>
><br>
><br>
><br>
> From: Anthony Nadalin<br>
> Sent: Tuesday, September 06, 2011 9:45 PM<br>
> To: Pam Dingle; Mike Jones; <a href="mailto:openid-specs-ab@lists.openid.net">openid-specs-ab@lists.openid.net</a><br>
> Subject: RE: [Openid-specs-ab] Updated OpenIDConnect Diagram<br>
><br>
><br>
><br>
><br>
> I don’t understand why the bottom set of boxes are different<br>
> in size (underpinnings). I also don’t believe that the<br>
> “minimal static” is static, these terms really don’t fit<br>
><br>
><br>
><br>
> <a href="mailto:From%3Aopenid-specs-ab-bounces@lists.openid.net">From:openid-specs-ab-bounces@lists.openid.net</a><br>
> [mailto:<a href="mailto:openid-specs-ab-bounces@lists.openid.net">openid-specs-ab-bounces@lists.openid.net</a>] On Behalf Of<br>
> Pam Dingle<br>
> Sent: Tuesday, September 06, 2011 9:32 PM<br>
> To: Mike Jones; <a href="mailto:openid-specs-ab@lists.openid.net">openid-specs-ab@lists.openid.net</a><br>
> Subject: Re: [Openid-specs-ab] Updated OpenIDConnect Diagram<br>
><br>
><br>
><br>
> Here is the fixed version - does anyone object to my adding<br>
> the image map onto <a href="http://openid.net/connect" target="_blank">http://openid.net/connect</a> now too?<br>
><br>
> On Tue, Sep 6, 2011 at 9:25 PM, Pam Dingle<br>
> <<a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a>> wrote:<br>
><br>
> If that's the case, <a href="http://openid.net/connect" target="_blank">openid.net/connect</a> needs to change too, I<br>
> took the link from there.<br>
><br>
><br>
><br>
><br>
> I'll change both right now.<br>
><br>
><br>
><br>
> On Tue, Sep 6, 2011 at 8:57 PM, Mike Jones<br>
> <<a href="mailto:Michael.Jones@microsoft.com">Michael.Jones@microsoft.com</a>> wrote:<br>
><br>
> Hi Pam,<br>
><br>
><br>
><br>
> The link for basic currently is<br>
> <a href="http://openid.net/specs/openid-connect-lite-1_0.html" target="_blank">http://openid.net/specs/openid-connect-lite-1_0.html</a>. This<br>
> needs to be changed to<br>
> <a href="http://openid.net/specs/openid-connect-basic-1_0.html" target="_blank">http://openid.net/specs/openid-connect-basic-1_0.html</a>. Can<br>
> you please make this change and resend both the output files<br>
> and the source?<br>
><br>
><br>
><br>
><br>
> Thanks again,<br>
><br>
> --<br>
> Mike<br>
><br>
><br>
><br>
> <a href="mailto:From%3Aopenid-specs-ab-bounces@lists.openid.net">From:openid-specs-ab-bounces@lists.openid.net</a><br>
> [mailto:<a href="mailto:openid-specs-ab-bounces@lists.openid.net">openid-specs-ab-bounces@lists.openid.net</a>] On Behalf Of<br>
> Pam Dingle<br>
> Sent: Tuesday, September 06, 2011 3:57 PM<br>
> To: <a href="mailto:openid-specs-ab@lists.openid.net">openid-specs-ab@lists.openid.net</a><br>
> Subject: Re: [Openid-specs-ab] Updated OpenIDConnect Diagram<br>
><br>
><br>
><br>
><br>
> Here is the updated map, based on discussion from today's<br>
> call...<br>
><br>
> On Tue, Sep 6, 2011 at 2:18 PM, Pam Dingle<br>
> <<a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a>> wrote:<br>
><br>
> Hi all,<br>
><br>
><br>
><br>
><br>
> Here is the updated OpenID Connect diagram - it still shows<br>
> classifications of "minimal", "typical", and "complete", but<br>
> now has Lite as the only component of Minimal, and both<br>
> Standard/Messages both as components of "complete".<br>
><br>
><br>
><br>
><br>
><br>
> If you're really brave you can test that the links in the html<br>
> map work - I hope to post this after the meeting today,<br>
> assuming we reach consensus on or before the call.<br>
><br>
><br>
><br>
><br>
><br>
> Thanks,<br>
><br>
><br>
><br>
><br>
><br>
> Pamela<br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Pamela Dingle | Sr. Technical Architect<br>
> PingIdentity | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
> O: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a> M: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a><br>
> Email: <a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
><br>
> Connect with Ping<br>
> Twitter: @pingidentity<br>
> LinkedIn Group: Ping's Identity<br>
> Cloud<br>
> Facebook.com/pingidentitypage<br>
><br>
><br>
> Connect with me<br>
> Twitter: @pamelarosiedee<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Pamela Dingle | Sr. Technical Architect<br>
> PingIdentity | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
> O: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a> M: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a><br>
> Email: <a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
><br>
> Connect with Ping<br>
> Twitter: @pingidentity<br>
> LinkedIn Group: Ping's Identity<br>
> Cloud<br>
> Facebook.com/pingidentitypage<br>
><br>
><br>
> Connect with me<br>
> Twitter: @pamelarosiedee<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Pamela Dingle | Sr. Technical Architect<br>
> PingIdentity | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
> O: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a> M: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a><br>
> Email: <a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
><br>
> Connect with Ping<br>
> Twitter: @pingidentity<br>
> LinkedIn Group: Ping's Identity<br>
> Cloud<br>
> Facebook.com/pingidentitypage<br>
><br>
><br>
> Connect with me<br>
> Twitter: @pamelarosiedee<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Pamela Dingle | Sr. Technical Architect<br>
> PingIdentity | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
> O: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a> M: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a><br>
> Email: <a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
><br>
> Connect with Ping<br>
> Twitter: @pingidentity<br>
> LinkedIn Group: Ping's Identity<br>
> Cloud<br>
> Facebook.com/pingidentitypage<br>
><br>
><br>
> Connect with me<br>
> Twitter: @pamelarosiedee<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Pamela Dingle | Sr. Technical Architect<br>
> PingIdentity | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
> O: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a> M: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a><br>
> Email: <a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - - - - - -<br>
><br>
> Connect with Ping<br>
> Twitter: @pingidentity<br>
> LinkedIn Group: Ping's Identity<br>
> Cloud<br>
> Facebook.com/pingidentitypage<br>
><br>
><br>
> Connect with me<br>
> Twitter: @pamelarosiedee<br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Pamela Dingle | Sr. Technical Architect<br>
> PingIdentity | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - -<br>
> O: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a> M: <a href="tel:303-999-5890" value="+13039995890">303-999-5890</a><br>
> Email: <a href="mailto:pdingle@pingidentity.com">pdingle@pingidentity.com</a><br>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
> - - - - -<br>
> Connect with Ping<br>
> Twitter: @pingidentity<br>
> LinkedIn Group: Ping's Identity<br>
> Cloud<br>
> Facebook.com/pingidentitypage<br>
> Connect with me<br>
> Twitter: @pamelarosiedee<br>
><br>
><br>
><br>
<br>
</div></div></blockquote></div><br><br clear="all"><div><br></div>-- <br><span style="font-family:'Lucida Grande', Tahoma, Arial, Verdana, sans-serif;font-size:10px;color:rgb(42, 42, 42)"><font color="#343634" face="Tahoma" style="color:rgb(52, 54, 52);font-size:12px"><strong><span>Pamela Dingle</span></strong> | <span>Sr. Technical Architect</span></font><br>
<font face="Arial" style="font-size:11px"><font color="#343634" face="Tahoma"><strong>Ping</strong></font><font color="#E71939" face="Tahoma"><strong>Identity</strong></font> | <a href="http://www.pingidentity.com" target="_blank">www.pingidentity.com</a><br>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br><font color="#005568"><strong>O:</strong></font> <font color="#343634"><span>303-999-5890</span></font> <font color="#005568"><strong>M:</strong></font> <font color="#343634"><span>303-999-5890</span></font><br>
<font color="#005568"><strong>Email:</strong></font> <span><a href="mailto:pdingle@pingidentity.com" target="_blank">pdingle@pingidentity.com</a></span><br>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -<br>
<table cellpadding="0" cellspacing="0"><tbody><tr valign="top"><td nowrap><div style="float:left"><font face="Arial" style="font-size:11px"><font color="#005568"><strong>Connect with Ping</strong></font><br><font color="#000000">Twitter: @pingidentity</font><br>
<font color="#000000">LinkedIn Group: Ping's Identity Cloud</font> <br><font color="#000000">Facebook.com/pingidentitypage</font></font></div></td><td nowrap><div style="margin-left:20px"><font face="Arial" style="font-size:11px"><font color="#005568"><strong><span>Connect with me</span></strong></font><br>
<font color="#000000"><span>Twitter: @pamelarosiedee</span></font><br><font color="#000000"><span></span></font></font></div></td></tr></tbody></table></font></span><br>
</div></div>