-
+
{results.map((item, i) => {
const type = resultIcon(item.url);
- const path = iconPaths[type];
+ const ResultIcon = iconMap[type];
const sanitized = sanitize(item.excerpt);
return (
@@ -163,13 +161,9 @@ export default function HighlightsCarousel({ slides }: { slides: Slide[] }) {
aria-label={paused ? 'Resume auto-play' : 'Pause auto-play'}
>
{paused ? (
-
+
) : (
-
+
)}
diff --git a/src/components/listing-filters.tsx b/src/components/listing-filters.tsx
index fb81fcfb..40fb14bc 100644
--- a/src/components/listing-filters.tsx
+++ b/src/components/listing-filters.tsx
@@ -1,4 +1,5 @@
import { useEffect, useState, useCallback } from 'react';
+import { AdjustmentsHorizontalIcon, XMarkIcon } from '@heroicons/react/24/outline';
export type FilterOption = {
id: string;
@@ -140,9 +141,7 @@ export default function ListingFilters({ groups, event = 'filters-changed' }: Pr
onClick={clearAll}
className="inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-brand-primary dark:hover:text-white transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:rounded"
>
-
+
Clear filters ({activeCount})
)}
@@ -157,9 +156,7 @@ export default function ListingFilters({ groups, event = 'filters-changed' }: Pr
className="sm:hidden flex items-center gap-2 rounded-lg border border-gray-200/60 dark:border-gray-700/30 bg-white dark:bg-white/[0.03] px-4 py-2.5 text-sm font-medium text-brand-primary dark:text-white transition-colors hover:border-accent/30 w-full justify-center focus:outline-none focus-visible:ring-2 focus-visible:ring-accent"
aria-expanded={mobileOpen}
>
-
+
Filters
{hasFilters && (
diff --git a/src/components/nav-about-menu.tsx b/src/components/nav-about-menu.tsx
index 384cabed..c78cb3e7 100644
--- a/src/components/nav-about-menu.tsx
+++ b/src/components/nav-about-menu.tsx
@@ -1,12 +1,11 @@
import { aboutNodes, aboutOverviewHref } from '../data/nav-menu';
+import { ArrowRightIcon } from '@heroicons/react/24/outline';
const isActive = (pathname: string, href: string) =>
pathname === href || pathname.startsWith(href + '/');
const ArrowIcon = () => (
-
+
);
type Props = {
diff --git a/src/components/nav-dropdown.tsx b/src/components/nav-dropdown.tsx
index a7b042ad..491d69c5 100644
--- a/src/components/nav-dropdown.tsx
+++ b/src/components/nav-dropdown.tsx
@@ -1,10 +1,9 @@
import { useEffect, useRef, useState, type ReactNode } from 'react';
import { AnimatePresence, motion, useReducedMotion } from 'framer-motion';
+import { ChevronDownIcon } from '@heroicons/react/24/outline';
const ChevronIcon = ({ className }: { className?: string }) => (
-
+
);
const linkColor = (active: boolean) =>
@@ -89,7 +88,7 @@ export default function NavDropdown({
>
{label}
diff --git a/src/components/nav-mobile-accordion.tsx b/src/components/nav-mobile-accordion.tsx
index e487c54c..7623e55d 100644
--- a/src/components/nav-mobile-accordion.tsx
+++ b/src/components/nav-mobile-accordion.tsx
@@ -1,10 +1,9 @@
import { useState, type ReactNode } from 'react';
import { AnimatePresence, motion, useReducedMotion } from 'framer-motion';
+import { ChevronDownIcon } from '@heroicons/react/24/outline';
const ChevronIcon = ({ className }: { className?: string }) => (
-
+
);
type Props = {
diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index 430ce037..6e80e3a7 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -6,11 +6,10 @@ import NavAboutMenu from "./nav-about-menu.tsx";
import NavDropdown from "./nav-dropdown.tsx";
import NavMobileAccordion from "./nav-mobile-accordion.tsx";
import { useMagicPill } from "../lib/hooks/use-magic-pill";
+import { MagnifyingGlassIcon } from "@heroicons/react/24/outline";
const SearchIcon = ({ className }: { className?: string }) => (
-
+
);
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -29,7 +28,7 @@ const isActivePath = (pathname: string, href: string) =>
pathname === href || pathname.startsWith(href + '/');
const navLinkClass = (active: boolean) =>
- `relative z-10 px-3 py-2 text-sm 2xl:text-base font-semibold rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${
+ `relative z-10 px-3.5 py-2 text-sm 2xl:text-[0.9375rem] font-medium tracking-[-0.01em] rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${
active ? 'text-accent' : 'text-brand-grey dark:text-gray-300 hover:text-brand-primary dark:hover:text-white'
}`;
@@ -85,8 +84,8 @@ export const Navigation = ({ pathname }: { pathname: string }) => {
diff --git a/src/components/particle-field.tsx b/src/components/particle-field.tsx
index 324e5f56..bf6c330d 100644
--- a/src/components/particle-field.tsx
+++ b/src/components/particle-field.tsx
@@ -9,8 +9,9 @@ interface Particle {
opacity: number;
}
-const CONNECTION_DISTANCE = 140;
-const CONNECTION_OPACITY = 0.1;
+const CONNECTION_DISTANCE = 165;
+const CONNECTION_OPACITY = 0.22;
+const CONNECTION_WIDTH = 0.9;
const SPEED = 0.2;
function particleCount(w: number): number {
@@ -116,20 +117,16 @@ export default function ParticleField({ playing = true }: { playing?: boolean })
ctx!.moveTo(particles[i].x, particles[i].y);
ctx!.lineTo(particles[j].x, particles[j].y);
ctx!.strokeStyle = `rgba(${accentRgb} / ${alpha})`;
- ctx!.lineWidth = 0.5;
+ ctx!.lineWidth = CONNECTION_WIDTH;
ctx!.stroke();
}
}
}
- // Draw particles (triangles)
+ // Draw particles
for (const p of particles) {
- const r = p.radius;
ctx!.beginPath();
- ctx!.moveTo(p.x, p.y - r);
- ctx!.lineTo(p.x - r * 0.866, p.y + r * 0.5);
- ctx!.lineTo(p.x + r * 0.866, p.y + r * 0.5);
- ctx!.closePath();
+ ctx!.arc(p.x, p.y, p.radius * 0.7, 0, Math.PI * 2);
ctx!.fillStyle = `rgba(${accentRgb} / ${p.opacity})`;
ctx!.fill();
}
diff --git a/src/components/people.astro b/src/components/people.astro
index 3d9ff94c..79941225 100644
--- a/src/components/people.astro
+++ b/src/components/people.astro
@@ -1,4 +1,5 @@
---
+import { ArrowRightIcon } from "@heroicons/react/24/outline";
import people from "../data/people.json";
type Org = {
@@ -104,9 +105,7 @@ function getElixirRole(person: any): string {
Meet the team
-
+
) : (
diff --git a/src/components/pricing.tsx b/src/components/pricing.tsx
index 7ad130a7..ecd088b4 100644
--- a/src/components/pricing.tsx
+++ b/src/components/pricing.tsx
@@ -1,3 +1,5 @@
+import { CheckIcon } from '@heroicons/react/24/outline';
+
export default function Pricing({ tiers }) {
return (
-
+
diff --git a/src/components/featured-news.astro b/src/components/featured-news.astro
index 846d3983..a39ec679 100644
--- a/src/components/featured-news.astro
+++ b/src/components/featured-news.astro
@@ -1,6 +1,6 @@
---
import { getCollection } from "astro:content";
-import { HiArrowSmRight } from "react-icons/hi";
+import { ArrowRightIcon } from "@heroicons/react/24/outline";
const news = (await getCollection("news"))
.sort((a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime())
.splice(0, 3);
@@ -21,7 +21,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
More news
-
diff --git a/src/components/hero.tsx b/src/components/hero.tsx
index d66430df..00da8b3b 100644
--- a/src/components/hero.tsx
+++ b/src/components/hero.tsx
@@ -1,7 +1,9 @@
import { motion, useReducedMotion } from 'framer-motion';
import React, { Suspense, lazy, useState, useEffect } from 'react';
+import { ArrowRightIcon, ArrowTopRightOnSquareIcon, ChevronDownIcon, LifebuoyIcon } from '@heroicons/react/24/outline';
const ParticleField = lazy(() => import('./particle-field'));
+const MotionChevronDown = motion.create(ChevronDownIcon);
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -89,19 +91,12 @@ function ScrollCue({ shouldReduceMotion }: { shouldReduceMotion: boolean | null
transition={{ duration: 0.4, delay: shouldReduceMotion ? 0 : 1 }}
className="absolute bottom-6 sm:bottom-8 left-1/2 -translate-x-1/2 z-10 p-2 text-gray-500 dark:text-gray-400 hover:text-brand-primary dark:hover:text-white transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 rounded-full"
>
-
+ />
);
}
@@ -137,9 +132,7 @@ export function Hero() {
className="inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-accent/10 text-accent hover:bg-accent/20 transition-colors"
>
Part of the European ELIXIR infrastructure
-
+
@@ -169,17 +162,16 @@ export function Hero() {
>
Explore services
-
+
+
Get support
diff --git a/src/components/highlights-carousel.tsx b/src/components/highlights-carousel.tsx
index 812cd3fb..7b27efcc 100644
--- a/src/components/highlights-carousel.tsx
+++ b/src/components/highlights-carousel.tsx
@@ -1,5 +1,7 @@
import React, { useState, useEffect, useCallback, useRef } from 'react';
import { motion, AnimatePresence, useReducedMotion } from 'framer-motion';
+import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
+import { PauseIcon, PlayIcon } from '@heroicons/react/24/solid';
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -74,18 +76,14 @@ export default function HighlightsCarousel({ slides }: { slides: Slide[] }) {
className="p-2 rounded-lg border border-gray-200/60 dark:border-gray-700/30 text-brand-grey dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-white/5 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent"
aria-label="Previous slide"
>
-
+
- +
No results found
Try a different search term
- 
+
@@ -39,9 +41,7 @@ export default function Pricing({ tiers }) {
@@ -88,9 +87,7 @@ const featuredCover = featured?.data.cover?.source
Read article
-
+
@@ -132,9 +129,7 @@ const featuredCover = featured?.data.cover?.source
-
+
);
})}
@@ -148,9 +143,7 @@ const featuredCover = featured?.data.cover?.source
class="inline-flex items-center gap-2 px-5 py-2.5 text-sm font-semibold text-accent hover:bg-accent/5 rounded-lg transition-colors"
>
View all news
-
+
diff --git a/src/components/sections/org-contact.astro b/src/components/sections/org-contact.astro
index 3f181823..a993b038 100644
--- a/src/components/sections/org-contact.astro
+++ b/src/components/sections/org-contact.astro
@@ -1,5 +1,11 @@
---
import type { OrgContact, OrgLink } from '../../data/organizations';
+import {
+ ArrowTopRightOnSquareIcon,
+ EnvelopeIcon,
+ InformationCircleIcon,
+ MapPinIcon,
+} from '@heroicons/react/24/outline';
interface Props {
contacts: OrgContact[];
@@ -42,9 +48,7 @@ const hasContactInfo = contacts.length > 0 || links.length > 0 || callout;
class="group flex items-start gap-4 p-4 rounded-xl bg-white dark:bg-white/[0.04] border border-gray-200/60 dark:border-gray-700/30 shadow-sm ring-1 ring-black/[0.03] dark:ring-white/[0.03] hover:border-accent/30 hover:shadow-md hover:shadow-accent/[0.06] transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent"
>
-
{tier.features.map((feature) => (
- - + {feature} ))} diff --git a/src/components/project-filters.tsx b/src/components/project-filters.tsx index 16f4be34..f6c63572 100644 --- a/src/components/project-filters.tsx +++ b/src/components/project-filters.tsx @@ -1,4 +1,5 @@ import React, { useEffect, useState, useCallback } from 'react'; +import { AdjustmentsHorizontalIcon, CheckIcon, XMarkIcon } from '@heroicons/react/24/outline'; export type FilterOption = { id: string; @@ -85,9 +86,7 @@ export default function ProjectFilters({ groups = [] }: { groups: FilterGroup[] : 'border-gray-300 dark:border-gray-600' }`}> {isActive && ( - + )} {opt.label} @@ -106,9 +105,7 @@ export default function ProjectFilters({ groups = [] }: { groups: FilterGroup[] onClick={clearAll} className="inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-brand-primary dark:hover:text-white transition-colors" > - + Clear all filters ({activeCount}) )} @@ -123,9 +120,7 @@ export default function ProjectFilters({ groups = [] }: { groups: FilterGroup[] className="lg:hidden flex items-center gap-2 rounded-lg border border-gray-200/60 dark:border-gray-700/30 bg-white dark:bg-white/[0.03] px-4 py-2.5 text-sm font-medium text-brand-primary dark:text-white transition-colors hover:border-accent/30 w-full justify-center" aria-expanded={mobileOpen} > - + Filters {hasAnyFilter && ( diff --git a/src/components/sections/latest-news.astro b/src/components/sections/latest-news.astro index 0be0b6fd..947eb66c 100644 --- a/src/components/sections/latest-news.astro +++ b/src/components/sections/latest-news.astro @@ -1,5 +1,6 @@ --- import { getCollection } from "astro:content"; +import { ArrowRightIcon, ChevronRightIcon } from "@heroicons/react/24/outline"; const BASE = import.meta.env.BASE_URL.replace(/\/$/, ''); @@ -46,9 +47,7 @@ const featuredCover = featured?.data.cover?.source class="hidden sm:inline-flex items-center gap-2 px-5 py-2.5 text-sm font-semibold text-accent hover:bg-accent/5 rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" > View all news - +
-
+
@@ -73,9 +77,7 @@ const hasContactInfo = contacts.length > 0 || links.length > 0 || callout;
rel="noopener noreferrer"
class="group flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-white dark:hover:bg-white/[0.04] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent"
>
-
+
{l.text}
@@ -88,9 +90,7 @@ const hasContactInfo = contacts.length > 0 || links.length > 0 || callout;
{callout && (
diff --git a/src/layouts/base.astro b/src/layouts/base.astro
index f69c2c1b..66171a3a 100644
--- a/src/layouts/base.astro
+++ b/src/layouts/base.astro
@@ -3,6 +3,7 @@ import Navigation from "../components/navigation";
import Footer from "../components/footer";
import SEOHead from "../components/seo-head.astro";
import SiteBanner from "../components/site-banner.astro";
+import { Font } from "astro:assets";
import "../styles/global.scss";
interface Props {
@@ -31,6 +32,9 @@ const { seo } = Astro.props;
+
+
+
) : (
-
+
}) {
) : allOk ? (
{callout}
@@ -118,10 +118,7 @@ const hasContactInfo = contacts.length > 0 || links.length > 0 || callout; rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400 hover:text-brand-primary dark:hover:text-white transition-colors" > - + {address} diff --git a/src/components/sections/org-hero.astro b/src/components/sections/org-hero.astro index 0f2fd684..69d932dd 100644 --- a/src/components/sections/org-hero.astro +++ b/src/components/sections/org-hero.astro @@ -1,4 +1,6 @@ --- +import { ArrowLeftIcon } from "@heroicons/react/24/outline"; + interface Props { nodeName: string; university: string; @@ -35,9 +37,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, ''); href={`${BASE}/about`} class="org-hero-fade inline-flex items-center gap-1.5 text-sm font-medium text-white/60 hover:text-white transition-colors mb-8 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 rounded" > - + About ELIXIR Norway diff --git a/src/components/sections/services-overview.tsx b/src/components/sections/services-overview.tsx index 8b7a8e02..ea41bb66 100644 --- a/src/components/sections/services-overview.tsx +++ b/src/components/sections/services-overview.tsx @@ -1,5 +1,12 @@ import React from 'react'; import { motion, useReducedMotion } from 'framer-motion'; +import { + ArrowRightIcon, + LifebuoyIcon, + Squares2X2Icon, + ServerStackIcon, + ShieldCheckIcon, +} from '@heroicons/react/24/outline'; const BASE = import.meta.env.BASE_URL.replace(/\/$/, ''); @@ -15,28 +22,28 @@ const services: Service[] = [ { title: 'Research Support', description: 'Short and long-term support with bioinformatics analyses, programming and data management tasks.', - icon: , + icon: , color: '#3b82f6', href: `${BASE}/research-support`, }, { title: 'Services', description: 'Analysis and management of life science data within marine, health, genomics, proteomics and more.', - icon: , + icon: , color: '#f47d20', href: `${BASE}/services`, }, { title: 'e-Infrastructure', description: <>NeLS, the Norwegian e-Infrastructure for Life Sciences, for analysis, sharing, management and storage of life science data., - icon: , + icon: , color: '#10b981', href: `${BASE}/e-infrastructure`, }, { title: 'Sensitive Data', description: <>Archiving solutions for potentially identifiable human data with support on TSD, HUNT Cloud and SAFE., - icon: , + icon: , color: '#8b5cf6', href: `${BASE}/sensitive-data`, }, @@ -78,9 +85,7 @@ export default function ServicesOverview() { className="mt-6 inline-flex items-center gap-2 text-sm font-semibold text-accent hover:underline underline-offset-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" > Explore all services - + @@ -114,9 +119,7 @@ export default function ServicesOverview() { Learn more - + ))} diff --git a/src/components/service-status-summary.tsx b/src/components/service-status-summary.tsx index ed509758..09655a24 100644 --- a/src/components/service-status-summary.tsx +++ b/src/components/service-status-summary.tsx @@ -1,5 +1,6 @@ import { useState, useEffect, useCallback, useRef } from 'react'; import { useReducedMotion } from 'framer-motion'; +import { ArrowRightIcon } from '@heroicons/react/24/outline'; import { probe, type Status } from '../lib/service-probe'; type ServiceInfo = { @@ -137,12 +138,10 @@ export default function ServiceStatusSummary({ services, href }: { services: Ser {label} {countText && · {countText}} - + aria-hidden="true" + /> ); } diff --git a/src/components/service-status.tsx b/src/components/service-status.tsx index d297d00f..600e71cf 100644 --- a/src/components/service-status.tsx +++ b/src/components/service-status.tsx @@ -1,4 +1,5 @@ import { useState, useEffect, useCallback, useRef } from 'react'; +import { CheckIcon, ExclamationTriangleIcon, InformationCircleIcon } from '@heroicons/react/24/outline'; import { probe, type Status } from '../lib/service-probe'; type ServiceInfo = { @@ -116,21 +117,15 @@ function OverallSummary({ states }: { states: Map
-
+
) : problems > 0 ? (
-
+
) : (
-
+
)}
diff --git a/src/components/share-buttons.tsx b/src/components/share-buttons.tsx
index c66ad5ed..a1a1c5e4 100644
--- a/src/components/share-buttons.tsx
+++ b/src/components/share-buttons.tsx
@@ -1,4 +1,5 @@
import { useEffect, useRef, useState } from 'react';
+import { CheckIcon, EnvelopeIcon, LinkIcon } from '@heroicons/react/24/outline';
interface Props {
url: string;
@@ -73,13 +74,9 @@ export default function ShareButtons({ url, title, summary = '' }: Props) {
className={btn}
>
{copied ? (
-
+
) : (
-
+
)}
-
+
+
@@ -27,9 +31,7 @@ function renderInlineMarkdown(md: string): string {
class="fixed right-3 top-1 p-1 rounded-md !text-white/60 hover:!text-white hover:bg-white/10 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 z-[61]"
aria-label="Dismiss announcement"
>
-
+
-
+
@@ -340,17 +337,13 @@ const jsonLd = contentType === 'news' ? JSON.stringify({
) : (
{period && (
-
+
{periodToRelative(period)}
)}
{funder?.name && (
-
+
{funder.link
? {funder.name}
: funder.name
@@ -359,9 +352,7 @@ const jsonLd = contentType === 'news' ? JSON.stringify({
)}
{externalLink && (
-
+
Project website
)}
@@ -384,9 +375,7 @@ const jsonLd = contentType === 'news' ? JSON.stringify({
class="mt-6 inline-flex items-center gap-2 rounded-lg bg-accent px-5 py-2.5 text-sm font-semibold text-white transition-opacity hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 dark:focus-visible:ring-offset-dark-background"
>
Visit service
-
+
)}
diff --git a/src/lib/hooks/use-magic-pill.ts b/src/lib/hooks/use-magic-pill.ts
index 063aa14e..c4626e62 100644
--- a/src/lib/hooks/use-magic-pill.ts
+++ b/src/lib/hooks/use-magic-pill.ts
@@ -45,7 +45,7 @@ export function useMagicPill(activeIndex: number) {
return () => window.removeEventListener('resize', onResize);
}, [measure]);
- // Re-measure once the web font (Space Grotesk) has loaded — item widths shift.
+ // Re-measure once web fonts have loaded — item widths shift as the face swaps.
useEffect(() => {
if (typeof document === 'undefined' || !('fonts' in document)) return;
let cancelled = false;
diff --git a/src/pages/about/everyone.astro b/src/pages/about/everyone.astro
index c23d74b2..a76b771f 100644
--- a/src/pages/about/everyone.astro
+++ b/src/pages/about/everyone.astro
@@ -2,6 +2,7 @@
import BaseLayout from "../../layouts/base.astro";
import people from "../../data/people.json";
import { organizations } from "../../data/organizations";
+import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/react/24/outline";
export const prerender = true;
@@ -89,20 +90,7 @@ const externalPeople: ExternalPerson[] = externalOrgKeys.flatMap((key) => {
href={`${BASE}/about`}
class="everyone-fade inline-flex items-center gap-1.5 text-sm font-medium text-white/60 hover:text-white transition-colors mb-8 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 rounded"
>
-
+
About ELIXIR Norway
@@ -223,9 +211,7 @@ const externalPeople: ExternalPerson[] = externalOrgKeys.flatMap((key) => {
class="ml-auto hidden sm:inline-flex items-center gap-1.5 text-xs font-semibold text-gray-500 dark:text-gray-400 hover:text-brand-primary dark:hover:text-white transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent rounded"
>
View node
-
+
)}
diff --git a/src/pages/events/index.astro b/src/pages/events/index.astro
index 4c5f6823..9972fe7c 100644
--- a/src/pages/events/index.astro
+++ b/src/pages/events/index.astro
@@ -2,6 +2,7 @@
import Page from "../../layouts/page.astro";
import { getCollection } from "astro:content";
import { idToSlug, resolveContentAsset } from "../../lib/utils";
+import { ArrowRightIcon, CalendarIcon } from "@heroicons/react/24/outline";
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -73,9 +74,7 @@ function formatDate(dateString: string): string {
-
+
)}
@@ -90,9 +89,7 @@ function formatDate(dateString: string): string {
@@ -128,9 +125,7 @@ function formatDate(dateString: string): string {
View details
-
+
-
+
)}
@@ -145,9 +140,7 @@ function formatDate(dateString: string): string {
@@ -160,9 +153,7 @@ function formatDate(dateString: string): string {
{events.length === 0 && (
View details
-
+
-
+
)}
diff --git a/src/pages/funding-and-projects/index.astro b/src/pages/funding-and-projects/index.astro
index deee92d0..9feb6fd0 100644
--- a/src/pages/funding-and-projects/index.astro
+++ b/src/pages/funding-and-projects/index.astro
@@ -5,6 +5,7 @@ import ProjectFilters from "../../components/project-filters";
import { slugToTitleCase, idToSlug } from "../../lib/utils";
import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
+import { ArrowRightIcon, BuildingLibraryIcon, CalendarIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
dayjs.extend(relativeTime);
@@ -106,9 +107,7 @@ const categoryColors: RecordNo events scheduled at this time.
-
+
= {
) : (
{project.data.period && (
-
+
{periodToRelative(project.data.period)}
)}
{project.data.funder?.name && (
-
+
{project.data.funder.name}
)}
@@ -196,9 +191,7 @@ const categoryColors: Record = {
{/* Arrow */}
= {
diff --git a/src/pages/news/index.astro b/src/pages/news/index.astro
index fe73edcc..df8a369d 100644
--- a/src/pages/news/index.astro
+++ b/src/pages/news/index.astro
@@ -2,6 +2,7 @@
import { getCollection } from 'astro:content';
import Page from "../../layouts/page.astro";
import ListingFilters from "../../components/listing-filters";
+import { NewspaperIcon, ArrowRightIcon } from "@heroicons/react/24/outline";
import { idToSlug, resolveContentAsset, slugToTitleCase } from "../../lib/utils";
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -102,9 +103,7 @@ const INITIAL_COUNT = 18;
View project
-
+
);
@@ -207,9 +200,7 @@ const categoryColors: Record
-
+
No projects match the selected filters.
-
+
)}
@@ -128,9 +127,7 @@ const INITIAL_COUNT = 18;
)}
diff --git a/src/pages/research-support.astro b/src/pages/research-support.astro
index 11761184..da69a4f6 100644
--- a/src/pages/research-support.astro
+++ b/src/pages/research-support.astro
@@ -2,6 +2,7 @@
import Page from "../layouts/page.astro";
import Pricing from "../components/pricing.tsx";
import Callout from "../components/callout.tsx";
+import { AcademicCapIcon, ArrowRightIcon, CheckIcon, CircleStackIcon, DocumentTextIcon, EnvelopeIcon, QuestionMarkCircleIcon } from "@heroicons/react/24/outline";
---
Read more
-
+
-
+
Support types
-
{["General advice & experimental design", "Programming & scripting assistance", "Data analysis & interpretation", "Data management & archiving"].map(item => (
- - + {item} ))} @@ -81,17 +74,13 @@ import Callout from "../components/callout.tsx";
- - + {item} ))} @@ -101,17 +90,13 @@ import Callout from "../components/callout.tsx";
- - + {item} ))} @@ -138,9 +123,7 @@ import Callout from "../components/callout.tsx";
-
+
Data types
-
{["High-throughput sequence data (DNA/RNA)", "Proteomics & structural data", "ChIP-seq & epigenomics", "Metagenomics & microbiome"].map(item => (
-
+
Fields of expertise
-
{["Genome & transcriptome assembly", "Variant calling & annotation", "Gene expression & epigenetics", "Statistical genomics & network analysis", "Cancer, health & marine biology"].map(item => (
-
+
The Service Agreement
diff --git a/src/pages/services/index.astro b/src/pages/services/index.astro index 989c0ec7..cf54bc70 100644 --- a/src/pages/services/index.astro +++ b/src/pages/services/index.astro @@ -4,6 +4,7 @@ import Page from "../../layouts/page.astro"; import ListingFilters from "../../components/listing-filters"; import ServiceStatusSummary from "../../components/service-status-summary"; import { slugToTitleCase, idToSlug, resolveContentAsset } from "../../lib/utils"; +import { ArrowRightIcon, GlobeAltIcon } from "@heroicons/react/24/outline"; const BASE = import.meta.env.BASE_URL.replace(/\/$/, ''); const services = (await getCollection("services")).sort((a, b) => a.data.title.localeCompare(b.data.title)); @@ -106,15 +107,11 @@ const tags = [...tagCounts.entries()]
Learn more
-
+
{hasWebsite && (
-
+
Web
)}
diff --git a/src/pages/training/index.astro b/src/pages/training/index.astro
index fb777fa9..d165df01 100644
--- a/src/pages/training/index.astro
+++ b/src/pages/training/index.astro
@@ -1,5 +1,15 @@
---
import Page from "../../layouts/page.astro";
+import {
+ AcademicCapIcon,
+ ArrowTopRightOnSquareIcon,
+ BeakerIcon,
+ BookOpenIcon,
+ CalendarIcon,
+ CircleStackIcon,
+ MagnifyingGlassIcon,
+ WrenchScrewdriverIcon,
+} from "@heroicons/react/24/outline";
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
---
@@ -33,9 +43,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -48,9 +56,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -63,9 +69,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -78,9 +82,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
@@ -102,17 +104,13 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
-
+
-
+
@@ -157,9 +149,7 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
diff --git a/src/styles/global.scss b/src/styles/global.scss
index f340a02a..a552741a 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
-
@tailwind base;
@tailwind components;
@tailwind utilities;
@@ -48,7 +46,7 @@
html.dark { scrollbar-color: rgba(255,255,255,0.2) transparent; }
h1, h2, h3, h4, h5, h6, dt {
- @apply tracking-tight text-pretty text-slate-950 dark:text-slate-50;
+ @apply font-display tracking-tight text-pretty text-slate-950 dark:text-slate-50;
#main-content &:first-child {
@apply mt-0;
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index a099c497..96083257 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -8,7 +8,8 @@ export default {
theme: {
extend: {
fontFamily: {
- sans: ['Space Grotesk', ...defaultTheme.fontFamily.sans],
+ sans: ['var(--font-body, ui-sans-serif)', ...defaultTheme.fontFamily.sans],
+ display: ['var(--font-display, ui-sans-serif)', ...defaultTheme.fontFamily.sans],
},
colors: {
accent: 'rgb(var(--color-accent) / )',
-
+
Research Data Management
-
+
Tool-Specific Courses
-
+
Domain-Specific Courses
-
+
Train-the-Trainer
-
+
ELIXIR TeSS
Course catalogue
@@ -124,23 +122,17 @@ const BASE = import.meta.env.BASE_URL.replace(/\/$/, '');
-
+
GitHub
Training materials
-
+
Zenodo
Archived materials
-
+
No upcoming training events at the moment.