Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

changed IN text and added some padding around it #52

Merged
merged 1 commit into from
Jun 4, 2024
Merged

changed IN text and added some padding around it #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
214 changes: 110 additions & 104 deletions website/_layouts/industry.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,124 +1,130 @@
<!DOCTYPE html>
<html>
<head>

<head>
<title>{{ page.title }}</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
<meta http-equiv="X-Content-Type-Options" content="nosniff" /> -->
<!-- <meta http-equiv="X-Frame-Options" content="SAMEORIGIN" /> -->
<!-- <meta http-equiv="X-Frame-Options" content="SAMEORIGIN" /> -->

<link rel="stylesheet" href="assets/css/main.min.css" />
<noscript
><link rel="stylesheet" href="assets/css/noscript.min.css"
/></noscript>
<link rel="shortcut icon" href="assets/img/logo-short.ico" />
<link rel="stylesheet" href="assets/css/main.min.css" />
<noscript
><link rel="stylesheet" href="assets/css/noscript.min.css"
/></noscript>
<link rel="shortcut icon" href="assets/img/logo-short.ico" />
<style>
.clubs {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.clubs img {
max-width: 25%;
height: 150px;
object-fit: contain;
flex: 1 1 auto;
}
body {
font-family: Arial, sans-serif;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.partner {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.partner img {
max-width: 14%;
height: 150px;
object-fit: contain;
flex: 1 1 auto;
}
.button {
background-color: #111827;
border: 1px solid transparent;
border-radius: .75rem;
box-sizing: border-box;
color: #FFFFFF;
cursor: pointer;
flex: 0 0 auto;
font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5rem;
padding: .75rem 1.2rem;
text-align: center;
text-decoration: none #6B7280 solid;

touch-action: manipulation;
width: auto;
}

/* Adjustments for mobile screens */
@media (max-width: 768px) {
.clubs {
flex-direction: column; /* Stack images vertically on smaller screens */
.clubs {
display: flex;
justify-content: flex-start;
align-items: center;
}
.button {
padding: .75rem 1.5rem;
}
.clubs img {
max-width: 100%; /* Images take full width on mobile */
}
.partner {
flex-direction: column; /* Stack images vertically on smaller screens */
gap: 10px;
}
.clubs img {
max-width: 25%;
height: 150px;
object-fit: contain;
flex: 1 1 auto;
}
.in_text {
padding: 3%;
}
body {
font-family: Arial, sans-serif;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.partner {
display: flex;
justify-content: flex-start;
align-items: center;
}
gap: 10px;
padding: 3%;
}
.partner img {
max-width: 14%;
height: 150px;
object-fit: contain;
flex: 1 1 auto;
}
.button {
background-color: #111827;
border: 1px solid transparent;
border-radius: 0.75rem;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
flex: 0 0 auto;
font-family: "Inter var", ui-sans-serif, system-ui, -apple-system,
system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5rem;
padding: 0.75rem 1.2rem;
text-align: center;
text-decoration: none #6b7280 solid;

.partner img {
max-width: 100%; /* Images take full width on mobile */
}
}
touch-action: manipulation;
width: auto;
}

#header #logo {
position: absolute;
width: 1.75em;
height: auto;
display: flex;
}
.poster-container {
text-align: center;
/* Adjustments for mobile screens */
@media (max-width: 768px) {
.clubs {
flex-direction: column; /* Stack images vertically on smaller screens */
align-items: center;
}

.poster-container img {
max-width: 100%;
height: auto;
margin-top: 2em;
.button {
padding: 0.75rem 1.5rem;
}

h2 {
font-size: 28px;
margin-bottom: 20px;
.clubs img {
max-width: 100%; /* Images take full width on mobile */
}
.partner {
flex-direction: column; /* Stack images vertically on smaller screens */
align-items: center;
}

p {
font-size: 16px;
line-height: 1.6;
text-align: justify;
.partner img {
max-width: 100%; /* Images take full width on mobile */
}
}

#header #logo {
position: absolute;
width: 1.75em;
height: auto;
display: flex;
}
.poster-container {
text-align: center;
}

.poster-container img {
max-width: 100%;
height: auto;
margin-top: 2em;
}

h2 {
font-size: 28px;
margin-bottom: 20px;
}

p {
font-size: 16px;
line-height: 1.6;
text-align: justify;
}
</style>
</head>
<body class="is-preload">
</head>
<body class="is-preload">
{% include header.html %} {{ content }} {% include footer.html %} {% include
scripts.html %}
</body>
Expand Down
118 changes: 68 additions & 50 deletions website/industrynight.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,61 +2,79 @@
title: YURS Industry Night
layout: industry
---

<header>
<br>
<div>
<iframe class="ytvid" src="https://www.youtube.com/embed/zV7TQaIjNjo" style="border: 0; width: 80%; height: 600px;" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<h2>What is Industry Night?</h2>
</header>
<br />
<div>
<iframe
class="ytvid"
src="https://www.youtube.com/embed/zV7TQaIjNjo"
style="border: 0; width: 80%; height: 600px"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""
></iframe>
</div>
<h2>What is Industry Night?</h2>
</header>

<p>
<strong>Industry Night: Computing and Mechanics </strong> is a blended convention-conference style event where the
organizer, York University Robotics Society, invites Lassonde School of Engineering students, clubs,
alumni, faculty, and industry partners to come together to showcase recent achievements, products and
projects, network, recruit, and have dinner together.
<br><br><br>
<strong>Students</strong> are encouraged to dress professionally and be prepared to network with potential employers
and show off any projects they might have. This is the perfect opportunity to meet with engineers and
recruiters from industry partners to learn more about their company's career opportunities, and some of
the technical aspects of their projects, services, and products!
<br><br>
<strong>Industry Partners</strong> are encouraged to treat this event as a recruiting event and your standard
convention/conference to showcase technologies and products. Experience targeted interaction with
highly motivated students! Explore the opportunities available when you partner
with student clubs and design teams. Get technical with soon-to-be engineers!
<br><br>
This event is centred around EECS (Electrical Engineering and Computer Science) and Mechanical
Engineering Departments of the Lassonde School of Engineering. Targeting students of these
departments and the respective related industries.
<p class="in_text">
<strong>Industry Night: Computing and Mechanics </strong> is a
student-organized, convention-conference hybrid event at the Lassonde School
of Engineering. It is designed to foster meaningful connections between
industry partners, students, alumni, and faculty. The event provides a
platform for networking, recruitment, and the exchange of ideas, projects,
research, products, and technologies. Our goal is to facilitate engaging
discussions and build valuable relationships, all while enjoying a shared
dinner. <br /><br /><br />
<strong>Students</strong> are encouraged to dress professionally and be
prepared to network with potential employers and show off any projects they
might have. This is the perfect opportunity to meet with engineers and
recruiters from industry partners to learn more about their company's career
opportunities, and some of the technical aspects of their projects, services,
and products! <br /><br />
<strong>Industry Partners</strong> are encouraged to treat this event as a
recruiting event and your standard convention/conference to showcase
technologies and products. Experience targeted interaction with highly
motivated students! Explore the opportunities available when you partner with
student clubs and design teams. Get technical with soon-to-be engineers!
<br /><br />
This event is centred around EECS (Electrical Engineering and Computer
Science) and Mechanical Engineering Departments of the Lassonde School of
Engineering. Targeting students of these departments and the respective
related industries.
</p>
<br>
<h2> 2024 Partners</h2>
<br>
<h2>2023 Partners</h2>
<br>
<br />
<h2>2024 Partners</h2>
<br />
<h2>2023 Partners</h2>
<br />
<div class="partner">
<img src="assets/img/Pantheon_Gold_Horizontal_Logo.png" alt="" >
<img src="assets/img/RBC_logo_PNG1.png" alt="RBC bank">
<img src="assets/img/image001.png" alt="KPM Power">
<img src="assets/img/PROTOSPACE_MFG-01.png" alt="PROTOSPACE">
<img src="assets/img/BEST_LES_SVG_Logo_b-nb.png" alt="LES">
<img src="assets/img/image_1.png" alt="Ontario Power Generation">
<img src="assets/img/quanser-logo.jpg" alt="quanser">

<img src="assets/img/Pantheon_Gold_Horizontal_Logo.png" alt="" />
<img src="assets/img/RBC_logo_PNG1.png" alt="RBC bank" />
<img src="assets/img/image001.png" alt="KPM Power" />
<img src="assets/img/PROTOSPACE_MFG-01.png" alt="PROTOSPACE" />
<img src="assets/img/BEST_LES_SVG_Logo_b-nb.png" alt="LES" />
<img src="assets/img/image_1.png" alt="Ontario Power Generation" />
<img src="assets/img/quanser-logo.jpg" alt="quanser" />
</div>
<br>
<br />
<h2>Featured Clubs 2023:</h2>
<br>
<br />
<div class="clubs">
<img src="assets/img/IEEE.png" alt="IEEE">
<img src="assets/img/WiSE_pfp_logo.png" alt="WISE">
<img src="assets/img/Logo_Remake_Minimalist.png" alt="Rockertry">
<img src="assets/img/Logo_RWR_Filled.png" alt="Lassonde MotorSports">
<img src="assets/img/Frame_1.png" alt="CS Hub">
<img src="assets/img/YURS_Logo_constellation.png" alt="YURS">
<img src="assets/img/IEEE.png" alt="IEEE" />
<img src="assets/img/WiSE_pfp_logo.png" alt="WISE" />
<img src="assets/img/Logo_Remake_Minimalist.png" alt="Rockertry" />
<img src="assets/img/Logo_RWR_Filled.png" alt="Lassonde MotorSports" />
<img src="assets/img/Frame_1.png" alt="CS Hub" />
<img src="assets/img/YURS_Logo_constellation.png" alt="YURS" />
</div>
<br>

<button onclick="location.href = 'https://drive.google.com/file/d/1C2CIJ8UFBEHOK-m7qH7IYynZsgiCIKdG/view?usp=sharing';" class="button" role="button">Sponsor this Event</button>
<br><br>
<br />

<button
onclick="location.href = 'https://drive.google.com/file/d/1C2CIJ8UFBEHOK-m7qH7IYynZsgiCIKdG/view?usp=sharing';"
class="button"
role="button"
>
Sponsor this Event
</button>
<br /><br />
Loading