Changes for page LSS-P - Mechanical
Last modified by Eric Nantel on 2024/07/03 09:43
Change comment: There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,53 +1,58 @@ 1 -{{warningBox warningText="More information coming soon"/}} 2 - 3 - 4 - 5 - 6 -(% class="wikigeneratedid" id="HTableofContents" %) 7 -**Page Contents** 8 - 9 -{{toc depth="3"/}} 10 - 11 -= LSS-P Features = 12 - 13 -|(% colspan="2" style="width:25%" %)((( 14 -== Mounting Points == 15 -))) 16 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]|((( 17 -Loren Ipsum 18 -))) 19 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]| 20 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]| 21 -|(% colspan="2" style="width:350px" %)((( 22 -== Case == 23 -))) 24 -|(% style="width:350px" %)[[image:LSS-P-S1-Case.png]]|((( 25 -Loren Ipsum 26 -))) 27 -|(% colspan="2" style="width:350px" %)((( 28 -== RGB LED == 29 -))) 30 -|(% style="text-align:center; width:350px" %) |((( 31 -Loren Ipsum 32 -))) 33 -|(% colspan="2" style="width:350px" %)((( 34 -== Connector == 35 -))) 36 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 37 -|(% colspan="2" style="width:350px" %)((( 38 -== Button == 39 -))) 40 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 41 -|(% colspan="2" style="width:350px" %)((( 42 -== Gearing == 43 -))) 44 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 45 -|(% colspan="2" style="width:350px" %)((( 46 -== Stepper Motor == 47 -))) 48 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 49 - 50 -= Dimensions = 51 - 52 -(% style="width:700px" %) 53 -|(% style="width:350px" %) | 1 +{{html}} 2 +<!DOCTYPE html> 3 +<html> 4 +<head> 5 + <style> 6 + table { 7 + width: 100%; 8 + border-collapse: collapse; 9 + } 10 + 11 + th, td { 12 + padding: 8px; 13 + text-align: left; 14 + border-bottom: 1px solid #ddd; 15 + } 16 + 17 + /* Media query for mobile devices */ 18 + @media only screen and (max-width: 600px) { 19 + /* Stack the table columns vertically */ 20 + td { 21 + display: block; 22 + } 23 + 24 + /* Add spacing between stacked columns */ 25 + td:not(:first-child) { 26 + margin-top: 10px; 27 + } 28 + 29 + /* Hide table headers (th) */ 30 + th { 31 + display: none; 32 + } 33 + } 34 + </style> 35 +</head> 36 +<body> 37 + <table> 38 + <thead> 39 + <tr> 40 + <th>Column 1</th> 41 + <th>Column 2</th> 42 + </tr> 43 + </thead> 44 + <tbody> 45 + <tr> 46 + <td>Data 1</td> 47 + <td>Data 2</td> 48 + </tr> 49 + <tr> 50 + <td>Data 3</td> 51 + <td>Data 4</td> 52 + </tr> 53 + <!-- Add more rows as needed --> 54 + </tbody> 55 + </table> 56 +</body> 57 +</html> 58 +{{/html}}