aboutsummaryrefslogtreecommitdiff
path: root/examples/portfolio/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/portfolio/src')
-rw-r--r--examples/portfolio/src/components/MainHead.astro16
-rw-r--r--examples/portfolio/src/layouts/project.astro10
-rw-r--r--examples/portfolio/src/pages/404.astro10
-rw-r--r--examples/portfolio/src/pages/about.astro42
-rw-r--r--examples/portfolio/src/pages/index.astro27
-rw-r--r--examples/portfolio/src/pages/projects.astro24
6 files changed, 80 insertions, 49 deletions
diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro
index 935923060..9d9bc209d 100644
--- a/examples/portfolio/src/components/MainHead.astro
+++ b/examples/portfolio/src/components/MainHead.astro
@@ -1,6 +1,9 @@
---
-import '../styles/global.scss';
-const { title = 'Jeanine White: Personal Site', description = 'The personal site of Jeanine White' } = Astro.props;
+import "../styles/global.scss";
+const {
+ title = "Jeanine White: Personal Site",
+ description = "The personal site of Jeanine White",
+} = Astro.props;
---
<meta charset="UTF-8" />
@@ -9,6 +12,9 @@ const { title = 'Jeanine White: Personal Site', description = 'The personal site
<title>{title}</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap" rel="stylesheet" />
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap"
+ rel="stylesheet"
+/>
diff --git a/examples/portfolio/src/layouts/project.astro b/examples/portfolio/src/layouts/project.astro
index aba14a5ac..81d67ad39 100644
--- a/examples/portfolio/src/layouts/project.astro
+++ b/examples/portfolio/src/layouts/project.astro
@@ -1,13 +1,13 @@
---
-import MainHead from '../components/MainHead.astro';
-import Button from '../components/Button/index.jsx';
-import Footer from '../components/Footer/index.jsx';
-import Nav from '../components/Nav/index.jsx';
+import MainHead from "../components/MainHead.astro";
+import Button from "../components/Button/index.jsx";
+import Footer from "../components/Footer/index.jsx";
+import Nav from "../components/Nav/index.jsx";
const { content } = Astro.props;
---
-<html lang={content.lang || 'en'}>
+<html lang={content.lang || "en"}>
<head>
<MainHead title={content.title} description={content.description} />
<style lang="scss">
diff --git a/examples/portfolio/src/pages/404.astro b/examples/portfolio/src/pages/404.astro
index 39f5994ae..f4ad66119 100644
--- a/examples/portfolio/src/pages/404.astro
+++ b/examples/portfolio/src/pages/404.astro
@@ -1,7 +1,7 @@
---
-import MainHead from '../components/MainHead.astro';
-import Footer from '../components/Footer/index.jsx';
-import Nav from '../components/Nav/index.jsx';
+import MainHead from "../components/MainHead.astro";
+import Footer from "../components/Footer/index.jsx";
+import Nav from "../components/Nav/index.jsx";
---
<html lang="en">
@@ -9,11 +9,11 @@ import Nav from '../components/Nav/index.jsx';
<MainHead title="Not Found" />
</head>
<body>
- <nav />
+ <nav></nav>
<div class="wrapper mt4 mb4">
<h1>Page Not Found</h1>
<p>Not found</p>
</div>
- <footer />
+ <footer></footer>
</body>
</html>
diff --git a/examples/portfolio/src/pages/about.astro b/examples/portfolio/src/pages/about.astro
index fad3d6ad3..4cc72233b 100644
--- a/examples/portfolio/src/pages/about.astro
+++ b/examples/portfolio/src/pages/about.astro
@@ -1,7 +1,7 @@
---
-import MainHead from '../components/MainHead.astro';
-import Footer from '../components/Footer/index.jsx';
-import Nav from '../components/Nav/index.jsx';
+import MainHead from "../components/MainHead.astro";
+import Footer from "../components/Footer/index.jsx";
+import Nav from "../components/Nav/index.jsx";
---
<html lang="en">
@@ -29,29 +29,41 @@ import Nav from '../components/Nav/index.jsx';
<div class="wrapper">
<h1>About Jeanine</h1>
<div class="heroImg">
- <img width="1400" height="350" src="https://images.unsplash.com/photo-1581977012607-4091712d36f9?auto=format&fit=crop&w=1400&h=350&q=75" />
+ <img
+ width="1400"
+ height="350"
+ src="https://images.unsplash.com/photo-1581977012607-4091712d36f9?auto=format&fit=crop&w=1400&h=350&q=75"
+ />
</div>
<div class="bio wrapper wrapper__readable mt8">
<p>
- Cream cheese say cheese stinking bishop. Brie fondue hard cheese bocconcini feta camembert de normandie babybel airedale. Red leicester swiss manchego mascarpone pepper
- jack airedale fromage frais ricotta. Cheese and biscuits cauliflower cheese boursin.
+ Cream cheese say cheese stinking bishop. Brie fondue hard cheese bocconcini feta camembert
+ de normandie babybel airedale. Red leicester swiss manchego mascarpone pepper jack
+ airedale fromage frais ricotta. Cheese and biscuits cauliflower cheese boursin.
</p>
<p>
- Pepper jack cheesy feet cheese slices. Halloumi port-salut queso caerphilly roquefort cheese slices cheesy feet rubber cheese. Cheese slices smelly cheese pecorino
- macaroni cheese feta blue castello roquefort edam. Babybel pepper jack airedale cheddar fromage frais manchego.
+ Pepper jack cheesy feet cheese slices. Halloumi port-salut queso caerphilly roquefort
+ cheese slices cheesy feet rubber cheese. Cheese slices smelly cheese pecorino macaroni
+ cheese feta blue castello roquefort edam. Babybel pepper jack airedale cheddar fromage
+ frais manchego.
</p>
<p>
- Cauliflower cheese lancashire macaroni cheese. Cheeseburger babybel cheese on toast airedale cauliflower cheese who moved my cheese roquefort paneer. Stinking bishop
- cheddar taleggio port-salut port-salut stinking bishop cheesy grin babybel. Blue castello feta everyone loves brie.
+ Cauliflower cheese lancashire macaroni cheese. Cheeseburger babybel cheese on toast
+ airedale cauliflower cheese who moved my cheese roquefort paneer. Stinking bishop cheddar
+ taleggio port-salut port-salut stinking bishop cheesy grin babybel. Blue castello feta
+ everyone loves brie.
</p>
<p>
- Goat squirty cheese cut the cheese. Cheese and wine cheddar fondue airedale cottage cheese camembert de normandie feta babybel. Rubber cheese melted cheese pecorino
- port-salut fondue gouda cheese on toast cheesy feet. Feta edam everyone loves cheese strings camembert de normandie.
+ Goat squirty cheese cut the cheese. Cheese and wine cheddar fondue airedale cottage cheese
+ camembert de normandie feta babybel. Rubber cheese melted cheese pecorino port-salut
+ fondue gouda cheese on toast cheesy feet. Feta edam everyone loves cheese strings
+ camembert de normandie.
</p>
<p>
- Caerphilly monterey jack goat. Squirty cheese cheesy grin hard cheese cheese strings cheese and biscuits croque monsieur smelly cheese danish fontina. Swiss cheese
- triangles everyone loves mascarpone cheese on toast who moved my cheese lancashire cheeseburger. Fromage frais fromage frais cheese and biscuits stinking bishop
- cauliflower cheese.
+ Caerphilly monterey jack goat. Squirty cheese cheesy grin hard cheese cheese strings
+ cheese and biscuits croque monsieur smelly cheese danish fontina. Swiss cheese triangles
+ everyone loves mascarpone cheese on toast who moved my cheese lancashire cheeseburger.
+ Fromage frais fromage frais cheese and biscuits stinking bishop cauliflower cheese.
</p>
</div>
</div>
diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro
index d9527d31f..96fefee89 100644
--- a/examples/portfolio/src/pages/index.astro
+++ b/examples/portfolio/src/pages/index.astro
@@ -1,13 +1,13 @@
---
// Component Imports
-import MainHead from '../components/MainHead.astro';
-import Button from '../components/Button/index.jsx';
-import Nav from '../components/Nav/index.jsx';
-import Footer from '../components/Footer/index.jsx';
-import PortfolioPreview from '../components/PortfolioPreview/index.jsx';
+import MainHead from "../components/MainHead.astro";
+import Button from "../components/Button/index.jsx";
+import Nav from "../components/Nav/index.jsx";
+import Footer from "../components/Footer/index.jsx";
+import PortfolioPreview from "../components/PortfolioPreview/index.jsx";
// Data Fetching: List all Markdown posts in the repo.
-const projects = await Astro.glob('./project/**/*.md');
+const projects = await Astro.glob("./project/**/*.md");
const featuredProject = projects[0];
// Full Astro Component Syntax:
@@ -16,7 +16,10 @@ const featuredProject = projects[0];
<html lang="en">
<head>
- <MainHead title="Jeanine White: Personal Site" description="Jeanine White: Developer, Speaker, and Writer..." />
+ <MainHead
+ title="Jeanine White: Personal Site"
+ description="Jeanine White: Developer, Speaker, and Writer..."
+ />
<style lang="scss">
$w-s: 750px;
@@ -37,7 +40,7 @@ const featuredProject = projects[0];
.gradient,
.gradient2 {
- background-image: url('/assets/mesh-gradient.jpg');
+ background-image: url("/assets/mesh-gradient.jpg");
background-size: cover;
pointer-events: none;
mix-blend-mode: screen;
@@ -198,7 +201,7 @@ const featuredProject = projects[0];
<div class="gradient2"></div>
<div class="overlay">
<h1 class="title">
- <small class="subtitle">The personal site of </small>Jeanine White
+ <small class="subtitle">The personal site of</small>Jeanine White
</h1>
<div>
<span class="role">šŸ‘©ā€šŸ’» Developer <span class="invert">šŸ‘©ā€šŸ’» Developer</span></span>&nbsp;
@@ -222,9 +225,9 @@ const featuredProject = projects[0];
<div class="section">
<h3 class="sectionTitle">About me</h3>
<p class="bio">
- <span>Hello!</span> Iā€™m Jeanine, and this is my website. It was made using{' '}
- <a href="https://github.com/withastro/astro" target="_blank" rel="nofollow"> Astro </a>, a new way to build static sites. This is just an example template for you to
- modify.
+ <span>Hello!</span> Iā€™m Jeanine, and this is my website. It was made using{" "}
+ <a href="https://github.com/withastro/astro" target="_blank" rel="nofollow"> Astro</a>,
+ a new way to build static sites. This is just an example template for you to modify.
</p>
<p>
<a href="/about">Read more</a>
diff --git a/examples/portfolio/src/pages/projects.astro b/examples/portfolio/src/pages/projects.astro
index 1aa05e07f..42634eb0b 100644
--- a/examples/portfolio/src/pages/projects.astro
+++ b/examples/portfolio/src/pages/projects.astro
@@ -1,17 +1,27 @@
---
-import MainHead from '../components/MainHead.astro';
-import Footer from '../components/Footer/index.jsx';
-import Nav from '../components/Nav/index.jsx';
-import PortfolioPreview from '../components/PortfolioPreview/index.jsx';
+import MainHead from "../components/MainHead.astro";
+import Footer from "../components/Footer/index.jsx";
+import Nav from "../components/Nav/index.jsx";
+import PortfolioPreview from "../components/PortfolioPreview/index.jsx";
-const projects = (await Astro.glob('./project/**/*.md'))
+const projects = (await Astro.glob("./project/**/*.md"))
.filter(({ frontmatter }) => !!frontmatter.publishDate)
- .sort((a, b) => new Date(b.frontmatter.publishDate).valueOf() - new Date(a.frontmatter.publishDate).valueOf());
+ .sort(
+ (a, b) =>
+ new Date(b.frontmatter.publishDate).valueOf() - new Date(a.frontmatter.publishDate).valueOf()
+ );
---
<html lang="en">
<head>
- <MainHead title="All Projects | Jeanine White" description="Learn about Jenine White's most recent projects" />
+ <MainHead
+ title="All Projects | Jeanine White"
+ description="Learn about Jenine White"
+ s
+ most
+ recent
+ projects'
+ />
<style lang="scss">
.grid {
display: grid;
generated by cgit v1.2.3 (git 2.39.1) at 2025-08-08 16:29:13 +0000