Skip to content

Commit

Permalink
deploy: 5c711aa
Browse files Browse the repository at this point in the history
  • Loading branch information
shillinc-osu committed May 24, 2024
1 parent 020a695 commit 2d3506f
Show file tree
Hide file tree
Showing 11 changed files with 367 additions and 0 deletions.
Binary file added audiolux.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 95 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html>
<head>
<title>Contact Contributors and Authors</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img class="logo" src="logo.png"/>
<br>
<br>
<table class="center">
<tr>
<td>
<a href="index.html" class="link"><p class="nav">About</p><a></a>
</td>
<td>
<a href="documentation.html" class="link"><p class="nav">Documentation</p></a>
</td>
<td>
<a href="contact.html" class="link"><p class="nav">Contact</p></a>
</td>
</tr>
</table>


<p class="page_header">Contact us!</p>
<p class="section_body">
Our current OSU student contributors and university faculty associated with the project
would love to hear from you.
</p>
<br>
<br>

<table class="center">
<tr>
<td>
<img class="photo" src="team_images/andrew.jpg"/>
</td>
<td>
<p class="name_text">Andrew Adisoemarta</p>
<p class="email_text">[email protected]</p>
</td>
</tr>
<tr>
<td>
<img class="photo" src="team_images/anshul.jpg"/>
</td>
<td>
<p class="name_text">Anshul Batish</p>
<p class="email_text">[email protected]</p>
</td>
</tr>

<tr>
<td>
<img class="photo" src="team_images/caleb.jpg"/>
</td>
<td>
<p class="name_text">Caleb Shilling</p>
<p class="email_text">[email protected]</p>
</td>
</tr>
<tr>
<td>
<img class="photo" src="team_images/can.jpg"/>
</td>
<td>
<p class="name_text">Can Yang</p>
<p class="email_text">[email protected]</p>
</td>
</tr>
<tr>
<td>
<img class="photo" src="team_images/scout.jpg"/>
</td>
<td>
<p class="name_text">Scout Hawkey</p>
<p class="email_text">[email protected]</p>
</td>
</tr>
<tr>
<td>
<a href="https://www.cymaspace.org/"><p class="name_text">Cymaspace</p></a>
<p class="email_text">[email protected]</p>
</td>
<td>
<p class="name_text">Chet Udell</p>
<p class="email_text">OSU Project Partner</p>
<p class="email_text">[email protected]</p>
</td>
</tr>
</table>

</body>
</html>
63 changes: 63 additions & 0 deletions documentation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<title>Audiolux Documentation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img class="logo" src="logo.png"/>
<br>
<br>
<table class="center">
<tr>
<td>
<a href="index.html" class="link"><p class="nav">About</p><a></a>
</td>
<td>
<a href="documentation.html" class="link"><p class="nav">Documentation</p></a>
</td>
<td>
<a href="contact.html" class="link"><p class="nav">Contact</p></a>
</td>
</tr>
</table>


<p class="page_header">Links to Documentation</p>
<p class="section_body">
The Audiolux project has invested time into developing well-rounded
documentation systems to cover many use cases.
</p>
<br>
<br>

<table class="center">
<tr>
<td>
<a href="https://openslab-osu.github.io/Nanolux/device/html/" class="link"><p class="white_button">Microcontroller Code Docs</p></a>
</td>
</tr>
<tr>
<td>
<a href="https://openslab-osu.github.io/Nanolux/web/" class="link"><p class="red_button">Web UI Code Docs</p></a>
</td>
</tr>
<tr>
<td>
<a href="https://github.com/OPEnSLab-OSU/Nanolux/wiki" class="link"><p class="white_button">Nanolux Wiki</p></a>
</td>
</tr>
<tr>
<td>
<a href="https://github.com/OPEnSLab-OSU/Nanolux/tree/3.0.0_prerelease" class="link"><p class="red_button">Nanolux Repository</p></a>
</td>
</tr>
<tr>
<td>
<a><p class="white_button">Nanolux Manual (TBD)</p></a>
</td>
</tr>
</table>

</body>
</html>
99 changes: 99 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html>
<head>
<title>About Audiolux</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<img class="logo" src="logo.png"/>
<br>
<br>
<table class="center">
<tr>
<td>
<a href="index.html" class="link"><p class="nav">About</p><a></a>
</td>
<td>
<a href="documentation.html" class="link"><p class="nav">Documentation</p></a>
</td>
<td>
<a href="contact.html" class="link"><p class="nav">Contact</p></a>
</td>
</tr>
</table>


<p class="page_header">About the Project</p>

<table class="center">
<tr>
<td>
<img class="image" src="audiolux.jpg"/>
</td>
<td>
<p class="section_header">The Audiolux bridges those hard of hearing with music.</p>
</td>
</tr>
</table>
<br>
<br>
<p class="section_body">
The AudioLux project aims to address the challenge of inclusivity
for the deaf and hard of hearing (DHH) communities in public events
by enhancing accessibility in performances such as concerts.
</p>
<br>
<br>
<p class="section_body">
The
Audiolux is targeted for public event coordinators, but the device
is easy to manufacture and the Nanolux firmware is open source.
</p>
<br>
<br>
<p class="section_body">
By creating innovative
solutions to identifying traits of music such as vowel detection,
pitch or frequency detection, drum detection, and many more, Audiolux
seeks to create a more inclusive environment where audio-visual
experiences are accessible to all individuals, regardless of their
hearing abilities.
</p>
<br>
<br>

<p class="section_header">How is Audiolux Different?</p>
<br>
<br>
<p class="section_body">
Our project is open source, enabling anyone to build and customize their own kit to suit their needs.
</p>
<br>
<br>
<p class="section_body">
We have encapsulated features in distinct functions, making them easy for developers to call as needed.
</p>
<br>
<br>
<p class="section_body">
Additionally, our comprehensive documentation ensures excellent readability and maintainability
which makes this project accessible to anyone interested.
</p>
<br>
<br>
<p class="section_header">How can I build an Audiolux and install Nanolux?</p>
<br>
<br>
<p class="section_body">
We have a step-by-step instruction guide provided on our GitHub Wiki covering hardware preparation and installing device firmware.
</p>
<br>
<br>
<p class="section_body">
You can find out more on the <a href="https://github.com/OPEnSLab-OSU/Nanolux/wiki">Audiolux and Nanolux wiki</a> and on our <a href="https://github.com/OPEnSLab-OSU/Nanolux">GitHub repository</a>.
</p>
<br>
<br>

</body>
</html>
Binary file added logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
110 changes: 110 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
*{
font-family :system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color:white;
text-align:center;
}

.nav {
font-size : 30px;
min-width:200px;
max-width:200px;
text-align:center;
margin:auto;
}

.link {
text-decoration: none;
}

.image{
max-width:400px;
display: block;
border-radius: 20px 20px 20px 20px;
}

.logo{
margin-left: auto;
margin-right: auto;
max-width:250px;
}

.photo{
max-width:300px;
display: block;
border-radius: 20px 20px 20px 20px;
padding: 10px;
}

.center {
margin-left: auto;
margin-right: auto;
max-width:500px;
}

.page_header {
font-size : 80px;
white-space: nowrap;
}

.name_text {
font-size : 45px;
white-space: nowrap;
text-align: left;
line-height: 0px
}

.email_text {
font-size : 30px;
white-space: nowrap;
text-align: left;
vertical-align: top;
line-height: 0px
}

.section_header {
font-size :50px;
min-width:500px;
max-width:500px;
text-align:center;
margin:auto;
font-style:italic
}

.section_body {
font-size : 35px;
min-width:500px;
max-width:500px;
text-align:left;
margin:auto;
font-weight:lighter;
}

body {
background-color: black;
text-align: center;
}

.container {
display: flex;
align-items: center;
justify-content: center
}

.white_button, .red_button{
border-radius: 40px 40px 40px 40px;
padding: 20px;
width: 500px;
text-align: center;
color:black;
text-decoration: none;
font-weight: bold;
font-size: 35px;
}

.white_button {
background: #ABB8C3;
}

.red_button {
background: #C30443;
}
Binary file added team_images/andrew.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added team_images/anshul.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added team_images/caleb.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added team_images/can.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added team_images/scout.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 2d3506f

Please sign in to comment.