Skip to content

Tailwind #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kjy5 merged 3 commits into from
Jan 16, 2025
Merged

Tailwind #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1855621
Add Tailwind and daisy
kjy5 Jan 16, 2025
99ae6e7
Use hero
kjy5 Jan 16, 2025
e018cf8
Format code
kjy5 Jan 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions astro.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,10 @@
// @ts-check
import { defineConfig } from "astro/config";

import tailwind from "@astrojs/tailwind";

// https://astro.build/config
export default defineConfig({
site: "https://virtualbrainlab.github.io",
integrations: [tailwind()],
});
8 changes: 6 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,13 @@
"check": "biome check --write ."
},
"dependencies": {
"astro": "^5.1.7"
"@astrojs/tailwind": "^5.1.4",
"astro": "^5.1.7",
"tailwindcss": "^3.4.17"
},
"devDependencies": {
"@biomejs/biome": "1.9.4"
"@biomejs/biome": "1.9.4",
"@tailwindcss/typography": "^0.5.16",
"daisyui": "^4.12.23"
}
}
697 changes: 687 additions & 10 deletions pnpm-lock.yaml
View file
Open in desktop

Large diffs are not rendered by default.

5 changes: 5 additions & 0 deletions src/components/Hero.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<div class="hero min-h-screen">
<div class="hero-content flex-col lg:flex-row-reverse">
<slot/>
</div>
</div>
6 changes: 6 additions & 0 deletions src/components/Prose.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---

---
<article class="prose">
<slot/>
</article>
1 change: 0 additions & 1 deletion src/layouts/Layout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
---
import "../styles/global.css";
---
<!doctype html>
<html lang="en">
Expand Down
115 changes: 83 additions & 32 deletions src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,74 +1,125 @@
---
import Hero from "../components/Hero.astro";
import Prose from "../components/Prose.astro";
import Layout from "../layouts/Layout.astro";
---

<Layout>
<p>[Image: human atlas (solid, should look like a brain)]</p>
<h1>Pinpoint</h1>
<h3>Interactive 3D visualization and automation tools for human neuroscience research and neurosurgery.</h3>
<a href="https://data.virtualbrainlab.org/Pinpoint/">Launch</a>
<p>Scroll to learn more...</p>
<Hero>
<p>[Image: human atlas (solid, should look like a brain)]</p>
<div>
<Prose>
<h1>Pinpoint</h1>
<h3>Interactive 3D visualization and automation tools for human neuroscience research and
neurosurgery.</h3>
</Prose>

<div>
<a class="btn btn-primary" href="https://data.virtualbrainlab.org/Pinpoint/">Launch</a>
<a class="btn" href="#about">Learn More</a>
</div>
</div>
</Hero>

<br/>

<p>[Insert multiple probes with planned routes and highlighted regions]</p>
<h2>Pinpoint aims to advance large-scale neuroscience research with intuitive browser-based planning and automation
tools for efficient and reproducible neurosurgery.</h2>
<Hero>
<p>[Insert multiple probes with planned routes and highlighted regions]</p>
<Prose>
<h2 id="about">Pinpoint aims to advance large-scale neuroscience research with intuitive browser-based planning and
automation
tools for efficient and reproducible neurosurgery.</h2>
</Prose>
</Hero>

<br/>

<p>[Remove probes, exploded brain view, highlight various regions on scroll]</p>
<h2>Human behavior engage multiple regions of the brain.</h2>
<h3>Current tools are designed to study individual brain regions, depend on manual input, and require
extensive expertise ot operate.</h3>
<p>Modern neuroscientists need tools that enable the study of the whole brain to better understand human behavior
and
cure neurodegenerative diseases that affect the whole brain like Parkinson's and Alzheimer's.</p>
<Hero>
<p>[Remove probes, exploded brain view, highlight various regions on scroll]</p>
<Prose>
<h2>Human behavior engage multiple regions of the brain.</h2>
<h3>Current tools are designed to study individual brain regions, depend on manual input, and require
extensive expertise ot operate.</h3>
<p>Modern neuroscientists need tools that enable the study of the whole brain to better understand human
behavior
and
cure neurodegenerative diseases that affect the whole brain like Parkinson's and Alzheimer's.</p>
</Prose>
</Hero>

<br/>

<!-- Planning Phase. -->

<!-- FIXME: This says "experiments" instead of surgery... do we want that? -->
<p>[Move brain back to the center]</p>
<h1>Plan Your Next Experiment</h1>
<Hero>
<p>[Move brain back to the center]</p>
<Prose>
<h1>Plan Your Next Experiment</h1>
</Prose>
</Hero>

<br/>

<p>[Scroll through various probe 3d models]</p>
<h2>Simulate your lab</h2>
<h3>Use Neuropixel probes, viral injectors, and 2-photon lasers</h3>
<Hero>
<p>[Scroll through various probe 3d models]</p>
<Prose>
<h2>Simulate your lab</h2>
<h3>Use Neuropixel probes, viral injectors, and 2-photon lasers</h3>
</Prose>
</Hero>

<br/>

<p>[Insert 1-shank neuro pixel probe, bring in channel map, show in-plane slice, do crazy rotations, show
coordinates in the corner]</p>
<h2>View your plan in 3D</h2>
<Hero>
<p>[Insert 1-shank neuro pixel probe, bring in channel map, show in-plane slice, do crazy rotations, show
coordinates in the corner]</p>
<Prose>
<h2>View your plan in 3D</h2>
</Prose>
</Hero>

<br/>

<!-- FIXME: Also says experiments -->
<p>[Insert several more probes, rotate them out of each other's way, highlight target regions]</p>
<h2>Plan the most complex experiments with ease.</h2>
<Hero>
<p>[Insert several more probes, rotate them out of each other's way, highlight target regions]</p>
<Prose>
<h2>Plan the most complex experiments with ease.</h2>
</Prose>
</Hero>

<br/>

<!-- Automation Phase -->
<!-- FIXME: This is demonstrating the end product, not what we have now. -->

<p>[Probes fade into insertion lines]</p>
<h1>Automate Your Experiment</h1>
<h3>Beta</h3>
<Hero>
<p>[Probes fade into insertion lines]</p>
<Prose>
<h1>Automate Your Experiment</h1>
<h3>Beta</h3>
</Prose>
</Hero>

<br/>

<p>[Draw plan lines from probes off screen on scroll]</p>
<h2>Automatically generate plans...</h2>
<Hero>
<p>[Draw plan lines from probes off screen on scroll]</p>
<Prose>
<h2>Automatically generate plans...</h2>
</Prose>
</Hero>


<br/>

<!-- FIXME: Should we have a segment demonstrating how slow this would take for individual probes? -->
<p>[From off screen, probes move in while following the plan lines]</p>
<h2>... and run them in parallel</h2>
<Hero>
<p>[From off screen, probes move in while following the plan lines]</p>
<Prose>
<h2>... and run them in parallel</h2>
</Prose>
</Hero>

</Layout>
24 changes: 0 additions & 24 deletions src/styles/global.css
View file
Open in desktop

This file was deleted.

15 changes: 15 additions & 0 deletions tailwind.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
/** @type {import('tailwindcss').Config} */
import typography from "@tailwindcss/typography";
import daisyui from "daisyui";

export default {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
theme: {
extend: {},
},
plugins: [typography, daisyui],

daisyui: {
themes: ["dark"],
},
};
Loading