Skip to content

Commit bcebab0

Browse files
mvincerxmvincerx
committed
WIP dev for app-dev branch, WW09, 01 March 2024
Signed-off-by: michael vincerra <michael.vincerra@intel.com>
1 parent ac9e6bf commit bcebab0

3 files changed

Lines changed: 165 additions & 16 deletions

File tree

‎src/docs/_static/styles.css‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1189,3 +1189,30 @@ a:hover {
11891189
outline: dotted;
11901190
outline-color: blue;
11911191
}
1192+
1193+
/* Add bootstrap 5.1 classes for collapse */
1194+
1195+
/* .accordion {
1196+
color: transparent;
1197+
background-color: transparent;
1198+
} */
1199+
1200+
1201+
/* .collapse {
1202+
&:not(.show) {
1203+
display: none;
1204+
}
1205+
}
1206+
1207+
.collapsing {
1208+
height: 0;
1209+
overflow: hidden;
1210+
@include transition($transition-collapse);
1211+
1212+
&.collapse-horizontal {
1213+
width: 0;
1214+
height: auto;
1215+
@include transition($transition-collapse-width);
1216+
}
1217+
} */
1218+

‎src/docs/_templates/base.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,11 @@
1919
<link rel="icon" type="image/x-icon" href="_static/assets/favicon.ico">
2020

2121
<!-- Bootstrap CSS -->
22+
2223
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
2324

25+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
26+
2427
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
2528
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
2629
<link rel="preconnect" href="https://fonts.googleapis.com">

‎src/docs/_templates/index.html‎

Lines changed: 135 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -113,7 +113,7 @@
113113
</div>
114114

115115
<div class="filter-input-wrapper">
116-
<!-- <div> -->
116+
117117
<input id="collapsible" class="toggle" type="checkbox">
118118
<label for="collapsible" class="label-toggle">
119119
<span class="filter-text">Filter</span>
@@ -124,7 +124,7 @@
124124
</span>
125125
</label>
126126

127-
<div class="collapsible-content">
127+
<!-- <div class="collapsible-content">
128128
129129
<div class="filter-content">
130130
@@ -136,7 +136,7 @@
136136
</div> Expertise
137137
</span>
138138
139-
<div id="expertise-col"> <!--onclick="checkBoxClick(event)"-->
139+
<div id="expertise-col">
140140
<span class="checkmark">
141141
<input type="checkbox" class="checkoption" value="getStart" name="data-filter"/>
142142
<label class="container-filter">
@@ -172,16 +172,16 @@
172172
</span>
173173
</div>
174174
</div>
175-
</form>
175+
</form> -->
176176

177-
<div class="filter-children language-checkboxes">
177+
<!-- <div class="filter-children language-checkboxes">
178178
179179
<span class="badge-col-head">
180180
<div class="circle badge2-circle">
181181
</div>Language
182-
</span>
182+
</span> -->
183183

184-
<div id=""> <!--onclick="checkBoxClick(event)"-->
184+
<!-- <div id="">
185185
<span class="checkmark">
186186
<input type="checkbox" value="cpp" name="data-filter"/>
187187
<label class="container-filter">
@@ -200,17 +200,17 @@
200200
Python
201201
</label>
202202
</span>
203-
</div>
204-
</div>
203+
</div> -->
204+
<!-- </div> -->
205205

206-
<div class="filter-children device-checkboxes">
206+
<!-- <div class="filter-children device-checkboxes">
207207
208208
<span class="badge-col-head">
209209
<div class="circle badge3-circle"></div>
210210
Target Device
211211
</span>
212212
213-
<div> <!--onclick="checkBoxClick(event)"-->
213+
<div>
214214
<span class="checkmark">
215215
<input type="checkbox" value="cpu" name="data-filter"/>
216216
<label class="container-filter">
@@ -231,10 +231,9 @@
231231
</span>
232232
</div>
233233
</div>
234-
<!-- < /form> -->
235-
</div>
236-
</div>
237-
<!-- </div> -->
234+
</div>
235+
</div> -->
236+
238237
</div>
239238
<!-- HIDE TEMPLATE @ DEV
240239
<div class="toolkit-cards" data-toolkit-cards-container> </div>
@@ -261,7 +260,127 @@
261260
<div class='left-column'>
262261
Search
263262
Filters
264-
</div>
263+
264+
<div class="accordion accordion-flush" id="accordionExample">
265+
266+
<div class="accordion-item">
267+
<h2 class="accordion-header" id="headingOne">
268+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
269+
Filters
270+
</button>
271+
</h2>
272+
<div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
273+
<div class="accordion-body">
274+
<!--TEST-->
275+
</h3> Expertise </h3>
276+
<form id="filter-menu">
277+
<div class="filter-children expertise-checkboxes">
278+
279+
<span class="badge-col-head">
280+
<div class="circle badge1-circle">
281+
</div> Expertise
282+
</span>
283+
284+
<div id="expertise-col">
285+
<span class="checkmark">
286+
<input type="checkbox" class="checkoption" value="getStart" name="data-filter"/>
287+
<label class="container-filter">
288+
Getting Started
289+
</label>
290+
</span>
291+
<span class="checkmark">
292+
<input type="checkbox" class="checkoption" value="tutorial" name="data-filter"/>
293+
<label class="container-filter">
294+
Tutorial
295+
</label>
296+
</span>
297+
298+
<span class="checkmark">
299+
<input type="checkbox" class="checkoption" value="conFunc" name="data-filter"/>
300+
<label class="container-filter">
301+
Concepts and Functionality
302+
</label>
303+
</span>
304+
305+
<span class="checkmark">
306+
<input type="checkbox" class="checkoption" value="refDesEnd2End" name="data-filter"/>
307+
<label class="container-filter">
308+
Reference Designs and End to End
309+
</label>
310+
</span>
311+
312+
<span class="checkmark">
313+
<input type="checkbox" class="checkoption" value="codeOpt" name="data-filter"/>
314+
<label class="container-filter">
315+
Code Optimization
316+
</label>
317+
</span>
318+
</div>
319+
</div>
320+
</form>
321+
322+
<div class="filter-children language-checkboxes">
323+
</h3> Language </h3>
324+
<div id="">
325+
<span class="checkmark">
326+
<input type="checkbox" value="cpp" name="data-filter"/>
327+
<label class="container-filter">
328+
CPP
329+
</label>
330+
</span>
331+
<span class="checkmark">
332+
<input type="checkbox" value="fortran" name="data-filter"/>
333+
<label class="container-filter">
334+
Fortran
335+
</label>
336+
</span>
337+
<span class="checkmark">
338+
<input type="checkbox" value="python" name="data-filter"/>
339+
<label class="container-filter">
340+
Python
341+
</label>
342+
</span>
343+
</div>
344+
</div>
345+
</h3> Target Device </h3>
346+
347+
<div class="filter-children device-checkboxes">
348+
349+
<span class="badge-col-head">
350+
<div class="circle badge3-circle"></div>
351+
Target Device
352+
</span>
353+
354+
<div> <!--onclick="checkBoxClick(event)"-->
355+
<span class="checkmark">
356+
<input type="checkbox" value="cpu" name="data-filter"/>
357+
<label class="container-filter">
358+
CPU
359+
</label>
360+
</span>
361+
<span class="checkmark">
362+
<input type="checkbox" value="gpu" name="data-filter"/>
363+
<label class="container-filter">
364+
GPU
365+
</label>
366+
</span>
367+
<span class="checkmark">
368+
<input type="checkbox" value="fpga" name="data-filter"/>
369+
<label class="container-filter">
370+
FPGA
371+
</label>
372+
</span>
373+
</div>
374+
</div>
375+
376+
</div>
377+
</div>
378+
</div>
379+
380+
381+
</div>
382+
383+
</div> <!--end left-column-->
265384

266385
<div class='right-column'>
267386

0 commit comments

Comments
 (0)