michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

run prettier

Browse source
This commit is contained in:
Dan Jutan 2022-09-02 13:30:02 -04:00
parent 2f41c5bc38
commit ef8d04633e
12 changed files with 281 additions and 324 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
examples/portfolio/astro.config.mjs
View file

@ -1,5 +1,4 @@
import { defineConfig } from 'astro/config';
// https://astro.build/config
export default defineConfig({
});
export default defineConfig({});

6
examples/portfolio/src/components/MainHead.astro
View file

@ -1,8 +1,8 @@
---
import "../styles/global.css";
import '../styles/global.css';
const {
title = "Jeanine White: Personal Site",
description = "The personal site of Jeanine White",
title = 'Jeanine White: Personal Site',
description = 'The personal site of Jeanine White',
} = Astro.props;
---

12
examples/portfolio/src/components/Nav.astro
View file

@ -5,22 +5,14 @@
<a class="link" href="/projects"> Portfolio</a>
<a class="link" href="/about"> About</a>
<a class="social" href="https://twitter.com/me">
<svg
class="socialIcon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
>
<svg class="socialIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
></path>
</svg>
</a>
<a class="social" href="https://github.com/me">
<svg
class="socialIcon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
>
<svg class="socialIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
></path>

9
examples/portfolio/src/components/PortfolioPreview.astro
View file

@ -10,13 +10,11 @@ const { frontmatter, url } = Astro.props.project;
<p class="desc">{frontmatter.description}</p>
<div class="tags">
Tagged:
{
frontmatter.tags.map((t) => (
{frontmatter.tags.map((t) => (
<div class="tag" data-tag={t}>
{t}
</div>
))
}
))}
</div>
<a class="link" href={url}>
<span class="linkInner">View</span>
@ -101,8 +99,7 @@ const { frontmatter, url } = Astro.props.project;
.linkInner {
padding: 0.375em 1em;
border: 2px solid rgba(255, 255, 255, 0);
transition: transform 300ms cubic-bezier(0, 0.4, 0.6, 1),
border-color 1s linear;
transition: transform 300ms cubic-bezier(0, 0.4, 0.6, 1), border-color 1s linear;
transform: translateY(25%);
}

10
examples/portfolio/src/layouts/project.astro
View file

@ -1,13 +1,13 @@
---
import MainHead from "../components/MainHead.astro";
import Button from "../components/Button.astro";
import Footer from "../components/Footer.astro";
import Nav from "../components/Nav.astro";
import MainHead from '../components/MainHead.astro';
import Button from '../components/Button.astro';
import Footer from '../components/Footer.astro';
import Nav from '../components/Nav.astro';
const { content } = Astro.props;
---
<html lang={content.lang || "en"}>
<html lang={content.lang || 'en'}>
<head>
<MainHead title={content.title} description={content.description} />
<style>

6
examples/portfolio/src/pages/404.astro
View file

@ -1,7 +1,7 @@
---
import MainHead from "../components/MainHead.astro";
import Footer from "../components/Footer.astro";
import Nav from "../components/Nav.astro";
import MainHead from '../components/MainHead.astro';
import Footer from '../components/Footer.astro';
import Nav from '../components/Nav.astro';
---
<html lang="en">

57
examples/portfolio/src/pages/about.astro
View file

@ -1,15 +1,12 @@
---
import MainHead from "../components/MainHead.astro";
import Footer from "../components/Footer.astro";
import Nav from "../components/Nav.astro";
import MainHead from '../components/MainHead.astro';
import Footer from '../components/Footer.astro';
import Nav from '../components/Nav.astro';
---
<html lang="en">
<head>
<MainHead
title="About | Jeanine White"
description="About Jeanine White Lorem Ipsum"
/>
<MainHead title="About | Jeanine White" description="About Jeanine White Lorem Ipsum" />
<style>
.heroImg {
max-height: 24rem;
@ -41,41 +38,33 @@ import Nav from "../components/Nav.astro";
</div>
<div class="bio wrapper wrapper__readable">
<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>

42
examples/portfolio/src/pages/index.astro
View file

@ -1,13 +1,13 @@
---
// Component Imports
import MainHead from "../components/MainHead.astro";
import Button from "../components/Button.astro";
import Nav from "../components/Nav.astro";
import Footer from "../components/Footer.astro";
import PortfolioPreview from "../components/PortfolioPreview.astro";
import MainHead from '../components/MainHead.astro';
import Button from '../components/Button.astro';
import Nav from '../components/Nav.astro';
import Footer from '../components/Footer.astro';
import PortfolioPreview from '../components/PortfolioPreview.astro';
// 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:
@ -45,7 +45,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;
@ -211,19 +211,12 @@ 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;
<span class="role"
>🎤 Speaker <span class="invert">🎤 Speaker</span>
</span>&nbsp;
<span class="role"
>✏️ Writer <span class="invert">✏️ Writer</span>
</span>
<span class="role">👩‍💻 Developer <span class="invert">👩‍💻 Developer</span></span>&nbsp;
<span class="role">🎤 Speaker <span class="invert">🎤 Speaker</span></span>&nbsp;
<span class="role">✏️ Writer <span class="invert">✏️ Writer</span></span>
</div>
<p class="desc">Lover of dogs, roadtrips, and poetry.</p>
</div>
@ -242,16 +235,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>

19
examples/portfolio/src/pages/projects.astro
View file

@ -1,15 +1,14 @@
---
import MainHead from "../components/MainHead.astro";
import Footer from "../components/Footer.astro";
import Nav from "../components/Nav.astro";
import PortfolioPreview from "../components/PortfolioPreview.astro";
import MainHead from '../components/MainHead.astro';
import Footer from '../components/Footer.astro';
import Nav from '../components/Nav.astro';
import PortfolioPreview from '../components/PortfolioPreview.astro';
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()
new Date(b.frontmatter.publishDate).valueOf() - new Date(a.frontmatter.publishDate).valueOf()
);
---
@ -35,11 +34,7 @@ const projects = (await Astro.glob("./project/**/*.md"))
<div class="wrapper">
<h1 class="title">All Projects</h1>
<div class="grid">
{
projects.map((project) => (
<PortfolioPreview project={project} />
))
}
{projects.map((project) => <PortfolioPreview project={project} />)}
</div>
</div>
<Footer />

1
examples/portfolio/src/styles/global.css
View file

@ -77,7 +77,6 @@ h1 {
font-size: var(--f-u8);
}
.wrapper {
max-width: 80em;
margin-left: auto;