Portfolio Gallery

src/routes/(site)/portfolios/+page.svelte

@@ -0,0 +1,59 @@
+<script lang="ts">
+  import Spacing from '$lib/public/legacy/spacing.svelte';
+  import portfolios from './acm-portfolio-sp2024.json';
+</script>
+
+<svelte:head>
+  <title>Portfolios | ACM at CSUF</title>
+</svelte:head>
+
+<Spacing --min="175px" --med="200px" --max="200px" />
+
+<h1 class="size-xl">ACM Spring 2024 Portfolio-athon</h1>
+<p class="size-md">
+  Check out our members' UI/UX design skills in this once-a-semester portfolio contest.
+</p>
+<ul>
+  {#each portfolios as { title, url, imageURL }}
+    <li>
+      <h2>{title}</h2>
+      <a href={url}><img src={imageURL} alt="{title} submission from Devpost" /></a>
+    </li>
+  {/each}
+</ul>
+
+<Spacing --min="175px" --med="200px" --max="200px" />
+
+<style>
+  ul {
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+  ul > li {
+    margin: 15px;
+    text-align: center;
+    width: min(80vw, 600px);
+  }
+
+  img {
+    width: 100%;
+  }
+
+  img:hover {
+    opacity: 0.5;
+  }
+
+  h1 {
+    text-align: center;
+    margin-bottom: 2rem;
+  }
+  p {
+    text-align: center;
+    margin-bottom: 2rem;
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+</style>

src/routes/(site)/portfolios/acm-portfolio-sp2024.json

@@ -0,0 +1,117 @@
+[
+  {
+    "title": "Kristen Portillo Portfolio",
+    "url": "https://devpost.com/software/kristen-portillo-portfolio",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/851/974/datas/medium.png"
+  },
+  {
+    "title": "My Portfolio",
+    "url": "https://devpost.com/software/my-portfolio-47nslh",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/859/636/datas/medium.png"
+  },
+  {
+    "title": "Mark's Portfolio :)",
+    "url": "https://devpost.com/software/mark-s-portfolio",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "danieltruongg.com",
+    "url": "https://devpost.com/software/danieltruongg-com",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/859/936/datas/medium.png"
+  },
+  {
+    "title": "JOELEE.INFO",
+    "url": "https://devpost.com/software/joelee-info",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/860/242/datas/medium.gif"
+  },
+  {
+    "title": "Joe-Please-Go-Easy-On-Me-I-Have-Never-Made-A-Site.dev",
+    "url": "https://devpost.com/software/joe-please-go-easy-on-me-i-have-never-made-a-site-dev",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "Pillow",
+    "url": "https://devpost.com/software/pillow",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "A Hello I'm Portfolio",
+    "url": "https://devpost.com/software/a-hello-i-m-portfolio",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/861/843/datas/medium.png"
+  },
+  {
+    "title": "Eric Ly's Portfolio/Personal Website",
+    "url": "https://devpost.com/software/eric-ly-s-portfolio-personal-website",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/861/228/datas/medium.png"
+  },
+  {
+    "title": "Tomas Portfolio",
+    "url": "https://devpost.com/software/tomas-portfolio",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/861/347/datas/medium.png"
+  },
+  {
+    "title": "My portfolio",
+    "url": "https://devpost.com/software/my-portfolio-tcdw7b",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "FartLabs - fart.tools",
+    "url": "https://devpost.com/software/fartlabs-fart-tools",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/861/649/datas/medium.png"
+  },
+  {
+    "title": "Yulie's Portfolio ",
+    "url": "https://devpost.com/software/yulie-s-portfolio",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/644/datas/medium.png"
+  },
+  {
+    "title": "Karni's Portfolio",
+    "url": "https://devpost.com/software/karni-s-portfolio",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "JOELEE PART 1 ONE HOUR CHALLENGE",
+    "url": "https://devpost.com/software/joelee-part-1-one-hour-challenge",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/689/datas/medium.png"
+  },
+  {
+    "title": "tanisha's portfolio",
+    "url": "https://devpost.com/software/tanisha-s-portfolio",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/822/datas/medium.png"
+  },
+  {
+    "title": "Nate Gries",
+    "url": "https://devpost.com/software/nate-gries",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "dev portfolio",
+    "url": "https://devpost.com/software/dev-portfolio-q5b90r",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/828/datas/medium.png"
+  },
+  {
+    "title": "Angel's Portfolio",
+    "url": "https://devpost.com/software/angel-s-portfolio",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "Portfolio Showcase",
+    "url": "https://devpost.com/software/portfolio-showcase",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/896/datas/medium.png"
+  },
+  {
+    "title": "Rian Portfolio",
+    "url": "https://devpost.com/software/rian-portfolio",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  },
+  {
+    "title": "AlexthePear-portfolio",
+    "url": "https://devpost.com/software/alexthepear-portfolio",
+    "imageURL": "https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/910/datas/medium.png"
+  },
+  {
+    "title": "Genuary 2024",
+    "url": "https://devpost.com/software/genuary-2024",
+    "imageURL": "https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif"
+  }
+]

src/routes/(site)/portfolios/data.ts

@@ -0,0 +1,140 @@
+export const portfolios = [
+  {
+    title: 'Kristen Portillo Portfolio',
+    url: 'https://devpost.com/software/kristen-portillo-portfolio',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/851/974/datas/medium.png',
+  },
+  {
+    title: 'My Portfolio',
+    url: 'https://devpost.com/software/my-portfolio-47nslh',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/859/636/datas/medium.png',
+  },
+  {
+    title: "Mark's Portfolio :)",
+    url: 'https://devpost.com/software/mark-s-portfolio',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'danieltruongg.com',
+    url: 'https://devpost.com/software/danieltruongg-com',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/859/936/datas/medium.png',
+  },
+  {
+    title: 'JOELEE.INFO',
+    url: 'https://devpost.com/software/joelee-info',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/860/242/datas/medium.gif',
+  },
+  {
+    title: 'Joe-Please-Go-Easy-On-Me-I-Have-Never-Made-A-Site.dev',
+    url: 'https://devpost.com/software/joe-please-go-easy-on-me-i-have-never-made-a-site-dev',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'Pillow',
+    url: 'https://devpost.com/software/pillow',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: "A Hello I'm Portfolio",
+    url: 'https://devpost.com/software/a-hello-i-m-portfolio',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/861/843/datas/medium.png',
+  },
+  {
+    title: "Eric Ly's Portfolio/Personal Website",
+    url: 'https://devpost.com/software/eric-ly-s-portfolio-personal-website',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/861/228/datas/medium.png',
+  },
+  {
+    title: 'Tomas Portfolio',
+    url: 'https://devpost.com/software/tomas-portfolio',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/861/347/datas/medium.png',
+  },
+  {
+    title: 'My portfolio',
+    url: 'https://devpost.com/software/my-portfolio-tcdw7b',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'FartLabs - fart.tools',
+    url: 'https://devpost.com/software/fartlabs-fart-tools',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_thumbnail_photos/002/861/649/datas/medium.png',
+  },
+  {
+    title: "Yulie's Portfolio ",
+    url: 'https://devpost.com/software/yulie-s-portfolio',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/644/datas/medium.png',
+  },
+  {
+    title: "Karni's Portfolio",
+    url: 'https://devpost.com/software/karni-s-portfolio',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'JOELEE PART 1 ONE HOUR CHALLENGE',
+    url: 'https://devpost.com/software/joelee-part-1-one-hour-challenge',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/689/datas/medium.png',
+  },
+  {
+    title: "tanisha's portfolio",
+    url: 'https://devpost.com/software/tanisha-s-portfolio',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/822/datas/medium.png',
+  },
+  {
+    title: 'Nate Gries',
+    url: 'https://devpost.com/software/nate-gries',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'dev portfolio',
+    url: 'https://devpost.com/software/dev-portfolio-q5b90r',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/828/datas/medium.png',
+  },
+  {
+    title: "Angel's Portfolio",
+    url: 'https://devpost.com/software/angel-s-portfolio',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'Portfolio Showcase',
+    url: 'https://devpost.com/software/portfolio-showcase',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/896/datas/medium.png',
+  },
+  {
+    title: 'Rian Portfolio',
+    url: 'https://devpost.com/software/rian-portfolio',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+  {
+    title: 'AlexthePear-portfolio',
+    url: 'https://devpost.com/software/alexthepear-portfolio',
+    imageURL:
+      'https://d112y698adiu2z.cloudfront.net/photos/production/software_photos/002/862/910/datas/medium.png',
+  },
+  {
+    title: 'Genuary 2024',
+    url: 'https://devpost.com/software/genuary-2024',
+    imageURL:
+      'https://d2dmyh35ffsxbl.cloudfront.net/assets/defaults/thumbnail-placeholder-8c916ef4da99a222ce6ece077c71c7e282f071f830747b2abb5718018cbfa699.gif',
+  },
+];