Conjure/MontrealGameJam.github.io
6
0
Fork 0
mirror of https://github.com/MontrealGameJam/MontrealGameJam.github.io.git synced 2026-03-24 04:01:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revamp whole website (FR/EN)

Browse Source
This commit is contained in:
Massimo Di Lullo 2019-05-21 11:03:23 -04:00
parent 50d375a641
commit 2f388657bc
9 changed files with 583 additions and 247 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

194
lang/en/index.html
View File

@ -5,9 +5,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="Conjure club">
<title>Montréal Game Jam</title> <title>Montreal Game Jam</title>
<!-- Favicon -->
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
<!-- Bootstrap Core CSS --> <!-- Bootstrap Core CSS -->
<link href="./../../static/css/bootstrap.min.css" rel="stylesheet"> <link href="./../../static/css/bootstrap.min.css" rel="stylesheet">
@ -17,28 +20,19 @@
<!-- Custom CSS --> <!-- Custom CSS -->
<link href="./../../static/css/business-frontpage.css" rel="stylesheet"> <link href="./../../static/css/business-frontpage.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar fixed-top navbar-dark bg-dark navbar-expand-lg" role="navigation"> <nav class="navbar fixed-top navbar-dark navbar-expand-lg" role="navigation">
<a class="navbar-brand" href="./index.html">Montréal Game Jam</a> <!-- Needs to be a LOGO -->
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#main-navbar-collapse"> <a class="navbar-brand" href="./index.html"><img class="img-logo" src="../../static/img/logo.jpg" alt="Montreal Game Jam Logo" /></a>
<span class="navbar-toggler-icon"></span> <button type="button" class="navbar-toggler" data-toggle="collapse" aria-controls="navbarSupportedContent20" data-target="#main-navbar-collapse">
<div class="burger-icon"><span></span><span></span><span></span></div>
</button> </button>
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main-navbar-collapse"> <div class="collapse navbar-collapse" id="main-navbar-collapse">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://www.eventbrite.ca/e/billets-montreal-game-jam-2019-52792314233">Registration</a>
</li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="http://globalgamejam.org/">Global Game Jam</a> <a class="nav-link" href="http://globalgamejam.org/">Global Game Jam</a>
</li> </li>
@ -50,70 +44,131 @@
<!-- /.navbar-collapse --> <!-- /.navbar-collapse -->
</nav> </nav>
<!-- Image Background Page Header --> <aside class="social-nav navbar navbar-dark navbar-expand">
<!-- Note: The background image is set within the business-casual.css file. --> <ul class="navbar-nav">
<header class="business-header header-img-fr">
<img src="../../static/img/header_en.jpg"/>
</header>
<aside class="social-nav navbar navbar-light">
<ul class="nav flex-column">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://www.facebook.com/MontrealGameJam/"> <a class="nav-link" href="https://www.facebook.com/MontrealGameJam/">
<i class="fab fa-facebook-f fa-2x"></i> <i class="fab fa-facebook-f fa-lg"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/mtlgamejam">
<i class="fab fa-twitter fa-2x"></i>
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="mailto:info@mtlgj.org"> <a class="nav-link" href="mailto:info@mtlgj.org">
<i class="fas fa-at fa-2x"></i> <i class="fas fa-at fa-lg"></i>
</a> </a>
</li> </li>
</ul> </ul>
</aside> </aside>
<!-- Image Background Page Header -->
<!-- Note: The background image is set within the business-frontpage.css file. -->
<div class="background-image-header splash-screen"></div>
<header class="business-header splash-screen">
<div class="row justify-content-center align-items-center">
<div class="col-sm-10 col-md-8 col-lg-4 col-xl-3 title-splash-screen">
<h1>Montreal Game Jam 2020</h1>
<h6>January 31 - February 02 | ÉTS</h6>
<a class="btn btn-info" href="https://www.eventbrite.ca/e/billets-montreal-game-jam-2019-52792314233">RSVP</a>
</div>
</div>
</header>
<!-- Page Content --> <!-- Page Content -->
<main class="container-fluid"> <main class="container-fluid">
<div class="row main"> <section class="row justify-content-center align-items-center">
<div class="col-sm-8"> <div class="col-xl-4 col-lg-12 content-section">
<h2>What's this?</h2> <h2>About the event</h2>
<p>The Montreal Game Jam is the Montreal chapter for the Global Game Jam.This event encourages participants from all over the world to create a video game prototype based on a theme over the course of a weekend. </p> <p class="text-justify">The Montreal Game Jam is the Montreal chapter for the Global Game Jam.This event encourages participants from all over the world to create a video game prototype based on a theme over the course of a weekend.</p>
<p>It’s more than 10 684 participants in 47 countries giving body and soul to complete their objectives. 2209 games were created last year. The organization of the Montreal Game Jam is the union of multiple universities and professionals from Montreal whose mandate is to promote Montreal video game industry.</p> <p class="text-justify">It’s more than 42 800 participants in 108 countries giving body and soul to complete their objectives and 8 606 games were created last year. The organization of the Montreal Game Jam is the union of multiple universities and professionals from Montreal whose mandate is to promote Montreal video game industry.</p>
<h2>When's this?</h2> </div>
<p><b>January 25 to 27, 2019.</b></p> <div class="col-xl-8 col-lg-12 img-container">
<p>The event will start friday afternoon and will finish sunday afternoon. <img class="about-img" src="../../static/img/about.jpg" alt="">
</p> </div>
<h2>Where's this?</h2> </section>
<p>The event will take place at the École de Technologie Supérieure Sport's center. Participants will need to get to the third floor and register themselves at our kiosk.</p> <section class="row justify-content-center align-items-center flex-lg-wrap-reverse">
<div class="col-xl-8 col-lg-12 img-container">
<img class="mission-img" src="../../static/img/mission.jpg" alt="">
</div>
<div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 content-section">
<h2>Mission</h2>
<p class="text-justify">We gather students and professionals to stimulate the creation of innovative ideas and to nurture the collaboration in the community. It is by relying on the development of this community that we can increase the overall expertise. Our partners, through their presence, will be able to demonstrate their interest to promote the video game culture. Now is the time to discover new talents, to cultivate new ideas and to form new partnerships.</p>
<p class="text-justify">Whether the participants are from the universities or the industry, they will bond during the Jam. Innovative games and interesting mechanics are developed over the weekend and it is up to you to promote this! We want you to have a lot of fun and do what you love most: create games!</p>
</div>
</section>
<section class="row justify-content-center align-items-center">
<div class="col-xs-12 content-section justify-content-center">
<!-- Use cards to insert icons showing what we offer -->
<h2 class="title-center">We Offer</h2>
<div class="card-deck">
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-coffee card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Coffee</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-cookie-bite card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Food</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-shower card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Shower</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-bed card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Sleeping area</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-award card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Prizes</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-hands-helping card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Networking</p>
</div>
</div>
</div>
</div>
</section>
<section class="row justify-content-center align-items-center flex-sm-wrap-reverse">
<div class="col-lg-8 col-md-6 col-sm-12 iframe-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2796.7714986648652!2d-73.56443468444153!3d45.49454597910131!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cc91a60aa839707%3A0xb732a719a45c45f6!2s%C3%89cole+de+technologie+sup%C3%A9rieure+%C3%89TS!5e0!3m2!1sen!2sca!4v1558025285765!5m2!1sen!2sca" width="800" height="540" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 content-section">
<h2>Location</h2>
<address> <address>
<strong>Centre sportif de l'ÉTS</strong> <b>École de technologie supérieure ÉTS</b><br/>
<br>1111, rue Notre-Dame Ouest 1100 Notre-Dame St W, Montreal, QC H3C 1K3
<br>Montréal, Québec
<br>
</address> </address>
<p> <br/>
<iframe src="https://maps.google.ca/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&amp;sll=45.495072,-73.562933&amp;sspn=0.012589,0.027874&amp;gl=ca&amp;ie=UTF8&amp;hq=&amp;hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&amp;t=m&amp;z=14&amp;ll=45.494997,-73.562826&amp;output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="610" height="400"></iframe><br> <h2>When</h2>
<small><a style="color: #0000ff; text-align: left;" href="https://maps.google.ca/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&amp;sll=45.495072,-73.562933&amp;sspn=0.012589,0.027874&amp;gl=ca&amp;ie=UTF8&amp;hq=&amp;hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&amp;t=m&amp;z=14&amp;ll=45.494997,-73.562826">View Larger Map</a></small></p> <p>January 31 - February 02, 2020</p>
</p> <h5>Friday</h5>
<h2>How Much?</h2> <p>Opens : 15h00</p>
<p><b>Only 30$!</b></p> <h5>Sunday</h5>
<p>The 2019 edition will offer an enhanced experience of the Game Jam. Follow us on Facebook to get the latest news.</p> <p>Closes : 19h00</p>
<p>Snacks will be also given to particpants during the event.
</p>
<h2>Why?</h2>
<p>Over the last few years, the video game industry has expanded tremendously in Montreal due to the emerging studios and our city is now recognized as a leader of this industry. Our mission as the Montreal Game Jam is to gather students, amateurs and professionals to stimulate the creation of innovative ideas. We want to nurture the collaboration in the Montreal community. It is by relying on the development of the Montreal community that we can increase the overall expertise and the need of belonging of the industry.
Considering the strong media presence, our partners/sponsors through their presence, will be able to demonstrate their interest to promote the Montreal video game culture. Now is the time to discover new talents, to cultivate new ideas and to form new partnerships. Whether the participants are from the universities, the Indie scene or the industry, they will bond together during the course of the Jam. Innovative games and interesting gameplay mechanics are developed over the course of the weekend and it is up to you to promote this!
The ultimate goal of the Game Jam is simple. We want you to have a lot of fun and do what you love most: create games!
</p>
</div> </div>
</div> </section>
<!-- /.row -->
</main>
<!-- /.container -->
<!-- Footer --> <!-- Footer -->
<footer class="container-fluid"> <footer class="container-fluid">
@ -123,12 +178,17 @@
</div> </div>
</div> </div>
</footer> </footer>
</main>
<!-- /.container -->
<!-- jQuery --> <!-- jQuery -->
<script src="./../../static/js/jquery.min.js"></script> <script src="../../static/js/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript --> <!-- Bootstrap Core JavaScript -->
<script src="./../../static/js/bootstrap.min.js"></script> <script src="../../static/js/bootstrap.min.js"></script>
<!-- Custom JavaScript -->
<script src="../../static/js/custom.js"></script>
</body> </body>
</html> </html>

229
lang/fr/index.html
View File

@ -1,132 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="Club Conjure">
<title>Montréal Game Jam</title> <title>Montréal Game Jam</title>
<!-- Favicon -->
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
<!-- Bootstrap Core CSS --> <!-- Bootstrap Core CSS -->
<link href="./../../static/css/bootstrap.min.css" rel="stylesheet"> <link href="./../../static/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<!-- Custom CSS --> <!-- Custom CSS -->
<link href="./../../static/css/business-frontpage.css" rel="stylesheet"> <link href="./../../static/css/business-frontpage.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <nav class="navbar fixed-top navbar-dark navbar-expand-lg" role="navigation">
<div class="container"> <!-- Needs to be a LOGO -->
<!-- Brand and toggle get grouped for better mobile display --> <a class="navbar-brand" href="./index.html"><img class="img-logo" src="../../static/img/logo.jpg" alt="Montreal Game Jam Logo" /></a>
<div class="navbar-header"> <button type="button" class="navbar-toggler" data-toggle="collapse" aria-controls="navbarSupportedContent20" data-target="#main-navbar-collapse">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <div class="burger-icon"><span></span><span></span><span></span></div>
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="./index.html">Montréal Game Jam</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="main-navbar-collapse">
<ul class="nav navbar-nav"> <ul class="navbar-nav">
<li> <li class="nav-item">
<a href="https://www.eventbrite.ca/e/billets-montreal-game-jam-2019-52792314233">Inscription</a> <a class="nav-link" href="http://globalgamejam.org/">Global Game Jam</a>
</li> </li>
<li> <li class="nav-item">
<a href="http://globalgamejam.org/">Global Game Jam</a> <a class="nav-link" href="./../../lang/en/index.html">En</a>
</li>
<li>
<a href="./../../lang/en/index.html">En</a>
</li> </li>
</ul> </ul>
</div> </div>
<!-- /.navbar-collapse --> <!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav> </nav>
<aside class="social-nav navbar navbar-dark navbar-expand">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://www.facebook.com/MontrealGameJam/">
<i class="fab fa-facebook-f fa-lg"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:info@mtlgj.org">
<i class="fas fa-at fa-lg"></i>
</a>
</li>
</ul>
</aside>
<!-- Image Background Page Header --> <!-- Image Background Page Header -->
<!-- Note: The background image is set within the business-casual.css file. --> <!-- Note: The background image is set within the business-frontpage.css file. -->
<header class="business-header header-img-fr"> <div class="background-image-header splash-screen"></div>
<img src="../../static/img/header_fr.jpg"/> <header class="business-header splash-screen">
<div class="row justify-content-center align-items-center">
<div class="col-sm-10 col-md-8 col-lg-4 col-xl-3 title-splash-screen">
<h1>Montréal Game Jam 2020</h1>
<h6>31 Janvier - 02 Février | ÉTS</h6>
<a class="btn btn-info" href="https://www.eventbrite.ca/e/billets-montreal-game-jam-2019-52792314233">RSVP</a>
</div>
</div>
</header> </header>
<!-- Page Content --> <!-- Page Content -->
<div class="container"> <main class="container-fluid">
<div class="row main"> <section class="row justify-content-center align-items-center">
<div class="col-sm-8"> <div class="col-xl-4 col-lg-12 content-section">
<h2>C'est quoi?</h2> <h2>À propos de l'événement</h2>
<p>Le Montreal Game Jam est le chapitre Montréalais pour le Global Game Jam. Cet événement international donne comme défi aux participants de réaliser un prototype de jeu basé sur une thématique spécifique pendant une période de 48 heures.</p> <p class="text-justify">Le Montréal Game Jam est le chapitre Montréalais pour le Global Game Jam. Cet événement international donne comme défi aux participants de réaliser un prototype de jeu basé sur une thématique spécifique pendant une période de 48 heures.</p>
<p>Plus de 10 684 participants dans 47 pays ont accepté le défi en 2012 et plus de 2209 jeux ont étés réalisés lors de l’événement. L’organisation du Montreal Game Jam est constitué de l’union de multiples universités et professionnels de Montréal dont le mandat commun est de promouvoir l’industrie du jeu vidéo.</p> <p class="text-justify">Plus de 42 800 participants dans 108 pays ont accepté le défi et plus de 8 606 jeux ont étés réalisés lors de l’événement de l'an passé. L’organisation du Montreal Game Jam est constitué de l’union de multiples universités et professionnels de Montréal dont le mandat commun est de promouvoir l’industrie du jeu vidéo.</p>
<h2>C'est quand?</h2> </div>
<p><b>du 25 au 27 janvier 2019.</b></p> <div class="col-xl-8 col-lg-12 img-container">
<p> L’événement débute en fin de journée le vendredi et se termine en après-midi le dimanche. <img class="about-img" src="../../static/img/about.jpg" alt="">
</p> </div>
<h2>C'est Où?</h2> </section>
<p>L’événement se déroule au centre sportif de l'École de technologie supérieure à Montréal. Les participant.e.s devront se rendre au troisième étage et s’enregistrer au kioske prévu pour l’événement.</p> <section class="row justify-content-center align-items-center flex-lg-wrap-reverse">
<div class="col-xl-8 col-lg-12 img-container">
<img class="mission-img" src="../../static/img/mission.jpg" alt="">
</div>
<div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 content-section">
<h2>Mission</h2>
<p class="text-justify">Nous rassemblons étudiants et professionnels pour stimuler la création et l’expérimentation de nouvelles idées et concepts. Nous voulons renforcer la collaboration avec la communauté du jeu et ainsi offrir la possibilité de créer de nouveaux liens à travers cet événement. C’est en supportant le développement de cette communauté que nous pourrons renforcer l’expertise générale. Considérant la forte présence médiatique, nos partenaires pourront ainsi démontrer leur intérêt à promouvoir la culture du jeu. C’est le temps de découvrir de nouveaux talents, de cultiver de nouvelles idées et de former de nouveaux liens.</p>
<p class="text-justify">Que les participants soient à l'université ou de l'industrie, l’événement offre la possibilité de briser cette barrière et ainsi collaborer. Nous voulons surtout que vous ayez du plaisir à accomplir ce défi et réaliser ce qui vous passionne!</p>
</div>
</section>
<section class="row justify-content-center align-items-center">
<div class="col-xs-12 content-section justify-content-center">
<!-- Use cards to insert icons showing what we offer -->
<h2 class="title-center">Nous offrons</h2>
<div class="card-deck">
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-coffee card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Café</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-cookie-bite card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Nourriture</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-shower card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Douche</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-bed card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Zone de couchage</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-award card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Prix</p>
</div>
</div>
<div class="card justify-content-center align-items-center">
<div>
<i class="fas fa-hands-helping card-img fa-7x"></i>
</div>
<div class="card-body justify-content-center align-items-center">
<p>Réseautage</p>
</div>
</div>
</div>
</div>
</section>
<section class="row justify-content-center align-items-center flex-sm-wrap-reverse">
<div class="col-lg-8 col-md-6 col-sm-12 iframe-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2796.7714986648652!2d-73.56443468444153!3d45.49454597910131!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cc91a60aa839707%3A0xb732a719a45c45f6!2s%C3%89cole+de+technologie+sup%C3%A9rieure+%C3%89TS!5e0!3m2!1sen!2sca!4v1558025285765!5m2!1sen!2sca" width="800" height="540" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 content-section">
<h2>Emplacement</h2>
<address> <address>
<strong>Centre sportif de l'ÉTS</strong> <b>École de technologie supérieure ÉTS</b><br/>
<br>1111, rue Notre-Dame Ouest 1100 Notre-Dame St W, Montreal, QC H3C 1K3
<br>Montréal, Québec
<br>
</address> </address>
<p><iframe src="https://maps.google.ca/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&amp;sll=45.495072,-73.562933&amp;sspn=0.012589,0.027874&amp;gl=ca&amp;ie=UTF8&amp;hq=&amp;hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&amp;t=m&amp;z=14&amp;ll=45.494997,-73.562826&amp;output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="610" height="400"></iframe><br> <br/>
<small><a style="color: #0000ff; text-align: left;" href="https://maps.google.ca/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&amp;sll=45.495072,-73.562933&amp;sspn=0.012589,0.027874&amp;gl=ca&amp;ie=UTF8&amp;hq=&amp;hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&amp;t=m&amp;z=14&amp;ll=45.494997,-73.562826">View Larger Map</a></small></p> <h2>Quand</h2>
</p> <p>31 Janvier - 02 Février, 2020</p>
<h2>C'est combien?</h2> <h5>Vendredi</h5>
<p><b>Seulement 30$!</b></p> <p>Ouvre : 15h00</p>
<p>Pour l’édition 2019. nous comptons améliorer l'expérience du Game Jam. Suivez-nous sur Facebook pour en apprendre d'avantage.</p> <h5>Sunday</h5>
<p> Des collations seront aussi offertes aux participant.e.s à plusieurs reprises durant l’événement. <p>Ferme : 19h00</p>
</p>
<h2>Pourquoi?</h2>
<p>Au fil des dernières années, l’industrie du jeu vidéo à grandi exponentiellement à Montréal dû à l’émergence de nouveaux studios et la ville est maintenant reconnu comme étant l’un de pôle d’importance de cette industrie. La mission du Montreal Game Jam est de rassembler étudiants, professionels et amateurs pour stimuler la création et l’expérimentation de nouvelles idées et concepts. Nous voulons renforcer la collaboration avec la communauté du jeu à Montréal et ainsi offrir la possibilité de créer de nouveaux liens à travers cet événement. C’est en supportant le développement de la communauté du jeu de Montréal que nous pourrons renforcer l’expertise générale ainsi que l’appartenance à ce milieu.
Considérant la forte présence médiatique, nos partenaires ainsi que les participants pourront ainsi démontrer leur intérêt à promouvoir la culture du jeu de Montréal. C’est le temps de découvrir de nouveaux talents, de cultiver de nouvelles idées et de former de nouveaux liens. Que les participants soient étudiants, professionnels ou amateurs, l’événement offre la possibilité de briser cette barrière et ainsi collaborer tous ensemble.
Le but ultime du jam est simple. Nous voulons surtout que vous ayez du plaisir à accomplir ce défi et réaliser ce qui vous passionne!
</p>
</div> </div>
<div class="col-sm-4"> </section>
<h2>Contact</h2>
<address>
<abbr>Courriel:</abbr> <a href="mailto:info@mtlgj.org">info@mtlgj.org</a></br>
<abbr>Twitter:</abbr> <a href="https://twitter.com/mtlgamejam">MTLGameJam</a></br>
<abbr>Facebook:</abbr> <a href="https://www.facebook.com/MontrealGameJam/">MontréalGameJam</a>
</address>
</div>
</div>
<!-- /.row -->
<!-- Footer --> <!-- Footer -->
<footer> <footer class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<p>Copyright &copy; Montréal Game Jam 2018</p> <p>Copyright &copy; Montréal Game Jam 2020</p>
</div> </div>
</div> </div>
</footer> </footer>
</main>
</div>
<!-- /.container --> <!-- /.container -->
<!-- jQuery --> <!-- jQuery -->
<script src="./../../static/js/jquery.min.js"></script> <script src="../../static/js/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript --> <!-- Bootstrap Core JavaScript -->
<script src="./../../static/js/bootstrap.min.js"></script> <script src="../../static/js/bootstrap.min.js"></script>
<!-- Custom JavaScript -->
<script src="../../static/js/custom.js"></script>
</body> </body>
</html> </html>

348
static/css/business-frontpage.css
View File

@ -1,104 +1,314 @@
/*
* Start Bootstrap - Business Frontpage (http://startbootstrap.com/)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/
body { body {
padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
background-color: #e4e4e4;
font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
height: 100%;
overflow-x: hidden;
} }
.container-fluid {
margin: 0;
padding: 0;
}
/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */ /* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */
.splash-screen {
.business-header { border: 0;
height: 315px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
padding: 0px;
border: 0px;
margin: 0px;
background: url(../../static/img/header_blur.png) center 51px;
/*background-size: cover;*/
background-attachment: fixed;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid white;
box-shadow: inset black 0 -32px 32px -32px;
}
.header-img-en {
/*background: url('../img/header_en.png') center center no-repeat scroll;*/
}
.header-img-fr {
/*background: url('../img/header_fr.png') center center no-repeat scroll;*/
}
.header-img-en img,
.header-img-fr img{
display: block; display: block;
margin: 0 auto; margin: 0 auto;
box-shadow: #130000 0 0 32px; height: 100%;
width: 100%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
left: 0;
}
.background-image-header {
background: url('../img/splashscreen.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-filter: blur(2px);
filter: blur(2px);
z-index: 1;
}
.business-header {
background-color: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.business-header div.row {
min-height: 100%;
height: 100%;
}
.business-header .title-splash-screen {
color: white;
text-align: center;
border: 4px solid #30d7f9;
padding: 40px;
text-transform: uppercase;
}
.business-header .title-splash-screen .btn {
position: relative;
top: 68px;
border: none;
border-radius: 0;
font-size: 1.5rem;
padding: 10px 50px;
background-color: #535cd5;
-webkit-filter: brightness(100%);
filter: brightness(100%);
-webkit-transition: all 0.75s ease;
-moz-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
transition: all 0.75s ease;
} }
.img-center { .business-header .title-splash-screen .btn:hover {
margin: 0 auto; -webkit-filter: brightness(75%);
filter: brightness(75%);
} }
.main { .business-header .title-splash-screen h6 {
overflow:auto; margin-top: 25px;
margin-bottom: 0;
padding-top: 25px;
border-top: 4px solid #30d7f9;
font-weight: bold;
} }
/*body > .container{
width: 851px;
}*/
/* ----------------------- Navigation --------------------------------------------------------------------- */
/* .navbar {
REVAMP CODE z-index: 10;
*/
@media screen and (max-width: 992px) {
#main-navbar-collapse {
margin-top: 10px;
padding-top: 5px;
border-top: 2px solid #303030;
} }
nav.navbar {
background-color: rgba(0, 0, 0, 0.95);
}
.img-logo {
border-radius: 4px;
height: 32px;
} }
.social-nav { .social-nav {
position: fixed; position: fixed;
right: 0; right: 75px;
top:50%; top: 1px;
padding: 0;
} }
.social-nav .nav-item { .social-nav .nav-item {
background-color: #fafafa; border-radius: 4px;
border-top: 1px solid #aaa; border: 1px solid rgba(255,255,255,.1);
border-left: 1px solid #aaa; margin:0 0 0 15px;
padding: 3px 5px;
} }
.social-nav .nav-item:last-of-type { .social-nav .nav-item i {
border-bottom: 1px solid #aaa;
}
.social-nav .nav-item a {
padding: 0.75rem;
}
.social-nav .nav-item a i {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.burger-icon:focus span, .burger-icon:hover span {
background: rgba(255, 255, 255, 0.75);
}
.burger-icon span {
background: rgba(255, 255, 255, 0.5);
}
.burger-icon {
width: 30px;
height: 30px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.burger-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.burger-icon span:nth-child(1) {
top: 4px;
}
.burger-icon span:nth-child(2) {
top: 14px;
}
.burger-icon span:nth-child(3) {
top: 24px;
}
.burger-icon.open span:nth-child(1) {
top: 14px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.burger-icon.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
.burger-icon.open span:nth-child(3) {
top: 14px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/* ----------------------- Content --------------------------------------------------------------------- */
main {
position: absolute;
top: 100%;
z-index: 4;
}
section {
min-height: 420px;
}
section:nth-of-type(odd), footer {
background-color: #CCDCE8;
}
section:nth-of-type(even) {
background-color: #E3E6E8;
}
section .content-section {
min-height: 100%;
height: 100%;
padding: 50px 50px;
}
section .content-section h2 {
color: #535cd5;
text-transform: uppercase;
font-size: 1.3rem;
padding-bottom: 5px;
}
section .content-section h2:nth-of-type(2) {
margin-top: 50px;
}
section .img-container {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
section .img-container, section .iframe-container {
height: 100%;
padding: 0;
overflow: hidden;
max-height: 680px;
}
section .img-container .about-img, section .iframe-container iframe, section .img-container .mission-img {
width: 100%;
}
section .img-container .mission-img {
margin-top: -8%;
}
.content-section {
padding-right: 75px;
}
.title-center {
width: 100%;
text-align: center;
}
.card {
width: 200px;
min-width: 200px;
height: 230px;
margin-bottom: 15px !important;
}
.card .card-body {
position: absolute;
height: 100%;
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: bold;
color: white;
background-color: #535cd5;
opacity: 0;
-webkit-transition: all 0.75s ease;
-moz-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
transition: all 0.75s ease;
}
.card:hover .card-body {
opacity:0.9;
}
.card .card-body p {
margin-top: 85px;
}
address {
display:inline-block;
}
/* ----------------------- Footer --------------------------------------------------------------------- */
footer { footer {
padding-top:20px; margin-top: -7px !important;
padding: 14px 0 0 0 !important;
} }
footer div { footer div {
text-align: center; text-align: center;
} }
/* ----------------------- Media Queries --------------------------------------------------------------------- */
@media screen and (max-width: 992px) {
#main-navbar-collapse {
margin-top: 10px;
padding-top: 5px;
border-top: 2px solid rgba(255,255,255,.1);
}
}

BIN
static/img/about.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 MiB

BIN
static/img/logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 762 KiB

BIN
static/img/mission.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
static/img/splashscreen.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 MiB

5
static/js/custom.js Normal file
View File

@ -0,0 +1,5 @@
$(document).ready(function () {
$('.navbar-toggler').on('click', function () {
$('.burger-icon').toggleClass('open');
});
});