diff --git a/assets/js/partnerships-slideshow.js b/assets/js/partnerships-slideshow.js new file mode 100644 index 000000000..cd0427a0a --- /dev/null +++ b/assets/js/partnerships-slideshow.js @@ -0,0 +1,55 @@ +document.addEventListener("DOMContentLoaded", function () { + const imageUrls = [ + "/images/partnerships/htt-lecture-hall.jpg", + "/images/partnerships/connor-talking.jpg", + "/images/partnerships/cisco-talk.jpg", + "/images/partnerships/seminar-room-crowd.jpg", + "/images/partnerships/kinaxis-group-talking.png", + ]; + + const fadeDuration = 500; // ms + const displayDuration = 5000; // ms + + const front = document.getElementById("partnerships-front"); + const back = document.getElementById("partnerships-back"); + let currentIndex = 0; + let slideshowStarted = false; + + // Preload images + imageUrls.forEach((url) => { + const img = new Image(); + img.src = url; + }); + + function startSlideshow() { + if (slideshowStarted) return; + slideshowStarted = true; + + setInterval(() => { + currentIndex = (currentIndex + 1) % imageUrls.length; + + back.style.backgroundImage = `url('${imageUrls[currentIndex]}')`; + front.classList.add("fade-out"); + + setTimeout(() => { + front.style.backgroundImage = `url('${imageUrls[currentIndex]}')`; + front.classList.remove("fade-out"); + }, fadeDuration); + }, displayDuration); + } + + // Only start when visible + const observer = new IntersectionObserver( + (entries) => { + entries.forEach((entry) => { + if (entry.isIntersecting) { + startSlideshow(); + observer.disconnect(); // only start once + } + }); + }, + { threshold: 0.3 } + ); + + observer.observe(document.getElementById("partnerships-front")); +}); diff --git a/assets/js/slideshow.js b/assets/js/slideshow.js index 4d67d70da..10728d003 100644 --- a/assets/js/slideshow.js +++ b/assets/js/slideshow.js @@ -42,4 +42,6 @@ function changeImage(header, imagePath) { } } -startSlideshow(); +if (frontHeader && backHeader && frontHeaderMobile && backHeaderMobile) { + startSlideshow(); +} diff --git a/assets/scss/_components.scss b/assets/scss/_components.scss index 43a9023b2..bffe19ae2 100644 --- a/assets/scss/_components.scss +++ b/assets/scss/_components.scss @@ -37,3 +37,4 @@ @import "components/volunteer"; @import "components/article-question"; @import "components/registration_office_hours"; +@import "components/partnerships"; diff --git a/assets/scss/components/_page-header.scss b/assets/scss/components/_page-header.scss index 2fec7d293..d7a3eee20 100644 --- a/assets/scss/components/_page-header.scss +++ b/assets/scss/components/_page-header.scss @@ -62,6 +62,10 @@ display: flex; flex-direction: column; justify-content: center; + + a { + width: fit-content; + } } .page-section-body { @@ -90,8 +94,27 @@ border-radius: 1rem; } +.page-section-image-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 1rem; + width: 100%; + + @media only screen and (max-width: 600px) { + grid-template-columns: repeat(1, 1fr); + } +} + +.page-section-image-grid img { + width: 100%; + height: 100%; + aspect-ratio: 16 / 9; + object-fit: cover; + border-radius: 0.75rem; +} + .page { - @media only screen and (min-width: 900px) { + @media only screen and (min-width: 901px) { .page-heading { padding-left: 0; padding-right: 0; @@ -117,7 +140,7 @@ .page-section { grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; + //grid-template-rows: 1fr 1fr; } .page-section-content { diff --git a/assets/scss/components/_partnerships.scss b/assets/scss/components/_partnerships.scss new file mode 100644 index 000000000..edb426e3d --- /dev/null +++ b/assets/scss/components/_partnerships.scss @@ -0,0 +1,290 @@ +.stats-container { + display: flex; + gap: 2rem; +} + +.stat-number { + color: #c40729; + font-size: 2rem; + font-weight: bold; + margin: 0; +} + +.stat-label { + color: #5f5f5f; + font-size: 0.95rem; + margin: 0; +} + +.dot-separator { + font-size: 2rem; + line-height: 1; + color: #aaa; +} + +.event-type-header { + text-align: center; + margin-top: 3rem; +} + +.event-type-subheader { + text-align: center; + color: #5f5f5f; + font-size: 1.1rem; + margin-bottom: 2rem; + padding: 0 1rem; +} + +.event-type-subtext { + text-align: center; + font-size: 1.1rem; + line-height: 1.6rem; + padding: 0 1rem; + margin-bottom: 5rem; + + a { + color: #c40729; + text-decoration: none; + } +} + +#ways-to-get-involved { + scroll-margin-top: 6rem; +} + +.event-type-cards-wrapper { + width: 80%; + margin: 4rem auto; + + @media only screen and (max-width: 1200px) { + max-width: 100%; + } +} + +.event-type-cards { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 2rem; +} + +.event-type-card { + background-color: #fff; + border-radius: 1rem; + border-top: 4px solid #c40729; + box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); + padding: 1.5rem; + display: flex; + flex-direction: column; + justify-content: space-between; + transition: box-shadow 0.2s ease; + max-width: 300px; + width: 100%; + flex: 1 1 260px; // allows cards to grow and shrink, maintaining a minimum width + + &:hover { + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); + } + + h3 { + font-size: 1.4rem; + margin: 1rem 0 0.5rem; + } + + p { + color: #555; + font-size: 1rem; + margin-bottom: 1.5rem; + } + + .event-type-card-icon { + font-size: 2rem; + color: #c40729; + margin-bottom: 0.25rem; + background-color: #f8dde0; + min-width: 2.5rem; + border-radius: 12px; + text-align: center; + max-width: fit-content; + padding: 0.5rem; + } + + .event-type-card-tagline { + margin-top: 1.5rem; + margin-bottom: 0.5rem; + font-size: 1rem; + } + + .event-type-card-tags { + list-style-type: disc; + padding-left: 1rem; + margin-top: 0.5rem; + + li { + font-size: 0.95rem; + color: #444; + margin-bottom: 0.4rem; + } + } + + a { + margin-top: 1rem; + text-decoration: none; + } +} + +.event-type-card-features { + margin: 0; + margin-bottom: 1.5rem; + padding: 0; +} + +.event-type-card-features li { + list-style-type: none; + margin-bottom: 0.5rem; + + i { + min-width: 24px; + color: #c40729; + } +} + +.event-type-card-divider { + border: none; + border-top: 1px solid #ddd; + margin: 0; +} + +.event-type-card-button { + display: block; + text-align: center; + color: white; + font-weight: bold; + border-radius: 0.5rem; + text-decoration: none; + + button { + width: 100%; + } +} + +.past-events-header { + text-align: center; + padding: 4rem 0; +} + +.past-events { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 3rem; + width: 65%; + margin: 0 auto; +} + +.past-events-wrapper { + padding-bottom: 4rem; +} + +.email-cta-section { + text-align: center; + padding: 2rem 1rem; + + h2 { + font-size: 2rem; + margin-bottom: 0.5rem; + font-weight: 700; + } + + p { + font-size: 1.1rem; + color: #5f6b7a; + margin-bottom: 2rem; + } +} + +.email-cta-card { + max-width: 480px; + margin: 0 auto; + border: 1px solid #e0e0e0; + border-radius: 0.75rem; + padding: 2rem; + text-align: left; + background-color: #fff; + box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); +} + +.email-cta-header { + display: flex; + align-items: center; + margin-bottom: 0.5rem; + + h3 { + margin: 0; + } + + i { + color: #c40729; + margin-right: 0.75rem; + font-size: 1.5rem; + } +} + +.email-cta-subtext { + color: #6a6a6a; + margin-bottom: 1.5rem; + font-size: 0.95rem; +} + +.email-cta-button { + display: block; + text-align: center; + background-color: #c40729; + color: white; + font-weight: bold; + border-radius: 0.5rem; + text-decoration: none; + + &:hover { + background-color: #c40729; + } + + button { + width: 100%; + } +} + +.page-section-image-wrapper { + position: relative; + height: 100%; + min-height: 250px; + overflow: hidden; +} + +#partnerships-front, +#partnerships-back { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + transition: opacity 0.5s ease-in-out; +} + +#partnerships-back { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 0; +} + +#partnerships-front { + position: relative; + width: 100%; + height: 100%; + z-index: 1; +} + +.fade-out { + opacity: 0; +} diff --git a/content/about/partnerships/_index.md b/content/about/partnerships/_index.md new file mode 100644 index 000000000..7a00589cf --- /dev/null +++ b/content/about/partnerships/_index.md @@ -0,0 +1,7 @@ +--- +title: "Partnerships" +date: 2025-07-06T00:00:00Z +draft: false +url: /partnerships +layout: partnerships +--- \ No newline at end of file diff --git a/content/events/2023-2024/2023-09-13-finding-an-internship-in-the-united-states.md b/content/events/2023-2024/2023-09-13-finding-an-internship-in-the-united-states.md index 0007a028c..f5ac8980d 100644 --- a/content/events/2023-2024/2023-09-13-finding-an-internship-in-the-united-states.md +++ b/content/events/2023-2024/2023-09-13-finding-an-internship-in-the-united-states.md @@ -14,7 +14,8 @@ background: "images/orientation2018-min.jpeg" publishdate: 2023-09-01 tags: - weekofawesome2023 - - talks + - talks + - industry --- ## Slides The presentation slides can be viewed [here!](/pdfs/2023-2024/Internship-Presentation.pdf). diff --git a/content/events/2023-2024/2024-01-08-cs-&-society.md b/content/events/2023-2024/2024-01-08-cs-&-society.md index 1cba6e6a0..04158f8ab 100644 --- a/content/events/2023-2024/2024-01-08-cs-&-society.md +++ b/content/events/2023-2024/2024-01-08-cs-&-society.md @@ -15,6 +15,7 @@ publishdate: 2023-12-01 tags: - jobuary2024 - industryspeaker +- industry --- The tech industry, accustomed to disrupting traditional businesses, is undergoing unforeseen shifts in 2022-2023, with slowed growth and a newfound emphasis on profitability. Despite numerous open IT positions, concerns loom over the impact on tech careers. The introduction of Generative AI, including tools like Copilot and DALLE2, has amplified the potential for substantial work automation, reshaping the industry's landscape. Industry veteran Dave Thomas, drawing from five decades of experience, explores the implications of these disruptive changes in his talk. He shares insights on learning from past transformations, highlights key areas for individual and team investment, and provides a forward-looking perspective on the evolving dynamics of Tech and Tech Careers in the 202x. diff --git a/content/events/2023-2024/2024-01-30-kinaxis-networking-event.md b/content/events/2023-2024/2024-01-30-kinaxis-networking-event.md index ada873563..74fb44f04 100644 --- a/content/events/2023-2024/2024-01-30-kinaxis-networking-event.md +++ b/content/events/2023-2024/2024-01-30-kinaxis-networking-event.md @@ -14,6 +14,7 @@ background: "images/orientation2018-min.jpeg" publishdate: 2023-12-30 tags: - jobuary2024 +- industry --- Sign up now through the link in our bio to enjoy free food during our night of networking! 🎉✨ https://www.tickettailor.com/events/hackthehill1/1112522 \ No newline at end of file diff --git a/content/events/2023-2024/2024-02-16-aws-bootcamp.md b/content/events/2023-2024/2024-02-16-aws-bootcamp.md index 9239ce69e..a27bdf9b1 100644 --- a/content/events/2023-2024/2024-02-16-aws-bootcamp.md +++ b/content/events/2023-2024/2024-02-16-aws-bootcamp.md @@ -13,4 +13,6 @@ location: "Register Here!" location_link: "https://docs.google.com/forms/d/e/1FAIpQLScJDtjMU4Q5Gw5PQPYyiSwn4Z7ug8YpKzZ5t4g9iN-hV_m7sA/viewform" background: "images/orientation2018-min.jpeg" publishdate: 2024-01-16 +tags: +- industry --- diff --git a/content/events/2024-2025/2024-09-11-woa-career-development-and-the-art-of-technical-interviewing.md b/content/events/2024-2025/2024-09-11-woa-career-development-and-the-art-of-technical-interviewing.md index f9c5faa87..480c26696 100644 --- a/content/events/2024-2025/2024-09-11-woa-career-development-and-the-art-of-technical-interviewing.md +++ b/content/events/2024-2025/2024-09-11-woa-career-development-and-the-art-of-technical-interviewing.md @@ -15,4 +15,5 @@ background: "images/orientation2018-min.jpeg" publishdate: 2024-08-28 tags: - weekofawesome2024 +- industry --- \ No newline at end of file diff --git a/content/events/2024-2025/2024-09-20-25-years-in-silicon-valley.md b/content/events/2024-2025/2024-09-20-25-years-in-silicon-valley.md index d5e1bb4f7..a978a0fa4 100644 --- a/content/events/2024-2025/2024-09-20-25-years-in-silicon-valley.md +++ b/content/events/2024-2025/2024-09-20-25-years-in-silicon-valley.md @@ -13,5 +13,4 @@ location: "HP 5345" location_link: "#comingsoon" background: "images/orientation2018-min.jpeg" publishdate: 2024-08-28 -tags: --- diff --git a/content/events/2024-2025/2025-01-07-jobuary-ciena-resume-review.md b/content/events/2024-2025/2025-01-07-jobuary-ciena-resume-review.md index 2621deda6..9fadaaba8 100644 --- a/content/events/2024-2025/2025-01-07-jobuary-ciena-resume-review.md +++ b/content/events/2024-2025/2025-01-07-jobuary-ciena-resume-review.md @@ -15,6 +15,7 @@ publishdate: 2025-01-04 tags: - jobuary2025 - week1 +- industry --- We are collaborating with Rachael King from Ciena for a resume review! diff --git a/content/events/2024-2025/2025-02-04-devops-cloud-ciena.md b/content/events/2024-2025/2025-02-04-devops-cloud-ciena.md index 1b88ac937..a229f3308 100644 --- a/content/events/2024-2025/2025-02-04-devops-cloud-ciena.md +++ b/content/events/2024-2025/2025-02-04-devops-cloud-ciena.md @@ -15,6 +15,7 @@ publishdate: 2025-01-17 tags: - jobuary2025 - week4 +- industry --- Here are the [presentation slides](/pdfs/2024-2025/ciena-cloud-&-devops.pdf) \ No newline at end of file diff --git a/content/events/2024-2025/2025-03-24-cs-and-society-evolution-of-networks.md b/content/events/2024-2025/2025-03-24-cs-and-society-evolution-of-networks.md index c8f02ccec..d18a1837f 100644 --- a/content/events/2024-2025/2025-03-24-cs-and-society-evolution-of-networks.md +++ b/content/events/2024-2025/2025-03-24-cs-and-society-evolution-of-networks.md @@ -12,6 +12,8 @@ start_time: "6:00 - 8:00 PM EST" location: "HP 4351" background: "images/orientation2018-min.jpeg" publishdate: 2025-03-23 +tags: +- industry --- Here are the presentation slides along with some more useful resources: diff --git a/layouts/_default/partnerships.html b/layouts/_default/partnerships.html new file mode 100644 index 000000000..d20c4dc76 --- /dev/null +++ b/layouts/_default/partnerships.html @@ -0,0 +1,224 @@ +{{ define "main" }} + + {{- partial "navbar_temp.html" . -}} +
+
+
+
+
+
+
INDUSTRY PARTNERSHIPS
+
+ Partner with Carleton's
Computer Science Society +
+
+ Connect with accomplished Computer Science students through our + various engagement programs. Build your campus presence, mentor + new developers and discover future talent. +
+ {{- partial "button.html" (dict "label" "Explore Opportunities") -}} +
+
+
+
+
+
+
+
+
Why Collaborate?
+
+ Collaborating with us gives you direct access to Carleton's + computer science community. Our industry partnerships support + students in developing their technical skills, exploring career + paths, and learning from professionals with real-world experience. + Partnering with us strengthens your campus presence, offers + opportunities to mentor the next generation of developers, + and connects you with talented students ready to make an + impact. +
+
+
+

2500+

+

Students

+
+
·
+
+

50-100+

+

Average Attendance

+
+
+
+
+
+
+
+
+
+
+
+

Three Ways to Get Involved

+

+ Choose the engagement format that best fits your goals and strengths +

+
+
+
+
+ +
+

Company Info Sessions

+

+ Share your company culture and career opportunities with motivated + students +

+
    +
  • + 50-100 student attendees +
    • +
  • + Formal presentation +
    • +
  • + Interactive Q&A session +
    • +
+
+

Perfect for:

+
    +
  • Co-op and new grad recruitment
    • +
  • Conversations with students
    • +
  • Networking opportunities
    • +
  • Highlighting brand values
    • +
+ {{- partial "button.html" (dict "label" "Schedule Info Session") -}} +
+ +
+
+ +
+

Developer Tech Talks

+

+ Individual developers share insights about their work, projects, + and career journeys. +

+
    +
  • + 30-80 student attendees +
    • +
  • + Casual presentation +
    • +
  • + Developer experiences showcase +
    • +
+
+

Perfect for:

+
    +
  • Exploring company tech stacks
    • +
  • Career journey stories
    • +
  • Technical deep dives
    • +
  • Industry trend discussions
    • +
+ {{- partial "button.html" (dict "label" "Propose Tech Talk") -}} +
+
+
+ +
+

Technical Workshops

+

+ Teach practical skills and technologies in hands-on training + sessions. +

+
    +
  • + 20-40 student + participants +
    • +
  • + Hands-on learning format +
    • +
  • + Skill-building focus +
    • +
+
+

Perfect for:

+
    +
  • Practical learning sessions
    • +
  • Technology tutorials
    • +
  • Hackathon challenges
    • +
  • Tool demonstrations
    • +
+ {{- partial "button.html" (dict "label" "Plan Workshop") -}} +
+
+
+

+ Have something different in mind? We're always open to exploring new + ideas!
+ Feel free to + reach out to start + the conversation. +

+
+
+

Past Events

+
+ {{ range sort (.Site.Taxonomies.tags.industry) "Date" "desc" }} + {{- partial "event_card.html" . -}} + {{ end }} +
+
+
+

Ready to Get Started?

+

Contact our partnerships team to discuss how we can work together

+ +
+
+{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 6a0cb69c3..99457087e 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -49,9 +49,12 @@ {{- $faqScriptPath := "js/faq.js" }} {{- $faq := resources.Get $faqScriptPath | resources.ExecuteAsTemplate $faqScriptPath . }} -{{- $bundle := slice $main $navbar $slideshow $faq }} +{{- $partnershipsSlideshowScriptPath := "js/partnerships-slideshow.js" }} +{{- $partnershipsSlideshow := resources.Get $partnershipsSlideshowScriptPath | resources.ExecuteAsTemplate $partnershipsSlideshowScriptPath . }} + +{{- $bundle := slice $main $navbar $slideshow $faq $partnershipsSlideshow }} {{- if site.Params.Staticman }} - {{- $bundle = slice $main $navbar $slideshow $faq }} + {{- $bundle = slice $main $navbar $slideshow $faq $partnershipsSlideshow }} {{- end }} {{- $bundle = $bundle | resources.Concat "js/bundle.js" | resources.Fingerprint "sha512" -}} diff --git a/layouts/partials/navbar_temp.html b/layouts/partials/navbar_temp.html index 1c942b30d..b6756bdc6 100644 --- a/layouts/partials/navbar_temp.html +++ b/layouts/partials/navbar_temp.html @@ -15,6 +15,7 @@
  • diff --git a/static/images/general/conversation.png b/static/images/general/conversation.png new file mode 100644 index 000000000..aa7f28cea Binary files /dev/null and b/static/images/general/conversation.png differ diff --git a/static/images/partnerships/cisco-talk.jpg b/static/images/partnerships/cisco-talk.jpg new file mode 100644 index 000000000..53e12fca9 Binary files /dev/null and b/static/images/partnerships/cisco-talk.jpg differ diff --git a/static/images/partnerships/connor-talking.jpg b/static/images/partnerships/connor-talking.jpg new file mode 100644 index 000000000..b07766f2b Binary files /dev/null and b/static/images/partnerships/connor-talking.jpg differ diff --git a/static/images/partnerships/htt-lecture-hall.jpg b/static/images/partnerships/htt-lecture-hall.jpg new file mode 100644 index 000000000..6d5005567 Binary files /dev/null and b/static/images/partnerships/htt-lecture-hall.jpg differ diff --git a/static/images/partnerships/kinaxis-group-talking.png b/static/images/partnerships/kinaxis-group-talking.png new file mode 100644 index 000000000..bbdbb639f Binary files /dev/null and b/static/images/partnerships/kinaxis-group-talking.png differ diff --git a/static/images/partnerships/seminar-room-crowd.jpg b/static/images/partnerships/seminar-room-crowd.jpg new file mode 100644 index 000000000..b6a7e759f Binary files /dev/null and b/static/images/partnerships/seminar-room-crowd.jpg differ diff --git a/static/images/partnerships/unedited/htt-lecture-hall.png b/static/images/partnerships/unedited/htt-lecture-hall.png new file mode 100644 index 000000000..f1271b607 Binary files /dev/null and b/static/images/partnerships/unedited/htt-lecture-hall.png differ diff --git a/static/images/partnerships/unedited/kinaxis-group-talking.png b/static/images/partnerships/unedited/kinaxis-group-talking.png new file mode 100644 index 000000000..4cfc4f006 Binary files /dev/null and b/static/images/partnerships/unedited/kinaxis-group-talking.png differ diff --git a/static/images/partnerships/unedited/kinaxis-presentation.png b/static/images/partnerships/unedited/kinaxis-presentation.png new file mode 100644 index 000000000..44a83c37f Binary files /dev/null and b/static/images/partnerships/unedited/kinaxis-presentation.png differ