Skip to content

Commit aefeee2

Browse files
beverleyybeverleyy
committed
Add filters for dataset page
1 parent 7149793 commit aefeee2

23 files changed

+125
-7
lines changed

‎_datasets/brouzet2021.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ title: Reacting Jet Flows
55
description: Turbulent Round Jet Premixed COFFEE CH4-air Premixed Flame DNS
66
header:
77
teaser: /assets/img/ico_brouzet2021.png
8+
categories: reacting
89
---
910

1011
<div class="sidebar__right" style="top:200px; text-align: center;">

‎_datasets/chung2022.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ excerpt: (1 case)
55
header:
66
teaser: /assets/img/ico_chung2022.png
77
description: Compressible Inert CH4-O2 Homogeneous Isotropic Turbulence DNS
8+
categories: nonreacting
89
---
910

1011
![image](./assets/img/chung2022.png)

‎_datasets/coulon.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ description: NH3-H2-Air Premixed Flame DNS
55
excerpt: (1 case)
66
header:
77
teaser: /assets/img/ico_coulon2023.png
8+
categories: reacting
89
---
910

1011
<div class="sidebar__right" style="top: 130px; text-align: center;">

‎_datasets/gauding2022.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ title: Forced HIT
55
description: Passive Scalar HIT DNS
66
header:
77
teaser: /assets/img/ico_gauding2022.png
8+
categories: nonreacting
89
---
910

1011
<div class="sidebar__right" style="text-align: center; top: 160px;">

‎_datasets/guo2022.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ title: Non-Reacting Channel Flow
44
excerpt: (6 cases)
55
header:
66
teaser: /assets/img/ico_guo2022.png
7+
categories: nonreacting
78
description: Transcritical Channel Flow N2 Turbulence DNS
89
---
910

‎_datasets/jiang2021.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ excerpt: (1 case)
55
header:
66
teaser: /assets/img/ico_jiang2021.png
77
description: Premixed Flame-wall Interaction CH4-Air DNS
8+
categories: reacting
89
---
910

1011
<div style="text-align: center;">

‎_datasets/jung2021.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,8 @@ title: Slot Burner
44
excerpt: (1 case)
55
header:
66
teaser: /assets/img/ico_jung2021.png
7-
description: Slot Burner Diluted Partially-Premixed H2-air Lifted Flame DNS
7+
description: Slot Burner Diluted Partially-Premixed H2-air Lifted Flame DNS
8+
categories: reacting
89
---
910

1011
<div style="text-align: center;">

‎_datasets/poludnenko.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ excerpt: (1 case)
55
description: CH4-Air Flame Interaction With Forced HIT DNS
66
header:
77
teaser: /assets/img/ico_poludnenko.png
8+
categories: reacting
89
---
910

1011
![image](./assets/img/poludnenko.png)

‎_datasets/quentin2024.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ description: Premixed Flame H2-Air DNS in Slot Burner
66
header:
77
teaser: /assets/img/ico_quentin2024.png
88
# image: /assets/img/quentin2024.png
9+
categories: reacting
910
---
1011
<div style="text-align: center;">
1112
<img src="./assets/img/quentin2024.png" alt="Image 1" style="max-width: 100%;">

‎_datasets/roshan2024.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ description: Rayleigh-Bénard Convection DNS
66
header:
77
teaser: /assets/img/ico_roshan2024.png
88
image: /assets/img/roshan2024.png
9+
categories: nonreacting
910
---
1011

1112
<!--

‎_datasets/savard.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ excerpt: (22 cases)
55
header:
66
teaser: /assets/img/ico_savard2019.png
77
description: Vitiated H2-air Freely Propagating Flame DNS
8+
categories: reacting
89
---
910

1011
<div style="text-align: center;">

‎_datasets/shantanu.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ title: Canonical Decaying HIT
55
description: Decaying homogeneous isotropic turbulence DNS
66
header:
77
teaser: /assets/img/ico_shantanu2022.png
8+
categories: nonreacting
89
---
910

1011
<div style="text-align: center;">

‎_datasets/sharma2024.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ title: Lifted hydrogen jet flame
55
description: Circular Burner Diluted Partially-Premixed H2-air Lifted Flame in 2D configuration
66
header:
77
teaser: /assets/img/ico_sharma2024.png
8+
categories: reacting
89
---
910

1011
<div style="text-align: center;">

‎_datasets/wang2024.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ description: LES of an ensemble of wildfire spread
66
header:
77
image: /assets/img/wang2024.png
88
teaser: /assets/img/ico_wang2024.png
9+
categories: reacting
910
---
1011

1112
<!--

‎_includes/archive-single.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
{% assign title = post.title %}
1111
{% endif %}
1212

13-
<div class="{{ include.type | default: 'list' }}__item">
13+
<div class="{% if post.categories %}{{ post.categories }}{% endif %} {{ include.type | default: 'list' }}__item">
1414
<article class="archive__item" itemscope itemtype="https://schema.org/CreativeWork"{% if post.locale %} lang="{{ post.locale }}"{% endif %}>
1515
{% if include.type == "grid" and teaser %}
1616
<div class="archive__item-teaser">

‎_includes/datasets_filters.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<div class="filter-group filter-categories">
2+
<a href="#"class="datasets_all" data-filter="*">
3+
<h3>All</h3>
4+
<img src="/assets/img/blastnet_banner.png"/>
5+
</a>
6+
<a href="#" data-filter=".reacting">
7+
<h3>Reacting</h3>
8+
<img src="/assets/img/filter_reacting.jpeg"/>
9+
</a>
10+
<a href="#" data-filter=".nonreacting">
11+
<h3>Non-reacting</h3>
12+
<img src="/assets/img/filter_nonreacting.png"/>
13+
</a>
14+
<a href="#" data-filter=".experimental">
15+
<h3>Experimental</h3>
16+
<img src="/assets/img/filter_experimental.png"/>
17+
</a>
18+
<h2>BLASTNet Simulation Dataset</h2>
19+
</div>
20+
21+
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
22+
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
23+
24+
<script>
25+
document.addEventListener('DOMContentLoaded',function(){
26+
var content = document.querySelector('.entries-grid');
27+
var iso = new Isotope(content,{
28+
itemSelector:'.grid__item',
29+
layoutMode:'fitRows'
30+
});
31+
imagesLoaded(content).on('progress',function(){
32+
iso.layout();
33+
});
34+
document.querySelectorAll('.filter-group a').forEach(function(element){
35+
element.addEventListener('click',function(e){
36+
var filter_class;
37+
//var filter_class = element.getAttribute("data-filter");
38+
if (element.classList.contains('is-checked'))
39+
filter_class = '*';
40+
else {
41+
filter_class = element.getAttribute('data-filter');
42+
document.querySelectorAll('.is-checked').forEach(el => el.classList.remove('is-checked'));
43+
}
44+
iso.arrange({
45+
filter: filter_class
46+
});
47+
element.classList.toggle('is-checked');
48+
e.preventDefault();
49+
});
50+
});
51+
});
52+
</script>
53+

‎_layouts/datapage.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ <h1 id="page-title" class="page__title" itemprop="headline">
6262
{% if site.data.ui-text[site.locale].meta_label %}
6363
<h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
6464
{% endif %}
65-
{% include page__taxonomy.html %}
65+
<!--{% include page__taxonomy.html %}-->
6666
{% include page__date.html %}
6767
</footer>
6868

‎_layouts/datasets.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
<p>{{ page.excerpt }}</p>
66

7-
<h2>BLASTNet Simulation Dataset</h2>
7+
{% include datasets_filters.html %}
88

99
{% assign entries_layout = page.entries_layout | default: 'list' %}
1010
<div class="entries-{{ entries_layout }}">

‎_sass/stylesheets/_blastnet.scss

Lines changed: 53 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,8 +55,8 @@ $base0f: #d33682 !default;
5555
}
5656

5757
.page__hero img {
58-
width: 70%;
59-
height: auto;
58+
width: 70%;
59+
height: auto;
6060
}
6161

6262
.page__hero {
@@ -223,3 +223,54 @@ $base0f: #d33682 !default;
223223
background-color: $secondary-color!important;
224224
color: #fff!important;
225225
}
226+
227+
/*-- isotope --*/
228+
229+
.filter-group {
230+
text-align:center;
231+
232+
h2 {
233+
text-align:left;
234+
}
235+
}
236+
237+
.filter-group a {
238+
text-decoration:none;
239+
240+
&.is-checked:not(.datasets_all) {
241+
opacity:0.5;
242+
}
243+
}
244+
245+
.filter-group a {
246+
width:24%;
247+
height:100px;
248+
position:relative;
249+
display:inline-block;
250+
251+
img {
252+
display:block;
253+
width:100%;
254+
height:100%;
255+
position:absolute;
256+
object-fit:cover;
257+
top:0;
258+
left:0;
259+
border-radius:20px;
260+
}
261+
262+
h3 {
263+
position:absolute;
264+
left:0;
265+
right:0;
266+
top:0;
267+
bottom:0;
268+
z-index:1;
269+
text-shadow:1px 1px 4px rgba(0,0,0,0.5);
270+
height:1.5rem;
271+
margin:auto;
272+
text-align:center;
273+
color:white;
274+
text-decoration:none;
275+
}
276+
}

‎_sass/stylesheets/_page.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -572,4 +572,4 @@ body {
572572

573573
p {
574574
text-align: justify;
575-
}
575+
}

‎assets/img/filter_experimental.png

177 KB
Loading

‎assets/img/filter_nonreacting.png

272 KB
Loading

‎assets/img/filter_reacting.jpeg

122 KB
Loading

0 commit comments

Comments
 (0)