obus/docs/catalog.html
2020-08-10 20:57:31 +02:00

661 lines
24 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OBUS Catalog</title>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
/>
<link
rel="stylesheet"
href="https://meyerweb.com/eric/tools/css/reset/reset.css"
/>
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<div class="back-to-top" onclick="window.scrollTo(0,0);">
<div class="button">
<i class="fas fa-arrow-up"></i>
</div>
</div>
<header>
<div class="hrd-left">
<div class="hdr-img-container">
<img src="assets/img/logo.svg" alt="Zeus logo" />
</div>
</div>
<div class="hdr-center">
<p class="hdr-title">O.B.U.S. Catalog</p>
</div>
<div class="hdr-right">
<p class="hdr-p">August 2020</p>
</div>
</header>
<main>
<h1>OBUS catalog</h1>
<div class="img-container">
<img src="assets/img/shell.jpeg" alt="" />
</div>
<article>
<h2>Introduction</h2>
<p class="intro-subtitle">
Consisting of input-, output- and controller modules, the OBUS family
has you covered!
</p>
<section>
<p>
Although designed for bomb defusal devices, OBUS modules can be used
throughout all branches of industry. Consisting of input-, output-
and controller modules, the OBUS family has you covered!
</p>
<p>
Designed from a bombmaker's perspective; when incorporated into a
bomb, they can be infuriating and stressful to defuse. But when you
know how the modules are connnected, they are easily defused.
Creating a safer experience for every bombmaker! While still
ensuring that your bomb is not defused in unwated cases, and works
as expected, hitting the intended targets.
</p>
<p>
If you are especially sadistic, modules are available designed to
create stress and panick in the defuser when operated incorrectly.
</p>
<p>
A variety of methods is used to accomplish this; loud noises,
flashing lights and smaller explosions. Because a stressed and
distracted defuser is a bad defuser; ensuring that your bomb will
reach the intended target, or create as much panic as possible.
</p>
</section>
</article>
<article>
<h2>overview</h2>
<section>
<h3>controllers</h3>
<p>
A good and reliable controller is the core of any system, a bomb is
no different.
</p>
<p>
The obus control modules are designed to easily control every aspect
of your bomb. A proprietary protocol [link to protocol document]
ensures that the bomb cannot be defused by simply dissabling the
controller.
</p>
<p>
Featuring universal plug-and-play compatibility with all of our
other modules, controllers can easily be swapped out, for more
cabable units when needed or when they become available.
</p>
<p>
Controllers are available with a web interface, allowing you to
monitor and control your bomb from far away. Creating more
enjoyment, and giving the opportunity for "random" events.
</p>
<a href="#controllers">See all controllers</a>
</section>
<section>
<h3>input modules</h3>
<p>
Anything becomes more interesting when you can interact with it. The
input modules are perfect for this! Buttons, switches, joysticks and
more, everything you can imagine.
</p>
<p>
These modules can be considered the core of the bomb system, as
these allow defusing the bomb. But you don't want anyone else to be
able to defuse the bomb except yourself.
</p>
<p>
Modules come both in an active version and a dummy version. This way
you can make your bomb even more confusing!
</p>
<p>
The dummy version are cheaper versions of the active ones, allowing
you to add extra dummy-modules at almost no extra cost.
</p>
<a href="#input-modules">See all input modules</a>
</section>
<section>
<h3>output modules</h3>
<p>
Want your bomb to give some feedback to the person that is defusing
it? Then these modules are ideal!
</p>
<p>
They can easily be configured via the controller to show information
about the bomb and the state of defusing. They can just as easily be
configured to show false, contradictory or even non-sense
information.
</p>
<a href="#output-modules">See all output modules</a>
</section>
<section>
<h3>panic modules</h3>
<p>
Do you think that bomb defusing is too easy and not stressful
enough?<br />
Why not add some panic modules?
</p>
<p>
Designed to have no link with the bomb defusing, they are still able
to trigger the bomb.<br />These modules activate at random times and
require immediate action to prevent triggering the bomb, breaking
the focus of the person defusing the bomb.
</p>
<p>
They achieve this in different ways, some modules flash a small
light and require you to push a button, while others sound an alarm
or siren and the defuser must solve a puzzle of sorts the dissable
the alarm.
</p>
<a href="#panic-modules">See all panic modules</a>
</section>
</article>
<article>
<div class="anchor" id="controllers"></div>
<h2>Controllers</h2>
<section>
<h3>DPAD</h3>
<div class="module-info">
<div class="img-container">
<div class="square-img">
<div class="aspect-img-wrapper">
<img
src="https://dummyimage.com/400x400/777/fff.png&text=Product+image+coming+soon"
alt=""
/>
</div>
</div>
<p class="caption">controller module</p>
</div>
<div class="module-intro">
<h5>Features</h5>
<ul>
<li>Handy web-interface</li>
<li>Configure other modules easily</li>
<li>Control up to 256 modules</li>
</ul>
<h5>Description</h5>
<p>
The central core of every bomb system, this controller module
will drive your bomb to unseen heights (or depths if explosions
craters are more your thing)!
</p>
<h5>Applications</h5>
<ul>
<li>HID</li>
<li>Industrial control</li>
<li>Bomb-defusal devices</li>
</ul>
</div>
</div>
<div class="module-specs">
<h4>electrical specs</h4>
<div class="table-container">
<table>
<tr>
<th rowspan="2" class="bt-bord">Characteristic</th>
<th colspan="2">Limits</th>
<th rowspan="2" class="bt-bord">unit</th>
</tr>
<tr>
<th class="bt-bord">min</th>
<th class="bt-bord">max</th>
</tr>
<tr>
<td>Supply voltage</td>
<td>4.5</td>
<td>5.5</td>
<td>V</td>
</tr>
<tr>
<td>Supply current</td>
<td>50</td>
<td>500</td>
<td>mA</td>
</tr>
</table>
</div>
<h4>Application note</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae nisi expedita sapiente inventore iste? Nulla, illo
totam eaque beatae possimus rem voluptatum quae, mollitia in
facilis dolore, perspiciatis harum fuga?
</p>
</div>
<div class="module-documents">
<h4>documents</h4>
<ul>
<li>
<a href="#datasheet"><i class="fas fa-file"></i>Datasheet</a>
</li>
<li>
<a href="#pinout"
><i class="fas fa-file-alt"></i>pinout diagram</a
>
</li>
<li>
<a href="#mech-drawing"
><i class="fas fa-drafting-compass"></i>Mechanical drawing</a
>
</li>
</ul>
</div>
<div class="order-codes">
<h4>order codes</h4>
<div class="table-container">
<table>
<tr>
<th class="bt-bord">Description</th>
<th class="bt-bord">code</th>
</tr>
<tr>
<td>Base unit</td>
<td>CONTROL1</td>
</tr>
</table>
</div>
</div>
</section>
</article>
<article>
<div class="anchor" id="input-modules"></div>
<h2>input modules</h2>
<section>
<h3>DPAD</h3>
<div class="module-info">
<div class="img-container">
<div class="square-img">
<div class="aspect-img-wrapper">
<img src="assets/img/DPAD_v1.png" alt="" />
</div>
</div>
<p class="caption">DPAD module</p>
</div>
<div class="module-intro">
<h5>Features</h5>
<ul>
<li>4 directional buttons</li>
<li>1 enter button</li>
<li>2 LED's</li>
</ul>
<h5>Description</h5>
<p>
A box with 4 directional buttons and one enter/confirm button.
Two status LED's give an easy overview of the module's state.
</p>
<h5>Applications</h5>
<ul>
<li>HID</li>
<li>Industrial control</li>
<li>Bomb-defusal devices</li>
</ul>
</div>
</div>
<div class="module-specs">
<h4>electrical specs</h4>
<div class="table-container">
<table>
<tr>
<th rowspan="2" class="bt-bord">Characteristic</th>
<th colspan="2">Limits</th>
<th rowspan="2" class="bt-bord">unit</th>
</tr>
<tr>
<th class="bt-bord">min</th>
<th class="bt-bord">max</th>
</tr>
<tr>
<td>Supply voltage</td>
<td>4.5</td>
<td>5.5</td>
<td>V</td>
</tr>
<tr>
<td>Supply current</td>
<td>50</td>
<td>500</td>
<td>mA</td>
</tr>
</table>
</div>
<h4>Application note</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Repudiandae nisi expedita sapiente inventore iste? Nulla, illo
totam eaque beatae possimus rem voluptatum quae, mollitia in
facilis dolore, perspiciatis harum fuga?
</p>
<p>
Praesentium, esse! Maiores iusto rem fuga quis enim doloremque
facilis molestias voluptatibus vitae culpa recusandae quibusdam
provident delectus aliquam deleniti, deserunt perferendis dolore
laborum quasi unde! Nulla doloremque vero totam.
</p>
<p>
Mollitia beatae, ipsa libero corrupti tempore excepturi
perspiciatis dolore dicta. Fugit, repudiandae! Incidunt doloribus
vel ratione aspernatur debitis nobis cupiditate, harum alias optio
ea eligendi in qui architecto est ipsam.
</p>
<p>
Animi repellendus eaque magnam beatae, sunt temporibus nam debitis
eligendi exercitationem quisquam ea, nihil, vitae sequi illum
cumque minus velit vel consequuntur? Officia a, quibusdam natus
perspiciatis doloribus laudantium eveniet.
</p>
</div>
<div class="module-documents">
<h4>documents</h4>
<ul>
<li>
<a href="#datasheet"><i class="fas fa-file"></i>Datasheet</a>
</li>
<li>
<a href="#pinout"
><i class="fas fa-file-alt"></i>pinout diagram</a
>
</li>
<li>
<a href="#mech-drawing"
><i class="fas fa-drafting-compass"></i>Mechanical drawing</a
>
</li>
</ul>
</div>
<div class="order-codes">
<h4>order codes</h4>
<div class="table-container">
<table>
<tr>
<th class="bt-bord">Description</th>
<th class="bt-bord">code</th>
</tr>
<tr>
<td>Base unit</td>
<td>DPAD1BASE</td>
</tr>
<tr>
<td>green buttons</td>
<td>DPAD1GREEN</td>
</tr>
</table>
</div>
</div>
</section>
<section>
<h3>Joysticks</h3>
<div class="module-info">
<div class="img-container">
<div class="square-img">
<div class="aspect-img-wrapper">
<img src="assets/img/joystick_v1.png" alt="" />
</div>
</div>
<p class="caption">Joystick module</p>
</div>
<div class="module-intro">
<h5>Features</h5>
<ul>
<li>2 analog joysticks</li>
<li>2 clicky joystick buttons</li>
<li>2 LED's</li>
</ul>
<h5>Description</h5>
<p>
A box with 2 analog joysticks, the joysticks can be pushed down
for an extra contact. Two status LED's give an easy overview of
the module's state.
</p>
<h5>Applications</h5>
<ul>
<li>HID</li>
<li>Industrial control</li>
<li>Bomb-defusal devices</li>
</ul>
</div>
</div>
<div class="module-specs">
<h4>electrical specs</h4>
<div class="table-container">
<table>
<tr>
<th rowspan="2" class="bt-bord">Characteristic</th>
<th colspan="2">Limits</th>
<th rowspan="2" class="bt-bord">unit</th>
</tr>
<tr>
<th class="bt-bord">min</th>
<th class="bt-bord">max</th>
</tr>
<tr>
<td>Supply voltage</td>
<td>4.5</td>
<td>5.5</td>
<td>V</td>
</tr>
<tr>
<td>Supply current</td>
<td>50</td>
<td>500</td>
<td>mA</td>
</tr>
</table>
</div>
<h4>Application note</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente
mollitia quo aliquam nihil reiciendis autem beatae error dolorem
inventore adipisci. Odit fugit exercitationem doloribus earum vel
laudantium illo, ea ad!
</p>
<p>
Aut totam doloribus rerum quas nemo eum dolorem, soluta placeat
dolore similique unde eveniet sapiente nesciunt repudiandae
blanditiis cupiditate architecto nobis repellat enim adipisci esse
aliquid ab. Quis, rerum dicta.
</p>
<p>
Corporis inventore, delectus laborum consectetur illum nihil,
omnis dolores in cumque pariatur quisquam molestiae ea facilis
placeat, laboriosam obcaecati voluptatibus ipsam? Qui, voluptate
magni? Excepturi minus blanditiis distinctio atque ab?
</p>
<p>
Quibusdam aut id molestiae similique enim quia inventore, ratione
commodi amet sapiente unde, sed deleniti suscipit, eum repudiandae
velit hic a perspiciatis totam beatae fuga. Magni, repellat? Id,
cupiditate totam!
</p>
</div>
<div class="module-documents">
<h4>documents</h4>
<ul>
<li>
<a href="#datasheet"><i class="fas fa-file"></i>Datasheet</a>
</li>
<li>
<a href="#pinout"
><i class="fas fa-file-alt"></i>pinout diagram</a
>
</li>
<li>
<a href="#mech-drawing"
><i class="fas fa-drafting-compass"></i>Mechanical drawing</a
>
</li>
</ul>
</div>
<div class="order-codes">
<h4>order codes</h4>
<div class="table-container">
<table>
<tr>
<th class="bt-bord">Description</th>
<th class="bt-bord">code</th>
</tr>
<tr>
<td>Base unit</td>
<td>JOY1BASE</td>
</tr>
<tr>
<td>green buttons</td>
<td>JOY1GREEN</td>
</tr>
</table>
</div>
</div>
</section>
</article>
<article>
<div class="anchor" id="output-modules"></div>
<h2>output modules</h2>
<section>
<h3>LCD</h3>
<div class="module-info">
<div class="img-container">
<div class="square-img">
<div class="aspect-img-wrapper">
<img src="assets/img/LCD_v1.png" alt="" />
</div>
</div>
<p class="caption">LCD module</p>
</div>
<div class="module-intro">
<h5>Features</h5>
<ul>
<li>1 LCD</li>
<li>2 LED's</li>
</ul>
<h5>Description</h5>
<p>
An LCD to show varying information! A bright back-light ensures
readability under all conditions.
</p>
<h5>Applications</h5>
<ul>
<li>HID</li>
<li>Industrial control</li>
<li>Bomb-defusal devices</li>
</ul>
</div>
</div>
<div class="module-specs">
<h4>electrical specs</h4>
<div class="table-container">
<table>
<tr>
<th rowspan="2" class="bt-bord">Characteristic</th>
<th colspan="2">Limits</th>
<th rowspan="2" class="bt-bord">unit</th>
</tr>
<tr>
<th class="bt-bord">min</th>
<th class="bt-bord">max</th>
</tr>
<tr>
<td>Supply voltage</td>
<td>4.5</td>
<td>5.5</td>
<td>V</td>
</tr>
<tr>
<td>Supply current</td>
<td>50</td>
<td>500</td>
<td>mA</td>
</tr>
</table>
</div>
<h4>Application note</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae
doloribus, quia illum quibusdam porro nostrum qui earum sed.
Cupiditate at odit minus aliquam dolorem ipsum reiciendis, tempora
non voluptas pariatur.
</p>
<p>
Optio ea at ad nobis iusto officiis hic voluptate numquam aperiam,
eligendi sint, voluptas voluptatibus aspernatur magnam non
molestiae doloremque quam eveniet blanditiis architecto repellat
possimus sapiente? Accusamus, iure similique!
</p>
<p>
Perspiciatis quod porro dolores dolorum eos consequatur, hic animi
corrupti eius cum voluptatum ratione suscipit illo quasi eligendi.
Vero harum cupiditate dolor voluptatibus consequuntur rem
molestiae aperiam nisi reiciendis quae!
</p>
<p>
Deleniti beatae quam dolor! Vero at pariatur voluptas dolor eos
nostrum corrupti aspernatur, quam eum nam autem ipsum
exercitationem, rem tenetur possimus aut, nulla dolorum
repellendus expedita! Earum, quam a?
</p>
</div>
<div class="module-documents">
<h4>documents</h4>
<ul>
<li>
<a href="#datasheet"><i class="fas fa-file"></i>Datasheet</a>
</li>
<li>
<a href="#pinout"
><i class="fas fa-file-alt"></i>pinout diagram</a
>
</li>
<li>
<a href="#mech-drawing"
><i class="fas fa-drafting-compass"></i>Mechanical drawing</a
>
</li>
</ul>
</div>
<div class="order-codes">
<h4>order codes</h4>
<div class="table-container">
<table>
<tr>
<th class="bt-bord">Description</th>
<th class="bt-bord">code</th>
</tr>
<tr>
<td>Base unit</td>
<td>LCD1BASE</td>
</tr>
</table>
</div>
</div>
</section>
</article>
<article>
<div class="anchor" id="panic-modules"></div>
<h2>panic modules (needy)</h2>
<section>
<h3>DEAD series</h3>
<p class="section-subtitle">Dumb & Extremely Aggravating Devices</p>
</section>
</article>
<!-- <div style="height: 1200px;"></div> -->
</main>
<footer>
<div class="hdr-left">
<p>[Catalog is still a PoC]</p>
</div>
<div class="hdr-center">
<p>This is a game; not actual bombmaking...</p>
</div>
<div class="hdr-right">
<p>
All images in this catalog are for reference only, actual products may
vary.
</p>
</div>
</footer>
</body>
</html>