-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (111 loc) · 3.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!--
Gridfinity created by: Zack Freedman
https://www.youtube.com/watch?v=ra_9zU-mnl8&t=1s&ab_channel=ZackFreedman
Gridfinity Database by: Disaster of Puppets 2025
http://disasterofpuppets.com
This code is free to use and modify, provided attribution is maintained.
By using this code, you agree that:
1. You will maintain attribution to original authors
2. You accept all responsibility for any issues or damage that may arise from its use
3. The authors accept no liability for any consequences of using this code
Use at your own risk.
Now that's out of the way, Enjoy!
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<title>Database Search and Highlight</title>
</head>
<body>
<header>
<div class="padder"></div>
<div class="maintitle" classid="maintitle">
<span>Gridfinity Parts Database</span>
</div>
<div class="config" classid="config">
<a href="config.html"></a>
</div>
</header>
<!-- Search Container -->
<div class="search-container">
<input type="text" id="search-box" class="search-box" placeholder="Filter">
<button id="clear-button" class="clear-button">Clear Filter</button>
</div>
<!-- End Search Container -->
<div class="content">
<!--Left Column-->
<div class="left-column">
<div class="table-scroll">
<table id="data-table" class="data-table">
<thead>
<tr>
<th>Case</th>
<th>Part</th>
<th>Layer</th>
<th>Location</th>
<th style="display:none;">Image</th>
</tr>
</thead>
<tbody id="table-body">
<!-- Rows will be dynamically added here -->
</tbody>
</table>
</div>
</div>
<!--Right Column-->
<div class="right-column">
<!-- one box to move them all-->
<div class="right-align">
<!--Preview Image-->
<div id="image-preview" class="image-preview">
<span>Part Preview</span>
</div>
<!-- Selected info holder box-->
<div id="selectedinfo" class="selectedinfo">
<!-- Title for Grid Table -->
<div id="grid-title" class="grid-title">
</div>
<div id="gridcontentalign" class="gridcontentalign">
<div id="grid-content" class="grid-content">
</div>
</div>
</div>
<!-- ENDSelected selectedinfox-->
<!-- Table box -->
<div id="tablebox" class="tablebox">
<!--Layer Column-->
<div class="layers" id="layers">
</div>
<!-- End of Layer Column-->
<!-- Grid Table Container-->
<div id="grid-container" class="grid-container">
<!-- Grid Table-->
<table id="grid">
<tbody id="grid-body">
</tbody>
</table>
</div>
<!-- End of Grid Container-->
</div>
<!-- End of Table box -->
</div>
<!-- End of RightAlign -->
</div>
<!--End of right Column-->
</div>
<!--end of content div-->
<footer>
<div>
Gridfinity <a href="https://www.youtube.com/watch?v=ra_9zU-mnl8&t=1s&ab_channel=ZackFreedman" target="_blank"> Zack Freedman</a>
</div>
<div>
Parts Database 2025 <a href="http://disasterofpuppets.com" target="_blank"> Disaster of Puppets</a>
</div>
</footer>
<script type="text/javascript" src="user.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>