diff --git a/preview/pr-257/2019/01/07/example-post-1.html b/preview/pr-257/2019/01/07/example-post-1.html new file mode 100644 index 0000000000..18a21af094 --- /dev/null +++ b/preview/pr-257/2019/01/07/example-post-1.html @@ -0,0 +1,706 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Example post 1 | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ + + +

Example post 1

+ +
+ + + + + + + +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ + + + + + + + + + + January 07, 2019 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + + + big data + + +
+
+ + + + + +
+ + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + + + + +
+ + + +
+ + + + + + Next post
+ + Example post 2 + + + +
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/2021/09/30/example-post-2.html b/preview/pr-257/2021/09/30/example-post-2.html new file mode 100644 index 0000000000..40e7004dba --- /dev/null +++ b/preview/pr-257/2021/09/30/example-post-2.html @@ -0,0 +1,695 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Example post 2 | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ + + +

Example post 2

+ +
+ + + + + + + +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ + + + + + + + + + + September 30, 2021 + + + + + + + April 22, 2024 + + +
+
+ + + + + +
+ + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + + + + +
+ + + +
+ + + Previous post
+ + Example post 1 + + + + + + Next post
+ + Example post 3 + + + +
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/2023/02/23/example-post-3.html b/preview/pr-257/2023/02/23/example-post-3.html new file mode 100644 index 0000000000..18b6265133 --- /dev/null +++ b/preview/pr-257/2023/02/23/example-post-3.html @@ -0,0 +1,702 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Example post 3 | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+ + + +

Example post 3

+ +
+ + + + + + + +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ + + + + + + + + + + February 23, 2023 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + +
+
+ + + + + +
+ + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + + + + +
+ + + +
+ + + Previous post
+ + Example post 2 + + + + + + +
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/404.html b/preview/pr-257/404.html new file mode 100644 index 0000000000..71324be24e --- /dev/null +++ b/preview/pr-257/404.html @@ -0,0 +1,588 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +404 | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

+ Page Not Found

+ +

Try searching the whole site for the content you want:

+ +
+ + +
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/CHANGELOG.md b/preview/pr-257/CHANGELOG.md new file mode 100644 index 0000000000..166f488d37 --- /dev/null +++ b/preview/pr-257/CHANGELOG.md @@ -0,0 +1,163 @@ +# Changelog + +Reference: common-changelog.org + +## 1.2.2 - 2024-04-24 + +### Added + +- Add `affiliation` member portrait field. + +### Changed + +- Simplify portrait component under-the-hood. +- Make tag component de-duplication consistent with search plugin de-duplication. + +## 1.2.1 - 2024-04-01 + +### Changed + +- Minor bug fixes in cite process and sitemap generation. + +## 1.2.0 - 2024-03-08 + +### Changed + +- Update all GitHub Actions to fix "Node v16 deprecated" warnings. +- Sources that Manubot doesn't know how to cite (e.g. wosuid:12345) are now ignored by default if they're from metasources. +- Fix bug where passing tags to tags component manually doesn't work. +- Fix bug in citation (and other) components when `lookup` is blank. +- Fix nested tables bug. +- Dark mode tweaks. +- Various CSS tweaks and fixes. + +### Added + +- Add `image` param to support blog post thumbnails. +- Add `html-proofer` plugin that checks for broken images/links/etc. +- Add `remove` flag to remove a source from a metasource. + +## 1.1.6 - 2023-10-06 + +### Changed + +- Use latest minor versions of Python packages in auto-cite script. + +## 1.1.5 - 2023-05-19 + +### Changed + +- Fix ORCID plugin bug and other cite process tweaks. + +## 1.1.4 - 2023-04-28 + +### Changed + +- Fix ORCID plugin and other cite process bugs. + +## 1.1.3 - 2023-04-20 + +### Changed + +- Fix first-time-setup mv bug. +- Fix citation, float, and portrait component CSS. +- Filter and trim citation info fields. + +## 1.1.2 - 2023-04-11 + +### Changed + +- Fix first-time-setup rm bug. + +## 1.1.1 - 2023-04-06 + +### Changed + +- Change member profile page from col layout to float. +- Fix first time setup. Preserve config formatting and comments. +- Improve Docker cite process behavior. +- Fix post excerpt component start/end markers and special search attr chars. +- Fix misc CSS. + +### Added + +- Add show-title and show-subtitle site config options. +- Include site subtitle in description meta tag. +- Add user pull request template. +- Add title and link fallbacks to citation component. + +## 1.1.0 - 2023-03-17 + +Add alert component, Docker support, accessibility fixes. + +### Changed + +- Fix Lighthouse accessibility issues. +- De-href components when link isn't provided (no hand cursor icon on hover or nav on click). +- In search script, limit highlights by total count instead of char length. +- Grid and link style tweaks. +- Take ORCID icon from Font Awesome. +- Misc bug fixes in tags script, float component. + +### Added + +- Add Docker configuration and scripts for local previewing. +- Add alert component and types. +- Role icon in portrait component hoisted to top left. + +## 1.0.0 - 2023-02-28 + +First official release. + +High-level comparison with pre-releases: + +- Simpler configuration. +- More automation, less setup. +- More customization and flexibility. +- Redesigned components. +- New docs. +- Complete rewrite. +- Culmination of years of feedback. + +### Changed + +- Template is no longer limited to GitHub Pages white-listed Jekyll plugins. Any plugins possible. +- Pull request previews happen right within GitHub instead of needing Netlify. +- Better versioning. `CITATION.cff` file now source of truth for version, and tags/releases enforced. +- Citation-related files in `/_data` must now be named prefixed with the cite plugin they are to be run with, e.g. `sources-2020.yaml` or `orcid-students.yaml`. +- Folder renames for clarity and for better separation of template and user content: `/auto-cite` → `/_cite`, `/css` → `/_styles`, `/js` → `/_scripts`. +- Rename "Tools" page to "Projects" to be more clear and general purpose. +- Rename `extra-links` to `buttons` in `sources.yaml` files. +- Rename `theme.scss` to `-theme.scss`. +- Rename/repurpose components: link → button, two-col → cols, gallery → grid. +- Combine "link" and "role" data lists into single `types.yaml` map. +- Redesign components, change parameters and behavior. +- Update Font Awesome icon names from v5 to v6. +- Change placeholder text, images, and other images. +- Use CSS variables instead of Sass variables. +- Simplify caching method in cite process. +- Simplify Liquid code by including custom Ruby plugins. +- Simplify styles and scripts. + +### Added + +- New docs at greene-lab.gitbook.io/lab-website-template-docs. +- Add automations for first time setup and URL change. +- Write PubMed and Google Scholar automatic citation plugins. +- Automatic citations through GitHub Actions should now work from (most) forks. +- Add optional description and type params for citations. +- Add periodic cite process run that opens a pull request. +- List component filters can now accept arbitrary regex. +- Add light/dark mode toggle. +- Pre-install selection of useful Jekyll plugins, namely Jekyll Spaceship. +- Add author portrait and updated date for blog posts. +- Add richer metadata for SEO. +- Google Fonts link determined automatically from theme file. + +### Removed + +- Remove options from `_config.yaml` to simplify configuration: `baseurl`, `auto-cite`, `logo`. +- Remove `/favicons` folder, hardcode files for logo, icon, and share in `/images`. +- Remove `palettes.scss` and `mixins.scss`. +- Remove banner component (same thing can be achieved with full width section and figure components). +- Remove role component. Combine with portrait component. diff --git a/preview/pr-257/_scripts/anchors.js b/preview/pr-257/_scripts/anchors.js new file mode 100644 index 0000000000..58daabcbea --- /dev/null +++ b/preview/pr-257/_scripts/anchors.js @@ -0,0 +1,47 @@ +/* + creates link next to each heading that links to that section. +*/ + +{ + const onLoad = () => { + // for each heading + const headings = document.querySelectorAll( + "h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]" + ); + for (const heading of headings) { + // create anchor link + const link = document.createElement("a"); + link.classList.add("icon", "fa-solid", "fa-link", "anchor"); + link.href = "#" + heading.id; + link.setAttribute("aria-label", "link to this section"); + heading.append(link); + + // if first heading in the section, move id to parent section + if (heading.matches("section > :first-child")) { + heading.parentElement.id = heading.id; + heading.removeAttribute("id"); + } + } + }; + + // scroll to target of url hash + const scrollToTarget = () => { + const id = window.location.hash.replace("#", ""); + const target = document.getElementById(id); + + if (!target) return; + const offset = document.querySelector("header").clientHeight || 0; + window.scrollTo({ + top: target.getBoundingClientRect().top + window.scrollY - offset, + behavior: "smooth", + }); + }; + + // after page loads + window.addEventListener("load", onLoad); + window.addEventListener("load", scrollToTarget); + window.addEventListener("tagsfetched", scrollToTarget); + + // when hash nav happens + window.addEventListener("hashchange", scrollToTarget); +} diff --git a/preview/pr-257/_scripts/dark-mode.js b/preview/pr-257/_scripts/dark-mode.js new file mode 100644 index 0000000000..b75b25eb24 --- /dev/null +++ b/preview/pr-257/_scripts/dark-mode.js @@ -0,0 +1,25 @@ +/* + manages light/dark mode. +*/ + +{ + // immediately load saved (or default) mode before page renders + document.documentElement.dataset.dark = + window.localStorage.getItem("dark-mode") ?? "false"; + + const onLoad = () => { + // update toggle button to match loaded mode + document.querySelector(".dark-toggle").checked = + document.documentElement.dataset.dark === "true"; + }; + + // after page loads + window.addEventListener("load", onLoad); + + // when user toggles mode button + window.onDarkToggleChange = (event) => { + const value = event.target.checked; + document.documentElement.dataset.dark = value; + window.localStorage.setItem("dark-mode", value); + }; +} diff --git a/preview/pr-257/_scripts/fetch-tags.js b/preview/pr-257/_scripts/fetch-tags.js new file mode 100644 index 0000000000..c843b67fdc --- /dev/null +++ b/preview/pr-257/_scripts/fetch-tags.js @@ -0,0 +1,67 @@ +/* + fetches tags (aka "topics") from a given GitHub repo and adds them to row of + tag buttons. specify repo in data-repo attribute on row. +*/ + +{ + const onLoad = async () => { + // get tag rows with specified repos + const rows = document.querySelectorAll("[data-repo]"); + + // for each repo + for (const row of rows) { + // get props from tag row + const repo = row.dataset.repo.trim(); + const link = row.dataset.link.trim(); + + // get tags from github + if (!repo) continue; + let tags = await fetchTags(repo); + + // filter out tags already present in row + let existing = [...row.querySelectorAll(".tag")].map((tag) => + window.normalizeTag(tag.innerText) + ); + tags = tags.filter((tag) => !existing.includes(normalizeTag(tag))); + + // add tags to row + for (const tag of tags) { + const a = document.createElement("a"); + a.classList.add("tag"); + a.innerHTML = tag; + a.href = `${link}?search="tag: ${tag}"`; + a.dataset.tooltip = `Show items with the tag "${tag}"`; + row.append(a); + } + + // delete tags container if empty + if (!row.innerText.trim()) row.remove(); + } + + // emit "tags done" event for other scripts to listen for + window.dispatchEvent(new Event("tagsfetched")); + }; + + // after page loads + window.addEventListener("load", onLoad); + + // GitHub topics endpoint + const api = "https://api.github.com/repos/REPO/topics"; + const headers = new Headers(); + headers.set("Accept", "application/vnd.github+json"); + + // get tags from GitHub based on repo name + const fetchTags = async (repo) => { + const url = api.replace("REPO", repo); + try { + const response = await (await fetch(url)).json(); + if (response.names) return response.names; + else throw new Error(JSON.stringify(response)); + } catch (error) { + console.groupCollapsed("GitHub fetch tags error"); + console.log(error); + console.groupEnd(); + return []; + } + }; +} diff --git a/preview/pr-257/_scripts/search.js b/preview/pr-257/_scripts/search.js new file mode 100644 index 0000000000..fa23ca4c21 --- /dev/null +++ b/preview/pr-257/_scripts/search.js @@ -0,0 +1,215 @@ +/* + filters elements on page based on url or search box. + syntax: term1 term2 "full phrase 1" "full phrase 2" "tag: tag 1" + match if: all terms AND at least one phrase AND at least one tag +*/ +{ + // elements to filter + const elementSelector = ".card, .citation, .post-excerpt"; + // search box element + const searchBoxSelector = ".search-box"; + // results info box element + const infoBoxSelector = ".search-info"; + // tags element + const tagSelector = ".tag"; + + // split search query into terms, phrases, and tags + const splitQuery = (query) => { + // split into parts, preserve quotes + const parts = query.match(/"[^"]*"|\S+/g) || []; + + // bins + const terms = []; + const phrases = []; + const tags = []; + + // put parts into bins + for (let part of parts) { + if (part.startsWith('"')) { + part = part.replaceAll('"', "").trim(); + if (part.startsWith("tag:")) + tags.push(normalizeTag(part.replace(/tag:\s*/, ""))); + else phrases.push(part.toLowerCase()); + } else terms.push(part.toLowerCase()); + } + + return { terms, phrases, tags }; + }; + + // normalize tag string for comparison + window.normalizeTag = (tag) => + tag.trim().toLowerCase().replaceAll(/-|\s+/g, " "); + + // get data attribute contents of element and children + const getAttr = (element, attr) => + [element, ...element.querySelectorAll(`[data-${attr}]`)] + .map((element) => element.dataset[attr]) + .join(" "); + + // determine if element should show up in results based on query + const elementMatches = (element, { terms, phrases, tags }) => { + // tag elements within element + const tagElements = [...element.querySelectorAll(".tag")]; + + // check if text content exists in element + const hasText = (string) => + ( + element.innerText + + getAttr(element, "tooltip") + + getAttr(element, "search") + ) + .toLowerCase() + .includes(string); + // check if text matches a tag in element + const hasTag = (string) => + tagElements.some((tag) => normalizeTag(tag.innerText) === string); + + // match logic + return ( + (terms.every(hasText) || !terms.length) && + (phrases.some(hasText) || !phrases.length) && + (tags.some(hasTag) || !tags.length) + ); + }; + + // loop through elements, hide/show based on query, and return results info + const filterElements = (parts) => { + let elements = document.querySelectorAll(elementSelector); + + // results info + let x = 0; + let n = elements.length; + let tags = parts.tags; + + // filter elements + for (const element of elements) { + if (elementMatches(element, parts)) { + element.style.display = ""; + x++; + } else element.style.display = "none"; + } + + return [x, n, tags]; + }; + + // highlight search terms + const highlightMatches = async ({ terms, phrases }) => { + // make sure Mark library available + if (typeof Mark === "undefined") return; + + // reset + new Mark(document.body).unmark(); + + // limit number of highlights to avoid slowdown + let counter = 0; + const filter = () => counter++ < 100; + + // highlight terms and phrases + new Mark(elementSelector) + .mark(terms, { separateWordSearch: true, filter }) + .mark(phrases, { separateWordSearch: false, filter }); + }; + + // update search box based on query + const updateSearchBox = (query = "") => { + const boxes = document.querySelectorAll(searchBoxSelector); + + for (const box of boxes) { + const input = box.querySelector("input"); + const button = box.querySelector("button"); + const icon = box.querySelector("button i"); + input.value = query; + icon.className = input.value.length + ? "icon fa-solid fa-xmark" + : "icon fa-solid fa-magnifying-glass"; + button.disabled = input.value.length ? false : true; + } + }; + + // update info box based on query and results + const updateInfoBox = (query, x, n) => { + const boxes = document.querySelectorAll(infoBoxSelector); + + if (query.trim()) { + // show all info boxes + boxes.forEach((info) => (info.style.display = "")); + + // info template + let info = ""; + info += `Showing ${x.toLocaleString()} of ${n.toLocaleString()} results
`; + info += "Clear search"; + + // set info HTML string + boxes.forEach((el) => (el.innerHTML = info)); + } + // if nothing searched + else { + // hide all info boxes + boxes.forEach((info) => (info.style.display = "none")); + } + }; + + // update tags based on query + const updateTags = (query) => { + const { tags } = splitQuery(query); + document.querySelectorAll(tagSelector).forEach((tag) => { + // set active if tag is in query + if (tags.includes(normalizeTag(tag.innerText))) + tag.setAttribute("data-active", ""); + else tag.removeAttribute("data-active"); + }); + }; + + // run search with query + const runSearch = (query = "") => { + const parts = splitQuery(query); + const [x, n] = filterElements(parts); + updateSearchBox(query); + updateInfoBox(query, x, n); + updateTags(query); + highlightMatches(parts); + }; + + // update url based on query + const updateUrl = (query = "") => { + const url = new URL(window.location); + let params = new URLSearchParams(url.search); + params.set("search", query); + url.search = params.toString(); + window.history.replaceState(null, null, url); + }; + + // search based on url param + const searchFromUrl = () => { + const query = + new URLSearchParams(window.location.search).get("search") || ""; + runSearch(query); + }; + + // return func that runs after delay + const debounce = (callback, delay = 250) => { + let timeout; + return (...args) => { + window.clearTimeout(timeout); + timeout = window.setTimeout(() => callback(...args), delay); + }; + }; + + // when user types into search box + const debouncedRunSearch = debounce(runSearch, 1000); + window.onSearchInput = (target) => { + debouncedRunSearch(target.value); + updateUrl(target.value); + }; + + // when user clears search box with button + window.onSearchClear = () => { + runSearch(); + updateUrl(); + }; + + // after page loads + window.addEventListener("load", searchFromUrl); + // after tags load + window.addEventListener("tagsfetched", searchFromUrl); +} diff --git a/preview/pr-257/_scripts/site-search.js b/preview/pr-257/_scripts/site-search.js new file mode 100644 index 0000000000..caff0a611f --- /dev/null +++ b/preview/pr-257/_scripts/site-search.js @@ -0,0 +1,14 @@ +/* + for site search component. searches site/domain via google. +*/ + +{ + // when user submits site search form/box + window.onSiteSearchSubmit = (event) => { + event.preventDefault(); + const google = "https://www.google.com/search?q=site:"; + const site = window.location.origin; + const query = event.target.elements.query.value; + window.location = google + site + " " + query; + }; +} diff --git a/preview/pr-257/_scripts/table-wrap.js b/preview/pr-257/_scripts/table-wrap.js new file mode 100644 index 0000000000..4c5bddd8c6 --- /dev/null +++ b/preview/pr-257/_scripts/table-wrap.js @@ -0,0 +1,25 @@ +/* + put a wrapper around each table to allow scrolling. +*/ + +{ + const onLoad = () => { + // for each top-level table + const tables = document.querySelectorAll("table:not(table table)"); + for (const table of tables) { + // create wrapper with scroll + const wrapper = document.createElement("div"); + wrapper.style.overflowX = "auto"; + + // undo css force-text-wrap + table.style.overflowWrap = "normal"; + + // add wrapper around table + table.parentNode.insertBefore(wrapper, table); + wrapper.appendChild(table); + } + }; + + // after page loads + window.addEventListener("load", onLoad); +} diff --git a/preview/pr-257/_scripts/tooltip.js b/preview/pr-257/_scripts/tooltip.js new file mode 100644 index 0000000000..49eccfc5b8 --- /dev/null +++ b/preview/pr-257/_scripts/tooltip.js @@ -0,0 +1,41 @@ +/* + shows a popup of text on hover/focus of any element with the data-tooltip + attribute. +*/ + +{ + const onLoad = () => { + // make sure Tippy library available + if (typeof tippy === "undefined") return; + + // get elements with non-empty tooltips + const elements = [...document.querySelectorAll("[data-tooltip]")].filter( + (element) => element.dataset.tooltip.trim() && !element._tippy + ); + + // add tooltip to elements + tippy(elements, { + content: (element) => element.dataset.tooltip.trim(), + delay: [200, 0], + offset: [0, 20], + allowHTML: true, + interactive: true, + appendTo: () => document.body, + aria: { + content: "describedby", + expanded: null, + }, + onShow: ({ reference, popper }) => { + const dark = reference.closest("[data-dark]")?.dataset.dark; + if (dark === "false") popper.dataset.dark = true; + if (dark === "true") popper.dataset.dark = false; + }, + // onHide: () => false, // debug + }); + }; + + // after page loads + window.addEventListener("load", onLoad); + // after tags load + window.addEventListener("tagsfetched", onLoad); +} diff --git a/preview/pr-257/_styles/-theme.css b/preview/pr-257/_styles/-theme.css new file mode 100644 index 0000000000..3a610a3d99 --- /dev/null +++ b/preview/pr-257/_styles/-theme.css @@ -0,0 +1,44 @@ +[data-dark=false] { + --primary: #0795d9; + --secondary: #7dd3fc; + --text: #000000; + --background: #ffffff; + --background-alt: #fafafa; + --light-gray: #e0e0e0; + --gray: #808080; + --dark-gray: #404040; + --overlay: #00000020; +} + +[data-dark=true] { + --primary: #0795d9; + --secondary: #075985; + --text: #ffffff; + --background: #181818; + --background-alt: #1c1c1c; + --light-gray: #404040; + --gray: #808080; + --dark-gray: #b0b0b0; + --overlay: #ffffff10; +} + +:root { + --title: "Barlow", sans-serif; + --heading: "Barlow", sans-serif; + --body: "Barlow", sans-serif; + --code: "Roboto Mono", monospace; + --large: 1.2rem; + --xl: 1.4rem; + --xxl: 1.6rem; + --thin: 200; + --regular: 400; + --semi-bold: 500; + --bold: 600; + --spacing: 2; + --compact: 1.5; + --rounded: 3px; + --shadow: 0 0 10px 0 var(--overlay); + --transition: 0.2s ease; +} + +/*# sourceMappingURL=-theme.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/-theme.css.map b/preview/pr-257/_styles/-theme.css.map new file mode 100644 index 0000000000..16cb8930dd --- /dev/null +++ b/preview/pr-257/_styles/-theme.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["-theme.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA","sourcesContent":["// colors\n[data-dark=\"false\"] {\n --primary: #0795d9;\n --secondary: #7dd3fc;\n --text: #000000;\n --background: #ffffff;\n --background-alt: #fafafa;\n --light-gray: #e0e0e0;\n --gray: #808080;\n --dark-gray: #404040;\n --overlay: #00000020;\n}\n[data-dark=\"true\"] {\n --primary: #0795d9;\n --secondary: #075985;\n --text: #ffffff;\n --background: #181818;\n --background-alt: #1c1c1c;\n --light-gray: #404040;\n --gray: #808080;\n --dark-gray: #b0b0b0;\n --overlay: #ffffff10;\n}\n\n:root {\n // font families\n --title: \"Barlow\", sans-serif;\n --heading: \"Barlow\", sans-serif;\n --body: \"Barlow\", sans-serif;\n --code: \"Roboto Mono\", monospace;\n\n // font sizes\n --large: 1.2rem;\n --xl: 1.4rem;\n --xxl: 1.6rem;\n\n // font weights\n --thin: 200;\n --regular: 400;\n --semi-bold: 500;\n --bold: 600;\n\n // text line spacing\n --spacing: 2;\n --compact: 1.5;\n\n // effects\n --rounded: 3px;\n --shadow: 0 0 10px 0 var(--overlay);\n --transition: 0.2s ease;\n}\n"],"file":"-theme.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/alert.css b/preview/pr-257/_styles/alert.css new file mode 100644 index 0000000000..82bf01650a --- /dev/null +++ b/preview/pr-257/_styles/alert.css @@ -0,0 +1,36 @@ +.alert { + position: relative; + display: flex; + gap: 20px; + align-items: center; + margin: 20px 0; + padding: 20px; + border-radius: var(--rounded); + overflow: hidden; + text-align: left; + line-height: var(--spacing); +} + +.alert:before { + content: ""; + position: absolute; + inset: 0; + opacity: 0.1; + background: var(--color); + z-index: -1; +} + +.alert > .icon { + color: var(--color); + font-size: var(--large); +} + +.alert-content > :first-child { + margin-top: 0; +} + +.alert-content > :last-child { + margin-bottom: 0; +} + +/*# sourceMappingURL=alert.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/alert.css.map b/preview/pr-257/_styles/alert.css.map new file mode 100644 index 0000000000..4e461a42dd --- /dev/null +++ b/preview/pr-257/_styles/alert.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["alert.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":[".alert {\n position: relative;\n display: flex;\n gap: 20px;\n align-items: center;\n margin: 20px 0;\n padding: 20px;\n border-radius: var(--rounded);\n overflow: hidden;\n text-align: left;\n line-height: var(--spacing);\n}\n\n.alert:before {\n content: \"\";\n position: absolute;\n inset: 0;\n opacity: 0.1;\n background: var(--color);\n z-index: -1;\n}\n\n.alert > .icon {\n color: var(--color);\n font-size: var(--large);\n}\n\n.alert-content > :first-child {\n margin-top: 0;\n}\n\n.alert-content > :last-child {\n margin-bottom: 0;\n}\n"],"file":"alert.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/all.css b/preview/pr-257/_styles/all.css new file mode 100644 index 0000000000..65194abf99 --- /dev/null +++ b/preview/pr-257/_styles/all.css @@ -0,0 +1,10 @@ +*, +::before, +::after { + box-sizing: border-box; + -moz-text-size-adjust: none; + -webkit-text-size-adjust: none; + text-size-adjust: none; +} + +/*# sourceMappingURL=all.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/all.css.map b/preview/pr-257/_styles/all.css.map new file mode 100644 index 0000000000..079eb5f9e9 --- /dev/null +++ b/preview/pr-257/_styles/all.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["all.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA","sourcesContent":["*,\n::before,\n::after {\n box-sizing: border-box;\n -moz-text-size-adjust: none;\n -webkit-text-size-adjust: none;\n text-size-adjust: none;\n}\n"],"file":"all.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/anchor.css b/preview/pr-257/_styles/anchor.css new file mode 100644 index 0000000000..3724245d6a --- /dev/null +++ b/preview/pr-257/_styles/anchor.css @@ -0,0 +1,23 @@ +.anchor { + display: inline-block; + position: relative; + width: 0; + margin: 0; + left: 0.5em; + color: var(--primary) !important; + opacity: 0; + font-size: 0.75em; + text-decoration: none; + transition: opacity var(--transition), color var(--transition); +} + +:hover > .anchor, +.anchor:focus { + opacity: 1; +} + +.anchor:hover { + color: var(--text) !important; +} + +/*# sourceMappingURL=anchor.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/anchor.css.map b/preview/pr-257/_styles/anchor.css.map new file mode 100644 index 0000000000..2fc8d7b1a3 --- /dev/null +++ b/preview/pr-257/_styles/anchor.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["anchor.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE","sourcesContent":[".anchor {\n display: inline-block;\n position: relative;\n width: 0;\n margin: 0;\n left: 0.5em;\n color: var(--primary) !important;\n opacity: 0;\n font-size: 0.75em;\n text-decoration: none;\n transition: opacity var(--transition), color var(--transition);\n}\n\n:hover > .anchor,\n.anchor:focus {\n opacity: 1;\n}\n\n.anchor:hover {\n color: var(--text) !important;\n}\n"],"file":"anchor.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/background.css b/preview/pr-257/_styles/background.css new file mode 100644 index 0000000000..025e56adf9 --- /dev/null +++ b/preview/pr-257/_styles/background.css @@ -0,0 +1,20 @@ +.background { + position: relative; + background: var(--background); + color: var(--text); + z-index: 1; +} + +.background:before { + content: ""; + position: absolute; + inset: 0; + background-image: var(--image); + background-size: cover; + background-repeat: no-repeat; + background-position: 50% 50%; + opacity: 0.25; + z-index: -1; +} + +/*# sourceMappingURL=background.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/background.css.map b/preview/pr-257/_styles/background.css.map new file mode 100644 index 0000000000..b655d9e563 --- /dev/null +++ b/preview/pr-257/_styles/background.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["background.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":[".background {\n position: relative;\n background: var(--background);\n color: var(--text);\n z-index: 1;\n}\n\n.background:before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image: var(--image);\n background-size: cover;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n opacity: 0.25;\n z-index: -1;\n}\n"],"file":"background.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/body.css b/preview/pr-257/_styles/body.css new file mode 100644 index 0000000000..35145d6e06 --- /dev/null +++ b/preview/pr-257/_styles/body.css @@ -0,0 +1,14 @@ +body { + display: flex; + flex-direction: column; + margin: 0; + padding: 0; + min-height: 100vh; + background: var(--background); + color: var(--text); + font-family: var(--body); + text-align: center; + line-height: var(--compact); +} + +/*# sourceMappingURL=body.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/body.css.map b/preview/pr-257/_styles/body.css.map new file mode 100644 index 0000000000..d03b64e777 --- /dev/null +++ b/preview/pr-257/_styles/body.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["body.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["body {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n background: var(--background);\n color: var(--text);\n font-family: var(--body);\n text-align: center;\n line-height: var(--compact);\n}\n"],"file":"body.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/bold.css b/preview/pr-257/_styles/bold.css new file mode 100644 index 0000000000..94a711f107 --- /dev/null +++ b/preview/pr-257/_styles/bold.css @@ -0,0 +1,6 @@ +b, +strong { + font-weight: var(--bold); +} + +/*# sourceMappingURL=bold.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/bold.css.map b/preview/pr-257/_styles/bold.css.map new file mode 100644 index 0000000000..57012fd4b5 --- /dev/null +++ b/preview/pr-257/_styles/bold.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["bold.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE","sourcesContent":["b,\nstrong {\n font-weight: var(--bold);\n}\n"],"file":"bold.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/button.css b/preview/pr-257/_styles/button.css new file mode 100644 index 0000000000..ab3f650ed0 --- /dev/null +++ b/preview/pr-257/_styles/button.css @@ -0,0 +1,49 @@ +button { + cursor: pointer; +} + +.button-wrapper { + display: contents; +} + +.button { + display: inline-flex; + justify-content: center; + align-items: center; + gap: 10px; + max-width: calc(100% - 5px - 5px); + margin: 5px; + padding: 10px 15px; + border: none; + border-radius: var(--rounded); + background: var(--primary); + color: var(--background); + text-align: center; + font: inherit; + font-family: var(--heading); + font-weight: var(--semi-bold); + text-decoration: none; + vertical-align: middle; + appearance: none; + transition: background var(--transition), color var(--transition); +} + +.button:hover { + background: var(--text); + color: var(--background); +} + +.button[data-style=bare] { + padding: 5px; + background: none; + color: var(--primary); +} +.button[data-style=bare]:hover { + color: var(--text); +} + +.button[data-flip] { + flex-direction: row-reverse; +} + +/*# sourceMappingURL=button.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/button.css.map b/preview/pr-257/_styles/button.css.map new file mode 100644 index 0000000000..5fee0dd351 --- /dev/null +++ b/preview/pr-257/_styles/button.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["button.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE","sourcesContent":["button {\n cursor: pointer;\n}\n\n.button-wrapper {\n display: contents;\n}\n\n.button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n max-width: calc(100% - 5px - 5px);\n margin: 5px;\n padding: 10px 15px;\n border: none;\n border-radius: var(--rounded);\n background: var(--primary);\n color: var(--background);\n text-align: center;\n font: inherit;\n font-family: var(--heading);\n font-weight: var(--semi-bold);\n text-decoration: none;\n vertical-align: middle;\n appearance: none;\n transition: background var(--transition), color var(--transition);\n}\n\n.button:hover {\n background: var(--text);\n color: var(--background);\n}\n\n.button[data-style=\"bare\"] {\n padding: 5px;\n background: none;\n color: var(--primary);\n\n &:hover {\n color: var(--text);\n }\n}\n\n.button[data-flip] {\n flex-direction: row-reverse;\n}\n"],"file":"button.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/card.css b/preview/pr-257/_styles/card.css new file mode 100644 index 0000000000..1b37a12fd8 --- /dev/null +++ b/preview/pr-257/_styles/card.css @@ -0,0 +1,50 @@ +.card { + display: inline-flex; + justify-content: stretch; + align-items: center; + flex-direction: column; + width: 350px; + max-width: calc(100% - 20px - 20px); + margin: 20px; + background: var(--background); + border-radius: var(--rounded); + overflow: hidden; + box-shadow: var(--shadow); + vertical-align: top; +} + +.card[data-style=small] { + width: 250px; +} + +.card-image img { + aspect-ratio: 3/2; + object-fit: cover; + width: 100%; +} + +.card-text { + display: inline-flex; + justify-content: flex-start; + align-items: center; + flex-direction: column; + gap: 20px; + max-width: 100%; + padding: 20px; +} + +.card-text > * { + margin: 0 !important; +} + +.card-title { + font-family: var(--heading); + font-weight: var(--semi-bold); +} + +.card-subtitle { + margin-top: -10px !important; + font-style: italic; +} + +/*# sourceMappingURL=card.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/card.css.map b/preview/pr-257/_styles/card.css.map new file mode 100644 index 0000000000..393b7a3aec --- /dev/null +++ b/preview/pr-257/_styles/card.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["card.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA","sourcesContent":[".card {\n display: inline-flex;\n justify-content: stretch;\n align-items: center;\n flex-direction: column;\n width: 350px;\n max-width: calc(100% - 20px - 20px);\n margin: 20px;\n background: var(--background);\n border-radius: var(--rounded);\n overflow: hidden;\n box-shadow: var(--shadow);\n vertical-align: top;\n}\n\n.card[data-style=\"small\"] {\n width: 250px;\n}\n\n.card-image img {\n aspect-ratio: 3 / 2;\n object-fit: cover;\n width: 100%;\n // box-shadow: var(--shadow);\n}\n\n.card-text {\n display: inline-flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n gap: 20px;\n max-width: 100%;\n padding: 20px;\n}\n\n.card-text > * {\n margin: 0 !important;\n}\n\n.card-title {\n font-family: var(--heading);\n font-weight: var(--semi-bold);\n}\n\n.card-subtitle {\n margin-top: -10px !important;\n font-style: italic;\n}\n"],"file":"card.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/checkbox.css b/preview/pr-257/_styles/checkbox.css new file mode 100644 index 0000000000..8c77dc53e1 --- /dev/null +++ b/preview/pr-257/_styles/checkbox.css @@ -0,0 +1,5 @@ +input[type=checkbox] { + cursor: pointer; +} + +/*# sourceMappingURL=checkbox.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/checkbox.css.map b/preview/pr-257/_styles/checkbox.css.map new file mode 100644 index 0000000000..90fb493297 --- /dev/null +++ b/preview/pr-257/_styles/checkbox.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["checkbox.scss"],"names":[],"mappings":"AAAA;EACE","sourcesContent":["input[type=\"checkbox\"] {\n cursor: pointer;\n}\n"],"file":"checkbox.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/citation.css b/preview/pr-257/_styles/citation.css new file mode 100644 index 0000000000..b535c2dde1 --- /dev/null +++ b/preview/pr-257/_styles/citation.css @@ -0,0 +1,97 @@ +.citation-container { + container-type: inline-size; +} + +.citation { + display: flex; + margin: 20px 0; + border-radius: var(--rounded); + background: var(--background); + overflow: hidden; + box-shadow: var(--shadow); +} + +.citation-image { + position: relative; + width: 180px; + flex-shrink: 0; +} + +.citation-image img { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: contain; +} + +.citation-text { + position: relative; + display: inline-flex; + flex-wrap: wrap; + gap: 10px; + max-width: 100%; + height: min-content; + padding: 20px; + padding-left: 30px; + text-align: left; + overflow-wrap: break-word; + z-index: 0; +} + +.citation-title, +.citation-authors, +.citation-details, +.citation-description { + width: 100%; +} + +.citation-title { + font-weight: var(--semi-bold); +} + +.citation-text > .icon { + position: absolute; + top: 20px; + right: 20px; + color: var(--light-gray); + opacity: 0.5; + font-size: 30px; + z-index: -1; +} + +.citation-publisher { + text-transform: capitalize; +} + +.citation-description { + color: var(--gray); +} + +.citation-buttons { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.citation-buttons .button { + margin: 0; +} + +.citation-text > .tags { + display: inline-flex; + justify-content: flex-start; + margin: 0; +} + +@container (max-width: 800px) { + .citation { + flex-direction: column; + } + .citation-image { + width: unset; + height: 180px; + } +} + +/*# sourceMappingURL=citation.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/citation.css.map b/preview/pr-257/_styles/citation.css.map new file mode 100644 index 0000000000..8d3446b749 --- /dev/null +++ b/preview/pr-257/_styles/citation.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["citation.scss"],"names":[],"mappings":"AAGA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OAlBW;EAmBX;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;IACA,QAjGS","sourcesContent":["$thumb-size: 180px;\n$wrap: 800px;\n\n.citation-container {\n container-type: inline-size;\n}\n\n.citation {\n display: flex;\n margin: 20px 0;\n border-radius: var(--rounded);\n background: var(--background);\n overflow: hidden;\n box-shadow: var(--shadow);\n}\n\n.citation-image {\n position: relative;\n width: $thumb-size;\n flex-shrink: 0;\n // box-shadow: var(--shadow);\n}\n\n.citation-image img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.citation-text {\n position: relative;\n display: inline-flex;\n flex-wrap: wrap;\n gap: 10px;\n max-width: 100%;\n height: min-content;\n padding: 20px;\n padding-left: 30px;\n text-align: left;\n overflow-wrap: break-word;\n z-index: 0;\n}\n\n.citation-title,\n.citation-authors,\n.citation-details,\n.citation-description {\n width: 100%;\n}\n\n.citation-title {\n font-weight: var(--semi-bold);\n}\n\n.citation-text > .icon {\n position: absolute;\n top: 20px;\n right: 20px;\n color: var(--light-gray);\n opacity: 0.5;\n font-size: 30px;\n z-index: -1;\n}\n\n.citation-publisher {\n text-transform: capitalize;\n}\n\n.citation-description {\n color: var(--gray);\n}\n\n.citation-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.citation-buttons .button {\n margin: 0;\n}\n\n.citation-text > .tags {\n display: inline-flex;\n justify-content: flex-start;\n margin: 0;\n}\n\n@container (max-width: #{$wrap}) {\n .citation {\n flex-direction: column;\n }\n\n .citation-image {\n width: unset;\n height: $thumb-size;\n }\n}\n"],"file":"citation.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/code.css b/preview/pr-257/_styles/code.css new file mode 100644 index 0000000000..8912ad31bf --- /dev/null +++ b/preview/pr-257/_styles/code.css @@ -0,0 +1,33 @@ +pre, +code, +pre *, +code * { + font-family: var(--code); +} + +code.highlighter-rouge { + padding: 2px 6px; + background: var(--light-gray); + border-radius: var(--rounded); +} + +div.highlighter-rouge { + width: 100%; + margin: 40px 0; + border-radius: var(--rounded); + overflow-x: auto; + overflow-y: auto; + text-align: left; +} +div.highlighter-rouge div.highlight { + display: contents; +} +div.highlighter-rouge div.highlight pre.highlight { + width: fit-content; + min-width: 100%; + margin: 0; + padding: 20px; + color: var(--white); +} + +/*# sourceMappingURL=code.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/code.css.map b/preview/pr-257/_styles/code.css.map new file mode 100644 index 0000000000..8f447176a3 --- /dev/null +++ b/preview/pr-257/_styles/code.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["code.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA","sourcesContent":["pre,\ncode,\npre *,\ncode * {\n font-family: var(--code);\n}\n\n// inline code\ncode.highlighter-rouge {\n padding: 2px 6px;\n background: var(--light-gray);\n border-radius: var(--rounded);\n}\n\n// code block\ndiv.highlighter-rouge {\n width: 100%;\n margin: 40px 0;\n border-radius: var(--rounded);\n overflow-x: auto;\n overflow-y: auto;\n text-align: left;\n\n div.highlight {\n display: contents;\n\n pre.highlight {\n width: fit-content;\n min-width: 100%;\n margin: 0;\n padding: 20px;\n color: var(--white);\n }\n }\n}\n"],"file":"code.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/cols.css b/preview/pr-257/_styles/cols.css new file mode 100644 index 0000000000..b15b095ba2 --- /dev/null +++ b/preview/pr-257/_styles/cols.css @@ -0,0 +1,34 @@ +.cols { + display: grid; + --repeat: min(3, var(--cols)); + grid-template-columns: repeat(var(--repeat), 1fr); + align-items: flex-start; + gap: 40px; + margin: 40px 0; +} + +.cols > * { + min-width: 0; + min-height: 0; +} + +.cols > div > :first-child { + margin-top: 0 !important; +} + +.cols > div > :last-child { + margin-bottom: 0 !important; +} + +@media (max-width: 750px) { + .cols { + --repeat: min(2, var(--cols)); + } +} +@media (max-width: 500px) { + .cols { + --repeat: min(1, var(--cols)); + } +} + +/*# sourceMappingURL=cols.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/cols.css.map b/preview/pr-257/_styles/cols.css.map new file mode 100644 index 0000000000..2c44d54394 --- /dev/null +++ b/preview/pr-257/_styles/cols.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["cols.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAIJ;EACE;IACE","sourcesContent":["$two: 750px;\n$one: 500px;\n\n.cols {\n display: grid;\n --repeat: min(3, var(--cols));\n grid-template-columns: repeat(var(--repeat), 1fr);\n align-items: flex-start;\n gap: 40px;\n margin: 40px 0;\n}\n\n.cols > * {\n min-width: 0;\n min-height: 0;\n}\n\n.cols > div > :first-child {\n margin-top: 0 !important;\n}\n\n.cols > div > :last-child {\n margin-bottom: 0 !important;\n}\n\n@media (max-width: $two) {\n .cols {\n --repeat: min(2, var(--cols));\n }\n}\n\n@media (max-width: $one) {\n .cols {\n --repeat: min(1, var(--cols));\n }\n}\n"],"file":"cols.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/dark-toggle.css b/preview/pr-257/_styles/dark-toggle.css new file mode 100644 index 0000000000..87065b78ff --- /dev/null +++ b/preview/pr-257/_styles/dark-toggle.css @@ -0,0 +1,30 @@ +.dark-toggle { + position: relative; + width: 40px; + height: 25px; + margin: 0; + border-radius: 999px; + background: var(--primary); + appearance: none; + transition: background var(--transition); +} + +.dark-toggle:after { + content: "\f185"; + position: absolute; + left: 12px; + top: 50%; + color: var(--text); + font-size: 15px; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(-50%, -50%); + transition: left var(--transition); +} + +.dark-toggle:checked:after { + content: "\f186"; + left: calc(100% - 12px); +} + +/*# sourceMappingURL=dark-toggle.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/dark-toggle.css.map b/preview/pr-257/_styles/dark-toggle.css.map new file mode 100644 index 0000000000..496aa7b586 --- /dev/null +++ b/preview/pr-257/_styles/dark-toggle.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["dark-toggle.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA","sourcesContent":[".dark-toggle {\n position: relative;\n width: 40px;\n height: 25px;\n margin: 0;\n border-radius: 999px;\n background: var(--primary);\n appearance: none;\n transition: background var(--transition);\n}\n\n.dark-toggle:after {\n content: \"\\f185\";\n position: absolute;\n left: 12px;\n top: 50%;\n color: var(--text);\n font-size: 15px;\n font-family: \"Font Awesome 6 Free\";\n font-weight: 900;\n transform: translate(-50%, -50%);\n transition: left var(--transition);\n}\n\n.dark-toggle:checked:after {\n content: \"\\f186\";\n left: calc(100% - 12px);\n}\n"],"file":"dark-toggle.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/feature.css b/preview/pr-257/_styles/feature.css new file mode 100644 index 0000000000..7f7e0120b6 --- /dev/null +++ b/preview/pr-257/_styles/feature.css @@ -0,0 +1,49 @@ +.feature { + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + margin: 40px 0; +} + +.feature-image { + flex-shrink: 0; + width: 40%; + aspect-ratio: 3/2; + border-radius: var(--rounded); + overflow: hidden; + box-shadow: var(--shadow); +} + +.feature-image img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.feature-text { + flex-grow: 1; +} + +.feature-title { + font-size: var(--large); + text-align: center; + font-family: var(--heading); + font-weight: var(--semi-bold); +} + +.feature[data-flip] { + flex-direction: row-reverse; +} + +@media (max-width: 800px) { + .feature { + flex-direction: column !important; + } + .feature-image { + width: 100%; + max-width: 400px; + } +} + +/*# sourceMappingURL=feature.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/feature.css.map b/preview/pr-257/_styles/feature.css.map new file mode 100644 index 0000000000..1a2cdac650 --- /dev/null +++ b/preview/pr-257/_styles/feature.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["feature.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;IACA","sourcesContent":["$wrap: 800px;\n\n.feature {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 40px;\n margin: 40px 0;\n}\n\n.feature-image {\n flex-shrink: 0;\n width: 40%;\n aspect-ratio: 3 / 2;\n border-radius: var(--rounded);\n overflow: hidden;\n box-shadow: var(--shadow);\n}\n\n.feature-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.feature-text {\n flex-grow: 1;\n}\n\n.feature-title {\n font-size: var(--large);\n text-align: center;\n font-family: var(--heading);\n font-weight: var(--semi-bold);\n}\n\n.feature[data-flip] {\n flex-direction: row-reverse;\n}\n\n@media (max-width: $wrap) {\n .feature {\n flex-direction: column !important;\n }\n\n .feature-image {\n width: 100%;\n max-width: calc($wrap / 2);\n }\n}\n"],"file":"feature.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/figure.css b/preview/pr-257/_styles/figure.css new file mode 100644 index 0000000000..95589387ff --- /dev/null +++ b/preview/pr-257/_styles/figure.css @@ -0,0 +1,25 @@ +.figure { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 10px; + margin: 40px 0; +} + +.figure-image { + display: contents; +} + +.figure-image img { + border-radius: var(--rounded); + overflow: hidden; + box-shadow: var(--shadow); +} + +.figure-caption { + font-style: italic; + text-align: center; +} + +/*# sourceMappingURL=figure.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/figure.css.map b/preview/pr-257/_styles/figure.css.map new file mode 100644 index 0000000000..4d62fcf185 --- /dev/null +++ b/preview/pr-257/_styles/figure.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["figure.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA","sourcesContent":[".figure {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n gap: 10px;\n margin: 40px 0;\n}\n\n.figure-image {\n display: contents;\n}\n\n.figure-image img {\n border-radius: var(--rounded);\n overflow: hidden;\n box-shadow: var(--shadow);\n}\n\n.figure-caption {\n font-style: italic;\n text-align: center;\n}\n"],"file":"figure.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/float.css b/preview/pr-257/_styles/float.css new file mode 100644 index 0000000000..c91b46eb8c --- /dev/null +++ b/preview/pr-257/_styles/float.css @@ -0,0 +1,35 @@ +.float { + margin-bottom: 20px; + max-width: 50%; +} + +.float > * { + margin: 0 !important; +} + +.float:not([data-flip]) { + float: left; + margin-right: 40px; +} + +.float[data-flip] { + float: right; + margin-left: 40px; +} + +.float[data-clear] { + float: unset; + clear: both; + margin: 0; +} + +@media (max-width: 600px) { + .float { + float: unset !important; + clear: both !important; + margin: auto !important; + max-width: unset; + } +} + +/*# sourceMappingURL=float.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/float.css.map b/preview/pr-257/_styles/float.css.map new file mode 100644 index 0000000000..42c53e0b05 --- /dev/null +++ b/preview/pr-257/_styles/float.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["float.scss"],"names":[],"mappings":"AAEA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;IACA;IACA;IACA","sourcesContent":["$wrap: 600px;\n\n.float {\n margin-bottom: 20px;\n max-width: 50%;\n}\n\n.float > * {\n margin: 0 !important;\n}\n\n.float:not([data-flip]) {\n float: left;\n margin-right: 40px;\n}\n\n.float[data-flip] {\n float: right;\n margin-left: 40px;\n}\n\n.float[data-clear] {\n float: unset;\n clear: both;\n margin: 0;\n}\n\n@media (max-width: $wrap) {\n .float {\n float: unset !important;\n clear: both !important;\n margin: auto !important;\n max-width: unset;\n }\n}\n"],"file":"float.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/font.css b/preview/pr-257/_styles/font.css new file mode 100644 index 0000000000..c40e155902 --- /dev/null +++ b/preview/pr-257/_styles/font.css @@ -0,0 +1,3 @@ +@font-face {} + +/*# sourceMappingURL=font.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/font.css.map b/preview/pr-257/_styles/font.css.map new file mode 100644 index 0000000000..e1d56c0444 --- /dev/null +++ b/preview/pr-257/_styles/font.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["font.scss"],"names":[],"mappings":"AAAA","sourcesContent":["@font-face {\n}\n"],"file":"font.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/footer.css b/preview/pr-257/_styles/footer.css new file mode 100644 index 0000000000..a85b907fee --- /dev/null +++ b/preview/pr-257/_styles/footer.css @@ -0,0 +1,24 @@ +footer { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + padding: 40px; + line-height: var(--spacing); + box-shadow: var(--shadow); +} + +footer a { + color: var(--text) !important; +} + +footer a:hover { + color: var(--primary) !important; +} + +footer .icon { + font-size: var(--xl); +} + +/*# sourceMappingURL=footer.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/footer.css.map b/preview/pr-257/_styles/footer.css.map new file mode 100644 index 0000000000..61ae1179a5 --- /dev/null +++ b/preview/pr-257/_styles/footer.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["footer.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["footer {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n gap: 20px;\n padding: 40px;\n line-height: var(--spacing);\n box-shadow: var(--shadow);\n}\n\nfooter a {\n color: var(--text) !important;\n}\n\nfooter a:hover {\n color: var(--primary) !important;\n}\n\nfooter .icon {\n font-size: var(--xl);\n}\n"],"file":"footer.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/form.css b/preview/pr-257/_styles/form.css new file mode 100644 index 0000000000..761145950c --- /dev/null +++ b/preview/pr-257/_styles/form.css @@ -0,0 +1,8 @@ +form { + display: flex; + justify-content: center; + align-items: center; + gap: 10px; +} + +/*# sourceMappingURL=form.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/form.css.map b/preview/pr-257/_styles/form.css.map new file mode 100644 index 0000000000..65939cb61c --- /dev/null +++ b/preview/pr-257/_styles/form.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["form.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA","sourcesContent":["form {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n}\n"],"file":"form.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/grid.css b/preview/pr-257/_styles/grid.css new file mode 100644 index 0000000000..a595ce7b1c --- /dev/null +++ b/preview/pr-257/_styles/grid.css @@ -0,0 +1,45 @@ +.grid { + display: grid; + --repeat: 3; + grid-template-columns: repeat(var(--repeat), 1fr); + justify-content: center; + align-items: flex-start; + gap: 40px; + margin: 40px 0; +} + +.grid > * { + min-width: 0; + min-height: 0; + width: 100%; + margin: 0 !important; +} + +@media (max-width: 750px) { + .grid { + --repeat: 2; + } +} +@media (max-width: 500px) { + .grid { + --repeat: 1; + } +} +.grid[data-style=square] { + align-items: center; +} +.grid[data-style=square] > * { + aspect-ratio: 1/1; +} +.grid[data-style=square] img { + aspect-ratio: 1/1; + object-fit: cover; + max-width: unset; + max-height: unset; +} + +.grid > :where(h1, h2, h3, h4, h5, h6) { + display: none; +} + +/*# sourceMappingURL=grid.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/grid.css.map b/preview/pr-257/_styles/grid.css.map new file mode 100644 index 0000000000..8e00ee1c07 --- /dev/null +++ b/preview/pr-257/_styles/grid.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["grid.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;;;AAGF;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE","sourcesContent":["$two: 750px;\n$one: 500px;\n\n.grid {\n display: grid;\n --repeat: 3;\n grid-template-columns: repeat(var(--repeat), 1fr);\n justify-content: center;\n align-items: flex-start;\n gap: 40px;\n margin: 40px 0;\n}\n\n.grid > * {\n min-width: 0;\n min-height: 0;\n width: 100%;\n // max-height: 50vh;\n margin: 0 !important;\n}\n\n@media (max-width: $two) {\n .grid {\n --repeat: 2;\n }\n}\n\n@media (max-width: $one) {\n .grid {\n --repeat: 1;\n }\n}\n\n.grid[data-style=\"square\"] {\n align-items: center;\n\n & > * {\n aspect-ratio: 1 / 1;\n }\n\n & img {\n aspect-ratio: 1 / 1;\n object-fit: cover;\n max-width: unset;\n max-height: unset;\n }\n}\n\n.grid > :where(h1, h2, h3, h4, h5, h6) {\n display: none;\n}\n"],"file":"grid.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/header.css b/preview/pr-257/_styles/header.css new file mode 100644 index 0000000000..f4e49a401a --- /dev/null +++ b/preview/pr-257/_styles/header.css @@ -0,0 +1,145 @@ +header { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 20px; + padding: 20px; + box-shadow: var(--shadow); + position: sticky !important; + top: 0; + z-index: 10 !important; +} + +header a { + color: var(--text); + text-decoration: none; +} + +.home { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.logo { + height: 40px; +} + +.logo > * { + height: 100%; +} + +.title-text { + display: flex; + justify-content: flex-start; + align-items: baseline; + flex-wrap: wrap; + gap: 5px; + min-width: 0; + font-family: var(--title); + text-align: left; +} + +.title { + font-size: var(--large); +} + +.subtitle { + opacity: 0.65; + font-weight: var(--thin); +} + +.nav-toggle { + display: none; + position: relative; + width: 30px; + height: 30px; + margin: 0; + color: var(--text); + appearance: none; + transition: background var(--transition); +} + +.nav-toggle:after { + content: "\f0c9"; + position: absolute; + left: 50%; + top: 50%; + color: var(--text); + font-size: 15px; + font-family: "Font Awesome 6 Free"; + font-weight: 900; + transform: translate(-50%, -50%); +} + +.nav-toggle:checked:after { + content: "\f00d"; +} + +nav { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 10px; + font-family: var(--heading); + text-transform: uppercase; +} + +nav > a { + padding: 5px; +} + +nav > a:hover { + color: var(--primary); +} + +@media (max-width: 700px) { + header:not([data-big]) { + justify-content: flex-end; + } + header:not([data-big]) .nav-toggle { + display: flex; + } + header:not([data-big]) .nav-toggle:not(:checked) + nav { + display: none; + } + header:not([data-big]) nav { + align-items: flex-end; + flex-direction: column; + width: 100%; + } +} + +header[data-big] { + justify-content: center; + align-items: center; + flex-direction: column; + padding: 100px 20px; + top: unset; +} +header[data-big] .home { + flex-direction: column; + flex-grow: 0; +} +header[data-big] .logo { + height: 80px; +} +header[data-big] .title-text { + flex-direction: column; + align-items: center; + text-align: center; +} +header[data-big] .title { + font-size: var(--xxl); +} +header[data-big] .subtitle { + font-size: var(--large); +} + +/*# sourceMappingURL=header.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/header.css.map b/preview/pr-257/_styles/header.css.map new file mode 100644 index 0000000000..04153a29ec --- /dev/null +++ b/preview/pr-257/_styles/header.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["header.scss"],"names":[],"mappings":"AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAGE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,QArCK;;;AAwCP;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EADF;IAEI;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EAGE;;AAGF;EACE;EACA;;AAGF;EACE,QAlJO;;AAqJT;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE","sourcesContent":["$logo-big: 80px;\n$logo: 40px;\n$big-padding: 100px;\n$collapse: 700px;\n$sticky: true;\n\nheader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n padding: 20px;\n box-shadow: var(--shadow);\n\n @if $sticky {\n position: sticky !important;\n top: 0;\n z-index: 10 !important;\n }\n}\n\nheader a {\n color: var(--text);\n text-decoration: none;\n}\n\n.home {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.logo {\n height: $logo;\n}\n\n.logo > * {\n height: 100%;\n}\n\n.title-text {\n display: flex;\n justify-content: flex-start;\n align-items: baseline;\n flex-wrap: wrap;\n gap: 5px;\n min-width: 0;\n font-family: var(--title);\n text-align: left;\n}\n\n.title {\n font-size: var(--large);\n}\n\n.subtitle {\n opacity: 0.65;\n font-weight: var(--thin);\n}\n\n.nav-toggle {\n display: none;\n position: relative;\n width: 30px;\n height: 30px;\n margin: 0;\n color: var(--text);\n appearance: none;\n transition: background var(--transition);\n}\n\n.nav-toggle:after {\n content: \"\\f0c9\";\n position: absolute;\n left: 50%;\n top: 50%;\n color: var(--text);\n font-size: 15px;\n font-family: \"Font Awesome 6 Free\";\n font-weight: 900;\n transform: translate(-50%, -50%);\n}\n\n.nav-toggle:checked:after {\n content: \"\\f00d\";\n}\n\nnav {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n font-family: var(--heading);\n text-transform: uppercase;\n}\n\nnav > a {\n padding: 5px;\n}\n\nnav > a:hover {\n color: var(--primary);\n}\n\nheader:not([data-big]) {\n @media (max-width: $collapse) {\n justify-content: flex-end;\n\n .nav-toggle {\n display: flex;\n }\n\n .nav-toggle:not(:checked) + nav {\n display: none;\n }\n\n nav {\n align-items: flex-end;\n flex-direction: column;\n width: 100%;\n }\n }\n}\n\nheader[data-big] {\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: $big-padding 20px;\n\n @if $sticky {\n top: unset;\n }\n\n .home {\n flex-direction: column;\n flex-grow: 0;\n }\n\n .logo {\n height: $logo-big;\n }\n\n .title-text {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .title {\n font-size: var(--xxl);\n }\n\n .subtitle {\n font-size: var(--large);\n }\n}\n"],"file":"header.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/heading.css b/preview/pr-257/_styles/heading.css new file mode 100644 index 0000000000..05ebc5b88e --- /dev/null +++ b/preview/pr-257/_styles/heading.css @@ -0,0 +1,49 @@ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 40px 0 20px 0; + font-family: var(--heading); + font-weight: var(--semi-bold); + text-align: left; + letter-spacing: 1px; +} + +h1 { + font-size: 1.6rem; + font-weight: var(--regular); + text-transform: uppercase; + text-align: center; +} + +h2 { + font-size: 1.6rem; + padding-bottom: 5px; + border-bottom: solid 1px var(--light-gray); + font-weight: var(--regular); +} + +h3 { + font-size: 1.5rem; +} + +h4 { + font-size: 1.3rem; +} + +h5 { + font-size: 1.15rem; +} + +h6 { + font-size: 1rem; +} + +:where(h1, h2, h3, h4, h5, h6) > .icon { + margin-right: 1em; + color: var(--light-gray); +} + +/*# sourceMappingURL=heading.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/heading.css.map b/preview/pr-257/_styles/heading.css.map new file mode 100644 index 0000000000..b8fe6a42e0 --- /dev/null +++ b/preview/pr-257/_styles/heading.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["heading.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA","sourcesContent":["h1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 40px 0 20px 0;\n font-family: var(--heading);\n font-weight: var(--semi-bold);\n text-align: left;\n letter-spacing: 1px;\n}\n\nh1 {\n font-size: 1.6rem;\n font-weight: var(--regular);\n text-transform: uppercase;\n text-align: center;\n}\n\nh2 {\n font-size: 1.6rem;\n padding-bottom: 5px;\n border-bottom: solid 1px var(--light-gray);\n font-weight: var(--regular);\n}\n\nh3 {\n font-size: 1.5rem;\n}\n\nh4 {\n font-size: 1.3rem;\n}\n\nh5 {\n font-size: 1.15rem;\n}\n\nh6 {\n font-size: 1rem;\n}\n\n:where(h1, h2, h3, h4, h5, h6) > .icon {\n margin-right: 1em;\n color: var(--light-gray);\n}\n"],"file":"heading.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/highlight.css b/preview/pr-257/_styles/highlight.css new file mode 100644 index 0000000000..a8cf7d3cee --- /dev/null +++ b/preview/pr-257/_styles/highlight.css @@ -0,0 +1,6 @@ +mark { + background: #fef08a; + color: #000000; +} + +/*# sourceMappingURL=highlight.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/highlight.css.map b/preview/pr-257/_styles/highlight.css.map new file mode 100644 index 0000000000..957ceb13db --- /dev/null +++ b/preview/pr-257/_styles/highlight.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["highlight.scss"],"names":[],"mappings":"AAAA;EACE;EACA","sourcesContent":["mark {\n background: #fef08a;\n color: #000000;\n}\n"],"file":"highlight.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/icon.css b/preview/pr-257/_styles/icon.css new file mode 100644 index 0000000000..ab61327d04 --- /dev/null +++ b/preview/pr-257/_styles/icon.css @@ -0,0 +1,15 @@ +.icon { + font-size: 1em; +} + +span.icon { + line-height: 1; +} + +span.icon > svg { + position: relative; + top: 0.1em; + height: 1em; +} + +/*# sourceMappingURL=icon.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/icon.css.map b/preview/pr-257/_styles/icon.css.map new file mode 100644 index 0000000000..22298685e4 --- /dev/null +++ b/preview/pr-257/_styles/icon.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["icon.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","sourcesContent":[".icon {\n font-size: 1em;\n}\n\nspan.icon {\n line-height: 1;\n}\n\nspan.icon > svg {\n position: relative;\n top: 0.1em;\n height: 1em;\n}\n"],"file":"icon.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/image.css b/preview/pr-257/_styles/image.css new file mode 100644 index 0000000000..70340d334d --- /dev/null +++ b/preview/pr-257/_styles/image.css @@ -0,0 +1,6 @@ +img { + max-width: 100%; + max-height: 100%; +} + +/*# sourceMappingURL=image.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/image.css.map b/preview/pr-257/_styles/image.css.map new file mode 100644 index 0000000000..e88ec450d0 --- /dev/null +++ b/preview/pr-257/_styles/image.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["image.scss"],"names":[],"mappings":"AAAA;EACE;EACA","sourcesContent":["img {\n max-width: 100%;\n max-height: 100%;\n}\n"],"file":"image.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/link.css b/preview/pr-257/_styles/link.css new file mode 100644 index 0000000000..3235e80303 --- /dev/null +++ b/preview/pr-257/_styles/link.css @@ -0,0 +1,15 @@ +a { + color: var(--primary); + transition: color var(--transition); + overflow-wrap: break-word; +} + +a:hover { + color: var(--text); +} + +a:not([href]) { + color: var(--text); +} + +/*# sourceMappingURL=link.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/link.css.map b/preview/pr-257/_styles/link.css.map new file mode 100644 index 0000000000..964355085e --- /dev/null +++ b/preview/pr-257/_styles/link.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["link.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["a {\n color: var(--primary);\n transition: color var(--transition);\n overflow-wrap: break-word;\n}\n\na:hover {\n color: var(--text);\n}\n\na:not([href]) {\n color: var(--text);\n}\n"],"file":"link.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/list.css b/preview/pr-257/_styles/list.css new file mode 100644 index 0000000000..181f8a2b6c --- /dev/null +++ b/preview/pr-257/_styles/list.css @@ -0,0 +1,22 @@ +ul, +ol { + margin: 20px 0; + padding-left: 40px; +} + +ul { + list-style-type: square; +} + +li { + margin: 5px 0; + padding-left: 10px; + text-align: justify; + line-height: var(--spacing); +} +li ul, +li ol { + margin: 0; +} + +/*# sourceMappingURL=list.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/list.css.map b/preview/pr-257/_styles/list.css.map new file mode 100644 index 0000000000..a3ab1ed0a0 --- /dev/null +++ b/preview/pr-257/_styles/list.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["list.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE","sourcesContent":["ul,\nol {\n margin: 20px 0;\n padding-left: 40px;\n}\n\nul {\n list-style-type: square;\n}\n\nli {\n margin: 5px 0;\n padding-left: 10px;\n text-align: justify;\n line-height: var(--spacing);\n\n ul,\n ol {\n margin: 0;\n }\n}\n"],"file":"list.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/main.css b/preview/pr-257/_styles/main.css new file mode 100644 index 0000000000..f72eb0d37e --- /dev/null +++ b/preview/pr-257/_styles/main.css @@ -0,0 +1,7 @@ +main { + display: flex; + flex-direction: column; + flex-grow: 1; +} + +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/main.css.map b/preview/pr-257/_styles/main.css.map new file mode 100644 index 0000000000..a2a0fa8dc5 --- /dev/null +++ b/preview/pr-257/_styles/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA","sourcesContent":["main {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n"],"file":"main.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/paragraph.css b/preview/pr-257/_styles/paragraph.css new file mode 100644 index 0000000000..7e46c39156 --- /dev/null +++ b/preview/pr-257/_styles/paragraph.css @@ -0,0 +1,7 @@ +p { + margin: 20px 0; + text-align: justify; + line-height: var(--spacing); +} + +/*# sourceMappingURL=paragraph.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/paragraph.css.map b/preview/pr-257/_styles/paragraph.css.map new file mode 100644 index 0000000000..7eb50a684e --- /dev/null +++ b/preview/pr-257/_styles/paragraph.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["paragraph.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA","sourcesContent":["p {\n margin: 20px 0;\n text-align: justify;\n line-height: var(--spacing);\n}\n"],"file":"paragraph.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/portrait.css b/preview/pr-257/_styles/portrait.css new file mode 100644 index 0000000000..502e3a8d85 --- /dev/null +++ b/preview/pr-257/_styles/portrait.css @@ -0,0 +1,76 @@ +.portrait-wrapper { + display: contents; +} + +.portrait { + position: relative; + display: inline-flex; + justify-content: center; + align-items: center; + flex-direction: column; + margin: 20px; + width: 175px; + max-width: calc(100% - 20px - 20px); + text-decoration: none; +} + +.portrait[data-style=small] { + width: 100px; +} + +.portrait[data-style=tiny] { + flex-direction: row; + gap: 15px; + width: unset; + text-align: left; +} + +.portrait .icon { + position: absolute; + left: 0; + top: 0; + display: flex; + justify-content: center; + align-items: center; + width: calc(20px + 10%); + aspect-ratio: 1/1; + border-radius: 999px; + background: var(--background); + box-shadow: var(--shadow); + transform: translate(14%, 14%); +} + +.portrait[data-style=small] .icon { + left: -2px; + top: -2px; +} + +.portrait[data-style=tiny] .icon { + display: none; +} + +.portrait-image { + width: 100%; + margin-bottom: 20px; + aspect-ratio: 1/1; + border-radius: 999px; + object-fit: cover; + box-shadow: var(--shadow); +} + +.portrait[data-style=tiny] .portrait-image { + width: 50px; + margin: 0; +} + +.portrait-name { + font-family: var(--heading); + font-weight: var(--semi-bold); +} + +.portrait[data-style=tiny] .portrait-description, +.portrait[data-style=tiny] .portrait-affiliation { + display: none; +} + +/*# sourceMappingURL=portrait.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/portrait.css.map b/preview/pr-257/_styles/portrait.css.map new file mode 100644 index 0000000000..33209a940a --- /dev/null +++ b/preview/pr-257/_styles/portrait.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["portrait.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIA;AAAA;EAEE","sourcesContent":[".portrait-wrapper {\n display: contents;\n}\n\n.portrait {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n margin: 20px;\n width: 175px;\n max-width: calc(100% - 20px - 20px);\n text-decoration: none;\n}\n\n.portrait[data-style=\"small\"] {\n width: 100px;\n}\n\n.portrait[data-style=\"tiny\"] {\n flex-direction: row;\n gap: 15px;\n width: unset;\n text-align: left;\n}\n\n.portrait .icon {\n position: absolute;\n left: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n width: calc(20px + 10%);\n aspect-ratio: 1 / 1;\n border-radius: 999px;\n background: var(--background);\n box-shadow: var(--shadow);\n transform: translate(14%, 14%);\n}\n\n.portrait[data-style=\"small\"] .icon {\n left: -2px;\n top: -2px;\n}\n\n.portrait[data-style=\"tiny\"] .icon {\n display: none;\n}\n\n.portrait-image {\n width: 100%;\n margin-bottom: 20px;\n aspect-ratio: 1 / 1;\n border-radius: 999px;\n object-fit: cover;\n box-shadow: var(--shadow);\n}\n\n.portrait[data-style=\"tiny\"] .portrait-image {\n width: 50px;\n margin: 0;\n}\n\n.portrait-name {\n font-family: var(--heading);\n font-weight: var(--semi-bold);\n}\n\n.portrait[data-style=\"tiny\"] {\n .portrait-description,\n .portrait-affiliation {\n display: none;\n }\n}\n"],"file":"portrait.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/post-excerpt.css b/preview/pr-257/_styles/post-excerpt.css new file mode 100644 index 0000000000..9935b248fa --- /dev/null +++ b/preview/pr-257/_styles/post-excerpt.css @@ -0,0 +1,63 @@ +.post-excerpt-container { + container-type: inline-size; +} + +.post-excerpt { + display: flex; + margin: 20px 0; + border-radius: var(--rounded); + background: var(--background); + overflow: hidden; + box-shadow: var(--shadow); +} + +.post-excerpt-image { + position: relative; + width: 200px; + flex-shrink: 0; +} + +.post-excerpt-image img { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +.post-excerpt-text { + display: flex; + flex-wrap: wrap; + gap: 20px; + padding: 20px 30px; + text-align: left; +} + +.post-excerpt-text > * { + margin: 0 !important; +} + +.post-excerpt-text > a:first-child { + width: 100%; + font-weight: var(--semi-bold); +} + +.post-excerpt-text > div { + justify-content: flex-start; +} + +.post-excerpt-text > p { + width: 100%; +} + +@container (max-width: 800px) { + .post-excerpt { + flex-direction: column; + } + .post-excerpt-image { + width: unset; + height: 200px; + } +} + +/*# sourceMappingURL=post-excerpt.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/post-excerpt.css.map b/preview/pr-257/_styles/post-excerpt.css.map new file mode 100644 index 0000000000..e82e3a225d --- /dev/null +++ b/preview/pr-257/_styles/post-excerpt.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["post-excerpt.scss"],"names":[],"mappings":"AAGA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OAlBW;EAmBX;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;IACA,QA/DS","sourcesContent":["$thumb-size: 200px;\n$wrap: 800px;\n\n.post-excerpt-container {\n container-type: inline-size;\n}\n\n.post-excerpt {\n display: flex;\n margin: 20px 0;\n border-radius: var(--rounded);\n background: var(--background);\n overflow: hidden;\n box-shadow: var(--shadow);\n}\n\n.post-excerpt-image {\n position: relative;\n width: $thumb-size;\n flex-shrink: 0;\n // box-shadow: var(--shadow);\n}\n\n.post-excerpt-image img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.post-excerpt-text {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n padding: 20px 30px;\n text-align: left;\n}\n\n.post-excerpt-text > * {\n margin: 0 !important;\n}\n\n.post-excerpt-text > a:first-child {\n width: 100%;\n font-weight: var(--semi-bold);\n}\n\n.post-excerpt-text > div {\n justify-content: flex-start;\n}\n\n.post-excerpt-text > p {\n width: 100%;\n}\n\n@container (max-width: #{$wrap}) {\n .post-excerpt {\n flex-direction: column;\n }\n\n .post-excerpt-image {\n width: unset;\n height: $thumb-size;\n }\n}\n"],"file":"post-excerpt.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/post-info.css b/preview/pr-257/_styles/post-info.css new file mode 100644 index 0000000000..df1827c557 --- /dev/null +++ b/preview/pr-257/_styles/post-info.css @@ -0,0 +1,32 @@ +.post-info { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 20px 0; + color: var(--dark-gray); +} + +.post-info .portrait { + margin: 0; +} + +.post-info .icon { + margin-right: 0.5em; +} + +.post-info a { + color: inherit; +} + +.post-info a:hover { + color: var(--primary); +} + +.post-info > span { + text-align: center; + white-space: nowrap; +} + +/*# sourceMappingURL=post-info.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/post-info.css.map b/preview/pr-257/_styles/post-info.css.map new file mode 100644 index 0000000000..9950b78726 --- /dev/null +++ b/preview/pr-257/_styles/post-info.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["post-info.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA","sourcesContent":[".post-info {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n margin: 20px 0;\n color: var(--dark-gray);\n}\n\n.post-info .portrait {\n margin: 0;\n}\n\n.post-info .icon {\n margin-right: 0.5em;\n}\n\n.post-info a {\n color: inherit;\n}\n\n.post-info a:hover {\n color: var(--primary);\n}\n\n.post-info > span {\n text-align: center;\n white-space: nowrap;\n}\n"],"file":"post-info.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/post-nav.css b/preview/pr-257/_styles/post-nav.css new file mode 100644 index 0000000000..f7ddfaaac6 --- /dev/null +++ b/preview/pr-257/_styles/post-nav.css @@ -0,0 +1,35 @@ +.post-nav { + display: flex; + justify-content: space-between; + align-items: flex-start; + gap: 10px; + color: var(--gray); +} + +.post-nav > :first-child { + text-align: left; +} + +.post-nav > :last-child { + text-align: right; +} + +.post-nav > :first-child .icon { + margin-right: 0.5em; +} + +.post-nav > :last-child .icon { + margin-left: 0.5em; +} + +@media (max-width: 600px) { + .post-nav { + align-items: center; + flex-direction: column; + } + .post-nav > * { + text-align: center !important; + } +} + +/*# sourceMappingURL=post-nav.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/post-nav.css.map b/preview/pr-257/_styles/post-nav.css.map new file mode 100644 index 0000000000..b0699acaec --- /dev/null +++ b/preview/pr-257/_styles/post-nav.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["post-nav.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;IACA;;EAGF;IACE","sourcesContent":["$wrap: 600px;\n\n.post-nav {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 10px;\n color: var(--gray);\n}\n\n.post-nav > :first-child {\n text-align: left;\n}\n\n.post-nav > :last-child {\n text-align: right;\n}\n\n.post-nav > :first-child .icon {\n margin-right: 0.5em;\n}\n\n.post-nav > :last-child .icon {\n margin-left: 0.5em;\n}\n\n@media (max-width: $wrap) {\n .post-nav {\n align-items: center;\n flex-direction: column;\n }\n\n .post-nav > * {\n text-align: center !important;\n }\n}\n"],"file":"post-nav.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/quote.css b/preview/pr-257/_styles/quote.css new file mode 100644 index 0000000000..b754635dcd --- /dev/null +++ b/preview/pr-257/_styles/quote.css @@ -0,0 +1,15 @@ +blockquote { + margin: 20px 0; + padding: 10px 20px; + border-left: solid 4px var(--light-gray); +} + +blockquote > :first-child { + margin-top: 0; +} + +blockquote > :last-child { + margin-bottom: 0; +} + +/*# sourceMappingURL=quote.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/quote.css.map b/preview/pr-257/_styles/quote.css.map new file mode 100644 index 0000000000..16c9d4c8ea --- /dev/null +++ b/preview/pr-257/_styles/quote.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["quote.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["blockquote {\n margin: 20px 0;\n padding: 10px 20px;\n border-left: solid 4px var(--light-gray);\n}\n\nblockquote > :first-child {\n margin-top: 0;\n}\n\nblockquote > :last-child {\n margin-bottom: 0;\n}\n"],"file":"quote.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/rule.css b/preview/pr-257/_styles/rule.css new file mode 100644 index 0000000000..28ca0809d9 --- /dev/null +++ b/preview/pr-257/_styles/rule.css @@ -0,0 +1,8 @@ +hr { + margin: 40px 0; + background: var(--light-gray); + border: none; + height: 1px; +} + +/*# sourceMappingURL=rule.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/rule.css.map b/preview/pr-257/_styles/rule.css.map new file mode 100644 index 0000000000..a955dd9fee --- /dev/null +++ b/preview/pr-257/_styles/rule.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["rule.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA","sourcesContent":["hr {\n margin: 40px 0;\n background: var(--light-gray);\n border: none;\n height: 1px;\n}\n"],"file":"rule.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/search-box.css b/preview/pr-257/_styles/search-box.css new file mode 100644 index 0000000000..9766e9242f --- /dev/null +++ b/preview/pr-257/_styles/search-box.css @@ -0,0 +1,25 @@ +.search-box { + position: relative; + height: 40px; +} + +.search-box .search-input { + width: 100%; + height: 100%; + padding-right: 40px; +} + +.search-box button { + position: absolute; + inset: 0 0 0 auto; + display: flex; + justify-content: center; + align-items: center; + padding: 0; + aspect-ratio: 1/1; + background: none; + color: var(--black); + border: none; +} + +/*# sourceMappingURL=search-box.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/search-box.css.map b/preview/pr-257/_styles/search-box.css.map new file mode 100644 index 0000000000..7d45274378 --- /dev/null +++ b/preview/pr-257/_styles/search-box.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["search-box.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":[".search-box {\n position: relative;\n height: 40px;\n}\n\n.search-box .search-input {\n width: 100%;\n height: 100%;\n padding-right: 40px;\n}\n\n.search-box button {\n position: absolute;\n inset: 0 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n aspect-ratio: 1 / 1;\n background: none;\n color: var(--black);\n border: none;\n}\n"],"file":"search-box.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/search-info.css b/preview/pr-257/_styles/search-info.css new file mode 100644 index 0000000000..e5c9a3050e --- /dev/null +++ b/preview/pr-257/_styles/search-info.css @@ -0,0 +1,8 @@ +.search-info { + margin: 20px 0; + text-align: center; + font-style: italic; + line-height: var(--spacing); +} + +/*# sourceMappingURL=search-info.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/search-info.css.map b/preview/pr-257/_styles/search-info.css.map new file mode 100644 index 0000000000..d825cee0b8 --- /dev/null +++ b/preview/pr-257/_styles/search-info.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["search-info.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA","sourcesContent":[".search-info {\n margin: 20px 0;\n text-align: center;\n font-style: italic;\n line-height: var(--spacing);\n}\n"],"file":"search-info.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/section.css b/preview/pr-257/_styles/section.css new file mode 100644 index 0000000000..e1ceb7db5a --- /dev/null +++ b/preview/pr-257/_styles/section.css @@ -0,0 +1,35 @@ +section { + padding: 40px max(40px, (100% - 1000px) / 2); + transition: background var(--transition), color var(--transition); +} + +section[data-size=wide] { + padding: 40px; +} + +section[data-size=full] { + padding: 0; +} + +section[data-size=full] > * { + margin: 0; + border-radius: 0; +} + +section[data-size=full] img { + border-radius: 0; +} + +main > section:last-of-type { + flex-grow: 1; +} + +main > section:nth-of-type(odd) { + background: var(--background); +} + +main > section:nth-of-type(even) { + background: var(--background-alt); +} + +/*# sourceMappingURL=section.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/section.css.map b/preview/pr-257/_styles/section.css.map new file mode 100644 index 0000000000..73ffca09c9 --- /dev/null +++ b/preview/pr-257/_styles/section.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["section.scss"],"names":[],"mappings":"AAGA;EACE;EACA;;;AAGF;EACE,SARQ;;;AAWV;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["$page: 1000px;\n$padding: 40px;\n\nsection {\n padding: $padding max($padding, calc((100% - $page) / 2));\n transition: background var(--transition), color var(--transition);\n}\n\nsection[data-size=\"wide\"] {\n padding: $padding;\n}\n\nsection[data-size=\"full\"] {\n padding: 0;\n}\n\nsection[data-size=\"full\"] > * {\n margin: 0;\n border-radius: 0;\n}\n\nsection[data-size=\"full\"] img {\n border-radius: 0;\n}\n\nmain > section:last-of-type {\n flex-grow: 1;\n}\n\nmain > section:nth-of-type(odd) {\n background: var(--background);\n}\n\nmain > section:nth-of-type(even) {\n background: var(--background-alt);\n}\n"],"file":"section.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/table.css b/preview/pr-257/_styles/table.css new file mode 100644 index 0000000000..ef83c46278 --- /dev/null +++ b/preview/pr-257/_styles/table.css @@ -0,0 +1,17 @@ +table { + margin: 40px auto; + border-collapse: collapse; + overflow-wrap: anywhere; +} + +th { + font-weight: var(--semi-bold); +} + +th, +td { + padding: 10px 15px; + border: solid 1px var(--light-gray); +} + +/*# sourceMappingURL=table.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/table.css.map b/preview/pr-257/_styles/table.css.map new file mode 100644 index 0000000000..c3a3f0686c --- /dev/null +++ b/preview/pr-257/_styles/table.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["table.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA","sourcesContent":["table {\n margin: 40px auto;\n border-collapse: collapse;\n overflow-wrap: anywhere;\n}\n\nth {\n font-weight: var(--semi-bold);\n}\n\nth,\ntd {\n padding: 10px 15px;\n border: solid 1px var(--light-gray);\n}\n"],"file":"table.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/tags.css b/preview/pr-257/_styles/tags.css new file mode 100644 index 0000000000..909815e88b --- /dev/null +++ b/preview/pr-257/_styles/tags.css @@ -0,0 +1,33 @@ +.tags { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 10px; + max-width: 100%; + margin: 20px 0; +} + +.tag { + max-width: 100%; + margin: 0; + padding: 5px 10px; + border-radius: 999px; + background: var(--secondary); + color: var(--text); + text-decoration: none; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + transition: background var(--transition), color var(--transition); +} + +.tag:hover { + background: var(--light-gray); +} + +.tag[data-active] { + background: var(--light-gray); +} + +/*# sourceMappingURL=tags.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/tags.css.map b/preview/pr-257/_styles/tags.css.map new file mode 100644 index 0000000000..ae75420a61 --- /dev/null +++ b/preview/pr-257/_styles/tags.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["tags.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":[".tags {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n max-width: 100%;\n margin: 20px 0;\n}\n\n.tag {\n max-width: 100%;\n margin: 0;\n padding: 5px 10px;\n border-radius: 999px;\n background: var(--secondary);\n color: var(--text);\n text-decoration: none;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n transition: background var(--transition), color var(--transition);\n}\n\n.tag:hover {\n background: var(--light-gray);\n}\n\n.tag[data-active] {\n background: var(--light-gray);\n}\n"],"file":"tags.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/textbox.css b/preview/pr-257/_styles/textbox.css new file mode 100644 index 0000000000..d8ec7910a6 --- /dev/null +++ b/preview/pr-257/_styles/textbox.css @@ -0,0 +1,16 @@ +input[type=text] { + width: 100%; + height: 40px; + margin: 0; + padding: 5px 10px; + border: solid 1px var(--light-gray); + border-radius: var(--rounded); + background: var(--background); + color: var(--text); + font-family: inherit; + font-size: inherit; + appearance: none; + box-shadow: var(--shadow); +} + +/*# sourceMappingURL=textbox.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/textbox.css.map b/preview/pr-257/_styles/textbox.css.map new file mode 100644 index 0000000000..de78ed438d --- /dev/null +++ b/preview/pr-257/_styles/textbox.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["textbox.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["input[type=\"text\"] {\n width: 100%;\n height: 40px;\n margin: 0;\n padding: 5px 10px;\n border: solid 1px var(--light-gray);\n border-radius: var(--rounded);\n background: var(--background);\n color: var(--text);\n font-family: inherit;\n font-size: inherit;\n appearance: none;\n box-shadow: var(--shadow);\n}\n"],"file":"textbox.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/tooltip.css b/preview/pr-257/_styles/tooltip.css new file mode 100644 index 0000000000..28b590ebf9 --- /dev/null +++ b/preview/pr-257/_styles/tooltip.css @@ -0,0 +1,72 @@ +.tippy-box { + background: var(--background); + color: var(--text); + padding: 7.5px; + text-align: left; + box-shadow: var(--shadow); +} + +.tippy-arrow { + width: 30px; + height: 30px; +} + +.tippy-arrow:before { + width: 10px; + height: 10px; + background: var(--background); + box-shadow: var(--shadow); +} + +.tippy-arrow { + overflow: hidden; + pointer-events: none; +} + +.tippy-box[data-placement=top] .tippy-arrow { + inset: unset; + top: 100%; +} + +.tippy-box[data-placement=bottom] .tippy-arrow { + inset: unset; + bottom: 100%; +} + +.tippy-box[data-placement=left] .tippy-arrow { + inset: unset; + left: 100%; +} + +.tippy-box[data-placement=right] .tippy-arrow { + inset: unset; + right: 100%; +} + +.tippy-arrow:before { + border: unset !important; + transform-origin: center !important; + transform: translate(-50%, -50%) rotate(45deg) !important; +} + +.tippy-box[data-placement=top] .tippy-arrow:before { + left: 50% !important; + top: 0 !important; +} + +.tippy-box[data-placement=bottom] .tippy-arrow:before { + left: 50% !important; + top: 100% !important; +} + +.tippy-box[data-placement=left] .tippy-arrow:before { + left: 0 !important; + top: 50% !important; +} + +.tippy-box[data-placement=right] .tippy-arrow:before { + left: 100% !important; + top: 50% !important; +} + +/*# sourceMappingURL=tooltip.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/tooltip.css.map b/preview/pr-257/_styles/tooltip.css.map new file mode 100644 index 0000000000..6b52e915fb --- /dev/null +++ b/preview/pr-257/_styles/tooltip.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["tooltip.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA","sourcesContent":[".tippy-box {\n background: var(--background);\n color: var(--text);\n padding: 7.5px;\n text-align: left;\n box-shadow: var(--shadow);\n}\n\n.tippy-arrow {\n width: 30px;\n height: 30px;\n}\n\n.tippy-arrow:before {\n width: 10px;\n height: 10px;\n background: var(--background);\n box-shadow: var(--shadow);\n}\n\n// correct tippy arrow styles to support intuitive arrow styles above\n.tippy-arrow {\n overflow: hidden;\n pointer-events: none;\n}\n.tippy-box[data-placement=\"top\"] .tippy-arrow {\n inset: unset;\n top: 100%;\n}\n.tippy-box[data-placement=\"bottom\"] .tippy-arrow {\n inset: unset;\n bottom: 100%;\n}\n.tippy-box[data-placement=\"left\"] .tippy-arrow {\n inset: unset;\n left: 100%;\n}\n.tippy-box[data-placement=\"right\"] .tippy-arrow {\n inset: unset;\n right: 100%;\n}\n.tippy-arrow:before {\n border: unset !important;\n transform-origin: center !important;\n transform: translate(-50%, -50%) rotate(45deg) !important;\n}\n.tippy-box[data-placement=\"top\"] .tippy-arrow:before {\n left: 50% !important;\n top: 0 !important;\n}\n.tippy-box[data-placement=\"bottom\"] .tippy-arrow:before {\n left: 50% !important;\n top: 100% !important;\n}\n.tippy-box[data-placement=\"left\"] .tippy-arrow:before {\n left: 0 !important;\n top: 50% !important;\n}\n.tippy-box[data-placement=\"right\"] .tippy-arrow:before {\n left: 100% !important;\n top: 50% !important;\n}\n"],"file":"tooltip.css"} \ No newline at end of file diff --git a/preview/pr-257/_styles/util.css b/preview/pr-257/_styles/util.css new file mode 100644 index 0000000000..995ea77cdd --- /dev/null +++ b/preview/pr-257/_styles/util.css @@ -0,0 +1,13 @@ +.left { + text-align: left; +} + +.center { + text-align: center; +} + +.right { + text-align: right; +} + +/*# sourceMappingURL=util.css.map */ \ No newline at end of file diff --git a/preview/pr-257/_styles/util.css.map b/preview/pr-257/_styles/util.css.map new file mode 100644 index 0000000000..c21a68d3fa --- /dev/null +++ b/preview/pr-257/_styles/util.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["util.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":[".left {\n text-align: left;\n}\n\n.center {\n text-align: center;\n}\n\n.right {\n text-align: right;\n}\n"],"file":"util.css"} \ No newline at end of file diff --git a/preview/pr-257/blog/index.html b/preview/pr-257/blog/index.html new file mode 100644 index 0000000000..93bf7b13ee --- /dev/null +++ b/preview/pr-257/blog/index.html @@ -0,0 +1,957 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Blog | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

+Blog

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + + + + +
+ + +
+ + +
+ +
+ + + biology + + + + medicine + + + + big data + + +
+ +
+ +

2023

+ +
+
+ + + + + + + Example post 3 + + + +
+ Example post 3 + +
+ + + + + + + +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ + + + + + + + + + + February 23, 2023 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +

2021

+ +
+
+ + + + + + +
+ Example post 2 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ + + + + + + + + + + September 30, 2021 + + + + + + + April 22, 2024 + + +
+ + + + + + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +

2019

+ +
+
+ + + + + + +
+ Example post 1 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ + + + + + + + + + + January 07, 2019 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + + + big data + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/contact/index.html b/preview/pr-257/contact/index.html new file mode 100644 index 0000000000..9f1ed2b363 --- /dev/null +++ b/preview/pr-257/contact/index.html @@ -0,0 +1,751 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Contact | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

+Contact

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor +incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis +nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+ +
+ + + + jane@smith.com + + +
+ +
+ + + + (555) 867-5309 + + +
+ +
+ + + + Address + + +
+
+ + + + + +
+ + +
+ + +
+
+ + Lorem ipsum + + +
+ Lorem ipsum + +
+ +
+ +
+ + +
+
+ + Lorem ipsum + + +
+ Lorem ipsum + +
+ +
+ +
+ +
+
+ + + + + +
+ + +
+ + +
+

Lorem ipsum dolor sit amet
+consectetur adipiscing elit
+sed do eiusmod tempor

+
+ + +
+

Lorem ipsum dolor sit amet
+consectetur adipiscing elit
+sed do eiusmod tempor

+
+ + +
+

Lorem ipsum dolor sit amet
+consectetur adipiscing elit
+sed do eiusmod tempor

+
+ +
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/feed.xml b/preview/pr-257/feed.xml new file mode 100644 index 0000000000..e572c0fe28 --- /dev/null +++ b/preview/pr-257/feed.xml @@ -0,0 +1 @@ +Jekyll2024-04-22T20:10:13+00:00/lab-website-template/preview/pr-257/feed.xmlLab Website TemplateAn easy-to-use, flexible website template for labs, with automatic citations, GitHub tag imports, pre-built components, and more.Example post 32023-02-23T00:00:00+00:002024-04-22T20:06:50+00:00/lab-website-template/preview/pr-257/2023/02/23/example-post-3Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

]]>john-doeExample post 22021-09-30T00:00:00+00:002024-04-22T20:06:50+00:00/lab-website-template/preview/pr-257/2021/09/30/example-post-2Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

]]>jane-smithExample post 12019-01-07T00:00:00+00:002024-04-22T20:06:50+00:00/lab-website-template/preview/pr-257/2019/01/07/example-post-1Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

]]>sarah-johnson \ No newline at end of file diff --git a/preview/pr-257/images/background.jpg b/preview/pr-257/images/background.jpg new file mode 100644 index 0000000000..5b7c146134 Binary files /dev/null and b/preview/pr-257/images/background.jpg differ diff --git a/preview/pr-257/images/fallback.svg b/preview/pr-257/images/fallback.svg new file mode 100644 index 0000000000..ac12be23a2 --- /dev/null +++ b/preview/pr-257/images/fallback.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/preview/pr-257/images/icon.png b/preview/pr-257/images/icon.png new file mode 100644 index 0000000000..774c4478f6 Binary files /dev/null and b/preview/pr-257/images/icon.png differ diff --git a/preview/pr-257/images/logo.svg b/preview/pr-257/images/logo.svg new file mode 100644 index 0000000000..1d666977e5 --- /dev/null +++ b/preview/pr-257/images/logo.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + diff --git a/preview/pr-257/images/photo.jpg b/preview/pr-257/images/photo.jpg new file mode 100644 index 0000000000..691a9880a3 Binary files /dev/null and b/preview/pr-257/images/photo.jpg differ diff --git a/preview/pr-257/images/share.jpg b/preview/pr-257/images/share.jpg new file mode 100644 index 0000000000..268a3410f5 Binary files /dev/null and b/preview/pr-257/images/share.jpg differ diff --git a/preview/pr-257/index.html b/preview/pr-257/index.html new file mode 100644 index 0000000000..7631acf325 --- /dev/null +++ b/preview/pr-257/index.html @@ -0,0 +1,735 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

Lab Website Template

+ +

Lab Website Template is an easy-to-use, flexible website template for labs. +Spend less time worrying about managing a website and citations, and more time running your lab.

+ +
+ + + + Documentation + + +
+ +
+ + + + On GitHub + + +
+
+ + + + + +
+ + +

Highlights

+ +
+ + Our Research + +
+ +

Our Research

+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+ + + + See our publications + + +
+ + +
+
+ +
+ + Our Projects + +
+ +

Our Projects

+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+ + + + Browse our projects + + +
+ + +
+
+ +
+ + Our Team + +
+ +

Our Team

+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+ + + + Meet our team + + +
+ + +
+
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/members/jane-smith.html b/preview/pr-257/members/jane-smith.html new file mode 100644 index 0000000000..b753125819 --- /dev/null +++ b/preview/pr-257/members/jane-smith.html @@ -0,0 +1,675 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Jane Smith | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+
+ +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ +
+ + + + + + + +
+ + + + Home Page + + +
+ +
+ + + + + + + +
+ + + + ORCID + + +
+ +
+ +
+ + +
+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +Faucibus purus in massa tempor nec feugiat nisl pretium fusce. +Elit at imperdiet dui accumsan. +Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. +Vitae elementum curabitur vitae nunc sed velit dignissim sodales. +Lacinia at quis risus sed vulputate odio ut. +Magna eget est lorem ipsum.

+ + + + + + +

+ + Search for Jane Smith's papers on the Research page + +

+ + + + +
+ + +
+ + + + + + + diff --git a/preview/pr-257/members/john-doe.html b/preview/pr-257/members/john-doe.html new file mode 100644 index 0000000000..6e989c37b4 --- /dev/null +++ b/preview/pr-257/members/john-doe.html @@ -0,0 +1,648 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +John Doe | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+
+ +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ +
+ + + + + + + +
+ + + + GitHub + + +
+ +
+ +
+ + +
+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ + + + + + +

+ + Search for John Doe's papers on the Research page + +

+ + + + +
+ + +
+ + + + + + + diff --git a/preview/pr-257/members/sarah-johnson.html b/preview/pr-257/members/sarah-johnson.html new file mode 100644 index 0000000000..274c964cd2 --- /dev/null +++ b/preview/pr-257/members/sarah-johnson.html @@ -0,0 +1,665 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Sarah Johnson | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+
+ +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ +
+ + + + + + + +
+ + + + Email + + +
+ +
+ + + + + + + +
+ + + + Twitter + + +
+ +
+ +
+ + +
+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ + + + + + +

+ + Search for Sarah Johnson's papers on the Research page + +

+ + + + +
+ + +
+ + + + + + + diff --git a/preview/pr-257/projects/index.html b/preview/pr-257/projects/index.html new file mode 100644 index 0000000000..f4050d2304 --- /dev/null +++ b/preview/pr-257/projects/index.html @@ -0,0 +1,882 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Projects | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

+Projects

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+ +
+ + + publication + + + + resource + + + + website + + +
+ +
+
+ + + + + +
+ + + + +
+ + Cool Dataset + + +
+ + + Cool Dataset + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + resource + + +
+ + + +
+
+ +
+ + Cool Package + + +
+ + + Cool Package + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + resource + + +
+ + + +
+
+
+ + + + + +
+ + +

More

+ +
+ + Cool Tutorial + + +
+ + + Cool Tutorial + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + resource + + + + publication + + +
+ + + +
+
+ +
+ + Cool Web App + + +
+ + + Cool Web App + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + software + + +
+ + + +
+
+ +
+ + Cool Web Server + + +
+ + + Cool Web Server + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + software + + +
+ + + +
+
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/redirects.json b/preview/pr-257/redirects.json new file mode 100644 index 0000000000..9e26dfeeb6 --- /dev/null +++ b/preview/pr-257/redirects.json @@ -0,0 +1 @@ +{} \ No newline at end of file diff --git a/preview/pr-257/research/index.html b/preview/pr-257/research/index.html new file mode 100644 index 0000000000..d66a0dcc69 --- /dev/null +++ b/preview/pr-257/research/index.html @@ -0,0 +1,1301 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Research | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

+Research

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + + + + +
+ + +

Highlighted

+ +
+
+ + + Open collaborative writing with Manubot + + + +
+ + + + + Open collaborative writing with Manubot + + +
+ Daniel S. Himmelstein, Vincent Rubinetti, David R. Slochower, Dongbo Hu, Venkat S. Malladi, Casey S. Greene, Anthony Gitter + +
+ +
+ PLOS Computational Biology +  ·  + 04 Dec 2020 +  ·  + doi:10.1371/journal.pcbi.1007128 +
+ + + +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +
+ + + +
+ + + + + +
+ + + + Manubot + + +
+ + + + + + + +
+ + + + Manuscript Source + + +
+ + + + + + + +
+ + + + Website + + +
+ + + +
+ + + + + + +
+ + + open science + + + + collaboration + + +
+ + + + +
+
+
+
+ + + + + +
+ + +

All

+ +
+ + +
+ +
+ +

2023

+ +
+
+ + + The Monarch Initiative in 2024: an analytic platform integrating phenotypes, genes and diseases across species + + + +
+ + + + + The Monarch Initiative in 2024: an analytic platform integrating phenotypes, genes and diseases across species + + +
+ Tim E Putman, Kevin Schaper, Nicolas Matentzoglu, Vincent P Rubinetti, Faisal S Alquaddoomi, …, Damian Smedley, Peter N Robinson, Christopher J Mungall, Melissa A Haendel, Monica C Munoz-Torres + +
+ +
+ Nucleic Acids Research +  ·  + 24 Nov 2023 +  ·  + doi:10.1093/nar/gkad1082 +
+ + + + + + + + +
+
+
+ +
+
+ + + Integration of 168,000 samples reveals global patterns of the human gut microbiome + + + +
+ + + + + Integration of 168,000 samples reveals global patterns of the human gut microbiome + + +
+ Richard J. Abdill, Samantha P. Graham, Vincent Rubinetti, Frank W. Albert, Casey S. Greene, Sean Davis, Ran Blekhman + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 11 Oct 2023 +  ·  + doi:10.1101/2023.10.11.560955 +
+ + + + + + + + +
+
+
+ +
+
+ + + MyGeneset.info: an interactive and programmatic platform for community-curated and user-created collections of genes + + + +
+ + + + + MyGeneset.info: an interactive and programmatic platform for community-curated and user-created collections of genes + + +
+ Ricardo Avila, Vincent Rubinetti, Xinghua Zhou, Dongbo Hu, Zhongchao Qian, Marco Alvarado Cano, Everaldo Rodolpho, Ginger Tsueng, Casey Greene, Chunlei Wu + +
+ +
+ Nucleic Acids Research +  ·  + 18 Apr 2023 +  ·  + doi:10.1093/nar/gkad289 +
+ + + + + + + + +
+
+
+ +
+
+ + + Hetnet connectivity search provides rapid insights into how two biomedical entities are related + + + +
+ + + + + Hetnet connectivity search provides rapid insights into how two biomedical entities are related + + +
+ Daniel S. Himmelstein, Michael Zietz, Vincent Rubinetti, Kyle Kloster, Benjamin J. Heil, …, David N. Nicholson, Yun Hao, Blair D. Sullivan, Michael W. Nagle, Casey S. Greene + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 07 Jan 2023 +  ·  + doi:10.1101/2023.01.05.522941 +
+ + + + + + + + +
+
+
+ +

2022

+ +
+
+ + + Hetnet connectivity search provides rapid insights into how biomedical entities are related + + + +
+ + + + + Hetnet connectivity search provides rapid insights into how biomedical entities are related + + +
+ Daniel S Himmelstein, Michael Zietz, Vincent Rubinetti, Kyle Kloster, Benjamin J Heil, …, David N Nicholson, Yun Hao, Blair D Sullivan, Michael W Nagle, Casey S Greene + +
+ +
+ GigaScience +  ·  + 28 Dec 2022 +  ·  + doi:10.1093/gigascience/giad047 +
+ + + + + + + + +
+
+
+ +
+
+ + + MolEvolvR: A web-app for characterizing proteins using molecular evolution and phylogeny + + + +
+ + + + + MolEvolvR: A web-app for characterizing proteins using molecular evolution and phylogeny + + +
+ Jacob D Krol, Joseph T Burke, Samuel Z Chen, Lo Sosinski, Faisal S Alquaddoomi, …, Vince P Rubinetti, Shaddai Amolitos, Kellen M Reason, John B Johnston, Janani Ravi + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 22 Feb 2022 +  ·  + doi:10.1101/2022.02.18.461833 +
+ + + + + + + + +
+
+
+ +

2020

+ +
+
+ + + Open collaborative writing with Manubot + + + +
+ + + + + Open collaborative writing with Manubot + + +
+ Daniel S. Himmelstein, Vincent Rubinetti, David R. Slochower, Dongbo Hu, Venkat S. Malladi, Casey S. Greene, Anthony Gitter + +
+ +
+ PLOS Computational Biology +  ·  + 04 Dec 2020 +  ·  + doi:10.1371/journal.pcbi.1007128 +
+ + + +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +
+ + + +
+ + + + + +
+ + + + Manubot + + +
+ + + + + + + +
+ + + + Manuscript Source + + +
+ + + + + + + +
+ + + + Website + + +
+ + + +
+ + + + + + +
+ + + open science + + + + collaboration + + +
+ + + + +
+
+
+ +
+
+ + + Compressing gene expression data using multiple latent space dimensionalities learns complementary biological representations + + + +
+ + + + + Compressing gene expression data using multiple latent space dimensionalities learns complementary biological representations + + +
+ Gregory P. Way, Michael Zietz, Vincent Rubinetti, Daniel S. Himmelstein, Casey S. Greene + +
+ +
+ Genome Biology +  ·  + 11 May 2020 +  ·  + doi:10.1186/s13059-020-02021-3 +
+ + + + + + + + +
+
+
+ +
+
+ + + Constructing knowledge graphs and their biomedical applications + + + +
+ + + + + Constructing knowledge graphs and their biomedical applications + + +
+ David N. Nicholson, Casey S. Greene + +
+ +
+ Computational and Structural Biotechnology Journal +  ·  + 01 Jan 2020 +  ·  + doi:10.1016/j.csbj.2020.05.017 +
+ + + + + + + + +
+
+
+ +

2019

+ +
+
+ + + Sequential compression of gene expression across dimensionalities and methods reveals no single best method or dimensionality + + + +
+ + + + + Sequential compression of gene expression across dimensionalities and methods reveals no single best method or dimensionality + + +
+ Gregory P. Way, Michael Zietz, Vincent Rubinetti, Daniel S. Himmelstein, Casey S. Greene + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 11 Mar 2019 +  ·  + doi:10.1101/573782 +
+ + + + + + + + +
+
+
+ +

2018

+ +
+
+ + + Sci-Hub provides access to nearly all scholarly literature + + + +
+ + + + + Sci-Hub provides access to nearly all scholarly literature + + +
+ Daniel S Himmelstein, Ariel Rodriguez Romero, Jacob G Levernier, Thomas Anthony Munro, Stephen Reid McLaughlin, Bastian Greshake Tzovaras, Casey S Greene + +
+ +
+ eLife +  ·  + 01 Mar 2018 +  ·  + doi:10.7554/eLife.32822 +
+ + + + + + + + +
+
+
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/robots.txt b/preview/pr-257/robots.txt new file mode 100644 index 0000000000..063fe1e7ac --- /dev/null +++ b/preview/pr-257/robots.txt @@ -0,0 +1 @@ +Sitemap: /lab-website-template/preview/pr-257/sitemap.xml diff --git a/preview/pr-257/sitemap.xml b/preview/pr-257/sitemap.xml new file mode 100644 index 0000000000..4e8a98748c --- /dev/null +++ b/preview/pr-257/sitemap.xml @@ -0,0 +1,55 @@ + + + +/lab-website-template/preview/pr-257/members/jane-smith.html +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/members/john-doe.html +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/members/sarah-johnson.html +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/2019/01/07/example-post-1.html +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/2021/09/30/example-post-2.html +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/2023/02/23/example-post-3.html +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/contact/ +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/blog/ +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/projects/ +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/team/ +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/research/ +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/ +2024-04-22T20:06:50+00:00 + + +/lab-website-template/preview/pr-257/testbed.html +2024-04-22T20:06:50+00:00 + + diff --git a/preview/pr-257/team/index.html b/preview/pr-257/team/index.html new file mode 100644 index 0000000000..0a98249a61 --- /dev/null +++ b/preview/pr-257/team/index.html @@ -0,0 +1,784 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Team | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

+Team

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor +incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis +nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + + + + +
+ + +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+
+ + + + + +
+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor +incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis +nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+ + + + + +
+ + +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ + +
+
+ + +
+ + + + + + + diff --git a/preview/pr-257/testbed.html b/preview/pr-257/testbed.html new file mode 100644 index 0000000000..80e095f6c9 --- /dev/null +++ b/preview/pr-257/testbed.html @@ -0,0 +1,3961 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Testbed | Lab Website Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Lab Website Template + + + by the Greene Lab + + + + + + + + +
+ +
+ + + + + + + + + + + +
+

Testbed

+
+ + + + + +
+ + +

Basic formatting

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+ +

External link

+ +

Internal link

+ +

italic text

+ +

bold text

+ +

strike-through text

+ +


+
+Text with extra blank lines above and below +
+

+ + + +
    +
  1. ordered list item 1
    2. +
  2. ordered list item 2
    3. +
  3. ordered list item 3
    4. +
+ + + +
    +
  1. top level list item +
      +
    • nested list item +
        +
      1. even deeper nested list item
        2. +
      +
      • +
    +
    2. +
+ +

Plain image:

+ +

plain image

+ +

Heading 1

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +

Heading 2

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +

Heading 3

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +

Heading 4

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
Heading 5
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
Heading 6
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TABLEGame 1Game 2Game 3Total
Anna144123218485
Bill90175120385
Cara102214233549
+ +
+

It was the best of times it was the worst of times. +It was the age of wisdom, it was the age of foolishness. +It was the spring of hope, it was the winter of despair.

+
+ +
// some code with syntax highlighting
+const popup = document.querySelector("#popup");
+popup.style.width = "100%";
+popup.innerText =
+  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
+
+ +

This sentence has inline code, useful for making references to variables, packages, versions, etc. within a sentence.

+ +

Lorem ipsum dolor sit amet.

+

Consectetur adipiscing elit.

+

Sed do eiusmod tempor incididunt.

+
+ + + + + +
+ + +

Jekyll Spaceship

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
StageDirect ProductsATP Yields
Glycolysis +
+		2 ATP 
2 NADH3–5 ATP
Pyruvaye oxidation2 NADH5 ATP
Citric acid cycle +

+		2 ATP 
6 NADH15 ATP
2 FADH3 ATP
30–32 ATP  
+ +

$ a * b = c ^ b $

+ +

$ 2^{\frac{n-1}{3}} $

+ +

$ \int_a^b f(x)\,dx. $

+ +

+
+ + + + + +
+ + +

Components

+ +

Section

+
+ + + + + +
+ + +

Section, background

+
+ + + + + +
+ + +

Section, dark=true

+
+ + + + + +
+ + +

Section, background dark=true

+
+ + + + + +
+ + +

Section, size=wide

+
+ + + + + +
+ + +

Section, size=full w/ figure

+ +
+ + figure image + + +
+
+ + + + + +
+ + +

Figure

+ +
+ + figure image + + +
+ +
+ + _Lorem_ **ipsum**. + + +
+ Lorem ipsum. + +
+ +
+ +
+ + _Lorem_ **ipsum**. `px` width + + +
+ Lorem ipsum. px width + +
+ +
+ +
+ + _Lorem_ **ipsum**. `%` width + + +
+ Lorem ipsum. % width + +
+ +
+ +
+ + _Lorem_ **ipsum**. `px` height + + +
+ Lorem ipsum. px height + +
+ +
+ +
+ + _Lorem_ **ipsum**. `px` width, svg + + +
+ Lorem ipsum. px width, svg + +
+ +
+ +
+ + _Lorem_ **ipsum**. `%` width, svg + + +
+ Lorem ipsum. % width, svg + +
+ +
+ +
+ + _Lorem_ **ipsum**. `px` height, svg + + +
+ Lorem ipsum. px height, svg + +
+ +
+
+ + + + + +
+ + +

Button

+ +
+ + + + GitHub + + +
+ +
+ + + + GitHub + + +
+ +
+ + + + Override Text + + +
+ +
+ + + + +
+ +
+ + + + +
+
+ + + + + +
+ + +

Icon

+ +

+ + +

+ +

Lorem + Ipsum + Dolor

+
+ + + + + +
+ + +

Feature

+ +
+ + Title + +
+ +

Title

+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + Title + +
+ +

Title

+ + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + feature image + +
+ + + +
+
+
+ + + + + +
+ + +

List

+ +

List citations

+ +

2023

+ +
+
+ + +
+ + + + + The Monarch Initiative in 2024: an analytic platform integrating phenotypes, genes and diseases across species + + +
+ Tim E Putman, Kevin Schaper, Nicolas Matentzoglu, Vincent P Rubinetti, Faisal S Alquaddoomi, …, Damian Smedley, Peter N Robinson, Christopher J Mungall, Melissa A Haendel, Monica C Munoz-Torres + +
+ +
+ Nucleic Acids Research +  ·  + 24 Nov 2023 +  ·  + doi:10.1093/nar/gkad1082 +
+ + +
+
+
+ +
+
+ + +
+ + + + + Integration of 168,000 samples reveals global patterns of the human gut microbiome + + +
+ Richard J. Abdill, Samantha P. Graham, Vincent Rubinetti, Frank W. Albert, Casey S. Greene, Sean Davis, Ran Blekhman + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 11 Oct 2023 +  ·  + doi:10.1101/2023.10.11.560955 +
+ + +
+
+
+ +
+
+ + +
+ + + + + MyGeneset.info: an interactive and programmatic platform for community-curated and user-created collections of genes + + +
+ Ricardo Avila, Vincent Rubinetti, Xinghua Zhou, Dongbo Hu, Zhongchao Qian, Marco Alvarado Cano, Everaldo Rodolpho, Ginger Tsueng, Casey Greene, Chunlei Wu + +
+ +
+ Nucleic Acids Research +  ·  + 18 Apr 2023 +  ·  + doi:10.1093/nar/gkad289 +
+ + +
+
+
+ +
+
+ + +
+ + + + + Hetnet connectivity search provides rapid insights into how two biomedical entities are related + + +
+ Daniel S. Himmelstein, Michael Zietz, Vincent Rubinetti, Kyle Kloster, Benjamin J. Heil, …, David N. Nicholson, Yun Hao, Blair D. Sullivan, Michael W. Nagle, Casey S. Greene + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 07 Jan 2023 +  ·  + doi:10.1101/2023.01.05.522941 +
+ + +
+
+
+ +

2022

+ +
+
+ + +
+ + + + + Hetnet connectivity search provides rapid insights into how biomedical entities are related + + +
+ Daniel S Himmelstein, Michael Zietz, Vincent Rubinetti, Kyle Kloster, Benjamin J Heil, …, David N Nicholson, Yun Hao, Blair D Sullivan, Michael W Nagle, Casey S Greene + +
+ +
+ GigaScience +  ·  + 28 Dec 2022 +  ·  + doi:10.1093/gigascience/giad047 +
+ + +
+
+
+ +
+
+ + +
+ + + + + MolEvolvR: A web-app for characterizing proteins using molecular evolution and phylogeny + + +
+ Jacob D Krol, Joseph T Burke, Samuel Z Chen, Lo Sosinski, Faisal S Alquaddoomi, …, Vince P Rubinetti, Shaddai Amolitos, Kellen M Reason, John B Johnston, Janani Ravi + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 22 Feb 2022 +  ·  + doi:10.1101/2022.02.18.461833 +
+ + +
+
+
+ +

2020

+ +
+
+ + +
+ + + + + Open collaborative writing with Manubot + + +
+ Daniel S. Himmelstein, Vincent Rubinetti, David R. Slochower, Dongbo Hu, Venkat S. Malladi, Casey S. Greene, Anthony Gitter + +
+ +
+ PLOS Computational Biology +  ·  + 04 Dec 2020 +  ·  + doi:10.1371/journal.pcbi.1007128 +
+ + +
+
+
+ +
+
+ + +
+ + + + + Compressing gene expression data using multiple latent space dimensionalities learns complementary biological representations + + +
+ Gregory P. Way, Michael Zietz, Vincent Rubinetti, Daniel S. Himmelstein, Casey S. Greene + +
+ +
+ Genome Biology +  ·  + 11 May 2020 +  ·  + doi:10.1186/s13059-020-02021-3 +
+ + +
+
+
+ +
+
+ + +
+ + + + + Constructing knowledge graphs and their biomedical applications + + +
+ David N. Nicholson, Casey S. Greene + +
+ +
+ Computational and Structural Biotechnology Journal +  ·  + 01 Jan 2020 +  ·  + doi:10.1016/j.csbj.2020.05.017 +
+ + +
+
+
+ +

2019

+ +
+
+ + +
+ + + + + Sequential compression of gene expression across dimensionalities and methods reveals no single best method or dimensionality + + +
+ Gregory P. Way, Michael Zietz, Vincent Rubinetti, Daniel S. Himmelstein, Casey S. Greene + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 11 Mar 2019 +  ·  + doi:10.1101/573782 +
+ + +
+
+
+ +

2018

+ +
+
+ + +
+ + + + + Sci-Hub provides access to nearly all scholarly literature + + +
+ Daniel S Himmelstein, Ariel Rodriguez Romero, Jacob G Levernier, Thomas Anthony Munro, Stephen Reid McLaughlin, Bastian Greshake Tzovaras, Casey S Greene + +
+ +
+ eLife +  ·  + 01 Mar 2018 +  ·  + doi:10.7554/eLife.32822 +
+ + +
+
+
+ +
+ +

List projects

+ +
+ + Cool Dataset + + +
+ + + Cool Dataset + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + resource + + +
+ + + +
+
+ +
+ + Cool Package + + +
+ + + Cool Package + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + resource + + +
+ + + +
+
+ +
+ + Cool Tutorial + + +
+ + + Cool Tutorial + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + resource + + + + publication + + +
+ + + +
+
+ +
+ + Cool Web App + + +
+ + + Cool Web App + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + software + + +
+ + + +
+
+ +
+ + Cool Web Server + + +
+ + + Cool Web Server + + + + + a subtitle + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+ + + + + + +
+ + + software + + +
+ + + +
+
+ +
+ +

List team members

+ +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ +
+ +

List blog posts

+ +

2023

+ +
+
+ + + + + + + Example post 3 + + + +
+ Example post 3 + +
+ + + + + + + +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ + + + + + + + + + + February 23, 2023 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +

2021

+ +
+
+ + + + + + +
+ Example post 2 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ + + + + + + + + + + September 30, 2021 + + + + + + + April 22, 2024 + + +
+ + + + + + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +

2019

+ +
+
+ + + + + + +
+ Example post 1 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ + + + + + + + + + + January 07, 2019 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + + + big data + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+
+ + + + + +
+ + +

Citation

+ +
+
+ + +
+ + + + + Constructing knowledge graphs and their biomedical applications + + +
+ David N. Nicholson, Casey S. Greene + +
+ +
+ Computational and Structural Biotechnology Journal +  ·  + 01 Jan 2020 +  ·  + doi:10.1016/j.csbj.2020.05.017 +
+ + +
+
+
+ +
+
+ + + Open collaborative writing with Manubot + + + +
+ + + + + Open collaborative writing with Manubot + + +
+ Daniel S. Himmelstein, Vincent Rubinetti, David R. Slochower, Dongbo Hu, Venkat S. Malladi, Casey S. Greene, Anthony Gitter + +
+ +
+ PLOS Computational Biology +  ·  + 04 Dec 2020 +  ·  + doi:10.1371/journal.pcbi.1007128 +
+ + + +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +
+ + + +
+ + + + + +
+ + + + Manubot + + +
+ + + + + + + +
+ + + + Manuscript Source + + +
+ + + + + + + +
+ + + + Website + + +
+ + + +
+ + + + + + +
+ + + open science + + + + collaboration + + +
+ + + + +
+
+
+ +
+
+ + +
+ + + + + Manual title + + +
+ Manual authors + +
+ +
+ [no publisher info] +  ·  + [no date info] +  ·  + [no id info] +
+ + +
+
+
+
+ + + + + +
+ + +

Card

+ +
+ + A Large Card + + +
+ + + A Large Card + + + + + A cool card + + + +

+ A cool description + +

+ + + + + + +
+ + + manual tag + + +
+ + + +
+
+ +
+ + A Small Card + + +
+ + + A Small Card + + + + + A cool card + + + +

+ Lorem ipsum + +

+ + + + + + +
+ + + manual tag + + +
+ + + +
+
+
+ + + + + +
+ + +

Portrait

+ +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ +
+ + + + member portrait + + + + Manual name + + + + + + + +
+ +
+ + + + member portrait + + + + + + + +
+
+ + + + + +
+ + +

Post Excerpt

+ +
+
+ + + + + + +
+ Example post 1 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ + + + + + + + + + + January 07, 2019 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + + + big data + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +
+
+ + + + + + +
+ Manual title + +
+ + + + + + Manual author + + + + + + + + + + + February 20, 2020 + + + + +
+ + + + + + +

+ +

+
+
+
+
+ + + + + +
+ + +

Alert

+ +
+ + +
+

Tip +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + +
+

Help +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + +
+

Info +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + +
+

Success +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + +
+

Warning +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+ +
+ + +
+

Error +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+
+ + + + + +
+ + +

Tags

+ +
+ + + ovarian cancer + + + + dataset + + + + gene expression + + +
+
+ + + + + +
+ + +

Float

+ +

Figures

+ +
+ +
+ + Caption + + +
+ Caption + +
+ +
+ + +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+ + +
+ +

Code

+ +
+ +
const test = "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
+
+ + +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi etiam dignissim diam quis. Id aliquet lectus proin nibh nisl condimentum id venenatis a. Tristique magna sit amet purus gravida quis blandit turpis cursus. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. A cras semper auctor neque vitae tempus quam pellentesque nec. At tellus at urna condimentum mattis pellentesque. Ipsum consequat nisl vel pretium. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Integer vitae justo eget magna fermentum iaculis eu non diam. Mus mauris vitae ultricies leo integer malesuada nunc vel. Leo integer malesuada nunc vel risus. Ornare arcu odio ut sem nulla pharetra. Purus semper eget duis at tellus at urna condimentum. Enim neque volutpat ac tincidunt vitae semper quis lectus.

+
+ + + + + +
+ + +

Grid

+ +

Regular

+ +

With Markdown images

+ +
+ +

image

+ +

image

+ +

image

+ +

image

+ +

image

+ +

image

+ +
+ +

Square

+ +

With figure components

+ +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ +
+ + figure image + + +
+ + +
+ +

Grid of citations

+ +
+ +

2023

+ +
+
+ + + The Monarch Initiative in 2024: an analytic platform integrating phenotypes, genes and diseases across species + + + +
+ + + + + The Monarch Initiative in 2024: an analytic platform integrating phenotypes, genes and diseases across species + + +
+ Tim E Putman, Kevin Schaper, Nicolas Matentzoglu, Vincent P Rubinetti, Faisal S Alquaddoomi, …, Damian Smedley, Peter N Robinson, Christopher J Mungall, Melissa A Haendel, Monica C Munoz-Torres + +
+ +
+ Nucleic Acids Research +  ·  + 24 Nov 2023 +  ·  + doi:10.1093/nar/gkad1082 +
+ + + + + + + + +
+
+
+ +
+
+ + + Integration of 168,000 samples reveals global patterns of the human gut microbiome + + + +
+ + + + + Integration of 168,000 samples reveals global patterns of the human gut microbiome + + +
+ Richard J. Abdill, Samantha P. Graham, Vincent Rubinetti, Frank W. Albert, Casey S. Greene, Sean Davis, Ran Blekhman + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 11 Oct 2023 +  ·  + doi:10.1101/2023.10.11.560955 +
+ + + + + + + + +
+
+
+ +
+
+ + + MyGeneset.info: an interactive and programmatic platform for community-curated and user-created collections of genes + + + +
+ + + + + MyGeneset.info: an interactive and programmatic platform for community-curated and user-created collections of genes + + +
+ Ricardo Avila, Vincent Rubinetti, Xinghua Zhou, Dongbo Hu, Zhongchao Qian, Marco Alvarado Cano, Everaldo Rodolpho, Ginger Tsueng, Casey Greene, Chunlei Wu + +
+ +
+ Nucleic Acids Research +  ·  + 18 Apr 2023 +  ·  + doi:10.1093/nar/gkad289 +
+ + + + + + + + +
+
+
+ +
+
+ + + Hetnet connectivity search provides rapid insights into how two biomedical entities are related + + + +
+ + + + + Hetnet connectivity search provides rapid insights into how two biomedical entities are related + + +
+ Daniel S. Himmelstein, Michael Zietz, Vincent Rubinetti, Kyle Kloster, Benjamin J. Heil, …, David N. Nicholson, Yun Hao, Blair D. Sullivan, Michael W. Nagle, Casey S. Greene + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 07 Jan 2023 +  ·  + doi:10.1101/2023.01.05.522941 +
+ + + + + + + + +
+
+
+ +

2022

+ +
+
+ + + Hetnet connectivity search provides rapid insights into how biomedical entities are related + + + +
+ + + + + Hetnet connectivity search provides rapid insights into how biomedical entities are related + + +
+ Daniel S Himmelstein, Michael Zietz, Vincent Rubinetti, Kyle Kloster, Benjamin J Heil, …, David N Nicholson, Yun Hao, Blair D Sullivan, Michael W Nagle, Casey S Greene + +
+ +
+ GigaScience +  ·  + 28 Dec 2022 +  ·  + doi:10.1093/gigascience/giad047 +
+ + + + + + + + +
+
+
+ +
+
+ + + MolEvolvR: A web-app for characterizing proteins using molecular evolution and phylogeny + + + +
+ + + + + MolEvolvR: A web-app for characterizing proteins using molecular evolution and phylogeny + + +
+ Jacob D Krol, Joseph T Burke, Samuel Z Chen, Lo Sosinski, Faisal S Alquaddoomi, …, Vince P Rubinetti, Shaddai Amolitos, Kellen M Reason, John B Johnston, Janani Ravi + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 22 Feb 2022 +  ·  + doi:10.1101/2022.02.18.461833 +
+ + + + + + + + +
+
+
+ +

2020

+ +
+
+ + + Open collaborative writing with Manubot + + + +
+ + + + + Open collaborative writing with Manubot + + +
+ Daniel S. Himmelstein, Vincent Rubinetti, David R. Slochower, Dongbo Hu, Venkat S. Malladi, Casey S. Greene, Anthony Gitter + +
+ +
+ PLOS Computational Biology +  ·  + 04 Dec 2020 +  ·  + doi:10.1371/journal.pcbi.1007128 +
+ + + +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +
+ + + +
+ + + + + +
+ + + + Manubot + + +
+ + + + + + + +
+ + + + Manuscript Source + + +
+ + + + + + + +
+ + + + Website + + +
+ + + +
+ + + + + + +
+ + + open science + + + + collaboration + + +
+ + + + +
+
+
+ +
+
+ + + Compressing gene expression data using multiple latent space dimensionalities learns complementary biological representations + + + +
+ + + + + Compressing gene expression data using multiple latent space dimensionalities learns complementary biological representations + + +
+ Gregory P. Way, Michael Zietz, Vincent Rubinetti, Daniel S. Himmelstein, Casey S. Greene + +
+ +
+ Genome Biology +  ·  + 11 May 2020 +  ·  + doi:10.1186/s13059-020-02021-3 +
+ + + + + + + + +
+
+
+ +
+
+ + + Constructing knowledge graphs and their biomedical applications + + + +
+ + + + + Constructing knowledge graphs and their biomedical applications + + +
+ David N. Nicholson, Casey S. Greene + +
+ +
+ Computational and Structural Biotechnology Journal +  ·  + 01 Jan 2020 +  ·  + doi:10.1016/j.csbj.2020.05.017 +
+ + + + + + + + +
+
+
+ +

2019

+ +
+
+ + + Sequential compression of gene expression across dimensionalities and methods reveals no single best method or dimensionality + + + +
+ + + + + Sequential compression of gene expression across dimensionalities and methods reveals no single best method or dimensionality + + +
+ Gregory P. Way, Michael Zietz, Vincent Rubinetti, Daniel S. Himmelstein, Casey S. Greene + +
+ +
+ Cold Spring Harbor Laboratory +  ·  + 11 Mar 2019 +  ·  + doi:10.1101/573782 +
+ + + + + + + + +
+
+
+ +

2018

+ +
+
+ + + Sci-Hub provides access to nearly all scholarly literature + + + +
+ + + + + Sci-Hub provides access to nearly all scholarly literature + + +
+ Daniel S Himmelstein, Ariel Rodriguez Romero, Jacob G Levernier, Thomas Anthony Munro, Stephen Reid McLaughlin, Bastian Greshake Tzovaras, Casey S Greene + +
+ +
+ eLife +  ·  + 01 Mar 2018 +  ·  + doi:10.7554/eLife.32822 +
+ + + + + + + + +
+
+
+ + +
+ +

Grid of blog posts

+ +
+ +

2023

+ +
+
+ + + + + + + Example post 3 + + + +
+ Example post 3 + +
+ + + + + + + +
+ + + + + + member portrait + + + + John Doe + + + + + + PhD Student + + + + + +
+ + + + + + + + + + + February 23, 2023 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +

2021

+ +
+
+ + + + + + +
+ Example post 2 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Jane Smith + + + + + + Principal Investigator + + + + + + University of Colorado + + + +
+ + + + + + + + + + + September 30, 2021 + + + + + + + April 22, 2024 + + +
+ + + + + + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ +

2019

+ +
+
+ + + + + + +
+ Example post 1 + +
+ + + + + + + +
+ + + + + + member portrait + + + + Sarah Johnson + + + + + + Lead Programmer + + + + + +
+ + + + + + + + + + + January 07, 2019 + + + + + + + April 22, 2024 + + +
+ + + + + +
+ + + biology + + + + medicine + + + + big data + + +
+ + + + + + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +

+
+
+
+ + +
+
+ + + + + +
+ + +

Cols

+ +

Text

+ +
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi etiam dignissim diam quis. Id aliquet lectus proin nibh nisl condimentum id venenatis a.

+
+ + +
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi etiam dignissim diam quis. Id aliquet lectus proin nibh nisl condimentum id venenatis a. Tristique magna sit amet purus gravida quis blandit turpis cursus. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. A cras semper auctor neque vitae tempus quam pellentesque nec. At tellus at urna condimentum mattis pellentesque. Ipsum consequat nisl vel pretium. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Integer vitae justo eget magna fermentum iaculis eu non diam. Mus mauris vitae ultricies leo integer malesuada nunc vel. Leo integer malesuada nunc vel risus. Ornare arcu odio ut sem nulla pharetra. Purus semper eget duis at tellus at urna condimentum. Enim neque volutpat ac tincidunt vitae semper quis lectus.

+
+ +
+ +

Images

+ +
+ + +
+
+ + Fig. 1a + + +
+ Fig. 1a + +
+ +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + +
+
+ + Fig. 1b + + +
+ Fig. 1b + +
+ +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ + +
+
+ + Fig. 1c + + +
+ Fig. 1c + +
+ +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+ +

Code

+ +
+ + +
+
const test = "Lorem ipsum dolor sit amet";
+
+ +
+ + +
+
const test = "Lorem ipsum dolor sit amet";
+
+ +
+ + +
+
const test = "Lorem ipsum dolor sit amet";
+
+ +
+ +
+
+ + + + + +
+ + + + +
+ + +
+ +
+
+ + + + + +
+ + + + +
+ + +
+
+ + +
+ + + + + + +