feat: Add card layout to catalog items and make default (6f71c604) · Commits · Research Enablement / Sites / Research

.gitignore

+1 −2

Original line number	Diff line number	Diff line
		@@ -2,6 +2,7 @@
		acorn
		content/
		html/
		public/data
		public/pdf/*.pdf
		src/data/
		/.vale
		@@ -28,5 +29,3 @@ pnpm-debug.log*
		/playwright-report/
		/blob-report/
		/playwright/.cache/
		# mani #
		# mani #

package-lock.json

+209 −0

Original line number	Diff line number	Diff line
		@@ -44,6 +44,7 @@
		"npm-run-all2": "^6.2.3",
		"pretty": "^2.0.0",
		"shelljs": "^0.8.5",
		"shx": "^0.4.0",
		"trash-cli": "^6.0.0",
		"typescript": "^5.5.4",
		"typescript-eslint": "^8.19.0"
		@@ -7661,6 +7662,16 @@
		"url": "https://github.com/sponsors/isaacs"
		}
		},
		"node_modules/minimist": {
		"version": "1.2.8",
		"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
		"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
		"dev": true,
		"license": "MIT",
		"funding": {
		"url": "https://github.com/sponsors/ljharb"
		}
		},
		"node_modules/minipass": {
		"version": "7.1.2",
		"resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
		@@ -7796,6 +7807,13 @@
		"node": ">= 0.4.0"
		}
		},
		"node_modules/nice-try": {
		"version": "1.0.5",
		"resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
		"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
		"dev": true,
		"license": "MIT"
		},
		"node_modules/nlcst-to-string": {
		"version": "4.0.0",
		"resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-4.0.0.tgz",
		@@ -9668,6 +9686,187 @@
		"@types/hast": "^3.0.4"
		}
		},
		"node_modules/shx": {
		"version": "0.4.0",
		"resolved": "https://registry.npmjs.org/shx/-/shx-0.4.0.tgz",
		"integrity": "sha512-Z0KixSIlGPpijKgcH6oCMCbltPImvaKy0sGH8AkLRXw1KyzpKtaCTizP2xen+hNDqVF4xxgvA0KXSb9o4Q6hnA==",
		"dev": true,
		"license": "MIT",
		"dependencies": {
		"minimist": "^1.2.8",
		"shelljs": "^0.9.2"
		},
		"bin": {
		"shx": "lib/cli.js"
		},
		"engines": {
		"node": ">=18"
		}
		},
		"node_modules/shx/node_modules/cross-spawn": {
		"version": "6.0.6",
		"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
		"integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
		"dev": true,
		"license": "MIT",
		"dependencies": {
		"nice-try": "^1.0.4",
		"path-key": "^2.0.1",
		"semver": "^5.5.0",
		"shebang-command": "^1.2.0",
		"which": "^1.2.9"
		},
		"engines": {
		"node": ">=4.8"
		}
		},
		"node_modules/shx/node_modules/execa": {
		"version": "1.0.0",
		"resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
		"integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
		"dev": true,
		"license": "MIT",
		"dependencies": {
		"cross-spawn": "^6.0.0",
		"get-stream": "^4.0.0",
		"is-stream": "^1.1.0",
		"npm-run-path": "^2.0.0",
		"p-finally": "^1.0.0",
		"signal-exit": "^3.0.0",
		"strip-eof": "^1.0.0"
		},
		"engines": {
		"node": ">=6"
		}
		},
		"node_modules/shx/node_modules/get-stream": {
		"version": "4.1.0",
		"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
		"integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
		"dev": true,
		"license": "MIT",
		"dependencies": {
		"pump": "^3.0.0"
		},
		"engines": {
		"node": ">=6"
		}
		},
		"node_modules/shx/node_modules/is-stream": {
		"version": "1.1.0",
		"resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
		"integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
		"dev": true,
		"license": "MIT",
		"engines": {
		"node": ">=0.10.0"
		}
		},
		"node_modules/shx/node_modules/npm-run-path": {
		"version": "2.0.2",
		"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
		"integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
		"dev": true,
		"license": "MIT",
		"dependencies": {
		"path-key": "^2.0.0"
		},
		"engines": {
		"node": ">=4"
		}
		},
		"node_modules/shx/node_modules/p-finally": {
		"version": "1.0.0",
		"resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
		"integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
		"dev": true,
		"license": "MIT",
		"engines": {
		"node": ">=4"
		}
		},
		"node_modules/shx/node_modules/path-key": {
		"version": "2.0.1",
		"resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
		"integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
		"dev": true,
		"license": "MIT",
		"engines": {
		"node": ">=4"
		}
		},
		"node_modules/shx/node_modules/semver": {
		"version": "5.7.2",
		"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
		"integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
		"dev": true,
		"license": "ISC",
		"bin": {
		"semver": "bin/semver"
		}
		},
		"node_modules/shx/node_modules/shebang-command": {
		"version": "1.2.0",
		"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
		"integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
		"dev": true,
		"license": "MIT",
		"dependencies": {
		"shebang-regex": "^1.0.0"
		},
		"engines": {
		"node": ">=0.10.0"
		}
		},
		"node_modules/shx/node_modules/shebang-regex": {
		"version": "1.0.0",
		"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
		"integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
		"dev": true,
		"license": "MIT",
		"engines": {
		"node": ">=0.10.0"
		}
		},
		"node_modules/shx/node_modules/shelljs": {
		"version": "0.9.2",
		"resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.9.2.tgz",
		"integrity": "sha512-S3I64fEiKgTZzKCC46zT/Ib9meqofLrQVbpSswtjFfAVDW+AZ54WTnAM/3/yENoxz/V1Cy6u3kiiEbQ4DNphvw==",
		"dev": true,
		"license": "BSD-3-Clause",
		"dependencies": {
		"execa": "^1.0.0",
		"fast-glob": "^3.3.2",
		"interpret": "^1.0.0",
		"rechoir": "^0.6.2"
		},
		"bin": {
		"shjs": "bin/shjs"
		},
		"engines": {
		"node": ">=18"
		}
		},
		"node_modules/shx/node_modules/signal-exit": {
		"version": "3.0.7",
		"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
		"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
		"dev": true,
		"license": "ISC"
		},
		"node_modules/shx/node_modules/which": {
		"version": "1.3.1",
		"resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
		"integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
		"dev": true,
		"license": "ISC",
		"dependencies": {
		"isexe": "^2.0.0"
		},
		"bin": {
		"which": "bin/which"
		}
		},
		"node_modules/signal-exit": {
		"version": "4.1.0",
		"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
		@@ -9940,6 +10139,16 @@
		"node": ">=4"
		}
		},
		"node_modules/strip-eof": {
		"version": "1.0.0",
		"resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
		"integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
		"dev": true,
		"license": "MIT",
		"engines": {
		"node": ">=0.10.0"
		}
		},
		"node_modules/strip-final-newline": {
		"version": "2.0.0",
		"resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",

package.json

+4 −2

Original line number	Diff line number	Diff line
		@@ -3,12 +3,13 @@
		"type": "module",
		"version": "0.0.1",
		"scripts": {
		"clean": "trash src/data/* public/pdf/*.pdf",
		"clean": "trash src/data/* public/data/ public/pdf/*.pdf",
		"copy": "shx cp -R \"./src/data/\" public",
		"dev": "astro dev --host --open",
		"dev:mac": "astro dev --host",
		"predownload": "npm run clean",
		"download": "./acorn download --buckets buckets.json --output src/data",
		"postdownload": "npm run format",
		"postdownload": "run-s format copy",
		"start": "astro dev",
		"build:pdf": "./acorn export src/data --output public/pdf",
		"build:src": "astro build",
		@@ -57,6 +58,7 @@
		"npm-run-all2": "^6.2.3",
		"pretty": "^2.0.0",
		"shelljs": "^0.8.5",
		"shx": "^0.4.0",
		"trash-cli": "^6.0.0",
		"typescript": "^5.5.4",
		"typescript-eslint": "^8.19.0"

public/assets/default.png

0 → 100644

+90.8 KiB

Loading image diff...

src/components/Catalog.astro

+58 −0

Original line number	Diff line number	Diff line
		@@ -24,11 +24,47 @@ const { items } = Astro.props;
		color: #666;
		margin: 10px;
		}
		.card-container {
		display: flex;
		position: relative;
		flex-direction: column;
		margin: 10px 10px 10px 20px;
		height: 300px;
		width: 30%;
		min-width: 280px;
		overflow: hidden;
		& img {
		height: 100%;
		}
		}
		.card-title {
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		line-height: 1.5rem;
		text-overflow: ellipsis;
		display: -webkit-box;
		max-height: 50px;
		overflow: hidden;
		font-size: 1.2rem;
		}
		.card-description {
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.5rem;
		text-overflow: ellipsis;
		display: -webkit-box;
		height: 50px;
		max-height: 50px;
		overflow: hidden;
		line-clamp: 2;
		}
		.item-container {
		transition: background-color 0.5s ease;
		background-color: var(--background-color);
		padding: 10px 10px 20px 10px;
		border-left: 6px solid var(--background-color);
		width: 100%;
		&:hover {
		background-color: var(--background-first-section);
		border-left: 6px solid var(--primary);
		@@ -57,6 +93,14 @@ const { items } = Astro.props;
		position: relative;
		top: 5px;
		}
		.items-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
		padding: 0;
		}
		.label-container {
		display: flex;
		flex-direction: row;
		@@ -79,6 +123,20 @@ const { items } = Astro.props;
		color: red;
		}
		}
		.list-controls {
		display: flex;
		justify-content: flex-end;
		margin: 20px 0 10px 0;
		width: 98%;
		& > button {
		color: #666;
		margin: 0 5px;
		}
		& > button:hover {
		color: var(--primary);
		margin: 0 5px;
		}
		}
		.search-score {
		color: #666;
		margin-left: 25px;