Tests.html

Test Webcomponent Libraries

Implements W3C/Google webcomponents

Works with FireFox, Chrome, Safari. Edge rendering has problems.

hidephotosizer-block

Figure 1. ThreadPool

Hideable-Resizeable photo is created with this code:

  <hidephotosizer-block 
    src="Pictures/ThreadPool.JPG" 
    width="300" 
    class="photoSizerBlock left"
  >
    <span style="font-family:'Comic Sans MS';">
      Figure 1. ThreadPool
    </span>
  </hidephotosizer-block>

photosizer-block

Figure 1. ThreadPool

Resizeable photo is created with this code:

  <photosizer-block 
    src="Pictures/ThreadPool.JPG" 
    width="300" 
    class="photoSizerBlock left"
  >
    <span style="font-family:'Comic Sans MS';">
      Figure 1. ThreadPool
    </span>
  </photosizer-block>

photo-block

Figure 1. ThreadPool

Photo is created with this code:

  <photo-block 
    src="Pictures/ThreadPool.JPG" 
    width="300" 
    class="photoBlock left"
  >
    <span style="font-family:'Comic Sans MS';">
      Figure 1. ThreadPool
    </span>
  </photo-block>

code-block

class X { public: X(); X(const X& x); -- members elided -- };

Fig 1. a caption

Code block is created with this code:

      <code-block class="codeTheme">
class X {
public:
  X();
  X(const X& x);
  -- members elided --
};

<hr style="border-top:1px solid white;" />Fig 1. a caption
      </code-block>

hidephotosizer-block

photosizer-block

photo-block

code-block

References: