Skip to content

Commit

Permalink
navigation
Browse files Browse the repository at this point in the history
  • Loading branch information
@qizhang94
qizhang94 committed Dec 11, 2023
1 parent 2b64e51 commit 6665f7b
Show file tree
Hide file tree
Showing 4 changed files with 1,154 additions and 439 deletions.
173 changes: 39 additions & 134 deletions _layouts/homepage.html
View file
Original file line number Diff line number Diff line change
@@ -1,97 +1,41 @@
<!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
<head>
<title>{{ site.title }}'s Homepage</title>
<title>{{ site.title }} | {{site.affiliation}}</title>

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="{{ site.title }}">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ site.description }}">
{% if site.keywords %}
<meta name="keywords" content="{{ site.keywords }}">
{% endif %}
{% if site.canonical %}
<link rel="canonical" href="{{ site.canonical }}"/>
{% endif %}

<meta property="og:type" content="website">
<meta property="og:title" content="{{ site.title }} | {{ site.affiliation }}">
<meta property="og:url" content="{{ site.canonical }}">
<meta property="og:site_name" content="{{ site.title }} | {{ site.affiliation }}">
<meta property="og:description" content="{{ site.description }}">
<meta property="og:locale" content="default">
<meta property="og:image" content="{{ site.avatar }}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{ site.title }} | {{ site.affiliation }}">
<meta name="twitter:description" content="{{ site.description }}">
<meta name="twitter:image" content="{{ site.avatar }}">

<link rel="canonical" href="{{site.canonical}}"/>
<link rel="icon" media="(prefers-color-scheme:dark)" href="{{ site.favicon_dark }}" type="image/png" />
<link rel="icon" media="(prefers-color-scheme:light)" href="{{ site.favicon }}" type="image/png" />
<script src="./assets/js/favicon-switcher.js" type="application/javascript"></script>

<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin=anonymous>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css integrity="sha256-+N4/V/SbAFiW1MPBCXnfnP9QSN3+Keu+NlB+0ev/YKQ=" crossorigin=anonymous>

{% if site.font == "Sans Serif" %}
<link rel="stylesheet" href="./assets/css/font_sans_serif.css">
{% else %}
<link rel="stylesheet" href="./assets/css/font.css">
{% endif %}
{% if site.auto_dark_mode %}
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/css/pub.css">
<link rel="stylesheet" href="./assets/css/nav.css">

<script src="./assets/js/github-stars.js"></script>
<script type="text/javascript" src="./assets/js/jquery.js"></script>
<script src="./assets/js/favicon-switcher.js" type="application/javascript"></script>

<script type="text/javascript">
function toggle_vis(id) {
var e = document.getElementById(id);
if (e.style.display == 'none')
e.style.display = 'inline';
else
e.style.display = 'none';
}
</script>

<script>
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>

<link rel="stylesheet" href="./assets/css/publications.css">
{% else %}
<link rel="stylesheet" href="./assets/css/style-no-dark-mode.css">
<link rel="stylesheet" href="./assets/css/publications-no-dark-mode.css">
{% endif %}

</head>
<body>

<div class="topnav">

<a href="{{ site.affiliation_link }}"><img width="190" src="{{ site.affiliation_logo }}"></a>

<div id="myLinks">
{% include navigation.md %}
</div>

<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>

</div>


<script src="./assets/js/vanilla-back-to-top.min.js"></script>
<script>addBackToTop({
backgroundColor: '#fff',
innerHTML: 'Back to Top',
textColor: '#333'
})
</script>
<style>
#back-to-top {
border: 1px solid #ccc;
border-radius: 0;
font-size: 15px;
width: 100px;
text-align: center;
line-height: 30px;
height: 30px;
}
</style>

<div class="wrapper">
<header>

Expand All @@ -112,22 +56,9 @@ <h1>{{ site.title }}</h1>
{% if site.email %}
<email>{{ site.email }}</email>
{% endif %}
{% if site.email2 %}
<br>
<email>{{ site.email2 }}</email>
{% endif %}

<br>
<br>

{% if site.link_type == 'text' %}
[<a href="{{ site.google_scholar }}">Google Scholar</a>]
<br>
[<a href="{{ site.cv_link }}">Curriculum Vitae</a>]
<br>
{% endif %}

{% if site.link_type == 'icon' %}
<div class="social-icons">
{% if site.google_scholar %}
<a style="margin: 0 5px 0 0" href="{{ site.google_scholar }}">
Expand Down Expand Up @@ -155,11 +86,10 @@ <h1>{{ site.title }}</h1>

{% if site.twitter %}
<a style="margin: 0 0 0 0" href="{{ site.twitter }}">
<i class="fab fa-x-twitter"></i>
<i class="fab fa-twitter"></i>
</a>
{% endif %}
</div>
{% endif %}
<br>

</header>
Expand All @@ -169,50 +99,25 @@ <h1>{{ site.title }}</h1>

<br>

{% if site.enable_last_update %}
<small>Last Update:
<script>
const monthNames = ["January", "Februray", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
];
var modiDate = new Date(document.lastModified);
var showAs = modiDate.getDate() + ". " + monthNames[modiDate.getMonth()] + " " + modiDate.getFullYear();
document.write(showAs);
</script>
</small>
{% if site.enable_footnote %}
<p><small>Powered by Jekyll and <a href="https://github.com/yaoyao-liu/minimal-light" target="_blank" rel="noopener">Minimal Light</a> theme.</small></p>
{% endif %}

{% if site.footnote %}
<div style="font: 12px/1.2 Crimson Pro, serif">
<br>
<a href="{{ site.footnote_link }}" rel="noopener">{{ site.footnote }}</a>
</div>
{% endif %}

<br>
{% if site.clustrmaps_id %}
<div style="width:100px; pointer-events: none;">
<script type='text/javascript' id='clustrmaps' src='//cdn.clustrmaps.com/map_v2.js?cl=160c98&w=400&t=tt&d={{ site.clustrmaps_id }}&co=ffffff&ct=000000&cmo=3acc3a&cmn=ff5353'></script>
</div>
{% endif %}

</section>
<footer>
<div style="font: 12px/1.2 Crimson Pro, serif">
<p>
<small>
{% if site.imprint %}
<a href="{{ site.imprint }}" rel="noopener"><autocolor>Imprint / Impressum</autocolor></a><br>
{% endif %}
{% if site.data_protection %}
<a href="{{ site.data_protection }}" rel="noopener"><autocolor>Data Protection / Datenschutzhinweis</autocolor></a>
{% endif %}
</small>
</p>
</div>
<br>
<br>

</footer>
</div>
<script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
{% if site.google_analytics %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
{% endif %}
</body>
</html>
Loading

0 comments on commit 6665f7b

Please sign in to comment.