diff options
Diffstat (limited to 'examples/portfolio/src')
| -rw-r--r-- | examples/portfolio/src/components/MainHead.astro | 2 | ||||
| -rw-r--r-- | examples/portfolio/src/pages/about.astro | 3 | ||||
| -rw-r--r-- | examples/portfolio/src/pages/index.astro | 28 |
3 files changed, 12 insertions, 21 deletions
diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro index 74eb59164..166065fa8 100644 --- a/examples/portfolio/src/components/MainHead.astro +++ b/examples/portfolio/src/components/MainHead.astro @@ -8,6 +8,6 @@ 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="stylesheet" type="text/css" href="/_astro/src/scss/global.css"> +<link rel="stylesheet" type="text/css" href="/src/scss/global.scss"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap" rel="stylesheet"> diff --git a/examples/portfolio/src/pages/about.astro b/examples/portfolio/src/pages/about.astro index fd84c27da..36f4fe942 100644 --- a/examples/portfolio/src/pages/about.astro +++ b/examples/portfolio/src/pages/about.astro @@ -10,11 +10,12 @@ import Nav from '../components/Nav/index.jsx'; <MainHead title="About | Jeanine White" description="About Jeanine White Lorem Ipsum" /> <style lang="scss"> .heroImg { + max-height: 24rem; object-fit: cover; + overflow: hidden; img { width: 100%; - height: 100%; } } diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro index 673ade234..5fbeea15a 100644 --- a/examples/portfolio/src/pages/index.astro +++ b/examples/portfolio/src/pages/index.astro @@ -7,7 +7,7 @@ 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 = Astro.fetchContent('./project/**/*.md'); +const projects = Astro.fetchContent("./project/**/*.md"); const featuredProject = projects[0]; // Full Astro Component Syntax: @@ -190,28 +190,19 @@ const featuredProject = projects[0]; height="1131" class="img" src="https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1200&q=75" - srcSet="https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1200&q=75 800w, - https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1200&q=75 1200w, - https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1600&q=75 1600w, - https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=2400&q=75 2400w," + srcSet="https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1200&q=75 800w,https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1200&q=75 1200w,https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1600&q=75 1600w,https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=2400&q=75 2400w" sizes="(max-width: 800px) 800px, (max-width: 1200px) 1200px, (max-width: 1600px) 1600px, (max-width: 2400px) 2400px, 1200px" - /> - <div class="gradient" /> - <div class="gradient2" /> + > + <div class="gradient"></div> + <div class="gradient2"></div> <div class="overlay"> <h1 class="title"> <small class="subtitle">The personal site of </small>Jeanine White </h1> <div> - <span class="role"> - š©āš» Developer <span class="invert">š©āš» Developer</span> - </span> - <span class="role"> - š¤ Speaker <span class="invert">š¤ Speaker</span> - </span> - <span class="role"> - āļø Writer <span class="invert">āļø Writer</span> - </span> + <span class="role">š©āš» Developer <span class="invert">š©āš» Developer</span></span> + <span class="role">š¤ Speaker <span class="invert">š¤ Speaker</span></span> + <span class="role">āļø Writer <span class="invert">āļø Writer</span></span> </div> <p class="desc">Lover of dogs, roadtrips, and poetry.</p> </div> @@ -233,8 +224,7 @@ const featuredProject = projects[0]; <span>Hello!</span> Iām Jeanine, and this is my website. It was made using{' '} <a href="https://github.com/snowpackjs/astro" target="_blank" rel="nofollow"> Astro - </a> - , a new way to build static sites. This is just an example template for you to modify. + </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> |