823
edits
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
The last minor version of JetPack 4 (4.6.5), supports the following Jetson boards: | The last minor version of JetPack 4 (4.6.5), supports the following Jetson boards: | ||
{{#tag:html| | |||
<style> | |||
.image-button { | |||
position: relative; | |||
flex: 1; | |||
min-width: 150px; | |||
padding: 10px; | |||
text-align: center; | |||
overflow: hidden; /* Ensure text doesn't overflow the container */ | |||
display: flex; /* Use flexbox to center content */ | |||
justify-content: center; /* Center horizontally */ | |||
align-items: center; /* Center vertically */ | |||
} | |||
.image-button img { | |||
max-height: 150px; /* Set the maximum height */ | |||
width: auto; /* Adjust width to maintain aspect ratio */ | |||
} | |||
.image-button .overlay { | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
color: white; | |||
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */ | |||
padding: 10px; | |||
border-radius: 5px; | |||
visibility: hidden; /* Hide text by default */ | |||
opacity: 0; | |||
transition: opacity 0.3s ease; | |||
text-align: center; | |||
max-width: 300px; /* Set a maximum width for the overlay */ | |||
width: 150px; | |||
box-sizing: border-box; /* Include padding in width calculation */ | |||
} | |||
.image-button:hover .overlay { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
.image-button:hover { | |||
background-color: #eeeeee; | |||
} | |||
</style> | |||
<div style="border: 1px solid #ddd; padding: 20px; margin: 20px 0; background-color: #f9f9f9;"> | |||
<h2 style="text-align: center; color: #232E3C;">All Our Products</h2> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center;"> | |||
<div class="image-button"> | |||
<a href="https://developer.ridgerun.com/wiki/index.php/Jetson_Xavier_NX" target="_blank"> | |||
<img src="https://developer.ridgerun.com/wiki/images/4/4e/EVMXavierNX.jpg" | |||
alt="Jetson Xavier NX"> | |||
<div class="overlay">Jetson Xavier NX</div> | |||
</a> | |||
</div> | |||
<div class="image-button"> | |||
<a href="https://developer.ridgerun.com/wiki/index.php/Xavier" target="_blank"> | |||
<img src="https://developer.ridgerun.com/wiki/images/4/46/NVIDIA_Jetson_Xavier.png" | |||
alt="Jetson AGX Xavier"> | |||
<div class="overlay">Jetson AGX Xavier</div> | |||
</a> | |||
</div> | |||
<div class="image-button"> | |||
<a href="https://developer.ridgerun.com/wiki/index.php/Jetson_Nano" target="_blank"> | |||
<img src="https://developer.ridgerun.com/wiki/images/6/61/Jetson-nano-0.jpg" | |||
alt="Jetson Nano"> | |||
<div class="overlay">Jetson Nano</div> | |||
</a> | |||
</div> | |||
<div class="image-button"> | |||
<a href="https://developer.ridgerun.com/wiki/index.php/JetsonTX2" target="_blank"> | |||
<img src="https://developer.ridgerun.com/wiki/images/e/e8/NVIDIA_TX2_Jetson.jpg" | |||
alt="Jetson TX2"> | |||
<div class="overlay">Jetson TX2</div> | |||
</a> | |||
</div> | |||
<div class="image-button"> | |||
<a href="https://developer.ridgerun.com/wiki/index.php/Getting_Started_Guide_for_Jetson_TX1" target="_blank"> | |||
<img src="https://developer.ridgerun.com/wiki/images/c/cf/NVIDIA_Jetson_TX1_EVM.jpg" | |||
alt="Jetson TX1"> | |||
<div class="caption">Jetson Xavier NX</div> | |||
<div class="overlay">Jetson TX1</div> | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
}} | |||
* [[Jetson_Xavier_NX|Jetson Xavier NX Series]] | * [[Jetson_Xavier_NX|Jetson Xavier NX Series]] |
edits