en:hardware:perifericos:light_pen []

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
~~NOTOC~~

<html>
<style>
  /* --- RETRO CRT VISUAL ENGINE --- */
  .pcw-monitor-ultra { background-color: #000b00; border: 12px solid #2a2a2a; border-radius: 15px; padding: 25px; margin: 25px 0; font-family: 'Courier New', Courier, monospace; position: relative; overflow: hidden; box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7); z-index: 1; }
  .pcw-monitor-ultra::after { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03)); background-size: 100% 3px, 2px 100%; z-index: 2; pointer-events: none; animation: flickering 0.15s infinite; }
  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
  .retro-text-green { color: #00ff00 !important; font-family: 'Courier New', Courier, monospace; text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8); text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; }
  .pcw-title-ultra { font-size: 1.6em; font-weight: bold; margin-bottom: 25px; display: block; }
  .pcw-title-ultra::after { content: "_"; animation: cursor-blink 1s infinite; }
  @keyframes cursor-blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
  .content-body { position: relative; z-index: 3; color: #00ff00; line-height: 1.6; text-align: justify; }
  .content-body b, .content-body strong { color: #00ff00; font-weight: bold; }
  .pcw-subtitle-box { background-color: #00ff00; color: #000b00 !important; padding: 5px 12px; font-weight: bold; display: inline-block; margin: 20px 0 15px 0; text-transform: uppercase; position: relative; z-index: 3; font-family: 'Courier New', Courier, monospace; }
  
  /* --- RETRO DATA & DOWNLOAD TABLES --- */
  .tech-spec-box-full { border: 1px solid #004400; background: rgba(0, 15, 0, 0.6); padding: 15px; width: 100%; max-width: 900px; box-sizing: border-box; margin: 15px 0; z-index: 3; position: relative; }
  .tech-table { width: 100%; border-collapse: collapse; font-size: 0.85em; }
  .tech-table th { text-align: left; padding: 8px; color: #00aa00; border-bottom: 1px solid #003300; text-transform: uppercase; width: 20%; }
  .tech-table td { padding: 8px; color: #00ff00; border-bottom: 1px solid #003300; }
  .tech-table td a { color: #00ff00 !important; font-weight: bold; text-decoration: underline !important; }
  
  /* --- CARDS & GRID HOLDERS --- */
  .drive-grid-container { display: flex; flex-direction: column; gap: 20px; margin: 25px 0; position: relative; z-index: 3; align-items: center; justify-content: center; width: 100%; }
  .drive-card { border: 1px solid #004400; background: rgba(0, 15, 0, 0.6); padding: 20px; display: flex; flex-direction: column; gap: 15px; transition: 0.2s; align-items: center; width: 100%; max-width: 900px; box-sizing: border-box; }
  .drive-card:hover { border-color: #00ff00; background: rgba(0, 30, 0, 0.8); }
  .drive-gallery { display: flex; gap: 15px; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; }
  
  /* --- HORIZONTALLY ALIGNED PACKAGING SCHEMES --- */
  .gallery-three-inline { display: flex; gap: 12px; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; }
  .gallery-three-inline .img-frame { flex: 1; min-width: 0; }
  .gallery-three-inline .img-frame img { max-width: 100%; height: auto; max-height: 180px; }

  .gallery-two-inline { display: flex; gap: 15px; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: 100%; }
  .gallery-two-inline .img-frame { flex: 1; max-width: 250px; }

  /* --- GENERAL RETRO PICTURE FRAMES --- */
  .img-frame { border: 2px solid #00ff00; padding: 6px; background: #000; text-align: center; display: inline-flex; flex-direction: column; align-items: center; box-sizing: border-box; transition: 0.3s ease; }
  .img-frame:hover { transform: scale(1.05); border-color: #00ff00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.4); }
  .img-frame img { max-width: 220px; width: 100%; height: auto; max-height: 180px; object-fit: contain; cursor: pointer; background-color: #000; }
  .img-label { font-size: 0.72em; color: #00aa00; margin-top: 8px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
  
  /* --- LIGHTBOX SCROLL (STRICT NATIVE REAL SIZE) --- */
  .modal-pcw { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 10, 0, 0.95); overflow: auto; }
  .modal-pcw:target { display: block; text-align: center; }
  .close-overlay { display: inline-block; min-width: 100%; min-height: 100%; padding: 40px; box-sizing: border-box; text-decoration: none !important; cursor: zoom-out; vertical-align: middle; }
  .modal-content { border: 4px solid #00ff00; box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); margin: 5vh auto; display: inline-block; max-width: none !important; max-height: none !important; height: auto !important; }
</style>

<!-- INTERACTIVE MODAL LIGHTBOX LAYERS -->
<div id="lp1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Lightpen_foto_1.jpg"></a></div>
<div id="lp2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Lightpen_foto_2.jpg"></a></div>
<div id="pf" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_front.jpg"></a></div>
<div id="pb" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_back.jpg"></a></div>
<div id="pi" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_intro.jpg"></a></div>
<div id="lp3" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_2.jpg"></a></div>
<div id="lp4" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_1.jpg"></a></div>
<div id="lp5" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_3a.jpg"></a></div>
<div id="d1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_disc_1.jpg"></a></div>
<div id="d2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_disc_2.jpg"></a></div>
<div id="ex1" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_4.jpg"></a></div>
<div id="ex2" class="modal-pcw"><a href="#close" class="close-overlay"><img class="modal-content" src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_3.jpg"></a></div>

<div class="pcw-monitor-ultra">
  <div class="pcw-title-ultra retro-text-green"> A> LIGHT PEN </div>

  <!-- HEAD PICTURE FIELD ROUTINES -->
  <div class="drive-grid-container" style="margin-top: -10px; margin-bottom: 20px;">
    <div class="drive-card">
      <div class="gallery-two-inline">
        <div class="img-frame"><a href="#lp1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Lightpen_foto_1.jpg"></a><span class="img-label">Light Pen Unit</span></div>
        <div class="img-frame"><a href="#lp2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Lightpen_foto_2.jpg"></a><span class="img-label">Interface Module</span></div>
      </div>
    </div>
  </div>

  <div class="content-body">
    <p>The Light Pen by </html>[[en:companias:The Electric Studio|The Electric Studio]]<html> is an input expansion card that furnishes the </html>[[en:pcw|PCW]]<html> ecosystem with optical light pen tracking, routed via its rear-mounted expansion bus interface, enabling vector drawing operations inside tailored software platforms.</p>
  </div>

  <div class="pcw-subtitle-box">Original Packaging</div>
  
  <div class="drive-grid-container">
    <div class="drive-card">
      <div class="gallery-three-inline">
        <div class="img-frame"><a href="#pf"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_front.jpg"></a><span class="img-label">Box Front</span></div>
        <div class="img-frame"><a href="#pb"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_back.jpg"></a><span class="img-label">Box Rear</span></div>
        <div class="img-frame"><a href="#pi"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_intro.jpg"></a><span class="img-label">Inner Packaging Inserts</span></div>
      </div>
    </div>
  </div>

  <div class="content-body">
    <p>Even though </html>[[en:companias:amstrad|Amstrad's]]<html> baseline corporate approach intended to stamp the </html>[[en:pcw|PCW]]<html> line with the identity of a dedicated electronic typewriter, the truth remains that the PCW 8256/8512/9512 models were solid microcomputers and, as such, fully capable of processing tasks native to competing machines. Proving this layout capability, British developer "The Electric Studio" engineered this optoelectronic light pen tool to allow design drawing loops straight onto the monochrome screen of the PCW.</p> 

    <p>The light pen kit included an interface board that plugged directly into the back expansion bus track of the workstation, tethered by an output cord linking straight to the pointing pen housing. Operating the module also relied on a companion floppy disk hosting specialized drawing software. This utility allowed drawing vector trajectories and painting layouts through pre-mapped hatch patterns and basic geometric shapes. Naturally, designers could save their workspace records directly to floppy disk files or dispatch their matrix vectors onto a linked paper printer.</p>
  </div>

  <div class="pcw-subtitle-box">Hardware Architecture Gallery</div>

  <div class="drive-grid-container">
    <div class="drive-card">
      <div class="gallery-three-inline">
        <div class="img-frame"><a href="#lp3"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_2.jpg"></a><span class="img-label">Complete Hardware Kit</span></div>
        <div class="img-frame"><a href="#lp4"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_1.jpg"></a><span class="img-label">Interface PCB Layout</span></div>
        <div class="img-frame"><a href="#lp5"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_3a.jpg"></a><span class="img-label">Connector Close-up</span></div>
      </div>
    </div>
  </div>

  <div class="pcw-subtitle-box">Comprehensive Breakdown</div>
  
  <div class="content-body">
    <p>Ofites Informática introduced another component entry aimed at boosting the graphic threshold of the microcomputer: the Electric Studio Light Pen, paired with a specialized illustration software build compiled by Supergrafix Ltd.</p>

    <p>The kit hardware contains an optoelectronic light pen and a compact interface module mating straight into the expansion port. Regarding the pointer barrel itself, it incorporates a protective lens cap to block debris from obstructing the integrated photosensor layout. Looking closely at the interface module, board mounting executes seamlessly, though its structural casing profile causes it to fit slightly crooked when pushed home. It sports a duplicate expansion pass-through slot on its rear surface, yet the master instruction sheet advises operators to leave this port unpopulated. The tracking cable provides ample length, ensuring comfortable operations across the workspace area.</p> 

    <p>To begin with, given the intuitive structural format of the companion graphic software, referencing the manual is virtually redundant. Even so, reading it thoroughly prior to mating the hardware component remains highly recommended.</p>
     
    <p>As you do, you will encounter one of the single most hilarious phenomena across the computing industry: local translation errors. This slim instruction manual booklet was localized by ALPHA Translation. Aside from the syntax typos considered standard in such instances, readers encounter archaic terms like "light-ink holder" when referencing the pen unit, or "polarizing wrench" when describing the keyway notch molded onto connectors to prevent reversed data alignment; or simply "keys" when referencing terminal switches. To top it off, the paragraphs freely jumble grammatical verb tenses without a care in the world.</p> 

    <p>All in all, this localized print booklet looks pretty awful, yet it provides enough data to map the basic operational variables of the hardware. Still, Ofites should have taken care of auditing these translation pages; in their current condition, they only lack comic speech bubbles to pass as a cartoon strip. It is a genuine shame that the software environment was localized utilizing these exact same terms—making the original unpatched English software build highly preferable.</p> 

    <p>This review article effectively replaces the original documentation; let's break down the primary features of the graphic software step by step.</p> 

    <p><strong>Rule Number One of computer hardware expansions:</strong> connect them strictly while the microcomputer is turned off. Once rule number one has been followed, simply boot your master CP/M layer, insert the companion utility floppy disk, and type <code>art</code> at the prompt. The software architecture loads entirely into internal memory, meaning you can safely swap out the utility volume and insert a dedicated storage disk to save your illustration records.</p> 

    <p><strong>Fatal Constraint Number One of optoelectronic light pens:</strong> the terminal display runs incredibly bright, making operations painful without anti-glare filtering glasses. Once constraint number one is discovered—which on the PCW manifests as a bright, full-screen green canvas layer—we can begin interacting with the menu index. This parameters block sits on the left section of the display, yet it never obstructs your workspace canvas since it vanishes automatically while active drawing strokes are being traced.</p> 

    <p>Navigating the diverse options of the configuration menu requires hovering over them with the light pen barrel and tapping the Spacebar switch. Upon confirmation, the terminal speaker triggers the characteristically annoying PCW system beep. To silence this hardware feedback loop, simply tap the "s" key. Activating an option steps into a child sub-menu block. This can branch into a deeper nested sub-menu layer, and so on. To step back one level, tap the <kbd>CAN</kbd> key. Alternatively, if you need to escape straight to the master menu hierarchy, hit <kbd>STOP</kbd>. This architecture provides an exceptionally fluid way to cruise through the utility.</p> 

    <p>The first item listed on the menu tracker is Help. "Help" renders a live overlay detailing all terminal key combinations that have a functional purpose inside the suite, indicating exactly when they can be invoked (there are only fifteen variables in total, easily mastered through a small amount of practice).</p> 

    <p>The second menu directory governs disk input/output functions: saving and loading screen bitmaps, along with rendering file directory tracking index trees across any target storage volume (A, B, or M). The archaic translated documentation refers to this file tree directory index as a "guidebook". Graphic outputs are written using fixed-length encoding; this implies that regardless of how dense or intricate your illustration vector is, its byte footprint on the disk remains exactly identical. This choice severely caps disk storage capacity efficiency; a variable dictionary-dependent compression layout, matching the architecture used by DR DRAW, would have been a superior design selection.</p> 

    <p>The print layout menu is surprisingly comprehensive for an illustration package of this tier, hosting full options for vertical, downscaled, or standard scale output streams (which are mutually exclusive variables). However, such engineering perfection could not remain unblemished: benchmarks show that when printing at standard 1:1 scale, the raster output stretches vertically along the layout axis. Inside the other two scaling modes, this tracking aberration drops to almost imperceptible margins.</p> 

    <p>Following this block, we find the core design tools dedicated to plotting lines, generating freehand strokes, and rendering geometric vector forms.</p> 

    <p>"Lines" drops down a sub-menu index hosting "simple lines", "dashed lines", and "radial rays". simple lines are plotted by holding the <kbd>ALT</kbd> key while tracking the pen to lock its structural origin point, then releasing <kbd>ALT</kbd> to fix the target end coordinate. The term "dashed lines" does not actually mean a dotted linear array (another quirk of the manual translation team)—it represents chained polyline vectors, meaning the end coordinate of your last stroke automatically serves as the baseline origin for the next vector point, and so on. Lastly, radial rays are a series of linear vectors radiating outward from a single shared origin coordinate.</p> 

    <p>The "Draw" utility opens a nested block containing "ink barrel", brush, "spray box", individual pixel dots, and a full screen canvas clear routine. The localized environment uses "ink barrel" to define freehand drawing tracks. To paint along a vector pathway, the operator holds down the Spacebar while gliding the pen cap across the screen surface. This allows testing the core resolution tracking precision of this optical peripheral: it performs flawlessly until tracking approaches the far-right sector of the screen array. At that threshold, coordinate calculations degrade significantly—the on-screen crosshair cursor jitters wildly, rendering it virtually impossible to lock down or target a specific pixel coordinate. This tracking blind spot covers a vertical band spanning roughly one-sixth of the total display width.</p>

    <p>The next parameter tier inside the master configuration tree is the Fill command. Selecting this tool opens a palette index hosting an impressive collection of fifty-four separate hatch texture options, alongside a solid flood fill variable. Tapping the Spacebar floods the bounded workspace area targeted by the pen barrel. Operators can abort this rendering loop midway through the memory fill phase.</p>

    <p>Grouped under the "Shapes" index is a nested block allowing users to plot conventional triangles, three-dimensional prisms, regular rectangles, solid filled blocks, and 3D cuboids.</p>

    <p>The remaining options inside the "Shapes" parameter tree manage polygon plotting, allowing configurations from three up to nine sides (note that these vectors warp significantly if stretched across large pixel limits), alongside circles and custom ellipses. These can be adjusted to any inclination and scale using an exceptionally simple vector-shaping loop: holding the <kbd>ALT</kbd> key while tracking the pen updates the primary diameter; tapping <kbd>EXTRA</kbd> stretches the ellipse eccentricity ratio and adjusts the angular vector inclination, while hitting the Spacebar locks the finalized geometric shape onto the canvas.</p> 

    <p>The system's native ability to generate typographic text string arrays is particularly spectacular. Activating "Text" opens a layout configuration box allowing users to select between "standard text", "upward text", "backward text", and "downward text" (which translates to rotating the type layout by 0, 270, 180, and 90 degrees respectively). Moreover, artists gain immediate access to nine distinct typographical scaling heights! Size one matches the baseline system type of the PCW terminal; size nine scales up to a screen height of almost five centimeters. Absolutely brilliant engineering.</p> 

    <p>Under the core workspace utility toolsets, we have grouped the following subsystem nodes: "utilities", "ink color", and "ink mode".</p>
      
    <p>The utilities sub-menu allows designers to grab, translate, and duplicate rectangular marquee canvas selections (at identical scales) or execute "focusing"—more commonly known across modern design environments as a pixel zoom macro. This zoom routine magnifies the canvas layer (at a single fixed ratio), allowing users to manipulate individual pixel arrays with crystal-clear precision.</p>

    <p>"Ink color" handles, as one would expect under the native PCW display hardware constraints, a very lean set of variables: standard green illumination and what the system environment translates as "rollback"—which simply means black, rendered in the classic broken style of ALPHA Translation.</p>
     
    <p>Lastly, "ink mode" governs logical pixel blending routines, hosting the following Boolean operators: Normal, XOR, AND, and OR. This implementation enables, among other production tricks, easy error-correction steps by selectively masking out canvas artifacts. This outcome cannot be achieved using the conventional <kbd>EXTRA</kbd>+<kbd>DEL</kbd> command combo, which solely purges the very last plotted vector from the memory stack (by the way, the localized manual incorrectly instructs users to press <kbd>ALT</kbd> instead of <kbd>EXTRA</kbd> for this macro).</p> 

    <p>And here ends our cruise through a software architecture that stands as incredibly sophisticated in certain areas while remaining remarkably bare-bones in others; we noted a definitive absence of production-tier layout facilities such as unrestricted free rotation of geometry, custom symbol definition libraries, graduated multi-ratio zoom steps, or automated canvas centering tools. Prior to sourcing this hardware kit, operators should audit whether its production thresholds match their drafting requirements.</p> 

    <p>The application floppy disk bundles an integrated hardware system device driver that can be referenced inside your master <code>ASSIGN.SYS</code> configuration. This driver file is labeled <code>DDESP.PRL</code> and strictly requires the background presence of the display card controller driver <code>DDSCREEN.PRL</code> inside the same directory to execute successfully. When patched into any production suite utilizing the native GSX graphic subsystem layer, it allows users to manage graphic input crosshairs directly with the physical light pen barrel. This system driver also introduces a neat accessibility feature, allowing users to invert the entire display global color palette by hitting the "b" key during active graphic input polling. We benchmarked this integration by appending <code>DDESP.PRL</code> into the <code>ASSIGN</code> script powering Dr. DRAW, alongside our active printer target driver. The resulting workspace layout becomes vastly more comfortable to pilot (Dr. DRAW is famously tedious to maneuver without a dedicated light pen expansion). That is not all; developers can tap this light pen integration inside custom development environments like the CBASIC compiler, unlocking the ability to compile standalone, autonomous software binaries that natively parse optoelectronic graphic input streams through this hardware peripheral.</p> 

    <p>This seamless integration with GSX ecosystem layers stands as the single truest strength of this hardware kit; if your daily production cycle relies heavily on vector layout tools like DR DRAW, adding this peripheral to your workstation setup is fully worth it.</p>
  </div>

  <div class="pcw-subtitle-box">Media and Disk Archives</div>

  <div class="drive-grid-container">
    <div class="drive-card">
      <div class="drive-gallery">
        <div class="img-frame"><a href="#d1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_disc_1.jpg"></a><span class="img-label">Floppy Media Side A</span></div>
        <div class="img-frame"><a href="#d2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Light_pen_disc_2.jpg"></a><span class="img-label">Floppy Media Side B</span></div>
      </div>
    </div>
  </div>

  <div class="pcw-subtitle-box">Additional Gallery (Extras)</div>

  <div class="drive-grid-container">
    <div class="drive-card">
      <div class="drive-gallery">
        <div class="img-frame"><a href="#ex1"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_4.jpg"></a><span class="img-label">Interface Module Rear View</span></div>
        <div class="img-frame"><a href="#ex2"><img src="/lib/exe/fetch.php?media=hardware:perifericos:Electric_studio_lightpen_3.jpg"></a><span class="img-label">PCB Trace Detail</span></div>
      </div>
    </div>
  </div>

  <div class="pcw-subtitle-box">System Download Repositories</div>

  <div class="tech-spec-box-full">
    <table class="tech-table">
      <thead>
        <tr><th>Format</th><th>Documentation Archive / DSK Master Image</th></tr>
      </thead>
      <tbody>
        <tr><td>PDF</td><td></html>{{:hardware:descargas:Light_pen_manual.pdf|The Electric Studio Light Pen Manual}}<html></td></tr>
        <tr><td>DSK</td><td></html>{{:hardware:descargas:the_electric_studio_newsdesk_a.zip|The Electric Studio Light Pen Floppy Disk A}}<html></td></tr>
        <tr><td>DSK</td><td></html>{{:hardware:descargas:the_electric_studio_newsdesk_b.zip|The Electric Studio Light Pen Floppy Disk B}}<html></td></tr>
      </tbody>
    </table>
  </div>

</div>
</html>