Skip to content
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

Jump to bottom

Update event page #836

Merged
merged 1 commit into from
Nov 23, 2024
Merged

Update event page #836

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
1 change: 0 additions & 1 deletion apps/humanatlas.io/src/static/events/2024-24h/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12053,7 +12053,6 @@ html {
html,
body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
Expand Down
110 changes: 17 additions & 93 deletions apps/humanatlas.io/src/static/events/2024-24h/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@
dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'G-H5FEBMK0QE');
</script>
<script>
Expand Down Expand Up @@ -102,8 +101,12 @@ <h2 class="masthead-subheading mb-4">Let's explore data!</h2>
<h1 class="pt-5 pb-3" style="margin: auto; text-align: center">About</h1>
<p style="margin: auto; text-align: left; max-width: 700px">
Join us for a groundbreaking 24-hour online webinar on December 14-15, hosted via Zoom. This event will delve
into the complexities of <strong>“What is a Multiscale Human”</strong> a revolutionary research focus led by
CNS in partnership with CIFAR. <br /><br />
into the complexities of
<strong>“What is a Multiscale Human”</strong> a revolutionary research focus led by CNS in partnership with
CIFAR.
</p>
<br />
<p style="margin: auto; text-align: left; max-width: 700px">
Starting at <strong>12:00 PM on December 14</strong> and running until
<strong>12:00 PM on December 15</strong>, each hour will introduce a unique topic related to the multiscale
mapping of the human body. This webinar offers a rare opportunity to dive into topics such as
Expand Down Expand Up @@ -303,7 +306,7 @@ <h4></h4>
<img class="rounded-circle imgtimeline" src="assets/img/1am.png" alt="..." />
<h2>1AM</h2>
<h6>6AM in London (GMT), 3PM in Tokyo (GMT+9)</h6>
<h4></h4>
<h4>VIDEOS: Human Atlas Data</h4>
<p></p>
</div>
</div>
Expand All @@ -312,7 +315,7 @@ <h4></h4>
<img class="rounded-circle imgtimeline" src="assets/img/2am.png" alt="..." />
<h2>2AM</h2>
<h6>7AM in London (GMT), 4PM in Tokyo (GMT+9)</h6>
<h4></h4>
<h4>VIDEOS: Human Atlas Methods</h4>
<p></p>
</div>
</div>
Expand All @@ -321,7 +324,7 @@ <h4></h4>
<img class="rounded-circle imgtimeline" src="assets/img/3am.png" alt="..." />
<h2>3AM</h2>
<h6>8AM in London (GMT), 5PM in Tokyo (GMT+9)</h6>
<h4></h4>
<h4>VIDEOS: Human Atlas Technologies</h4>
<p></p>
</div>
</div>
Expand All @@ -330,7 +333,7 @@ <h4></h4>
<img class="rounded-circle imgtimeline" src="assets/img/4am.png" alt="..." />
<h2>4AM</h2>
<h6>9AM in London (GMT), 6PM in Tokyo (GMT+9)</h6>
<h4>Video: Human Reference Atlas</h4>
<h4>VIDEOS: Human Atlas Tools</h4>
<p><strong>Moderator:</strong> Andreas Bueckle, <em>Indiana University</em></p>
<p><strong>Presenter:</strong> <em></em></p>
</div>
Expand All @@ -340,7 +343,7 @@ <h4>Video: Human Reference Atlas</h4>
<img class="rounded-circle imgtimeline" src="assets/img/5am.png" alt="..." />
<h2>5AM</h2>
<h6>10AM in London (GMT), 7PM in Tokyo (GMT+9)</h6>
<h4>Video: Human Reference Atlas Data</h4>
<h4>VIDEOS: Human Atlas Insights</h4>
<p><strong>Moderator:</strong> Andreas Bueckle, <em>Indiana University</em></p>
</div>
</div>
Expand All @@ -349,7 +352,7 @@ <h4>Video: Human Reference Atlas Data</h4>
<img class="rounded-circle imgtimeline" src="assets/img/6am.png" alt="..." />
<h2>6AM</h2>
<h6>11AM in London (GMT), 8PM in Tokyo (GMT+9)</h6>
<h4>Video: Human Reference Atlas People</h4>
<h4>Computational Cell Atlas Assembly</h4>
<p><strong>Moderator:</strong> Andreas Bueckle, <em>Indiana University</em></p>
</div>
</div>
Expand Down Expand Up @@ -409,7 +412,7 @@ <h4>Panel: Ontologies and AI</h4>
<img class="rounded-circle imgtimeline" src="assets/img/10am.png" alt="..." />
<h2>10AM</h2>
<h6>3PM in London (GMT), 12AM in Tokyo (GMT+9)</h6>
<h4>Panel: Industry</h4>
<h4>Novel Methods and Technologies</h4>
<p></p>
</div>
</div>
Expand All @@ -418,7 +421,8 @@ <h4>Panel: Industry</h4>
<img class="rounded-circle imgtimeline" src="assets/img/11am.png" alt="..." />
<h2>11AM</h2>
<h6>4PM in London (GMT), 1AM in Tokyo (GMT+9)</h6>
<h4>Panel: Infrastructure</h4>
<h4>FAIR & Scalable Infrastructures</h4>
<p><strong>Moderator:</strong> Katy Börner, <em>Indiana University</em></p>
<p><strong>Presenters:</strong></p>
<ul>
<li>Deanne Taylor, <em>Children's Hospital of Philadelphia</em></li>
Expand Down Expand Up @@ -465,7 +469,7 @@ <h1 class="pt-5 pb-3" style="margin: auto; text-align: center">We would like to
<strong>Melina Casadio, Nature and Alex Bannister, Abcam</strong> - for social media support.
</li>
</ul>
<br /><br />
<br />
<p style="margin: auto; text-align: left; max-width: 700px">
<em
><strong>
Expand Down Expand Up @@ -528,92 +532,12 @@ <h1 class="pt-5 pb-3" style="margin: auto; text-align: center">We would like to
</div>
</div>
</div>
<!-- </div> -->
<!-- <footer>
<div class="footerleft">
<img src="assets/UI Assets/logo.svg">
<div class="footercopyright">
<a href="https://humanatlas.io/" target="_blank"><img src="assets/UI Assets/copyrightsymbol.svg"></a>
2024 CNS at Indiana University
</div>
</div>
<div class="footermiddle">
<div class="footerlogocenter">
<div class="footerlogos">
<a href="https://twitter.com/cnscenter" target="_blank"><img
src="assets/UI Assets/social media.svg"></a>
<a href="https://www.facebook.com/cnscenter/" target="_blank"><img
src="assets/UI Assets/social media-1.svg"></a>
<a href="https://www.instagram.com/cns_at_iu/" target="_blank"><img
src="assets/UI Assets/social media-2.svg"></a>
<a href="https://www.youtube.com/@CNSCenter/" target="_blank"><img
src="assets/UI Assets/social media-3.svg"></a>
<a href="https://www.linkedin.com/company/cns-indiana-university-bloomington" target="_blank"><img
src="assets/UI Assets/social media-4.svg"></a>
<a href="https://twitter.com/cnscenter" target="_blank"><img
src="assets/UI Assets/social media-5.svg"></a>
</div>
<div class="footerfounders">
<p>Funded By:</p>
<div class="founderlogos">
<a href="https://www.nih.gov/" target="_blank"><img src="assets/UI Assets/icon_ funder.svg"></a>
<a href="https://cifar.ca/" target="_blank"><img src="assets/UI Assets/icon_ funder-1.svg"></a>
<a href="https://www.iu.edu/index.html" target="_blank"><img
src="assets/UI Assets/icon_ funder-2.svg"></a>
</div>
</div>
</div>
<p class="medicaldisclaimer">Medical Disclaimer: This resource is intended for research purposes only. It
should not be used for
emergencies or medical or professional advice. </p>
</div>
</footer> -->

<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<script src="js/particles.js"></script>
<script src="js/app.js"></script>
<script>
var myIndex = 0;
carousel();

function carousel() {
var i;
var x = document.getElementsByClassName('mySlides');
var y = document.getElementsByClassName('mySlides2');
var z = document.getElementsByClassName('mySlides3');
var a = document.getElementsByClassName('mySlides4');
var b = document.getElementsByClassName('mySlides5');
var c = document.getElementsByClassName('mySlides6');
var d = document.getElementsByClassName('mySlides7');
var e = document.getElementsByClassName('mySlides8');

for (i = 0; i < x.length; i++) {
x[i].style.opacity = 0;
y[i].style.opacity = 0;
z[i].style.opacity = 0;
a[i].style.opacity = 0;
b[i].style.opacity = 0;
c[i].style.opacity = 0;
d[i].style.opacity = 0;
e[i].style.opacity = 0;
}
myIndex++;
if (myIndex > x.length) {
myIndex = 1;
}
x[myIndex - 1].style.opacity = 1;
y[myIndex - 1].style.opacity = 1;
z[myIndex - 1].style.opacity = 1;
a[myIndex - 1].style.opacity = 1;
b[myIndex - 1].style.opacity = 1;
c[myIndex - 1].style.opacity = 1;
d[myIndex - 1].style.opacity = 1;
e[myIndex - 1].style.opacity = 1;

setTimeout(carousel, 3000); // Change image every 3 seconds
}
</script>
</body>
</html>
Loading