-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
change create to develop on discoverspotify description
- Loading branch information
test
committed
Feb 26, 2024
1 parent
08995c9
commit 7644cda
Showing
23 changed files
with
141 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| import Head from 'next/head'; | ||
| import Image from 'next/image'; | ||
| import kirby from '../public/kirbyheadphoneblend-crop.png'; | ||
| import Link from 'next/link'; | ||
| import {BsFillMoonStarsFill} from 'react-icons/bs'; | ||
| import compasscard from '../public/cards/compass-card.png'; | ||
| import cssacard from '../public/cards/cssa-card.png'; | ||
| import mcgpaintcard from '../public/cards/mcgpaint-card.png'; | ||
| import dispotifycard from '../public/cards/dispotify-card.png'; | ||
| import NavMain from '../components/Nav.js'; | ||
|
|
||
| function Work() { | ||
| return ( | ||
| <div> | ||
| <Head> | ||
| <title>Hannah McGowan Portfolio</title> | ||
| <meta name="description" content="Generated by create next app" /> | ||
| <link rel="icon" href="/kirbyicon.png" /> | ||
| </Head> | ||
|
|
||
| <NavMain /> | ||
| <main className="px-10 md:px-20 lg:px-40 pb-20 pt-5"> | ||
|
|
||
| <div className="text-center pb-10"> | ||
| <h1 className="text-4xl pb-5 text-slate-900">work + projects</h1> | ||
| <p className="text-lg text-slate-400">my website’s tech stack: figma, next.js, tailwind, material tailwind</p> | ||
| </div> | ||
| {/*<div className="flex items-center justify-center"> | ||
| <div className="px-2 py-4 text-center"> | ||
| <h1 className="font-semibold">This portfolio's tech stack: next.js, tailwind, material tailwind</h1> | ||
| </div> | ||
| </div>*/} | ||
| <section> | ||
| <div className="flex flex-col lg:flex-row lg:justify-center lg:gap-10 items-center"> | ||
| <Link href="cards/compass" className="w-[300px] md:w-[400px]"> | ||
| <div className="shadow-lg hover:shadow-2xl hover:shadow-light-blue-100 overflow-hidden dark:shadow-blue-500 rounded-xl my-10 active:border-blue-200 active:border-2"> | ||
| <div className="relative w-full h-80"> | ||
| <Image src={compasscard} className="object-cover" fill alt="compass logo"/> | ||
| </div> | ||
| <div className="p-5 mt-4"> | ||
| <h3 className="text-lg font-bold text-slate-900 dark:text-slate-300">COMPASS - C4SF</h3> | ||
| <p className="py-1 text-slate-800 dark:text-slate-400 text-sm">Develop + Design for Nonprofit Work</p> | ||
| {/*<p className="text-slate-500 dark:text-slate-400 py-1">Nonprofit app for collecting IEP student data.</p>*/} | ||
| </div> | ||
| </div> | ||
| </Link> | ||
| <Link href="cards/cssa" className="w-[300px] md:w-[400px]"> | ||
| <div className="shadow-lg hover:shadow-2xl hover:shadow-light-blue-100 overflow-hidden dark:shadow-blue-500 rounded-xl my-10 active:border-blue-200 active:border-2"> | ||
| <div className="relative w-full h-80"> | ||
| <Image src={cssacard} className="object-cover" fill alt="cssa logo"/> | ||
| </div> | ||
| <div className="p-5 mt-4"> | ||
| <h3 className="text-lg font-bold text-slate-900 dark:text-slate-300">CSSA WEB REBUILD</h3> | ||
| <p className="py-1 text-slate-800 dark:text-slate-400 text-sm">Ideate, Plan, Design + Build for an Organization</p> | ||
| {/*<p className="text-slate-500 dark:text-slate-400 py-1">Complete website rebuild for Berkeley CSSA.</p>*/} | ||
| </div> | ||
| </div> | ||
| </Link> | ||
| </div> | ||
| <div className="flex flex-col lg:flex-row lg:justify-center lg:gap-10 items-center"> | ||
| <Link href="cards/mcgpaint" className="w-[300px] md:w-[400px]"> | ||
| <div className="shadow-lg hover:shadow-2xl hover:shadow-light-blue-100 overflow-hidden rounded-xl my-10 active:border-blue-200 active:border-2"> | ||
| <div className="relative w-full h-80"> | ||
| <Image src={mcgpaintcard} className="object-cover" fill alt="compass logo"/> | ||
| </div> | ||
| <div className="p-5 mt-4"> | ||
| <h3 className="text-lg font-bold text-slate-900 dark:text-slate-300">MCGOWAN PAINTING</h3> | ||
| <p className="py-1 text-slate-800 dark:text-slate-400 text-sm">Discuss, Plan, + Build for a Client</p> | ||
| {/*<p className="text-slate-500 dark:text-slate-400 py-1">Nonprofit app for collecting IEP student data.</p>*/} | ||
| </div> | ||
| </div> | ||
| </Link> | ||
| <Link href="cards/dispotify" className="w-[300px] md:w-[400px]"> | ||
| <div className="shadow-lg hover:shadow-2xl hover:shadow-light-blue-100 active:border-blue-200 active:border-2 overflow-hidden rounded-xl my-10"> | ||
| <div className="relative w-full h-80"> | ||
| <Image src={dispotifycard} className="object-cover" fill alt="cssa logo"/> | ||
| </div> | ||
| <div className="p-5 mt-4"> | ||
| <h3 className="text-lg font-bold text-slate-900 dark:text-slate-300">DISCOVER SPOTIFY</h3> | ||
| <p className="py-1 text-slate-800 dark:text-slate-400 text-sm">Conceptualize + Develop for an Idea</p> | ||
| {/*<p className="text-slate-500 dark:text-slate-400 py-1">Complete website rebuild for Berkeley CSSA.</p>*/} | ||
| </div> | ||
| </div> | ||
| </Link> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default Work |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| {"c":["pages/work","webpack"],"r":["pages/about","pages/index","pages/gallery","pages/cards/compass"],"m":["./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2FUsers%2Ftest%2FDesktop%2Fmysite%2Fmyweb%2Fpages%2Fabout.js&page=%2Fabout!","./node_modules/react-icons/ai/index.esm.js","./node_modules/react-icons/hi/index.esm.js","./node_modules/react-icons/lib/esm/iconBase.js","./node_modules/react-icons/lib/esm/iconContext.js","./node_modules/react-icons/lib/esm/iconsManifest.js","./node_modules/react-icons/lib/esm/index.js","./pages/about.js","./public/hannahcar.JPG","./public/hannahfish.png","./public/me_blurry.jpeg","./components/PortTabs.js","./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2FUsers%2Ftest%2FDesktop%2Fmysite%2Fmyweb%2Fpages%2Findex.js&page=%2F!","./pages/index.js","./public/airx.png","./public/cssa.png","./public/discover-spotify.png","./public/expresso.png","./public/index-stickers-text.png","./public/index-stickers-textM.png","./public/index-stickers1.png","./public/index-stickers11.png","./public/lyrical.png","./public/mcgpainting.png","./public/moviewatching.png","./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2FUsers%2Ftest%2FDesktop%2Fmysite%2Fmyweb%2Fpages%2Fgallery.js&page=%2Fgallery!","./pages/gallery.js","./public/gallery.png","./public/glossier.png","./public/koss.png","./public/spotifyalbum.png","./public/web5.png","./public/web6.png","./components/navs/CompassNav.js","./node_modules/next/dist/build/webpack/loaders/next-client-pages-loader.js?absolutePagePath=%2FUsers%2Ftest%2FDesktop%2Fmysite%2Fmyweb%2Fpages%2Fcards%2Fcompass.js&page=%2Fcards%2Fcompass!","./pages/cards/compass.js","./public/cards/compass-computer.png","./public/cards/compass-ds.png"]} |
22 changes: 22 additions & 0 deletions
22
.next/static/webpack/pages/work.aa82a2ab28416514.hot-update.js
Large diffs are not rendered by default.
Oops, something went wrong.
18 changes: 18 additions & 0 deletions
18
.next/static/webpack/webpack.aa82a2ab28416514.hot-update.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| "use strict"; | ||
| /* | ||
| * ATTENTION: An "eval-source-map" devtool has been used. | ||
| * This devtool is neither made for production nor for readable output files. | ||
| * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools. | ||
| * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) | ||
| * or disable the default devtool with "devtool: false". | ||
| * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). | ||
| */ | ||
| self["webpackHotUpdate_N_E"]("webpack",{}, | ||
| /******/ function(__webpack_require__) { // webpackRuntimeModules | ||
| /******/ /* webpack/runtime/getFullHash */ | ||
| /******/ !function() { | ||
| /******/ __webpack_require__.h = function() { return "dfc1cd6b9e91a59d"; } | ||
| /******/ }(); | ||
| /******/ | ||
| /******/ } | ||
| ); |
Oops, something went wrong.