Skip to content

Commit 71e20e6

Browse files
Haotian YeHaotian Ye
Haotian Ye
authored and
Haotian Ye
committed
made a substantial change to the homepage format and content. Will update the project based presentation later.
1 parent aaba984 commit 71e20e6

37 files changed

Lines changed: 437 additions & 307 deletions

‎Gemfile‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,3 +26,5 @@ group :jekyll_plugins do
2626
gem 'jekyll-sitemap'
2727
gem 'hawkins'
2828
end
29+
30+
gem "webrick"

‎_config.yml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,8 +81,8 @@ analytics:
8181
# Site Author
8282
author:
8383
name : "Haotian Ye (叶皓天)"
84-
avatar : "sf-small.jpg"
85-
bio : "CS Ph.D. student at Stanford"
84+
avatar : "bnaff.jpg"
85+
# bio : "CS Ph.D. student at Stanford"
8686
location : "Stanford"
8787
email : "haotianye@stanford.edu"
8888
github : "YWolfeee"

‎_includes/author-profile.html‎

Lines changed: 88 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -7,117 +7,106 @@
77
<div itemscope itemtype="http://schema.org/Person">
88

99
<div class="author__avatar">
10-
{% if author.avatar contains "://" %}
11-
<img src="{{ author.avatar }}" alt="{{ author.name }}">
12-
{% else %}
13-
<img src="{{ author.avatar | prepend: "/images/" | prepend: base_path }}" class="author__avatar" alt="{{ author.name }}">
14-
{% endif %}
10+
<img id="avatar-img" src="{{ base_path }}/images/delvalle-small.jpg" alt="{{ author.name }}"
11+
onmouseenter="this.src='{{ base_path }}/images/scuba_self.jpg'"
12+
onmouseleave="this.src='{{ base_path }}/images/delvalle-small.jpg'">
1513
</div>
1614

1715
<div class="author__content">
1816
<h3 class="author__name">{{ author.name }}</h3>
1917
{% if author.bio %}<p class="author__bio">{{ author.bio }}</p>{% endif %}
20-
</div>
21-
22-
<div class="author__urls-wrapper">
23-
<button class="btn btn--inverse">Follow</button>
24-
<ul class="author__urls social-icons">
25-
{% if author.location %}
26-
<li><i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> {{ author.location }}</li>
27-
{% endif %}
28-
{% if author.employer %}
29-
<li><i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> {{ author.employer }}</li>
30-
{% endif %}
31-
{% if author.uri %}
32-
<li><a href="{{ author.uri }}"><i class="fas fa-fw fa-link" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}</a></li>
33-
{% endif %}
18+
<div class="author__social">
3419
{% if author.email %}
35-
<li><a href="mailto:{{ author.email }}"><i class="fas fa-fw fa-envelope" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}</a></li>
36-
{% endif %}
37-
{% if author.keybase %}
38-
<li><a href="https://keybase.io/{{ author.keybase }}"><i class="fas fa-fw fa-key" aria-hidden="true"></i> Keybase</a></li>
20+
<a href="mailto:{{ author.email }}" title="Email"><i class="fas fa-envelope"></i></a>
3921
{% endif %}
40-
{% if author.researchgate %}
41-
<li><a href="{{ author.researchgate }}"><i class="fab fa-fw fa-researchgate" aria-hidden="true"></i> ResearchGate</a></li>
22+
{% if author.googlescholar %}
23+
<a href="{{ author.googlescholar }}" title="Google Scholar" target="_blank" rel="noopener noreferrer"><i class="ai ai-google-scholar"></i></a>
4224
{% endif %}
4325
{% if author.twitter %}
44-
<li><a href="https://twitter.com/{{ author.twitter }}"><i class="fab fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
45-
{% endif %}
46-
{% if author.facebook %}
47-
<li><a href="https://www.facebook.com/{{ author.facebook }}"><i class="fab fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
48-
{% endif %}
49-
{% if author.google_plus %}
50-
<li><a href="https://plus.google.com/+{{ author.google_plus }}"><i class="fab fa-fw fa-google-plus" aria-hidden="true"></i> Google+</a></li>
51-
{% endif %}
52-
{% if author.linkedin %}
53-
<li><a href="https://www.linkedin.com/in/{{ author.linkedin }}"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li>
54-
{% endif %}
55-
{% if author.xing %}
56-
<li><a href="https://www.xing.com/profile/{{ author.xing }}"><i class="fab fa-fw fa-xing-square" aria-hidden="true"></i> XING</a></li>
57-
{% endif %}
58-
{% if author.instagram %}
59-
<li><a href="https://instagram.com/{{ author.instagram }}"><i class="fab fa-fw fa-instagram" aria-hidden="true"></i> Instagram</a></li>
60-
{% endif %}
61-
{% if author.tumblr %}
62-
<li><a href="https://{{ author.tumblr }}.tumblr.com"><i class="fab fa-fw fa-tumblr-square" aria-hidden="true"></i> Tumblr</a></li>
63-
{% endif %}
64-
{% if author.bitbucket %}
65-
<li><a href="https://bitbucket.org/{{ author.bitbucket }}"><i class="fab fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
26+
<a href="https://twitter.com/{{ author.twitter }}" title="Twitter" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
6627
{% endif %}
6728
{% if author.github %}
68-
<li><a href="https://github.com/{{ author.github }}"><i class="fab fa-fw fa-github" aria-hidden="true"></i> Github</a></li>
69-
{% endif %}
70-
{% if author.stackoverflow %}
71-
<li><a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}"><i class="fab fa-fw fa-stack-overflow" aria-hidden="true"></i> Stackoverflow</a></li>
72-
{% endif %}
73-
{% if author.lastfm %}
74-
<li><a href="https://lastfm.com/user/{{ author.lastfm }}"><i class="fab fa-fw fa-lastfm-square" aria-hidden="true"></i> Last.fm</a></li>
75-
{% endif %}
76-
{% if author.dribbble %}
77-
<li><a href="https://dribbble.com/{{ author.dribbble }}"><i class="fab fa-fw fa-dribbble-square" aria-hidden="true"></i> Dribbble</a></li>
78-
{% endif %}
79-
{% if author.pinterest %}
80-
<li><a href="https://www.pinterest.com/{{ author.pinterest }}"><i class="fab fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest</a></li>
81-
{% endif %}
82-
{% if author.foursquare %}
83-
<li><a href="https://foursquare.com/{{ author.foursquare }}"><i class="fab fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare</a></li>
84-
{% endif %}
85-
{% if author.steam %}
86-
<li><a href="https://steamcommunity.com/id/{{ author.steam }}"><i class="fab fa-fw fa-steam-square" aria-hidden="true"></i> Steam</a></li>
29+
<a href="https://github.com/{{ author.github }}" title="GitHub" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i></a>
8730
{% endif %}
88-
{% if author.youtube %}
89-
<li><a href="https://www.youtube.com/user/{{ author.youtube }}"><i class="fab fa-fw fa-youtube" aria-hidden="true"></i> YouTube</a></li>
90-
{% endif %}
91-
{% if author.soundcloud %}
92-
<li><a href="https://soundcloud.com/{{ author.soundcloud }}"><i class="fab fa-fw fa-soundcloud" aria-hidden="true"></i> Soundcloud</a></li>
93-
{% endif %}
94-
{% if author.weibo %}
95-
<li><a href="https://www.weibo.com/{{ author.weibo }}"><i class="fab fa-fw fa-weibo" aria-hidden="true"></i> Weibo</a></li>
96-
{% endif %}
97-
{% if author.flickr %}
98-
<li><a href="https://www.flickr.com/{{ author.flickr }}"><i class="fab fa-fw fa-flickr" aria-hidden="true"></i> Flickr</a></li>
99-
{% endif %}
100-
{% if author.codepen %}
101-
<li><a href="https://codepen.io/{{ author.codepen }}"><i class="fab fa-fw fa-codepen" aria-hidden="true"></i> CodePen</a></li>
102-
{% endif %}
103-
{% if author.vine %}
104-
<li><a href="https://vine.co/u/{{ author.vine }}"><i class="fab fa-fw fa-vine" aria-hidden="true"></i> Vine</a></li>
105-
{% endif %}
106-
{% if author.googlescholar %}
107-
<li><a href="{{ author.googlescholar }}"><i class="fas fa-fw fa-graduation-cap"></i> Google Scholar</a></li>
108-
{% endif %}
109-
{% if author.pubmed %}
110-
<li><a href="{{ author.pubmed }}"><i class="ai ai-pubmed-square ai-fw"></i> PubMed</a></li>
111-
{% endif %}
112-
{% if author.orcid %}
113-
<li><a href="{{ author.orcid }}"><i class="ai ai-orcid-square ai-fw"></i> ORCID</a></li>
114-
{% endif %}
115-
{% if author.impactstory %}
116-
<li><a href="{{ author.impactstory }}"><i class="ai ai-impactstory ai-fw"></i> Impactstory</a></li>
31+
{% if author.instagram %}
32+
<a href="https://instagram.com/{{ author.instagram }}" title="Instagram" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
11733
{% endif %}
118-
{% if author.wikipedia %}
119-
<li><a href="https://en.wikipedia.org/wiki/User:{{ author.wikipedia }}"><i class="fab fa-fw fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a></li>
120-
{% endif %}
121-
</ul>
34+
</div>
12235
</div>
36+
37+
<nav class="author__nav">
38+
<ul>
39+
<li>
40+
<a href="#about" data-section="about">
41+
<span class="nav-indicator"></span>
42+
About Me
43+
</a>
44+
</li>
45+
<li>
46+
<a href="#news" data-section="news">
47+
<span class="nav-indicator"></span>
48+
News
49+
</a>
50+
</li>
51+
<li>
52+
<a href="#publications" data-section="publications">
53+
<span class="nav-indicator"></span>
54+
Publications
55+
</a>
56+
</li>
57+
<li>
58+
<a href="#talks" data-section="talks">
59+
<span class="nav-indicator"></span>
60+
Talks
61+
</a>
62+
</li>
63+
<li>
64+
<a href="#services" data-section="services">
65+
<span class="nav-indicator"></span>
66+
Services
67+
</a>
68+
</li>
69+
<li>
70+
<a href="#awards" data-section="awards">
71+
<span class="nav-indicator"></span>
72+
Awards
73+
</a>
74+
</li>
75+
<li>
76+
<a href="#misc" data-section="misc">
77+
<span class="nav-indicator"></span>
78+
Miscellaneous
79+
</a>
80+
</li>
81+
</ul>
82+
</nav>
83+
84+
<script>
85+
(function() {
86+
var sections = ['about', 'news', 'publications', 'talks', 'services', 'awards', 'misc'];
87+
var navLinks = document.querySelectorAll('.author__nav a[data-section]');
88+
89+
function highlightNav() {
90+
var scrollPos = window.scrollY + 100;
91+
var currentSection = sections[0];
92+
93+
for (var i = 0; i < sections.length; i++) {
94+
var section = document.getElementById(sections[i]);
95+
if (section && section.offsetTop <= scrollPos) {
96+
currentSection = sections[i];
97+
}
98+
}
99+
100+
navLinks.forEach(function(link) {
101+
link.classList.remove('active');
102+
if (link.getAttribute('data-section') === currentSection) {
103+
link.classList.add('active');
104+
}
105+
});
106+
}
107+
108+
window.addEventListener('scroll', highlightNav);
109+
highlightNav();
110+
})();
111+
</script>
123112
</div>

‎_includes/head.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,11 @@
1515
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
1616
</script>
1717

18+
<!-- Google Fonts -->
19+
<link rel="preconnect" href="https://fonts.googleapis.com">
20+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21+
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
22+
1823
<!-- For all browsers -->
1924
<link rel="stylesheet" href="{{ base_path }}/assets/css/main.css">
2025

‎_layouts/default.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<body>
1515

1616
{% include browser-upgrade.html %}
17-
{% include masthead.html %}
17+
<!-- {% include masthead.html %} -->
1818

1919
{{ content }}
2020

0 commit comments

Comments
 (0)