citing pioreactor page

Author: CamDavidsonPilon

Makefile

@@ -0,0 +1,28 @@
+.PHONY: help install dev build serve clear deploy
+
+help:
+	@printf "Available targets:\n"
+	@printf "  make install  Install npm dependencies\n"
+	@printf "  make dev      Start the Docusaurus development server\n"
+	@printf "  make build    Build the static site\n"
+	@printf "  make serve    Serve the built site locally\n"
+	@printf "  make clear    Clear Docusaurus caches\n"
+	@printf "  make deploy   Deploy with Docusaurus\n"
+
+install:
+	npm install
+
+dev:
+	npm run start -- --port 8001
+
+build:
+	npm run build
+
+serve:
+	npm run serve
+
+clear:
+	npm run clear
+
+deploy:
+	npm run deploy

src/css/custom.css

@@ -217,6 +217,104 @@ h1 {
   gap: 20px; /* Space between the cards */
 }
 
+.publicationAssetShowcase {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 16px;
+  margin: 1rem 0 1.5rem;
+}
+
+.publicationAssetPanel {
+  display: grid;
+  gap: 12px;
+  align-content: start;
+  padding: 14px;
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 8px;
+}
+
+.publicationAssetPanelWide {
+  grid-column: 1 / -1;
+  grid-template-columns: minmax(180px, 280px) 1fr;
+  align-items: center;
+}
+
+.publicationAssetPreview {
+  display: grid;
+  min-height: 150px;
+  padding: 10px;
+  border-radius: 6px;
+  background: var(--ifm-color-emphasis-100);
+  place-items: center;
+}
+
+.publicationAssetPreview img {
+  width: 100%;
+  height: 150px;
+  object-fit: contain;
+}
+
+.publicationAssetPanel h3 {
+  margin: 0;
+  font-size: 1.05rem;
+}
+
+.publicationAssetPanel p {
+  margin: 0.25rem 0 0.5rem;
+}
+
+.publicationAssetLinks {
+  margin: 0;
+  padding-left: 1.1rem;
+}
+
+.publicationAssetDownload {
+  display: inline-flex;
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  margin-top: 2px;
+  padding: 6px 10px;
+  border: 1px solid var(--ifm-color-primary);
+  border-radius: 6px;
+  font-size: 0.9rem;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.publicationAssetDownload:hover {
+  background: var(--ifm-color-primary);
+  color: var(--ifm-color-primary-contrast-background);
+  text-decoration: none;
+}
+
+.publicationIconStrip {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+
+.publicationIconStrip a {
+  display: grid;
+  min-height: 74px;
+  padding: 10px;
+  border-radius: 6px;
+  background: var(--ifm-color-emphasis-100);
+  place-items: center;
+}
+
+.publicationIconStrip img {
+  width: 100%;
+  height: 54px;
+  object-fit: contain;
+}
+
+@media (max-width: 700px) {
+  .publicationAssetPanelWide {
+    grid-template-columns: 1fr;
+  }
+}
+
 .menu__list-item.sidebar-item--new > .menu__link,
 .menu__list-item.sidebar-item--new > .menu__list-item-collapsible > .menu__link,
 .menu__list-item.sidebar-item--updated > .menu__link,

static/media-assets/pioreactor-publication-assets-diagrams.zip

@@ -0,0 +1,9 @@
+Pioreactor boilerplate text
+
+These snippets are intended for papers, posters, preprints, theses, course materials, talks, and methods sections that mention Pioreactor.
+
+Use the short company description when space is limited, such as a poster footer or slide note.
+
+Use the long company description when briefly introducing Pioreactor as a platform.
+
+Use the acknowledgement or methods statement when describing experimental work that used Pioreactor hardware, software, or accessories. Edit model names, volumes, accessories, and software versions to match the actual experimental setup.

static/media-assets/pioreactor-publication-assets-icon-svgs.zip

@@ -0,0 +1 @@
+Pioreactor Inc. is a Waterloo, Ontario-based company building open-source, Raspberry Pi-powered bioreactors and software for microbial growth automation. Pioreactor combines small-volume bioreactor hardware, optical density monitoring, temperature control, stirring, programmable dosing, a browser-based user interface, APIs, plugins, and documentation for research and teaching labs.