-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
140 lines (127 loc) · 4.97 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
---
layout: home
# articles:
# excerpt_type: html
---
<h1>Laboratory of Mathematics for Biology And Medicine</h1>
<!-- ******* START CAROUSEL ******** -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="white_bars">
<div class="carousel-inner hero_img_wrapper">
<div class="carousel-item active">
<img class="d-block hero_img" src="./assets/images/carousel/blackboard.jpeg" alt="" />
</div>
<div class="carousel-item">
<img class="d-block hero_img" src="./assets/images/carousel/corner_tree_t1.png" alt="Second slide" />
</div>
<!-- <div class="carousel-item">
<img
class="d-block hero_img"
src="./assets/images/carousel/qbc.jpg"
alt="Second slide"
/>
</div> -->
<div class="carousel-item">
<img class="d-block hero_img" src="./assets/images/carousel/adavn.png" alt="Second slide" />
</div>
<div class="carousel-item">
<img class="d-block hero_img" src="./assets/images/carousel/GM2-eps-converted-to.png" alt="Second slide" />
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- ******* END CAROUSEL ******** -->
<br />
<p>
Our research group is interested in the development of mathematical and
computational methods for the analysis of biological and medical data. Moreover,
we provide courses related to the application of mathematics to biology and medicine
in the Master in Mathematics organized by our Department.
<br />
<strong>Check out our latest publications and events!</strong>
</p>
<h2>Research topics</h2>
<ul>
{% for research in site.research %}
<li>
<a href="{{ research.url }}"> {{research.title}} </a>
</li>
{% endfor %}
</ul>
<hr />
<h2>Events</h2>
{% for event in site.events %}
<div upcoming-date="{{ event.standard_date | date: '%Y%m%d' }}" class="card_event_wrapper">
<a href="{{ event.url }}">
<div class="card_event">
{% if event.photo == blank %}
<img class="event_photo" src="assets/android-chrome-512x512.png" width="150" height="150" />
{% else %}
<img class="event_photo" src="{{ event.photo }}" width="150" height="150" />
{% endif %}
<div class="event_info">
<h4>{{ event.title }}</h4>
{% if event.speaker != blank %}
<p><span>Speaker:</span> {{ event.speaker}}</p>
{% endif %}
<p class="event_date">{{ event.standard_date }} {{event.time}}</p>
</div>
</div>
</a>
</div>
{% endfor %}
<hr />
<h2>News</h2>
{% for news in site.news %}
<div upcoming-date="{{ news.standard_date | date: '%Y%m%d' }}" class="card_news_wrapper">
<a href="{{ news.url }}">
<div class="card_news">
<div class="news_info">
<p class="news_date">{{ news.standard_date }}</p>
<h4>{{ news.title }}</h4>
<p class="news_ref_person">{{ news.reference_person}}</p>
</div>
</div>
</a>
</div>
{% endfor %}
<!-- js script to get today's date -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
function getCompareDate() {
var d = new Date(),
month = "" + (d.getMonth() + 1),
day = "" + d.getDate(),
year = d.getFullYear();
if (month.length < 2) month = "0" + month;
if (day.length < 2) day = "0" + day;
return [year, month, day].join("");
}
$("[past-date]").each(function () {
if ($(this).attr("past-date") >= getCompareDate()) $(this).hide();
});
$("[upcoming-date]").each(function () {
if ($(this).attr("upcoming-date") < getCompareDate()) $(this).hide();
});
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>