Skip to content

Commit eebc5b1

Browse files
NikeshbajajNikeshbajaj
committed
update 108
1 parent ddadb0a commit eebc5b1

File tree

4 files changed

+301
-65
lines changed

4 files changed

+301
-65
lines changed

‎assets/style_nb.min.css‎

Lines changed: 66 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,11 +23,11 @@
2323
justify-content: left
2424
}
2525

26-
/* .imgb {
26+
.imgbb {
2727
max-width: 100%;
2828
max-height:100%;
2929
float: left;
30-
} */
30+
}
3131

3232
.textb {
3333
font-size: 20px;
@@ -36,6 +36,21 @@
3636
/* float: left; */
3737
}
3838

39+
40+
/* @media(min-width:583px) { */
41+
/* .textb{ */
42+
/* font-size: 1em; */
43+
/* padding-top: -15%; */
44+
/* float: right; */
45+
/* float: flex; */
46+
/* display:inline-block; */
47+
/* display:block; */
48+
/* max-width: 50%; */
49+
/* } */
50+
/* } */
51+
52+
53+
3954
.container-IMT-left-profile {
4055
/* display: flex; */
4156
align-items: right;
@@ -112,6 +127,55 @@
112127
margin-right: calc(50% - 20px);
113128
padding-right: 10px;
114129
}
130+
}
131+
132+
133+
134+
135+
136+
137+
.gallary-card-nb{
138+
background-color: #fffdfd;
139+
background-clip: border-box;
140+
border: 1px solid rgba(0, 0, 0, 1);
141+
border-radius: 1rem;
142+
border-left: 1px solid !important;
143+
border-right: 1px solid !important;
144+
border-top: 1px solid !important;
145+
border-bottom: 1px solid !important;
146+
cursor: pointer;
147+
/* display: -ms-flexbox; */
148+
/* display: flex; */
149+
-ms-flex-direction: column;
150+
flex-direction: column;
151+
min-width: 0;
152+
position: relative;
153+
overflow: hidden;
154+
word-wrap: break-word;
155+
font-size: 14px;
156+
margin-left: 5px;
157+
margin-right: 5px;
158+
margin-top: 10px;
159+
box-shadow: 3px 3px 10px #545454;
160+
transition: box-shadow 0.15s;
161+
162+
163+
}
164+
165+
.gallary-card-nb:hover{
166+
/* opacity: 0.8; */
167+
box-shadow: 5px 5px 4px #68191990;
168+
}
169+
170+
171+
.column-box{
172+
display: inline-block;
173+
width:fit-content;
174+
175+
}
176+
177+
178+
115179

116180

117181

‎gallery/index.html‎

Lines changed: 124 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -159,66 +159,172 @@ <h1 id="gallery">Gallery</h1>
159159
<div class="divider-10"></div>
160160
<p><br /></p>
161161

162+
<div class="column-box">
163+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
164+
<center>
165+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank">
166+
<img src="/assets/imgs/yummy_icon.png" alt="Yummy" style="width:80%" /></a>
167+
</center>
168+
<div class="card-body">
169+
<h4 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h4>
170+
<h4 class="card-title" style="text-align: center;"><b>Yummy Dataset</b></h4>
171+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab\" /></a>
172+
</div>
173+
</div>
174+
</div>
175+
176+
<div class="column-box">
177+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
178+
<center>
179+
<a href="https://www.kaggle.com/code/nikeshbajaj/mlend-snd-getting-started" target="_blank">
180+
<img src="/assets/imgs/square_r_1.png" alt="Spoken-numerals" style="width:70%;opacity: 0.5;" /></a>
181+
</center>
182+
<div class="card-body">
183+
<h5 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h5>
184+
<h5 class="card-title" style="text-align: center;"><b>Spoken-Numerals</b></h5>
185+
<a href="https://www.kaggle.com/code/nikeshbajaj/mlend-snd-getting-started" target="_blank"> <img src="/assets/imgs/kaggle-badge.svg" alt="Open In Kaggle\" /></a>
186+
</div>
187+
</div>
188+
</div>
189+
190+
<div class="column-box">
191+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
192+
<center>
193+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_blank">
194+
<img src="/assets/imgs/square_r_1.png" alt="Spoken-numerals" style="width:70%;opacity: 0.5;" /></a>
195+
</center>
196+
<div class="card-body">
197+
<h5 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h5>
198+
<h5 class="card-title" style="text-align: center;"><b>Spoken-Numerals</b></h5>
199+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_parent"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab" /></a>
200+
<a href="https://mybinder.org/v2/gh/MLEndDatasets/Notebooks/HEAD?labpath=MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_blank"> <img src="https://mybinder.org/badge_logo.svg" alt="Open In Binder\" /></a>
201+
</div>
202+
</div>
203+
</div>
204+
205+
<!-- <div class="gallary-card-nb" style="width: 18rem;height:25rem;">
206+
</div>
207+
208+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
209+
</div>
210+
211+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
212+
</div> -->
213+
214+
<!-- <div class="container"> -->
215+
216+
<!-- <div class="column-box">
217+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
218+
<center>
219+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank">
220+
<img src= "/assets/imgs/yummy_icon.png" alt="Yummy" style="width:80%"></a>
221+
</center>
222+
<div class="card-body">
223+
<h4 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h4>
224+
<h4 class="card-title" style="text-align: center;"><b>Yummy Dataset</b></h4>
225+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab\"/></a>
226+
</div>
227+
</div>
228+
</div>
229+
230+
<div class="column-box">
231+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
232+
<center>
233+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank">
234+
<img src= "/assets/imgs/yummy_icon.png" alt="Yummy" style="width:80%"></a>
235+
</center>
236+
<div class="card-body">
237+
<h4 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h4>
238+
<h4 class="card-title" style="text-align: center;"><b>Yummy Dataset</b></h4>
239+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab\"/></a>
240+
</div>
241+
</div>
242+
</div> -->
243+
244+
<!-- <div class="column-box">
245+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
246+
</div>
247+
</div>
248+
<div class="column-box">
249+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
250+
</div>
251+
</div>
252+
<div class="column-box">
253+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
254+
</div>
255+
</div>
256+
<div class="column-box">
257+
<div class="gallary-card-nb" style="width: 18rem;height:25rem;">
258+
</div>
259+
</div> -->
260+
261+
<!-- </div> -->
262+
263+
<!--
162264
<div class="section" id="projects-list">
163265
<div class="container">
164-
<!-- <h3 style="font-weight:600; font-family: sans-serif;"> TODO <div style="float:right"><span></span></div></h3> -->
165-
<!-- <br style="line-height:200%;"> ... -->
166-
<br style="line-height:200%;" />
167-
<br style="line-height:200%;" />
168-
<!-- "/assets/bootstrap.min.css" -->
266+
<br style="line-height:200%;">
267+
<br style="line-height:200%;">
169268
<table>
170269
<tbody>
171270
<td>
172271
<div class="card" style="width: 18rem;height:25rem;">
173272
<center>
174273
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank">
175-
<img src="/assets/imgs/yummy_icon.png" alt="Yummy" style="width:80%" /></a>
274+
<img src= "/assets/imgs/yummy_icon.png" alt="Yummy" style="width:80%"></a>
176275
</center>
177276
<div class="card-body">
178277
<h4 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h4>
179278
<h4 class="card-title" style="text-align: center;"><b>Yummy Dataset</b></h4>
180-
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab\" /></a>
181-
<!-- <br> -->
279+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_2023_Starter_kit.ipynb" target="_blank"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab\"/></a>
182280
</div>
183281
</div>
184282
</td>
185283
<td style="width: 5%;"></td>
186284
<td>
187-
<!-- <div class="w-100 d-none d-sm-block d-md-none"></div> -->
188285
<div class="card" style="width: 18rem;height:25rem;">
189286
<center>
190287
<a href="https://www.kaggle.com/code/nikeshbajaj/mlend-snd-getting-started" target="_blank">
191-
<img src="/assets/imgs/square_r_1.png" alt="Spoken-numerals" style="width:70%;opacity: 0.5;" /></a>
288+
<img src= "/assets/imgs/square_r_1.png" alt="Spoken-numerals" style="width:70%;opacity: 0.5;"></a>
192289
</center>
193290
<div class="card-body">
194291
<h5 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h5>
195292
<h5 class="card-title" style="text-align: center;"><b>Spoken-Numerals</b></h5>
196-
<a href="https://www.kaggle.com/code/nikeshbajaj/mlend-snd-getting-started" target="_blank"> <img src="/assets/imgs/kaggle-badge.svg" alt="Open In Kaggle\" /></a>
197-
293+
<a href="https://www.kaggle.com/code/nikeshbajaj/mlend-snd-getting-started" target="_blank"> <img src="/assets/imgs/kaggle-badge.svg" alt="Open In Kaggle\"/></a>
198294
</div>
199295
</div>
200296
</td>
201297
<td style="width: 5%;"></td>
202298
<td>
203-
<!-- <div class="w-100 d-none d-sm-block d-md-none"></div> -->
204299
<div class="card" style="width: 18rem;height:25rem;">
205300
<center>
206301
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_blank">
207-
<img src="/assets/imgs/square_r_1.png" alt="Spoken-numerals" style="width:70%;opacity: 0.5;" /></a>
302+
<img src= "/assets/imgs/square_r_1.png" alt="Spoken-numerals" style="width:70%;opacity: 0.5;"></a>
208303
</center>
209304
<div class="card-body">
210305
<h5 class="card-title" style="text-align: center;"><b>A Starter-kit</b></h5>
211306
<h5 class="card-title" style="text-align: center;"><b>Spoken-Numerals</b></h5>
212-
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_parent"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab" /></a>
213-
<a href="https://mybinder.org/v2/gh/MLEndDatasets/Notebooks/HEAD?labpath=MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_blank"> <img src="https://mybinder.org/badge_logo.svg" alt="Open In Binder\" /></a>
214-
215-
307+
<a href="https://colab.research.google.com/github/MLEndDatasets/Notebooks/blob/main/MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_parent"> <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/></a>
308+
<a href="https://mybinder.org/v2/gh/MLEndDatasets/Notebooks/HEAD?labpath=MLEnd_Spoken_Numerals_Starter_kit.ipynb" target="_blank"> <img src="https://mybinder.org/badge_logo.svg" alt="Open In Binder\"/></a>
216309
</div>
217310
</div>
218311
</td>
219312
</tbody>
220313
</table>
221314
315+
316+
317+
318+
<br>
319+
<br style="line-height:200%;"> ...
320+
<br style="line-height:200%;">
321+
<h3 style="font-weight:600; font-family: sans-serif;"> TODO <div style="float:right"><span></span></div></h3>
322+
<br style="line-height:200%;"> ...
323+
<br style="line-height:200%;">
324+
<br style="line-height:200%;">
325+
</div>
326+
</div> -->
327+
222328
<!-- <div class="card-deck-gallery mb-4 text-center">
223329
<div class="card" style="width: 18rem;">
224330
<center>
@@ -244,17 +350,6 @@ <h5 class="card-title" style="text-align: center;"><b>Spoken-Numerals</b></h5>
244350
</div>
245351
</div> -->
246352

247-
248-
<br />
249-
<!-- <br style="line-height:200%;"> ... -->
250-
<br style="line-height:200%;" />
251-
<!-- <h3 style="font-weight:600; font-family: sans-serif;"> TODO <div style="float:right"><span></span></div></h3> -->
252-
<!-- <br style="line-height:200%;"> ... -->
253-
<br style="line-height:200%;" />
254-
<br style="line-height:200%;" />
255-
</div>
256-
</div>
257-
258353
<!-- </article> -->
259354
</div>
260355
</div>

‎index.html‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -159,17 +159,26 @@
159159

160160
<br>
161161
<div class="container-IMT-left">
162-
<div class="imgb">
162+
<div class="imgbb">
163163
<img src="./assets/imgs/mlend_logo.png" width="400">
164164
</div>
165165
<!-- <div class="w-100 d-none d-sm-block d-md-none"></div> -->
166-
<div class="textb">
166+
<!-- <div class="textb">
167167
<h3><b>Welcome to MLEnd Datasets!</b></h4>
168168
<p >The MLEnd Datasets is a collection of datasets acquired during the modules <i>Principles of Machine Learning</i> and <i>Introduction to Data Science Programming</i>
169169
led by the Data Science and AI Teaching Group at Queen Mary Univeristy of London.
170170
Following collaborative crowdsourcing approaches, students participate in the processes of data collection and curation. Then, they formulate and solve problems using the dataset that they have co-created.
171171
This unique learning experience builds upon a deployment-first perspective of machine learning and constructivism and allows our students to gain first-hand a deeper understanding of the significance of data collection and curation.
172172
</p>
173+
</div> -->
174+
175+
<div class="textb">
176+
<h3><b>Welcome to MLEnd Datasets!</b></h4>
177+
The MLEnd Datasets is a collection of datasets acquired during the modules <i>Principles of Machine Learning</i> and <i>Introduction to Data Science Programming</i>
178+
led by the Data Science and AI Teaching Group at Queen Mary Univeristy of London.
179+
Following collaborative crowdsourcing approaches, students participate in the processes of data collection and curation. Then, they formulate and solve problems using the dataset that they have co-created.
180+
This unique learning experience builds upon a deployment-first perspective of machine learning and constructivism and allows our students to gain first-hand a deeper understanding of the significance of data collection and curation.
181+
<!-- </p> -->
173182
</div>
174183
</div>
175184

0 commit comments

Comments
 (0)