-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
91 additions
and
96 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,7 +5,7 @@ | |
<meta charset="UTF-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Qian Chu</title> | ||
<title>{Your Name}</title> | ||
|
||
<!-- | ||
- favicon | ||
|
@@ -25,6 +25,7 @@ | |
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet"> | ||
</head> | ||
|
||
|
||
<body> | ||
|
||
<base target="_blank"> | ||
|
@@ -147,41 +148,41 @@ <h1 class="name" title="{Your Name}">{Your Name}</h1> | |
|
||
<ul class="navbar-list"> | ||
|
||
<li class="navbar-item"> | ||
<button class="navbar-link active" data-nav-link>About</button> | ||
</li> | ||
<li class="navbar-item"> | ||
<button class="navbar-link active" data-nav-link>About</button> | ||
</li> | ||
|
||
<li class="navbar-item"> | ||
<button class="navbar-link" data-nav-link>Resume</button> | ||
</li> | ||
<li class="navbar-item"> | ||
<button class="navbar-link" data-nav-link>Resume</button> | ||
</li> | ||
|
||
<li class="navbar-item"> | ||
<button class="navbar-link" data-nav-link>Publications</button> | ||
</li> | ||
<li class="navbar-item"> | ||
<button class="navbar-link" data-nav-link>Publications</button> | ||
</li> | ||
|
||
<li class="navbar-item"> | ||
<button class="navbar-link" data-nav-link>Contact</button> | ||
</li> | ||
<li class="navbar-item"> | ||
<button class="navbar-link" data-nav-link>Contact</button> | ||
</li> | ||
|
||
</ul> | ||
|
||
</nav> | ||
|
||
<!-- | ||
<!-- | ||
- #ABOUT | ||
--> | ||
|
||
<article class="about active" data-page="about"> | ||
|
||
<header> | ||
<h2 class="h2 article-title">About me</h2> | ||
<h2 class="h2 article-title">About me</h2> | ||
</header> | ||
|
||
<section class="about-text"> | ||
<!-- Replace this section with your own introduction --> | ||
<p> | ||
{Your brief introduction goes here. Write about your interests, research, and background.} | ||
</p> | ||
<p> | ||
{Your brief introduction goes here. Write about your interests, research, and background.} | ||
</p> | ||
</section> | ||
|
||
<!-- | ||
|
@@ -190,34 +191,34 @@ <h2 class="h2 article-title">About me</h2> | |
|
||
<section class="affiliations"> | ||
|
||
<h3 class="h3 affiliations-title">Affiliated labs</h3> | ||
<h3 class="h3 affiliations-title">Affiliated labs</h3> | ||
|
||
<ul class="affiliations-list has-scrollbar"> | ||
<ul class="affiliations-list has-scrollbar"> | ||
|
||
<li class="affiliations-item"> | ||
<a href="https://www.aesthetics.mpg.de/en/research/research-group-neural-circuits-consciousness-and-cognition.html" > | ||
<img src="./assets/images/logo_NCC.png" alt="NCC logo"> | ||
</a> | ||
</li> | ||
<li class="affiliations-item"> | ||
<a href="https://www.aesthetics.mpg.de/en/research/research-group-neural-circuits-consciousness-and-cognition.html" > | ||
<img src="./assets/images/logo_NCC.png" alt="NCC logo"> | ||
</a> | ||
</li> | ||
|
||
</ul> | ||
</ul> | ||
|
||
</section> | ||
|
||
|
||
<section class="affiliations"> | ||
|
||
<h3 class="h3 affiliations-title">Affiliated institutions</h3> | ||
<h3 class="h3 affiliations-title">Affiliated institutions</h3> | ||
|
||
<ul class="affiliations-list has-scrollbar"> | ||
<ul class="affiliations-list has-scrollbar"> | ||
|
||
<li class="affiliations-item"> | ||
<a href="https://www.aesthetics.mpg.de/en.html" > | ||
<img src="./assets/images/logo_MPIEA.png" alt="MPIEA logo"> | ||
</a> | ||
</li> | ||
<li class="affiliations-item"> | ||
<a href="https://www.aesthetics.mpg.de/en.html" > | ||
<img src="./assets/images/logo_MPIEA.png" alt="MPIEA logo"> | ||
</a> | ||
</li> | ||
|
||
</ul> | ||
</ul> | ||
|
||
</section> | ||
|
||
|
@@ -231,7 +232,7 @@ <h3 class="h3 affiliations-title">Affiliated institutions</h3> | |
<article class="resume" data-page="resume"> | ||
|
||
<header> | ||
<h2 class="h2 article-title">Resume</h2> | ||
<h2 class="h2 article-title">Resume</h2> | ||
</header> | ||
|
||
<section class="timeline"> | ||
|
@@ -370,90 +371,84 @@ <h2 class="h2 article-title">publications</h2> | |
|
||
</div> | ||
|
||
<ul class="project-list"> | ||
<ul class="project-list"> | ||
|
||
<li class="project-item active" data-filter-item data-category="journal"> | ||
<!-- Replace href with your publication link --> | ||
<a href="https://doi.org/10.1093/cercor/bhad168"> | ||
<li class="project-item active" data-filter-item data-category="journal"> | ||
<!-- Replace href with your publication link --> | ||
<a href="https://doi.org/10.1093/cercor/bhad168"> | ||
|
||
<figure class="project-img"> | ||
<div class="project-item-icon-box"> | ||
<ion-icon name="eye-outline"></ion-icon> | ||
</div> | ||
|
||
<!-- Replace src with an image representing your publication --> | ||
<img src="./assets/images/publications/Chu2022.jpg" alt="Chu2022" loading="lazy"> | ||
</figure> | ||
<figure class="project-img"> | ||
<div class="project-item-icon-box"> | ||
<ion-icon name="eye-outline"></ion-icon> | ||
</div> | ||
<!-- Replace src with an image representing your publication --> | ||
<img src="./assets/images/publications/Chu2022.jpg" alt="Chu2022" loading="lazy"> | ||
</figure> | ||
|
||
<!-- Replace with your publication title --> | ||
<h3 class="project-title">Dual-stream cortical pathways mediate sensory prediction</h3> | ||
|
||
<!-- Replace with publication details --> | ||
<p class="project-category">Cerebral Cortex</p> | ||
<!-- Replace with your publication title --> | ||
<h3 class="project-title">Dual-stream cortical pathways mediate sensory prediction</h3> | ||
<!-- Replace with publication details --> | ||
<p class="project-category">Cerebral Cortex</p> | ||
|
||
</a> | ||
</li> | ||
</a> | ||
</li> | ||
|
||
<!-- Add more publication items as needed --> | ||
<!-- Add more publication items as needed --> | ||
|
||
</ul> | ||
</ul> | ||
|
||
</section> | ||
|
||
</article> | ||
|
||
|
||
|
||
|
||
<!-- | ||
- #CONTACT | ||
--> | ||
|
||
<article class="contact" data-page="contact"> | ||
<article class="contact" data-page="contact"> | ||
|
||
<header> | ||
<h2 class="h2 article-title">Contact</h2> | ||
</header> | ||
|
||
<p class="about-text"> | ||
<!-- Replace with your contact information --> | ||
<b>In Frankfurt: </b><br> | ||
<a href="mailto:[email protected]" style="display: inline;">[email protected]</a><br> | ||
Neural Circuits, Consciousness, and Cognition Research Group<br> | ||
Max Planck Institute for Empirical Aesthetics<br> | ||
Grüneburgweg 14<br> | ||
60322 Frankfurt am Main<br> | ||
Germany<br> | ||
</p> | ||
|
||
<header> | ||
<h2 class="h2 article-title">Contact</h2> | ||
</header> | ||
|
||
<p class="about-text"> | ||
<b>In Frankfurt: </b><br> | ||
<a href="mailto:[email protected]" style="display: inline;">[email protected]</a><br> | ||
Neural Circuits, Consciousness, and Cognition Research Group<br> | ||
Max Planck Institute for Empirical Aesthetics<br> | ||
Grüneburgweg 14<br> | ||
60322 Frankfurt am Main<br> | ||
Germany<br> | ||
</p> | ||
|
||
<section class="mapbox" data-mapbox> | ||
<figure> | ||
<iframe | ||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2558.137828190179!2d8.670563676123328!3d50.12114281102054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd0eb36d3519f3%3A0xab597ca377e88d1a!2sMax%20Planck%20Institute%20for%20Empirical%20Aesthetics!5e0!3m2!1sen!2sus!4v1672192507282!5m2!1sen!2sus" | ||
width="400" height="300" loading="lazy"></iframe> | ||
</figure> | ||
</section> | ||
|
||
</article> | ||
<section class="mapbox" data-mapbox> | ||
<figure> | ||
<iframe | ||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2558.137828190179!2d8.670563676123328!3d50.12114281102054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd0eb36d3519f3%3A0xab597ca377e88d1a!2sMax%20Planck%20Institute%20for%20Empirical%20Aesthetics!5e0!3m2!1sen!2sus!4v1672192507282!5m2!1sen!2sus" | ||
width="400" height="300" loading="lazy"></iframe> | ||
</figure> | ||
</section> | ||
|
||
</article> | ||
|
||
</div> | ||
|
||
</main> | ||
|
||
|
||
<!-- | ||
- custom js link | ||
--> | ||
<script src="assets/js/script.js"></script> | ||
|
||
|
||
|
||
|
||
<!-- | ||
- custom js link | ||
--> | ||
<script src="./assets/js/script.js"></script> | ||
|
||
<!-- | ||
- ionicon link | ||
--> | ||
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> | ||
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> | ||
<!-- | ||
- ionicon link | ||
--> | ||
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> | ||
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> | ||
|
||
</body> | ||
|
||
|