Skip to content

adding conferences page #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ShreshthSaxena wants to merge 1 commit into
base: main
Choose a base branch
from
Open

adding conferences page #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 84 additions & 0 deletions conferences.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>BEATLab - Conferences</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.svg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: "Lato", sans-serif
}
</style>
</head>

<body>
<!-- Navbar -->
<div class="w3-top" style="max-width:100%">
<div class="w3-bar w3-black w3-card">
<a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="navToggle()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="index.html" class="w3-bar-item w3-button w3-padding-large">HOME</a>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="Learn">LEARN <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="Connect">CONNECT <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="join.html" class="w3-bar-item w3-button">Join</a>
<a href="participate.html" class="w3-bar-item w3-button">Participate</a>
<a href="donate.html" class="w3-bar-item w3-button">Donate</a>
<a href="contact.html" class="w3-bar-item w3-button">Contact</a>
</div>
</div>
<!-- <a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i
class="fa fa-search"></i></a> -->
</div>
</div>
<!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
<a href="people.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">People</a>
<a href="publications.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Publications</a>
<a href="research.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Research</a>
<a href="join.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Join</a>
<a href="participate.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Participate</a>
<a href="donate.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Donate</a>
<a href="contact.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Contact</a>
</div>
<!-- Page content -->
<div class="w3-content" style="max-width:100%;margin-top:92px">
<!-- The Publications Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="width:70%" id="publications">
<h1 class="w3-wide">CONFERENCES</h1>
<p class="w3-opacity"><i>Conference presentations from our lab</i></p>
<ul class="conference-list w3-justify">
<li class="conference">
<h2><a href="https://www.neuromusic.ca/schedule/"> Neuromusic 2023 </a></h2>
<ul class="presentation-list">
<li class="presentation"> Schlichting, J. L., Saxena, S., Flannery, M. B., & Fink, L. K. (2023). Social justice advocacy through music performance: Testing the influence of performance context and audience physiological responses. In NeuroMusic 2023 Conference. <a href="pdf_viewer.html?pdf=pdfs/joshua_neuromusic_19.pdf&to=schlichj@mcmaster.ca&title=Neuromusic Poster"><img src="images/link.png" alt="Image" width="16px" height="16px"></a></li>
<li class="presentation"> Flannery, M. B., & Fink, L. (2023). Automating music stimuli creation and analyses: A music synthesis algorithm for producing ground truth data. In NeuroMusic 2023 Conference. <a href="pdf_viewer.html?pdf=pdfs/maya_neuromusic_19.pdf&to=flannerm@mcmaster.ca&title=Neuromusic Poster"><img src="images/link.png" alt="Image" width="16px" height="16px"></a></li>
<li class="presentation">Saxena, S., & Fink, L. (2023). Synchronized multi-person eyetracking in dynamic scenes. In NeuroMusic 2023 Conference. <a href="pdf_viewer.html?pdf=pdfs/shreshth_neuromusic_19.pdf&to=saxens17@mcmaster.ca&title=Neuromusic Poster"><img src="images/link.png" alt="Image" width="16px" height="16px"></a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Footer. -->
<footer class="w3-container w3-center w3-opacity w3-light-grey">
<p class="w3-small" style="text-align:center">&copy; 2023 Lauren Fink</p>
<a href="index.html" target="_blank"> <img src="images/BL_logo_v5.svg" style="width:30%" style="height:30%" style="vertical-align:center"> </a>
</footer>
<script src="navToggle.js"></script>
</body>

</html>
1 change: 1 addition & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@
<a href="index.html#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions donate.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@
<a href="index.html#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
Binary file added images/link.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions join.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions participate.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@
<a href="index.html#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
100 changes: 100 additions & 0 deletions pdf_viewer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>BEATLab - Conferences/pdf</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.svg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: "Lato", sans-serif
}
</style>
</head>

<body>
<!-- Navbar -->
<div class="w3-top" style="max-width:100%">
<div class="w3-bar w3-black w3-card">
<a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="navToggle()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="index.html" class="w3-bar-item w3-button w3-padding-large">HOME</a>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="Learn">LEARN <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="Connect">CONNECT <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="join.html" class="w3-bar-item w3-button">Join</a>
<a href="participate.html" class="w3-bar-item w3-button">Participate</a>
<a href="donate.html" class="w3-bar-item w3-button">Donate</a>
<a href="contact.html" class="w3-bar-item w3-button">Contact</a>
</div>
</div>
</div>
</div>
<!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
<a href="people.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">People</a>
<a href="publications.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Publications</a>
<a href="research.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Research</a>
<a href="join.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Join</a>
<a href="participate.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Participate</a>
<a href="donate.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Donate</a>
<a href="contact.html" class="w3-bar-item w3-button w3-padding-large" onclick="navToggle()">Contact</a>
</div>
<!-- Page content -->
<div class="w3-content" style="max-width:80%;margin-top:92px; margin-bottom:92px">
<h1 class="w3-wide" id="title">PDF title</h1>
<p class="w3-opacity"><i>For questions/comments about the project, feel free to <a id="send-email" href="">send an email</a> to the author.</i></p>
<div id="pdf-container" class="w3-justify">
<iframe src="" id="pdf-iframe" width="100%" height="1000px"></iframe>
</div>
</div>
<!-- Footer. -->
<footer class="w3-container w3-center w3-opacity w3-light-grey">
<p class="w3-small" style="text-align:center">&copy; 2023 Lauren Fink</p>
<a href="index.html" target="_blank"> <img src="images/BL_logo_v5.svg" style="width:30%" style="height:30%" style="vertical-align:center"> </a>
</footer>
<script>
// Function to get query parameters from the URL
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (decodeURIComponent(pair[0]) == variable) {
return decodeURIComponent(pair[1]);
}
}
return null;
}

// Set PDF source from URL parameter
const title = getQueryVariable("title")
document.getElementById("title").textContent = title
const pdfName = getQueryVariable("pdf");
document.getElementById("pdf-iframe").src = pdfName;


// Add a click event to the "Send Email" link
const author_email = getQueryVariable("to")
document.getElementById("send-email").addEventListener("click", function(event) {
const subject = "[BEATLab Website] Re: " + title; // Include the PDF name in the subject
this.href = `mailto:${author_email}?subject=${encodeURIComponent(subject)}`;
});
</script>
<script src="navToggle.js"></script>
</body>

</html>
Binary file added pdfs/joshua_neuromusic_19.pdf
View file
Open in desktop
Binary file not shown.
Binary file added pdfs/maya_neuromusic_19.pdf
View file
Open in desktop
Binary file not shown.
Binary file added pdfs/shreshth_neuromusic_19.pdf
View file
Open in desktop
Binary file not shown.
1 change: 1 addition & 0 deletions people.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@
<a href="index.html#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions publications.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@
<a href="index.html#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions research.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@
<a href="index.html#about" class="w3-bar-item w3-button">About</a>
<a href="people.html" class="w3-bar-item w3-button">People</a>
<a href="publications.html" class="w3-bar-item w3-button">Publications</a>
<a href="conferences.html" class="w3-bar-item w3-button">Conferences</a>
<a href="research.html" class="w3-bar-item w3-button">Research Overview</a>
</div>
</div>
Expand Down