Skip to content

Commit 91f28d7

Browse files
meazizulclaude
andcommitted
Add lab logo, keep video captions off, use published DIS 2026 title
- ICL mark in the header (transparent and sticky states) and above the hero title - Favicon, Apple touch icon, and social share image from the lab logo - Captions disabled on both the hero background player and the Videos embed - DIS 2026 paper renamed to its published title everywhere Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
1 parent 57d317a commit 91f28d7

11 files changed

Lines changed: 275 additions & 254 deletions

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ A mirror of the same files is kept at https://github.com/meazizul/ICLAB (live at
2525
├── img/team/ One portrait per person, 600×820 px JPG, named firstname-lastname.jpg
2626
├── img/portfolio/ One square thumbnail per paper, 600×600 px JPG, named project-<id>.jpg
2727
├── img/class/ Course card images, 1500×460 px
28-
├── img/favicon.png Browser tab icon
28+
├── img/logo/ Lab logo: icl-mark.png (icon), icl-logo-dark.png, icl-logo-white.png
29+
├── img/favicon.png Browser tab icon (plus favicon-32.png, apple-touch-icon.png, og-image.png for link previews)
2930
└── .nojekyll Tells GitHub Pages to publish the files exactly as they are. Keep it.
3031
```
3132

‎css/custom.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,16 @@ a[name] { display: block; position: relative; top: -70px; visibility: hidden; }
3737
#home-area .hero-caption { z-index: 3; }
3838
@media (prefers-reduced-motion: reduce) { #home-area .hero-slide { transition: none; transform: none; } }
3939
#home-area .hero-canvas { width: 100%; height: 100%; display: block; }
40+
41+
/* ---------- Lab logo ---------- */
42+
.logo h4 { line-height: 1; }
43+
.site-logo { display: inline-flex; align-items: center; gap: 10px; }
44+
.site-logo img { height: 34px; width: auto; display: block; transition: height 0.3s ease-out; }
45+
.sticky .site-logo img { height: 30px; }
46+
.site-logo span { white-space: nowrap; }
47+
@media only screen and (max-width: 767px) {
48+
.mobile-logo .site-logo img { height: 28px; }
49+
.mobile-logo .site-logo span { font-size: 15px; }
50+
}
51+
.hero-logo { display: block; margin: 0 auto 22px; height: 96px; width: auto; filter: drop-shadow(0 6px 18px rgba(0,0,0,0.45)); }
52+
@media only screen and (max-width: 767px) { .hero-logo { height: 68px; margin-bottom: 16px; } }

‎img/apple-touch-icon.png‎

2.93 KB
Loading

‎img/favicon-32.png‎

914 Bytes
Loading

‎img/favicon.png‎

262 Bytes
Loading

‎img/logo/icl-logo-dark.png‎

68.9 KB
Loading

‎img/logo/icl-logo-white.png‎

37.2 KB
Loading

‎img/logo/icl-mark.png‎

5.58 KB
Loading

‎img/og-image.png‎

61.3 KB
Loading

‎index.html‎

Lines changed: 18 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,14 @@
88
<meta name="description" content="The Interactive Computing Lab at Stevens Institute of Technology designs and evaluates accessible interactions with emerging technologies: AI, wearables, and smart glasses.">
99
<meta name="viewport" content="width=device-width, initial-scale=1">
1010
<!-- favicon icon -->
11-
<link rel="icon" href="img/favicon.png">
11+
<link rel="icon" href="img/favicon.png" sizes="64x64">
12+
<link rel="icon" href="img/favicon-32.png" sizes="32x32">
13+
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
14+
<meta property="og:title" content="Interactive Computing Lab - Stevens Institute of Technology">
15+
<meta property="og:description" content="Designing accessible interactions with emerging technology.">
16+
<meta property="og:image" content="https://interactivecomputinglab.github.io/img/og-image.png">
17+
<meta property="og:url" content="https://interactivecomputinglab.github.io/">
18+
<meta name="twitter:card" content="summary_large_image">
1219

1320
<!-- All CSS Files Here -->
1421
<link rel="stylesheet" href="css/bootstrap.min.css">
@@ -20,7 +27,7 @@
2027
<link rel="stylesheet" href="css/global.css">
2128
<link rel="stylesheet" href="style.css">
2229
<link rel="stylesheet" href="css/responsive.css">
23-
<link rel="stylesheet" href="css/custom.css?v=6">
30+
<link rel="stylesheet" href="css/custom.css?v=7">
2431
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
2532
</head>
2633

@@ -32,10 +39,10 @@
3239
<div class="row">
3340
<div class="col-md-4 col-sm-3">
3441
<div class="logo hidden-xs">
35-
<h4><a href="index.html">Interactive Computing Lab</a></h4>
42+
<h4><a href="index.html" class="site-logo"><img src="img/logo/icl-mark.png" alt="" width="344" height="263"><span>Interactive Computing Lab</span></a></h4>
3643
</div>
3744
<div class="mobile-logo logo visible-xs">
38-
<h4><a href="index.html">Interactive Computing Lab</a></h4>
45+
<h4><a href="index.html" class="site-logo"><img src="img/logo/icl-mark.png" alt="" width="344" height="263"><span>Interactive Computing Lab</span></a></h4>
3946
</div>
4047
</div>
4148
<div class="col-md-8 col-sm-9">
@@ -80,6 +87,7 @@ <h4><a href="index.html">Interactive Computing Lab</a></h4>
8087
<div class="container">
8188
<div class="hero-caption">
8289
<div class="slider-content hero-text text-center">
90+
<img class="hero-logo" src="img/logo/icl-mark.png" alt="ICL logo" width="344" height="263">
8391
<h1 class="text-uppercase color-white breadcrumb-2">Interactive Computing Lab</h1>
8492
<p class="lead color-offwhite">Designing Accessible Interactions with Emerging Technology</p>
8593
</div>
@@ -139,9 +147,9 @@ <h2>About us</h2>
139147
<div class="col-sm-4 col-md-4 col-lg-4 mb-40">
140148
<h2>Recent News</h2>
141149
<p>
142-
<strong>Jun 2026:</strong> <em>Delay-Buffered Editing for Accessible Slide Presentation Videos</em> (Azizul Haque, Jonggi Hong) receives a <strong>Best Paper Honorable Mention</strong> at DIS 2026!<br>
150+
<strong>Jun 2026:</strong> <em>Enhancing Slide Presentation Accessibility for Blind and Low-Vision Audiences Through Delay-Buffered Editing</em> (Azizul Haque, Jonggi Hong) receives a <strong>Best Paper Honorable Mention</strong> at DIS 2026!<br>
143151
<strong>Sep 2026:</strong> Our poster <em>ASPIRE: Accessible Slide Presentation via Intelligent Real-time Editing</em> (Azizul Haque, Jonggi Hong) is accepted to <strong>ASSETS 2026</strong>! See you in Vila Nova de Gaia, Portugal, October 25–28.<br>
144-
<strong>Jun 2026:</strong> Two ICL papers are presented at <strong>DIS 2026</strong>: <em>CatalaBlocks</em>, led by undergraduates Nicholas Russo, Matthew Schmitt, and Ananya Iyer, and <em>Delay-Buffered Editing for Accessible Slide Presentation Videos</em> by Azizul Haque.<br>
152+
<strong>Jun 2026:</strong> Two ICL papers are presented at <strong>DIS 2026</strong>: <em>CatalaBlocks</em>, led by undergraduates Nicholas Russo, Matthew Schmitt, and Ananya Iyer, and <em>Enhancing Slide Presentation Accessibility for Blind and Low-Vision Audiences Through Delay-Buffered Editing</em> by Azizul Haque.<br>
145153
<strong>Feb 2026:</strong> Jiayin Huang and Dawei Xu's study of emotional preferences for chatbot support is accepted to <strong>AHFE 2026</strong>.<br>
146154
<strong>Oct 2025:</strong> The lab presents two full papers at <strong>ASSETS 2025</strong> in Denver: an interactive form-filling assistant on smart glasses (Rifat Rahman Khan, Srikala Sandu) and accessible slide presentations via intelligent real-time editing (Azizul Hoque).<br>
147155
<strong>Sep 2025:</strong> <em>Typing Haptically</em>, a collaboration with KAIST on non-auditory text entry for blind and low-vision users, appears at <strong>UIST 2025</strong>. <em>CustomSight</em>, with the University of Virginia, is presented in the UIST adjunct track.<br>
@@ -466,7 +474,7 @@ <h4><a href="https://doi.org/10.1145/3800645.3813091" target="_blank" rel="noope
466474
<div class="portfolio-caption caption-border text-center">
467475
<h4><a href="https://doi.org/10.1145/3800645.3812965" target="_blank" rel="noopener">Delay-Buffered Editing</a></h4>
468476
<div class="work-tag">
469-
<a href="https://doi.org/10.1145/3800645.3812965" target="_blank" rel="noopener">Delay-Buffered Editing for Accessible Slide Presentation Videos</a>
477+
<a href="https://doi.org/10.1145/3800645.3812965" target="_blank" rel="noopener">Enhancing Slide Presentation Accessibility for Blind and Low-Vision Audiences Through Delay-Buffered Editing</a>
470478
<span class="pub-authors">Azizul Haque, Jonggi Hong</span>
471479
</div>
472480
<div class="paper-menu">
@@ -1057,14 +1065,13 @@ <h2>Videos</h2>
10571065
<div class="post-thumbnail embed-responsive embed-responsive-16by9 background-black">
10581066
<iframe src="" data-src="https://www.youtube.com/embed/SXUrY8i6TEc?cc_load_policy=3&rel=0&modestbranding=1" width="1140"
10591067
height="641" frameborder="0" allow="autoplay; fullscreen" allowfullscreen
1060-
title="DIS 2026 talk: Delay-Buffered Editing for Accessible Slide Presentation Videos"></iframe>
1068+
title="DIS 2026 talk: Enhancing Slide Presentation Accessibility for Blind and Low-Vision Audiences Through Delay-Buffered Editing"></iframe>
10611069
</div>
10621070
<div class="post-header">
10631071
<div class="post-meta">
10641072
By <a href="https://azizulhaque.me/">Azizul Haque</a>, DIS 2026
10651073
</div>
1066-
<h2 class="post-title"><a href="https://doi.org/10.1145/3800645.3812965">Delay-Buffered
1067-
Editing for Accessible Slide Presentation Videos</a></h2>
1074+
<h2 class="post-title"><a href="https://doi.org/10.1145/3800645.3812965">Enhancing Slide Presentation Accessibility for Blind and Low-Vision Audiences Through Delay-Buffered Editing</a></h2>
10681075
</div>
10691076
<div class="post-content">
10701077
<p>Conference talk from ACM DIS 2026. A short, deliberate delay lets an intelligent editing
@@ -1124,7 +1131,7 @@ <h2>Lab Openings</h2>
11241131
<script src="js/imagesloaded.pkgd.min.js" defer></script>
11251132
<script src="js/jquery.magnific-popup.min.js" defer></script>
11261133
<script src="js/jquery.meanmenu.js" defer></script>
1127-
<script src="js/plugins.js" defer></script>
1134+
<script src="js/plugins.js?v=2" defer></script>
11281135
<script src="js/main.js?v=7" defer></script>
11291136
<script>
11301137
//Lazy load YouTube videos

0 commit comments

Comments
 (0)