Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/cepdnaclk/e19-3yp-impact-tr…
Browse files Browse the repository at this point in the history 
…acker
  • Loading branch information
@hirushig
hirushig committed Jan 29, 2024
2 parents 4d2cc6e + 4e08604 commit 772631e
Show file tree
Hide file tree
Showing 5 changed files with 1,415 additions and 281 deletions.
Binary file modified docs/assets/img/3D-hub-img.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
149 changes: 89 additions & 60 deletions docs/download.html
View file
Original file line number Diff line number Diff line change
@@ -1,73 +1,102 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles2.css">
<link rel="stylesheet" href="styles.css">
<script src="./func.js">
</script>
</head>
<body>

<header>
<div>
<a href="index.html">&larr; Back</a>
</div>
</header>


<section id="Download">
<h2 class="cs-title">Downloads</h2>
<!-- ============================================ -->
<!-- Navigation -->
<!-- ============================================ -->

<div class="content"></div>

<ul>
<li>
<i class=""></i>
<p>Windows</p>
<a href="#">Download</a>
</li>
<li>
<i class=""></i>
<p>Linux</p>
<a href="#">Download</a>
</li>
<li>
<i class=""></i>
<p>MacOS</p>
<a href="#">Download</a>
</li>
<!-- <li>
<i class="icon psd"></i>
<p>Twitter Client Design</p>
<a href="#">Download</a>
</li>
<li>
<i class="icon html"></i>
<p>HTML5 Template</p>
<a href="#">Download</a>
</li>
<li>
<i class="icon image"></i>
<p>HTML5 Elements</p>
<a href="#">Download</a>
</li>
<li>
<i class="icon css"></i>
<p>Pure CSS Icons</p>
<a href="#">Download</a>
</li>
<li>
<i class="icon jquery"></i>
<p>Form Element Skin</p>
<a href="#">Download</a>
</li>
<li>
<i class="icon html"></i>
<p>HTML5 Video Template</p>
<a href="#">Download</a>
</li> -->
</ul>
<header id="cs-navigation">
<div class="cs-container">
<!--Nav Logo-->
<a href="" class="cs-logo" aria-label="back to home">
<img src="assets/img/Logo-Impax.webp" alt="logo" width="210" height="29" aria-hidden="true" decoding="async">
</a>
<!--Navigation List-->
<nav class="cs-nav" role="navigation">
<!--Mobile Nav Toggle-->
<button class="cs-toggle" aria-label="mobile menu toggle">
<div class="cs-box" aria-hidden="true">
<span class="cs-line cs-line1" aria-hidden="true"></span>
<span class="cs-line cs-line2" aria-hidden="true"></span>
<span class="cs-line cs-line3" aria-hidden="true"></span>
</div>
</button>
<!-- We need a wrapper div so we can set a fixed height on the cs-ul in case the nav list gets too long from too many dropdowns being opened and needs to have an overflow scroll. This wrapper acts as the background so it can go the full height of the screen and not cut off any overflowing nav items while the cs-ul stops short of the bottom of the screen, which keeps all nav items in view no matter how mnay there are-->
<div class="cs-ul-wrapper">
<ul id="cs-expanded" class="cs-ul" aria-expanded="false">
<li class="cs-li">
<a href="" class="cs-li-link cs-active">
Home
</a>
</li>
<li class="cs-li">
<a href="#Problem" class="cs-li-link">
Problem
</a>
</li>
<!--Copy and paste this cs-dropdown list item and replace any .cs-li with this cs-dropdown group to make a new dropdown and it will work-->
<li class="cs-li cs-dropdown" tabindex="0">
<span class="cs-li-link">
Solution
<img class="cs-drop-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/down-red.svg" alt="dropdown icon" width="15" height="15" decoding="async" aria-hidden="true">
</span>
<ul class="cs-drop-ul">
<li class="cs-drop-li">
<a href="#Solution" class="cs-li-link cs-drop-link">Our Solution</a>
</li>
<li class="cs-drop-li">
<a href="#SolutionArchitecture" class="cs-li-link cs-drop-link">Solution Architecture</a>
</li>
</ul>
</li>
<li class="cs-li cs-dropdown" tabindex="0">
<span class="cs-li-link">
Hardware
<img class="cs-drop-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/down-red.svg" alt="dropdown icon" width="15" height="15" decoding="async" aria-hidden="true">
</span>
<ul class="cs-drop-ul">
<li class="cs-drop-li">
<a href="#Solution" class="cs-li-link cs-drop-link">Infrastructure</a>
</li>
<li class="cs-drop-li">
<a href="#SolutionArchitecture" class="cs-li-link cs-drop-link">3D Designs</a>
</li>
</ul>
</li>
<li class="cs-li">
<a href="" class="cs-li-link">
Documentation
</a>
<li class="cs-li">
<a href="#meet-us-1021" class="cs-li-link">
About Us
</a>
</li>
</ul>
</div>
</nav>
<a href="download.html" class="cs-button-solid cs-nav-button">Download Now</a>
<!--Dark Mode toggle, uncomment button code if you want to enable a dark mode toggle-->
<!--Dark Mode toggle-->
<!-- Place at the bottom of your container that wraps around your <nav> navigation list -->
<!-- If there is no container wrapping your <nav>, add one. This should NOT be placed inside the navigation list -->
<!-- <button id="dark-mode-toggle">
Moon is an inline SVG so you can edit the color if needed
<svg class="cs-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480" xml:space="preserve"><path d="M459.782 347.328c-4.288-5.28-11.488-7.232-17.824-4.96-17.76 6.368-37.024 9.632-57.312 9.632-97.056 0-176-78.976-176-176 0-58.4 28.832-112.768 77.12-145.472 5.472-3.712 8.096-10.4 6.624-16.832S285.638 2.4 279.078 1.44C271.59.352 264.134 0 256.646 0c-132.352 0-240 107.648-240 240s107.648 240 240 240c84 0 160.416-42.688 204.352-114.176 3.552-5.792 3.04-13.184-1.216-18.496z"/></svg>
<img class="cs-sun" aria-hidden="true" src="https://csimg.nyc3.digitaloceanspaces.com/Contact-Page/sun.svg" decoding="async" alt="sun" width="15" height="15">
</button> -->

</div>
</section>
</header>



</body>
</html>

Expand Down
124 changes: 124 additions & 0 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -254,6 +254,130 @@ <h2 class="cs-title">High Level Solution Architecture</h2>
</picture>
</div>
</section>


<section id="end-points">

<!-- Force doctype to use empty attributes-->
<!-- variables-->
<!-- <div class="tools">
<select id="tools">
<option value="">Choose a modifier</option>
<option value="card-grid">Card Grid</option>
<option value="card-grid media-bottom">Card Grid media align bottom</option>
<option value="card-grid media-top">Card Grid media align top</option>
<option value="card-list">Card List</option>
<option value="card-list media-alternate">Card List medias position alternates</option>
<option value="l-masonry">Masonry</option>
</select>
<select id="theme">
<option value="">Choose a theme</option>
<option value="">Un-Styled</option>
<option value="t-light-shadows">Light Shadows</option>
</select>
</div> -->
<div class="t-light-shadows" id="page">
<h2 class="cs-title">End Points</h2>
<div class="card-grid" id="main">
<div class="card">
<div class="card-media">
<img src="http://placehold.it/">
</div>
<div class="card-content fixie">
<div class="title">
<h2>Desktop Dashboard</h2>
</div>
<div class="description">
<p>Managers can monitor the ongoing game with manager dashboard and players can check their analytics afterwards.</p>
</div><a class="btn">Inspect</a>
</div>
</div>
<div class="card">
<div class="card-media">
<img src="assets/img/3D-hub-img.jpg">
</div>
<div class="card-content fixie">
<div class="title">
<h2>Impax Hub</h2>
</div>
<div class="description">
<p>Impax Hub acts as the middleware for the communication between buddy devices and the desktop dashboards during a
session. With optimized signal range and dual LED indicators, it ensures reliable communication between devices
and dashboards.</p>
</div><a class="btn">Inspect</a>
</div>
</div>
<div class="card">
<div class="card-media">
<img src="assets/img/3D-buddy-img.jpg">
</div>
<div class="card-content fixie">
<div class="title">
<h2>Impax Buddy</h2>
</div>
<div class="description">
<p>The wearable device that can be attached to the head gear.</p>
</div><a class="btn">Inspect</a>
</div>
</div>
<!-- <div class="card">
<div class="card-media"></div>
<div class="card-content fixie">
<div class="title">
<h2></h2>
</div>
<div class="description">
<p></p>
</div><a class="btn"></a>
</div>
</div>
<div class="card">
<div class="card-media"></div>
<div class="card-content fixie">
<div class="title">
<h2></h2>
</div>
<div class="description">
<p></p>
</div><a class="btn"></a>
</div>
</div>
<div class="card">
<div class="card-media"></div>
<div class="card-content fixie">
<div class="title">
<h2></h2>
</div>
<div class="description">
<p></p>
</div><a class="btn"></a>
</div>
</div>
<div class="card">
<div class="card-media"></div>
<div class="card-content fixie">
<div class="title">
<h2></h2>
</div>
<div class="description">
<p></p>
</div><a class="btn"></a>
</div>
</div>
<div class="card">
<div class="card-media"></div>
<div class="card-content fixie">
<div class="title">
<h2></h2>
</div>
<div class="description">
<p></p>
</div><a class="btn"></a>
</div>
</div>
</div> -->
</div>
</section>

<!-- ============================================ -->
<!-- Hardware -->
Expand Down
Loading

0 comments on commit 772631e

Please sign in to comment.