Skip to content

Commit 93bb255

Browse files
ritamtbsilvaritamtbsilva
committed
minor alterations. bluesky with longer feed, favicon working properly
1 parent 2d725f8 commit 93bb255

7 files changed

Lines changed: 53 additions & 19 deletions

File tree

‎css/styles.css‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ h1, h2, h3, h4 { font-family: var(--font-display); line-height: 1.2; }
9090
#about .section-intro { text-align: left; }
9191

9292
section { padding: 5.5rem 0; }
93-
section:nth-child(even) { background: var(--fog); }
93+
#news { padding-bottom: 1.5rem; }
9494

9595
/* ----------------------------------------------------------------
9696
BUTTONS
@@ -1263,15 +1263,21 @@ footer {
12631263
BLUESKY FEED
12641264
---------------------------------------------------------------- */
12651265
.bsky-feed-wrap {
1266-
max-width: 760px;
1266+
max-width: 1100px;
12671267
margin: 0 auto;
12681268
}
12691269

12701270
.bsky-grid {
12711271
display: grid;
1272-
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
1272+
grid-template-columns: repeat(3, 1fr);
12731273
gap: 1.25rem;
12741274
}
1275+
@media (max-width: 900px) {
1276+
.bsky-grid { grid-template-columns: repeat(2, 1fr); }
1277+
}
1278+
@media (max-width: 560px) {
1279+
.bsky-grid { grid-template-columns: 1fr; }
1280+
}
12751281

12761282
.bsky-card {
12771283
background: var(--white);
@@ -1329,7 +1335,7 @@ footer {
13291335

13301336
.bsky-footer {
13311337
text-align: center;
1332-
margin-top: 1.75rem;
1338+
margin-top: 1.25rem;
13331339
}
13341340
.bsky-follow-btn {
13351341
display: inline-flex;

‎index.html‎

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,20 @@
1010
<meta property="og:image" content="assets/logos/logo-full-dark.png" />
1111
<title>Disease Transcriptomics Lab · NMorais Lab</title>
1212

13-
<!-- Favicon — white icon for dark mode, black icon for light mode -->
14-
<link rel="icon" href="assets/logos/logo-icon-black.png" type="image/png" media="(prefers-color-scheme: light)" />
15-
<link rel="icon" href="assets/logos/logo-icon.png" type="image/png" media="(prefers-color-scheme: dark)" />
16-
<link rel="apple-touch-icon" href="assets/logos/logo-icon.png" />
13+
<!-- Favicon — swapped dynamically by JS below for reliable cross-browser support -->
14+
<link rel="icon" id="favicon" href="assets/logos/logo-icon-black.png" type="image/png" />
15+
<link rel="apple-touch-icon" href="assets/logos/logo-icon-black.png" />
16+
<script>
17+
(function () {
18+
var icon = document.getElementById('favicon');
19+
var dark = 'assets/logos/logo-icon.png';
20+
var light = 'assets/logos/logo-icon-black.png';
21+
var mq = window.matchMedia('(prefers-color-scheme: dark)');
22+
function apply(e) { icon.href = e.matches ? dark : light; }
23+
apply(mq);
24+
mq.addEventListener('change', apply);
25+
})();
26+
</script>
1727

1828
<link rel="preconnect" href="https://fonts.googleapis.com" />
1929
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

‎js/main.js‎

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,16 @@ async function loadSections() {
3232
loadSection('section-alumni', 'alumni.html'),
3333
loadSection('section-location', 'location.html'),
3434
]);
35+
36+
/* Alternate section backgrounds automatically.
37+
Hero, about, and location keep their own styles. */
38+
const skipIds = new Set(['hero', 'about', 'location']);
39+
document.querySelectorAll('body > section').forEach((section, i) => {
40+
if (skipIds.has(section.id)) return;
41+
section.style.background = i % 2 === 0
42+
? 'var(--fog)'
43+
: 'var(--white)';
44+
});
3545
}
3646

3747
/* ── Navigation ─────────────────────────────────────────────────── */
@@ -96,10 +106,11 @@ function updateYear() {
96106
Images (single, pair, or grid) are rendered when present.
97107
──────────────────────────────────────────────────────────────── */
98108
function loadBlueskyFeed() {
99-
const HANDLE = 'nmoraislab.bsky.social';
100-
const LIMIT = 6;
101-
const API_URL = `https://public.api.bsky.app/xrpc/app.bsky.feed.getAuthorFeed` +
102-
`?actor=${HANDLE}&limit=${LIMIT}&filter=posts_no_replies`;
109+
const HANDLE = 'nmoraislab.bsky.social';
110+
const DISPLAY = 6; // posts to show (3 columns × 2 rows)
111+
const FETCH = 20; // fetch more so filtering reposts still leaves enough
112+
const API_URL = `https://public.api.bsky.app/xrpc/app.bsky.feed.getAuthorFeed` +
113+
`?actor=${HANDLE}&limit=${FETCH}&filter=posts_no_replies`;
103114

104115
function formatDate(isoStr) {
105116
return new Date(isoStr).toLocaleDateString('en-GB', {
@@ -186,7 +197,7 @@ function loadBlueskyFeed() {
186197
grid.innerHTML = '<p class="bsky-loading">No posts yet — check back soon!</p>';
187198
return;
188199
}
189-
grid.innerHTML = feed.slice(0, LIMIT).map(renderCard).join('');
200+
grid.innerHTML = feed.slice(0, DISPLAY).map(renderCard).join('');
190201
})
191202
.catch(() => {
192203
clearTimeout(timeoutId);

‎sections/news.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,5 +63,13 @@ <h2 class="section-title fade-up">News &amp; updates</h2>
6363
</div>
6464
</div>
6565

66+
<div class="bsky-footer fade-up" style="transition-delay:.2s;">
67+
<a class="bsky-follow-btn"
68+
href="https://bsky.app/profile/nmoraislab.bsky.social"
69+
target="_blank" rel="noopener">
70+
See more on Bluesky ↗
71+
</a>
72+
</div>
73+
6674
</div>
6775
</section>

‎sections/outreach.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ <h2 class="section-title fade-up">Outreach &amp; Games</h2>
2727
target="_blank" rel="noopener"
2828
class="outreach-card-header outreach-header--live outreach-header--link"
2929
aria-label="Play Monster Scientists">
30-
<div class="outreach-card-emoji">👾</div>
30+
<div class="outreach-card-emoji"> </div>
3131
<span class="outreach-status-pill outreach-pill--live">▶ Play Now</span>
3232
</a>
3333

@@ -65,7 +65,7 @@ <h3 class="outreach-card-title">Monster Scientists</h3>
6565
<div class="outreach-card outreach-card--soon fade-up" style="transition-delay:.1s;">
6666

6767
<div class="outreach-card-header outreach-header--soon">
68-
<div class="outreach-card-emoji">🦁&thinsp;🌳</div>
68+
<div class="outreach-card-emoji"> </div>
6969
<span class="outreach-status-pill outreach-pill--soon">🌱 Sprouting Soon</span>
7070
</div>
7171

‎sections/software.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -192,8 +192,7 @@ <h2 class="section-title fade-up">Bioinformatics tools</h2>
192192
</span>
193193
<div class="tool-name">markeR</div>
194194
<p class="tool-desc">
195-
Toolkit for evaluating gene sets as phenotype markers from gene
196-
expression data: available as a Bioconductor R package with a full tutorial.
195+
Toolkit for evaluating gene sets as phenotype markers from gene expression data in R.
197196
</p>
198197
<div class="tool-links">
199198
<div class="tool-link-row">

‎sections/team.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -173,11 +173,11 @@ <h2 class="section-title fade-up">Meet the team</h2>
173173
<div class="member-name">Rita Martins-Silva</div>
174174
<span class="member-flag">🇵🇹</span>
175175
</div>
176-
<p class="member-bio"> Biomedical engineer interested in making science more intelligible, reproducible, and accessible through open-source tools.</p>
176+
<p class="member-bio"> I have a background in Biomedical Engineering and am currently pursuing a PhD in Computational Biology, where I study how to identify and characterise senescent cells using transcriptomics data. I enjoy transforming complex data into clear visualisations and making programming and data analysis more accessible. I’m also passionate about open science and data reuse.</p>
177177
<div class="member-interests">
178178
<strong>Interests:</strong> Transcriptomics · Senescence · Ageing
179179
</div>
180-
<p class="member-fun-fact">[Add a fun fact about Rita here.]</p>
180+
<p class="member-fun-fact"> Fun fact: I was the one doing this website :D </p>
181181
<div class="member-email">
182182
<svg width="14" height="14" viewBox="0 0 24 24" fill="none"
183183
stroke="currentColor" stroke-width="2" stroke-linecap="round">

0 commit comments

Comments
 (0)