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,51 +1,58 @@ 1 -{{warningBox warningText="More information coming soon"/}} 2 - 3 - 4 -(% class="wikigeneratedid" id="HTableofContents" %) 5 -**Page Contents** 6 - 7 -{{toc depth="3"/}} 8 - 9 -= LSS-P Features = 10 - 11 -|(% colspan="2" style="width:350px" %)((( 12 -== Mounting Points == 13 -))) 14 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]|((( 15 -Loren Ipsum 16 -))) 17 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]| 18 -|(% style="width:350px" %)[[image:LSS-P-S1-Mountings.png]]| 19 -|(% colspan="2" style="width:350px" %)((( 20 -== Case == 21 -))) 22 -|(% style="width:350px" %)[[image:LSS-P-S1-Case.png]]|((( 23 -Loren Ipsum 24 -))) 25 -|(% colspan="2" style="width:350px" %)((( 26 -== RGB LED == 27 -))) 28 -|(% style="text-align:center; width:350px" %) |((( 29 -Loren Ipsum 30 -))) 31 -|(% colspan="2" style="width:350px" %)((( 32 -== Connector == 33 -))) 34 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 35 -|(% colspan="2" style="width:350px" %)((( 36 -== Button == 37 -))) 38 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 39 -|(% colspan="2" style="width:350px" %)((( 40 -== Gearing == 41 -))) 42 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 43 -|(% colspan="2" style="width:350px" %)((( 44 -== Stepper Motor == 45 -))) 46 -|(% style="text-align:center; width:350px" %) |Loren Ipsum 47 - 48 -= Dimensions = 49 - 50 -(% style="width:700px" %) 51 -|(% 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}}