<style>
#linkStyle:hover {
text-decoration: none !important;
color: gray !important;
font-size: 110%;
}
#linkStyle:active {
text-decoration: none !important;
color: lightgray !important;
font-size: 110%;
}
#linkStyle,
#linkStyle:link,
#linkStyle:visited,
#linkStyle:focus {
color: black;
font-size: 110%;
text-decoration: none !important;
}
#buttonStyle.buttonArd {
background-image: url("https://support.neonode.com/docs/download/attachments/60589780/Ard.png?api=v2");
}
#buttonStyle.buttonPp {
background-image: url("https://support.neonode.com/docs/download/attachments/60589780/pp.png?api=v2");
}
#buttonStyle.buttonWb {
background-image: url("https://support.neonode.com/docs/download/attachments/60589780/Wb.png?api=v2");
}
#buttonStyle.buttonSDK {
background-image: url("https://support.neonode.com/docs/download/attachments/60589780/SDK.png?api=v2");
}
#buttonStyle:hover {
-webkit-filter: brightness(90%);
filter: brightness(90%);
text-decoration: none;
}
#buttonStyle:active {
-webkit-filter: brightness(110%);
filter: brightness(110%);
text-decoration: none;
}
#buttonStyle {
-webkit-filter: brightness(95%);
filter: brightness(95%);
width: 15vw;
height: 8vw;
background-size: 15vw 8vw;
border-radius: 10px 10px 0px 0px;
display: inline-block;
text-decoration: none;
color: black;
}
#containButtons {
height: auto;
margin-right: 20%;
text-align: center;
}
#innerContainer {
height: 30vw;
margin-left: auto;
display: inline-block;
}
#buttonTextContainer {
border-radius: 10px;
border: 1px solid lightgray;
width: 15vw;
height: 13vw;
display: inline-block;
vertical-align: bottom;
margin: 30px;
}
.pText {
font-size: 0.6vw;
margin-left: 10px;
margin-right: 10px;
color: #666666;
}
.grid-container {
display: grid;
grid-template-columns: auto auto;
background-color: #FFFFFF;
}
.grid-link-container {
display: grid;
grid-template-rows: auto auto;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.h1Text {
font-size: 0.65vw;
font-weight: bold;
color: #333333;
margin: 10px 0 0 0;
}
</style>
<div id="containButtons">
<div id="innerContainer">
<div class="grid-container">
<div class="grid-link-container">
<div id="buttonTextContainer">
<a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+Plug+and+Play+with+USB"
target="blank">
<div id="buttonStyle" class="buttonPp">
</div>
</a>
<div class="h1Text">Plug and Play
</div>
<p class="pText">
Connect the sensor and immediately get touch input to your computer.
</p>
</div></div>
<div class="grid-link-container">
<div id="buttonTextContainer">
<a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+Workbench+and+USB"
target="blank">
<div id="buttonStyle" class="buttonWb">
</div>
</a>
<div class="h1Text">
Explore the features of the sensor module
</div>
<p class="pText">
Use the Neonode software to visualize touches and play with sensor settings.
</p>
</div></div> <div class="grid-link-container">
<div id="buttonTextContainer">
<a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+SDK+and+USB"
target="blank">
<div id="buttonStyle" class="buttonSDK">
</div>
</a>
<div class="h1Text">
Get started with our SDK example
</div>
<p class="pText">
Make configurations and create your own program from our example SDK.
</p>
</div></div> <div class="grid-link-container">
<div id="buttonTextContainer">
<a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+I2C+and+Arduino"
target="blank">
<div id="buttonStyle" class="buttonArd"></div>
</a>
<div class="h1Text">
Use the zForce Arduino Library
</div>
<p class="pText">
include the sensor module to your Arduino project. Connect with I2C and use the provided
functions for SW integration.
</p>
</div></div>
</div>
</div>
</div>
|