Skip to content

Commit c7070c8

Browse files
supernordsupernord
committed
modify section-navigation-tiles_mod.html
1 parent d31da48 commit c7070c8

1 file changed

Lines changed: 123 additions & 9 deletions

File tree

‎_includes/section-navigation-tiles_mod.html‎

Lines changed: 123 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,67 @@
1010
<div class="page-tiles-list">
1111
{%- for page in pages_to_add_as_tiles -%}
1212
{%- if page.type == include.type %}
13-
<a href="{{ page.url | relative_url }}" class="page-tile-link">
13+
{%- if page.roadmap_category == "none" %}
14+
<a href="{{ page.url | relative_url }}" class="page-tile-link">
1415
<div class="page-tile-item">
1516
<div class="page-tile-content">
1617
<h3 class="page-tile-title">{{ page.title }}</h3>
1718
{% if page.description %}
1819
<p class="page-tile-description">{{ page.description }}</p>
1920
{% endif %}
20-
{% if page.roadmap %}
21-
<p class="page-tile-roadmap">{{ page.roadmap }}</p>
21+
</div>
22+
</div>
23+
</a>
24+
{% endif %}
25+
{%- if page.roadmap_category == "D1" %}
26+
<a href="{{ page.url | relative_url }}" class="page-tile-link">
27+
<div class="page-tile-item-D1">
28+
<div class="page-tile-content">
29+
<h3 class="page-tile-title">{{ page.title }}</h3>
30+
{% if page.description %}
31+
<p class="page-tile-description">{{ page.description }}</p>
32+
{% endif %}
33+
</div>
34+
</div>
35+
</a>
36+
{% endif %}
37+
{%- if page.roadmap_category == "D2" %}
38+
<a href="{{ page.url | relative_url }}" class="page-tile-link">
39+
<div class="page-tile-item-D2">
40+
<div class="page-tile-content">
41+
<h3 class="page-tile-title">{{ page.title }}</h3>
42+
{% if page.description %}
43+
<p class="page-tile-description">{{ page.description }}</p>
44+
{% endif %}
45+
</div>
46+
</div>
47+
</a>
48+
{% endif %}
49+
{%- if page.roadmap_category == "D3" %}
50+
<a href="{{ page.url | relative_url }}" class="page-tile-link">
51+
<div class="page-tile-item-D3">
52+
<div class="page-tile-content">
53+
<h3 class="page-tile-title">{{ page.title }}</h3>
54+
{% if page.description %}
55+
<p class="page-tile-description">{{ page.description }}</p>
2256
{% endif %}
2357
</div>
2458
</div>
25-
</a>
26-
{%- endif %}
59+
</a>
60+
{% endif %}
61+
{%- if page.roadmap_category == "D4" %}
62+
<a href="{{ page.url | relative_url }}" class="page-tile-link">
63+
<div class="page-tile-item-D4">
64+
<div class="page-tile-content">
65+
<h3 class="page-tile-title">{{ page.title }}</h3>
66+
{% if page.description %}
67+
<p class="page-tile-description">{{ page.description }}</p>
68+
{% endif %}
69+
</div>
70+
</div>
71+
</a>
72+
{% endif %}
73+
{% endif %}
2774
{%- endfor -%}
2875
</div>
2976
</div>
@@ -44,11 +91,54 @@ <h3 class="page-tile-title">{{ page.title }}</h3>
4491
}
4592

4693
.page-tile-item {
47-
border: 1px solid #e0e0e0;
4894
border-radius: 12px;
4995
padding: 25px;
5096
transition: all 0.3s ease;
51-
background: #012152;
97+
background: #9c9c9c;
98+
width: 100%;
99+
display: flex;
100+
flex-direction: column;
101+
justify-content: space-between;
102+
}
103+
104+
.page-tile-item-D1 {
105+
border-radius: 12px;
106+
padding: 25px;
107+
transition: all 0.3s ease;
108+
background: #a4c2f4ff;
109+
width: 100%;
110+
display: flex;
111+
flex-direction: column;
112+
justify-content: space-between;
113+
}
114+
115+
.page-tile-item-D2 {
116+
border-radius: 12px;
117+
padding: 25px;
118+
transition: all 0.3s ease;
119+
background: #6d9eebff;
120+
width: 100%;
121+
display: flex;
122+
flex-direction: column;
123+
justify-content: space-between;
124+
}
125+
126+
.page-tile-item-D3 {
127+
border-radius: 12px;
128+
padding: 25px;
129+
transition: all 0.3s ease;
130+
background: #1155ccff;
131+
width: 100%;
132+
display: flex;
133+
flex-direction: column;
134+
justify-content: space-between;
135+
}
136+
137+
.page-tile-item-D4 {
138+
border-radius: 12px;
139+
padding: 25px;
140+
transition: all 0.3s ease;
141+
background: #1c4587ff;
52142
width: 100%;
53143
display: flex;
54144
flex-direction: column;
@@ -58,7 +148,31 @@ <h3 class="page-tile-title">{{ page.title }}</h3>
58148
.page-tile-item:hover {
59149
transform: translateY(-4px);
60150
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
61-
border-color: #012152;
151+
border: 1px solid #000000;
152+
}
153+
154+
.page-tile-item-D1:hover {
155+
transform: translateY(-4px);
156+
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
157+
border: 1px solid #000000;
158+
}
159+
160+
.page-tile-item-D2:hover {
161+
transform: translateY(-4px);
162+
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
163+
border: 1px solid #000000;
164+
}
165+
166+
.page-tile-item-D3:hover {
167+
transform: translateY(-4px);
168+
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
169+
border: 1px solid #000000;
170+
}
171+
172+
.page-tile-item-D4:hover {
173+
transform: translateY(-4px);
174+
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
175+
border: 1px solid #000000;
62176
}
63177

64178
.page-tile-roadmap {
@@ -67,7 +181,7 @@ <h3 class="page-tile-title">{{ page.title }}</h3>
67181
font-weight: 700;
68182
padding: 4px 10px;
69183
background-color: #eef2f9;
70-
color: #012152;
184+
color: #141414;
71185
border-radius: 20px;
72186
margin-bottom: 12px;
73187
}

0 commit comments

Comments
 (0)