Skip to content

Commit 0e731f8

Browse files
ryanphuangryanphuang
committed
refactor news
1 parent 0569996 commit 0e731f8

4 files changed

Lines changed: 121 additions & 10 deletions

File tree

‎_includes/banner.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,8 @@
1212
{% assign current = page.url | downcase | split: '/' %}
1313
<ul class="nav navbar-nav menu_nav justify-content-end">
1414
<li class="nav-item {% if current[1] contains 'index' or page.url == '/' %}active{% endif %}"><a class="nav-link" href="{{ '/' | relative_url }}">Home</a></li>
15-
<li class="nav-item {% if current[1] == 'team' %}active{% endif %}"><a class="nav-link" href="{{ '/team/' | relative_url }}">People</a></li>
16-
<li class="nav-item {% if current[1] == 'news' %}active{% endif %}"><a class="nav-link" href="{{ '/news/' | relative_url }}">News</a></li>
15+
<li class="nav-item {% if current[1] == 'team' %}active{% endif %}"><a class="nav-link" href="{{ '/team/' | relative_url }}">Team</a></li>
1716
<li class="nav-item {% if current[1] == 'pubs' %}active{% endif %}"><a class="nav-link" href="{{ '/pubs/' | relative_url }}">Publications</a></li>
18-
<li class="nav-item {% if current[1] == 'projects' %}active{% endif %}"><a class="nav-link" href="{{ '/projects/' | relative_url }}">Projects</a></li>
19-
<li class="nav-item {% if current[1] == 'software' %}active{% endif %}"><a class="nav-link" href="{{ '/software/' | relative_url }}">Software</a></li>
2017
<li class="nav-item {% if current[1] == 'blog' %}active{% endif %}"><a class="nav-link" href="{{ '/blog/' | relative_url }}">Blog</a></li>
2118
<li class="nav-item"><a class="nav-link" href="https://orderlab.io/reading-group" target="_blank">Reading</a></li>
2219
<li class="nav-item {% if current[1] == 'join' %}active{% endif %}"><a class="nav-link" href="{{ '/join/' | relative_url }}">Join</a></li>

‎assets/css/modern.css‎

Lines changed: 66 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
--ink: #0f1d30;
99
--ink-subtle: #4b5f78;
1010
--line: #d8e2ef;
11-
--brand: #1f4f8f;
12-
--brand-strong: #163a68;
11+
--brand: #1e63cc;
12+
--brand-strong: #007bff;
1313
--accent: #0e7a7c;
1414
--radius-xl: 24px;
1515
--radius-lg: 18px;
@@ -69,10 +69,13 @@ p {
6969

7070
a {
7171
color: var(--brand);
72+
text-decoration-color: rgba(30, 99, 204, 0.45);
73+
text-underline-offset: 0.14em;
7274
}
7375

7476
a:hover {
7577
color: var(--brand-strong);
78+
text-decoration-color: rgba(15, 77, 159, 0.72);
7679
}
7780

7881
.container,
@@ -709,6 +712,62 @@ a:hover {
709712
padding: 1.1rem;
710713
}
711714

715+
/* Home news preview */
716+
.home-news-list {
717+
list-style: none;
718+
margin: 0;
719+
padding-left: 2.15rem;
720+
}
721+
722+
.home-news-list li {
723+
margin-bottom: 0.7rem;
724+
display: grid;
725+
grid-template-columns: 5.4rem minmax(0, 1fr);
726+
column-gap: 0.45rem;
727+
align-items: start;
728+
position: relative;
729+
padding-left: 0.4rem;
730+
}
731+
732+
.home-news-list li::before {
733+
content: "";
734+
width: 0.36rem;
735+
height: 0.36rem;
736+
border-radius: 50%;
737+
background: #8f9db0;
738+
position: absolute;
739+
left: -1.25rem;
740+
top: 0.68rem;
741+
}
742+
743+
.home-news-list li:last-child {
744+
margin-bottom: 0;
745+
}
746+
747+
.home-news-list__date {
748+
color: #7a8798;
749+
font-size: 0.86rem;
750+
font-weight: 600;
751+
letter-spacing: 0.02em;
752+
}
753+
754+
.home-news-list a {
755+
color: var(--brand);
756+
font-weight: 500;
757+
line-height: 1.55;
758+
text-decoration: none;
759+
overflow-wrap: anywhere;
760+
}
761+
762+
.home-news-list a:hover {
763+
color: var(--brand-strong);
764+
}
765+
766+
.home-news-list__content {
767+
display: block;
768+
padding-right: 1.5rem;
769+
}
770+
712771
/* Sponsors */
713772
.sponsor-grid {
714773
display: grid;
@@ -855,10 +914,14 @@ a:hover {
855914
}
856915

857916
.publications li > a:first-child {
858-
color: var(--ink);
917+
color: var(--brand-strong);
859918
font-weight: 700;
860919
}
861920

921+
.publications li > a:first-child:hover {
922+
color: var(--brand);
923+
}
924+
862925
.authorlist {
863926
color: var(--ink-subtle);
864927
}

‎index.html‎

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ <h1>Ordered Systems Lab</h1>
3333
<div class="scope-panel__left">
3434
<h2>What We Build</h2>
3535
<p>From runtime checkers to fault injection frameworks, we create tools that make complex system behavior observable and debuggable.</p>
36-
<a class="button button-light" href="{{ '/projects/' | relative_url }}">Explore Projects</a>
3736
</div>
3837
<div class="scope-panel__right">
3938
<span class="scope-chip">Operating Systems</span>
@@ -48,6 +47,41 @@ <h2>What We Build</h2>
4847
</section>
4948
<!--================ End scope section =================-->
5049

50+
<!--================ Start news preview section =================-->
51+
<section class="section-margin section-shell">
52+
<div class="container">
53+
<div class="section-intro text-center">
54+
<h2 class="section-intro__title">News</h2>
55+
</div>
56+
<ul class="home-news-list">
57+
<li>
58+
<span class="home-news-list__date">Dec 2025</span>
59+
<span class="home-news-list__content"><a href="https://osdi.dev/" target="_blank" rel="noopener">Yuzhuo</a> successfully defended his PhD thesis titled <b><i>"Operating System Support for Reliable Software"</i></b> and will join Google after graduation. Congratulations, Dr. Jing!</span>
60+
</li>
61+
<li>
62+
<span class="home-news-list__date">Jul 2025</span>
63+
<span class="home-news-list__content"><b><a href="https://github.com/verify-llm/TrainVerify" target="_blank" rel="noopener">TrainVerify</a></b> is accepted to <a href="https://sigops.org/s/conferences/sosp/2025/">SOSP '25</a>! TrainVerify uses equivalence-based verification to provide strong correctness guarantess for the parallelization logic of distributed LLM training.</span>
64+
</li>
65+
<li>
66+
<span class="home-news-list__date">Jul 2025</span>
67+
<span class="home-news-list__content"><b><a href="https://github.com/OrderLab/phoenix" target="_blank" rel="noopener">Phoenix</a></b> is accepted to <a href="https://sigops.org/s/conferences/sosp/2025/">SOSP '25</a>! Phoenix provides OS-level support for optimistic recovery and partial state preservation for high-availability software.</span>
68+
</li>
69+
<li>
70+
<span class="home-news-list__date">Jul 2025</span>
71+
<span class="home-news-list__content"><b><a href="https://github.com/OrderLab/Atropos" target="_blank" rel="noopener">Atropos</a></b> is accepted to <a href="https://sigops.org/s/conferences/sosp/2025/">SOSP '25</a>! Atropos is an application overload control framework that uses targeted cancellation to maintain tight SLOs.</span>
72+
</li>
73+
<li>
74+
<span class="home-news-list__date">Mar 2025</span>
75+
<span class="home-news-list__content"><b><a href="https://github.com/OrderLab/TrainCheck" target="_blank" rel="noopener">TrainCheck</a></b> is accepted to <a href="https://www.usenix.org/conference/osdi25">OSDI '25</a>! TrainCheck automatically infers invariants tailored for DL training and uses these invariants to proactively detect silent training errors.</span>
76+
</li>
77+
</ul>
78+
<div class="text-center mt-4">
79+
<a class="button button-light" href="{{ '/news/' | relative_url }}">View All News</a>
80+
</div>
81+
</div>
82+
</section>
83+
<!--================ End news preview section =================-->
84+
5185
<!--================ Start recent projects section =================-->
5286
<section class="section-margin project-showcase">
5387
<div class="container">
@@ -121,6 +155,7 @@ <h3>Enhancing Slow-Fault Tolerance in Distributed Systems</h3>
121155
</section>
122156
<!--================ End recent projects section =================-->
123157

158+
124159
<!--================ Start blog preview section =================-->
125160
<section class="section-margin section-shell">
126161
<div class="container">

‎news.html‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,24 @@
66
<div class="container">
77
<ul class="newslist">
88
<li>
9-
<span class="newsicon"><i class="flaticon-document"></i></span><span class="newsdate">Mar 2025</span>
10-
<a href="https://github.com/OrderLab/TrainCheck"> TrainCheck</a> is accepted to appear at <a href="https://www.usenix.org/conference/osdi25">OSDI '25</a>
9+
<span class="home-news-list__date">Dec 2025</span>
10+
<span class="home-news-list__content"><a href="https://osdi.dev/" target="_blank" rel="noopener">Yuzhuo</a> successfully defended his PhD thesis titled <i>"Operating System Support for Reliable Software"</i> and will join Google after graduation. Congratulations, Dr. Jing!</span>
11+
</li>
12+
<li>
13+
<span class="home-news-list__date">Jul 2025</span>
14+
<span class="home-news-list__content"><b><a href="https://github.com/verify-llm/TrainVerify" target="_blank" rel="noopener">TrainVerify</a></b> is accepted to <a href="https://sigops.org/s/conferences/sosp/2025/">SOSP '25</a>! TrainVerify uses equivalence-based verification to provide strong correctness guarantess for the parallelization logic of distributed LLM training.</span>
15+
</li>
16+
<li>
17+
<span class="home-news-list__date">Jul 2025</span>
18+
<span class="home-news-list__content"><b><a href="https://github.com/OrderLab/phoenix" target="_blank" rel="noopener">Phoenix</a></b> is accepted to <a href="https://sigops.org/s/conferences/sosp/2025/">SOSP '25</a>! Phoenix provides OS-level support for optimistic recovery and partial state preservation for high-availability software.</span>
19+
</li>
20+
<li>
21+
<span class="home-news-list__date">Jul 2025</span>
22+
<span class="home-news-list__content"><b><a href="https://github.com/OrderLab/Atropos" target="_blank" rel="noopener">Atropos</a></b> is accepted to <a href="https://sigops.org/s/conferences/sosp/2025/">SOSP '25</a>! Atropos is an application overload control framework that uses targeted cancellation to maintain tight SLOs.</span>
23+
</li>
24+
<li>
25+
<span class="home-news-list__date">Mar 2025</span>
26+
<span class="home-news-list__content"><b><a href="https://github.com/OrderLab/TrainCheck" target="_blank" rel="noopener">TrainCheck</a></b> is accepted to <a href="https://www.usenix.org/conference/osdi25">OSDI '25</a>! TrainCheck automatically infers invariants tailored for DL training and uses these invariants to proactively detect silent training errors.</span>
1127
<details>
1228
<summary>[...]</summary>
1329
Training deep learning (DL) models is a complex task involving multiple steps and various libraries, making DL training pipelines prone to silent bugs that lead to suboptimal or incorrect models. These issues are challenging to detect and diagnose. TrainCheck is the first framework that takes a proactive checking approach to systematically address silent issues. TrainCheck automatically infers invariants tailored for DL training. It uses these invariants to enhance a training task and proactively detect silent issues while providing debugging help.

0 commit comments

Comments
 (0)