Skip to content

Commit 0cc2262

Browse files
ipewzneripewzner
committed
add Keynote Spekers
fix homePage numbers fix jemping down grefic on click menu item
1 parent 7390adb commit 0cc2262

7 files changed

Lines changed: 244 additions & 25 deletions

‎KeynoteSpeakersPage.js‎

Lines changed: 95 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,111 @@
1-
class KeynoteSpeakersPage extends HTMLElement {
1+
class KeynoteSpeakersPage extends HTMLElement {
22
connectedCallback() {
33
this.innerHTML = `
4-
<div class="organizing-committee">
5-
<img src="img/Vertical wave.png" alt="Vertical wave" class="background-content-demos">
4+
<style>
5+
6+
7+
8+
9+
.speaker {
10+
margin-bottom: 40px;
11+
}
12+
13+
.speaker-header {
14+
display: flex;
15+
align-items: center;
16+
margin-bottom: 15px;
17+
}
18+
19+
.parson-img {
20+
width: 150px;
21+
height: 150px;
22+
object-fit: cover;
23+
border-radius: 50%;
24+
margin-right: 20px;
25+
border: 3px solid #005f99;
26+
}
27+
28+
.speaker-info {
29+
flex: 1;
30+
}
31+
32+
.name {
33+
font-size: 1.5em;
34+
font-weight: bold;
35+
color: #005f99;
36+
margin-bottom: 5px;
37+
}
38+
39+
.position {
40+
font-style: italic;
41+
margin-bottom: 10px;
42+
color: #666;
43+
}
44+
45+
.title {
46+
font-weight: bold;
47+
margin-top: 10px;
48+
margin-bottom: 10px;
49+
color: #333;
50+
}
51+
52+
@media (max-width: 600px) {
53+
.speaker-header {
54+
flex-direction: column;
55+
align-items: center;
56+
text-align: center;
57+
}
58+
59+
.parson-img {
60+
margin-right: 0;
61+
margin-bottom: 15px;
62+
}
63+
}
64+
</style>
65+
66+
<div class="keynote-container">
67+
<img src="img/Vertical wave.png" alt="Vertical wave" class="background-content-demos">
668
769
<div class="demos-container">
870
<img src="img/wave.png" alt="wave" class="wave">
971
<h2 class="wave-line-h2">Keynote Speakers</h2>
1072
<img src="img/wave.png" alt="wave" class="wave miror">
1173
</div>
1274
75+
<div class="speaker">
76+
<div class="speaker-header">
77+
<img src="img/Jeff Neasham 29-02-24.jpg" alt="Jeff Neasham img" class="parson-img">
78+
<div class="speaker-info">
79+
<p class="name">Prof. Jeff Neasham</p>
80+
<p class="position">Chair in Acoustic Signal Processing<br>
81+
Head of Intelligent Sensing and Communication (ISC) Research Group</p>
82+
</div>
83+
</div>
84+
<p class="title">Development of real-time passive acoustic detection systems for marine mammals</p>
85+
<p>
86+
Professor Jeff Neasham graduated in electronic engineering from Newcastle University, Newcastle upon Tyne, UK, in 1994. He worked at Newcastle University from 1994 until 2007 as a Research Associate on research and commercial product development in underwater acoustic communication, sonar imaging, and wireless sensor networks, before taking up an academic post. He is currently Chair in Acoustic Signal Processing with the School of Engineering, Newcastle University, leading the Intelligent Sensing and Communications Research Group and directing the Sensors, Electromagnetics and Acoustics Laboratory (SEALab). He has published over 150 conference and journal publications, and his work on underwater acoustic communication and positioning has been commercialised by companies in the UK and Italy. His current research interests are in underwater acoustic signal processing and device design, wireless communication networks, passive acoustic detection/localisation and biomedical instrumentation.
87+
</p>
88+
</div>
1389
14-
<p class="to-be-updated">To be updated</p>
15-
<br>
16-
<br>
17-
<br>
18-
<br>
19-
<br>
20-
<br>
21-
<br>
22-
<br>
23-
<br>
24-
<p class="to-be-updated"> </p>
90+
<div class="speaker">
91+
<div class="speaker-header">
92+
<img src="img/Jeff Neasham 29-02-24.jpg" alt="Jeff Neasham img" class="parson-img">
93+
<div class="speaker-info">
94+
<p class="name">Prof. Jeff Neasham</p>
95+
<p class="position">Chair in Acoustic Signal Processing<br>
96+
Head of Intelligent Sensing and Communication (ISC) Research Group</p>
97+
</div>
98+
</div>
99+
<p class="title">Development of real-time passive acoustic detection systems for marine mammals</p>
100+
<p>
101+
Professor Jeff Neasham graduated in electronic engineering from Newcastle University, Newcastle upon Tyne, UK, in 1994. He worked at Newcastle University from 1994 until 2007 as a Research Associate on research and commercial product development in underwater acoustic communication, sonar imaging, and wireless sensor networks, before taking up an academic post. He is currently Chair in Acoustic Signal Processing with the School of Engineering, Newcastle University, leading the Intelligent Sensing and Communications Research Group and directing the Sensors, Electromagnetics and Acoustics Laboratory (SEALab). He has published over 150 conference and journal publications, and his work on underwater acoustic communication and positioning has been commercialised by companies in the UK and Italy. His current research interests are in underwater acoustic signal processing and device design, wireless communication networks, passive acoustic detection/localisation and biomedical instrumentation.
102+
</p>
103+
</div>
25104
105+
<p class="to-be-updated"></p>
26106
</div>
27107
`;
28108
}
29109
}
30110

31-
customElements.define('keynote-speakers-page', KeynoteSpeakersPage);
111+
customElements.define('keynote-speakers-page', KeynoteSpeakersPage);

‎OrganizingCommitteePage copy 2.js‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
class OrganizingCommitteePage extends HTMLElement { // Changed class name to DemosPage
2+
connectedCallback() {
3+
this.innerHTML = `
4+
<div class="organizing-committee">
5+
<img src="img/Vertical wave.png" alt="Vertical wave" class="background-content-demos">
6+
7+
<div class="demos-container">
8+
<img src="img/wave.png" alt="wave" class="wave">
9+
<h2 class="wave-line-h2">Organizing Committee</h2>
10+
<img src="img/wave.png" alt="wave" class="wave miror">
11+
</div>
12+
13+
14+
15+
<ul>
16+
<li>
17+
<img src="img/RoeePic10.jpeg" alt="parson" class="parson-img">
18+
<div>
19+
<p class="name">Associate Prof. Roee Diamant,</p>
20+
<p>Department of Marine Technologies, University of Haifa</p>
21+
<p>Faculty of Electrical and Computing Engineeing, University of Zagreb</p>
22+
</div>
23+
</li>
24+
<li>
25+
<img src="img/AviadScheinin.jpg" alt="parson" class="parson-img">
26+
<div>
27+
<p class="name">Dr. Aviad Shienin,</p>
28+
<p>Department of Marine Biology, University of Haifa</p>
29+
<p>Head of the Dolphin & Sea Educational Centre of IMMRAC, Ashdod</p>
30+
</div>
31+
</li>
32+
<li>
33+
<img src="img/Shimrit.jpg" alt="parson" class="parson-img">
34+
<div>
35+
<p class="name">Mrs. Shimrit Haimzon,</p>
36+
<p>School of Marine Sciences, University of Haifa</p>
37+
</div>
38+
</li>
39+
<li>
40+
<img src="img/ShlomiDahan.png" alt="parson" class="parson-img">
41+
<div>
42+
<p class="name">Mr. Shlomi Dahan,</p>
43+
<p>Department of Marine Technologies, University of Haifa</p>
44+
</div>
45+
</li>
46+
</ul>
47+
48+
</div>
49+
`;
50+
}
51+
}
52+
53+
customElements.define('organizing-committee-page', OrganizingCommitteePage);

‎OrganizingCommitteePage copy.js‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
class KeynoteSpeakersPage extends HTMLElement {
2+
connectedCallback() {
3+
this.innerHTML = `
4+
<div class=\"organizing-committee\">
5+
<img src=\"img/Vertical wave.png\" alt=\"Vertical wave\" class=\"background-content-demos\">
6+
7+
<div class=\"demos-container\">
8+
<img src=\"img/wave.png\" alt=\"wave\" class=\"wave\">
9+
<h2 class=\"wave-line-h2\">Keynote Speakers</h2>
10+
<img src=\"img/wave.png\" alt=\"wave\" class=\"wave miror\">
11+
</div>
12+
13+
<ul>
14+
<li>
15+
<img src=\"img/Jeff Neasham 29-02-24.jpg\" alt=\"Jeff Neasham img\" class=\"parson-img\">
16+
<div>
17+
<p class=\"name\">Prof. Jeff Neasham</p>
18+
<p>Chair in Acoustic Signal Processing </p>
19+
<p>Head of Intelligent Sensing and Communication (ISC) Research Group</p>
20+
</div>
21+
<div class=\"title\">
22+
Development of real-time passive acoustic detection systems for marine mammals
23+
</div>
24+
<p>
25+
Professor Jeff Neasham graduated in electronic engineering from Newcastle University, Newcastle upon Tyne, UK, in 1994. He worked at Newcastle University from 1994 until 2007 as a Research Associate on research and commercial product development in underwater acoustic communication, sonar imaging, and wireless sensor networks, before taking up an academic post. He is currently Chair in Acoustic Signal Processing with the School of Engineering, Newcastle University, leading the Intelligent Sensing and Communications Research Group and directing the Sensors, Electromagnetics and Acoustics Laboratory (SEALab). He has published over 150 conference and journal publications, and his work on underwater acoustic communication and positioning has been commercialised by companies in the UK and Italy. His current research interests are in underwater acoustic signal processing and device design, wireless communication networks, passive acoustic detection/localisation and biomedical instrumentation.
26+
</p>
27+
</li>
28+
</ul>
29+
30+
</div>
31+
`;
32+
}
33+
}
34+
35+
customElements.define('keynote-speakers-page', KeynoteSpeakersPage);

‎OrganizingCommitteePage.js‎

Lines changed: 51 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,56 @@
11
class OrganizingCommitteePage extends HTMLElement { // Changed class name to DemosPage
22
connectedCallback() {
33
this.innerHTML = `
4+
<style>
5+
6+
ul {
7+
list-style: none;
8+
padding: 0;
9+
}
10+
11+
li {
12+
display: flex;
13+
margin-bottom: 40px;
14+
}
15+
16+
.parson-img {
17+
width: 150px;
18+
height: 150px;
19+
object-fit: cover;
20+
border-radius: 50%;
21+
margin-right: 20px;
22+
border: 3px solid #005f99;
23+
}
24+
25+
.name {
26+
font-size: 1.5em;
27+
font-weight: bold;
28+
color: #005f99;
29+
margin-bottom: 5px;
30+
}
31+
32+
.title {
33+
font-weight: bold;
34+
margin-top: 15px;
35+
margin-bottom: 10px;
36+
color: #333;
37+
}
38+
39+
@media (max-width: 600px) {
40+
li {
41+
flex-direction: column;
42+
align-items: center;
43+
text-align: center;
44+
45+
}
46+
47+
.parson-img {
48+
margin-right: 0;
49+
margin-bottom: 15px;
50+
}
51+
}
52+
</style>
53+
454
<div class="organizing-committee">
555
<img src="img/Vertical wave.png" alt="Vertical wave" class="background-content-demos">
656
@@ -11,8 +61,7 @@ class OrganizingCommitteePage extends HTMLElement { // Changed class name to Dem
1161
</div>
1262
1363
14-
15-
<ul>
64+
<ul>
1665
<li>
1766
<img src="img/RoeePic10.jpeg" alt="parson" class="parson-img">
1867
<div>

‎img/Jeff Neasham 29-02-24.jpg‎

87.3 KB
Loading

‎script.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,11 @@ document.addEventListener('DOMContentLoaded', function () {
2020

2121
if (page === 'Home') {
2222
document.querySelector('.background-top-demos').style.transform = 'translateY(0%)';
23-
document.querySelector('.content').style.top = '30%';
23+
//document.querySelector('.content').style.top = '30%';
2424

2525
} else {
2626
document.querySelector('.background-top-demos').style.transform = 'translateY(0%)';
27-
document.querySelector('.content').style.top = '30%';
27+
//document.querySelector('.content').style.top = '30%';
2828
}
2929

3030
if (contentDiv) {

‎style.css‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -156,7 +156,7 @@ footer {
156156
margin: 0px auto;
157157
background-color: rgb(218 241 251);
158158
padding: 20px;
159-
min-height: 200px;
159+
min-height: 60%;
160160
}
161161

162162
li {
@@ -274,6 +274,11 @@ p {
274274

275275
}
276276

277+
.keynote-container {
278+
margin-inline-start: 20%;
279+
margin-inline-end: 20%;
280+
}
281+
277282
.organizing-committee {
278283
margin-inline-start: 20%;
279284
margin-inline-end: 20%;
@@ -286,7 +291,6 @@ p {
286291

287292
.organizing-committee ul li {
288293
display: flex;
289-
align-items: flex-start;
290294
margin-bottom: 20px;
291295
}
292296

@@ -367,6 +371,7 @@ ol li {
367371
margin-bottom: 4px;
368372
margin-left: 19px;
369373
color: black;
374+
line-height: 1.5;
370375
/*font-size: 0.7rem;*/
371376
}
372377

@@ -558,10 +563,7 @@ ol li:before {
558563
margin-inline-end: 5%;
559564
}
560565

561-
.organizing-committee {
562-
margin-inline-start: 5%;
563-
margin-inline-end: 5%;
564-
}
566+
565567

566568
.call-for-abstracts {
567569
margin-inline-start: 5%;

0 commit comments

Comments
 (0)