mirror of
https://github.com/MontrealGameJam/MontrealGameJam.github.io.git
synced 2026-03-24 04:01:07 +00:00
Merge branch 'revamp-2020'
This commit is contained in:
Massimo Di Lullo
commit
6c8361d5ab
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
.idea
|
||||||
32
README.md
Normal file
32
README.md
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
# Montreal Game Jam Site
|
||||||
|
This repository is a github pages meaning that when the code is pushed in the branch master, it will be live on mtlgj.org
|
||||||
|
|
||||||
|
## Dependancies
|
||||||
|
- Bootstrap : v4.3.1
|
||||||
|
- JQuery : v3.4.1
|
||||||
|
- FontAwesome : v5.8.2
|
||||||
|
|
||||||
|
## Yearly Change To-Do
|
||||||
|
|
||||||
|
#### Obligatory
|
||||||
|
- Change the Logo Icon and Favicon
|
||||||
|
- Change the images for last year's photos
|
||||||
|
- Change the dates
|
||||||
|
- Change the text in about the event section (the statistics)
|
||||||
|
- Change the RSVP link (link towards current year's ticket office (EventBrite / LePointDeVente))
|
||||||
|
|
||||||
|
#### If Needed
|
||||||
|
- Change the content of the section "we offer"
|
||||||
|
- Change the address and map coordinates
|
||||||
|
- Change this [README.md](README.md) file
|
||||||
|
|
||||||
|
## Authors
|
||||||
|
Club Conjure : [www.clubconjure.com](clubconjure.com)
|
||||||
|
|
||||||
|
* Before : ?
|
||||||
|
* 2018 : Dmitri Kolytchev
|
||||||
|
* 2019 : Jessy AngleHart-Nunes
|
||||||
|
* 2020 : Massimo Di Lullo
|
||||||
|
|
||||||
|
## License
|
||||||
|
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details
|
||||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@ -1,133 +1,195 @@
|
|||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="Conjure club">
|
||||||
|
|
||||||
<head>
|
<title>Montreal Game Jam</title>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<!-- Favicon -->
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Montréal Game Jam</title>
|
<!-- Bootstrap Core CSS -->
|
||||||
|
<link href="./../../static/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
<!-- Font Awesome Icons -->
|
||||||
<link href="./../../static/css/bootstrap.min.css" rel="stylesheet">
|
<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">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar fixed-top navbar-dark navbar-expand-lg" role="navigation">
|
||||||
|
<!-- Needs to be a LOGO -->
|
||||||
|
<a class="navbar-brand" href="./index.html"><img class="img-logo" src="../../static/img/logo.png" alt="Montreal Game Jam Logo" /></a>
|
||||||
|
<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>
|
||||||
|
|
||||||
<!-- 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>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
||||||
<div class="container">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</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">Registration</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/fr/index.html">Fr</a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="./../../lang/fr/index.html">Fr</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- /.navbar-collapse -->
|
<!-- /.navbar-collapse -->
|
||||||
</div>
|
</nav>
|
||||||
<!-- /.container -->
|
|
||||||
</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">
|
<li class="nav-item">
|
||||||
<img src="../../static/img/header_en.jpg"/>
|
<a class="nav-link" href="https://www.facebook.com/MontrealGameJam/">
|
||||||
</header>
|
<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>
|
||||||
|
|
||||||
<!-- Page Content -->
|
<!-- Image Background Page Header -->
|
||||||
<div class="container">
|
<!-- Note: The background image is set within the business-frontpage.css file. -->
|
||||||
<div class="row main">
|
<div class="background-image-header splash-screen"></div>
|
||||||
<div class="col-sm-8">
|
<header class="business-header splash-screen">
|
||||||
<h2>What's this?</h2>
|
<div class="row justify-content-center align-items-center">
|
||||||
<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>
|
<div class="col-sm-10 col-md-8 col-lg-4 col-xl-3 title-splash-screen">
|
||||||
<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>
|
<h1>Montreal Game Jam 2020</h1>
|
||||||
<h2>When's this?</h2>
|
<h6>January 31 - February 02 | ÉTS</h6>
|
||||||
<p><b>January 25 to 27, 2019.</b></p>
|
<!--<a class="btn btn-info" href="https://www.eventbrite.ca/e/billets-montreal-game-jam-2019-52792314233">Buy Ticket</a>-->
|
||||||
<p>The event will start friday afternoon and will finish sunday afternoon.
|
<a class="btn btn-info">Bientôt ouvert</a>
|
||||||
</p>
|
|
||||||
<h2>Where's this?</h2>
|
|
||||||
<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>
|
|
||||||
<address>
|
|
||||||
<strong>Centre sportif de l'ÉTS</strong>
|
|
||||||
<br>1111, rue Notre-Dame Ouest
|
|
||||||
<br>Montréal, Québec
|
|
||||||
<br>
|
|
||||||
</address>
|
|
||||||
<p><iframe src="https://maps.google.ca/maps?f=q&source=s_q&hl=en&geocode=&q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&sll=45.495072,-73.562933&sspn=0.012589,0.027874&gl=ca&ie=UTF8&hq=&hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&t=m&z=14&ll=45.494997,-73.562826&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="610" height="400"></iframe><br>
|
|
||||||
<small><a style="color: #0000ff; text-align: left;" href="https://maps.google.ca/maps?f=q&source=embed&hl=en&geocode=&q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&sll=45.495072,-73.562933&sspn=0.012589,0.027874&gl=ca&ie=UTF8&hq=&hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&t=m&z=14&ll=45.494997,-73.562826">View Larger Map</a></small></p>
|
|
||||||
</p>
|
|
||||||
<h2>How Much?</h2>
|
|
||||||
<p><b>Only 30$!</b></p>
|
|
||||||
<p>The 2019 edition will offer an enhanced experience of the Game Jam. Follow us on Facebook to get the latest news.</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 class="col-sm-4">
|
|
||||||
<h2>Contact Us</h2>
|
|
||||||
<address>
|
|
||||||
<abbr>Email:</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>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<p>Copyright © Montréal Game Jam 2018</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</header>
|
||||||
|
|
||||||
</div>
|
<!-- Page Content -->
|
||||||
<!-- /.container -->
|
<main class="container-fluid">
|
||||||
|
<section class="row justify-content-center align-items-center">
|
||||||
|
<div class="col-xl-4 col-lg-12 content-section">
|
||||||
|
<h2>About the event</h2>
|
||||||
|
<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 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>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-8 col-lg-12 img-container">
|
||||||
|
<img class="about-img" src="../../static/img/about.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<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>
|
||||||
|
<b>École de technologie supérieure ÉTS</b><br/>
|
||||||
|
1100 Notre-Dame St W, Montreal, QC H3C 1K3
|
||||||
|
</address>
|
||||||
|
<br/>
|
||||||
|
<h2>When</h2>
|
||||||
|
<p>January 31 - February 02, 2020</p>
|
||||||
|
<h5>Friday</h5>
|
||||||
|
<p>Opens : 15h00</p>
|
||||||
|
<h5>Sunday</h5>
|
||||||
|
<p>Closes : 19h00</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- Footer -->
|
||||||
<script src="./../../static/js/jquery.js"></script>
|
<footer class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<p>Copyright © Montréal Game Jam 2020</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
<!-- /.container -->
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
<!-- jQuery -->
|
||||||
<script src="./../../static/js/bootstrap.min.js"></script>
|
<script src="../../static/js/jquery.min.js"></script>
|
||||||
|
|
||||||
</body>
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="../../static/js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Custom JavaScript -->
|
||||||
|
<script src="../../static/js/custom.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,132 +1,194 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="Club Conjure">
|
||||||
|
|
||||||
<head>
|
<title>Montréal Game Jam</title>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<!-- Favicon -->
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Montréal Game Jam</title>
|
<!-- Bootstrap Core CSS -->
|
||||||
|
<link href="./../../static/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
<!-- Font Awesome Icons -->
|
||||||
<link href="./../../static/css/bootstrap.min.css" rel="stylesheet">
|
<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">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Navigation -->
|
||||||
|
<nav class="navbar fixed-top navbar-dark navbar-expand-lg" role="navigation">
|
||||||
|
<!-- Needs to be a LOGO -->
|
||||||
|
<a class="navbar-brand" href="./index.html"><img class="img-logo" src="../../static/img/logo.png" alt="Montreal Game Jam Logo" /></a>
|
||||||
|
<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>
|
||||||
|
|
||||||
<!-- 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>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
||||||
<div class="container">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</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>
|
</nav>
|
||||||
<!-- /.container -->
|
|
||||||
</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">
|
<li class="nav-item">
|
||||||
<img src="../../static/img/header_fr.jpg"/>
|
<a class="nav-link" href="https://www.facebook.com/MontrealGameJam/">
|
||||||
</header>
|
<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>
|
||||||
|
|
||||||
<!-- Page Content -->
|
<!-- Image Background Page Header -->
|
||||||
<div class="container">
|
<!-- Note: The background image is set within the business-frontpage.css file. -->
|
||||||
<div class="row main">
|
<div class="background-image-header splash-screen"></div>
|
||||||
<div class="col-sm-8">
|
<header class="business-header splash-screen">
|
||||||
<h2>C'est quoi?</h2>
|
<div class="row justify-content-center align-items-center">
|
||||||
<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>
|
<div class="col-sm-10 col-md-8 col-lg-4 col-xl-3 title-splash-screen">
|
||||||
<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>
|
<h1>Montréal Game Jam 2020</h1>
|
||||||
<h2>C'est quand?</h2>
|
<h6>31 Janvier - 02 Février | ÉTS</h6>
|
||||||
<p><b>du 25 au 27 janvier 2019.</b></p>
|
<!--<a class="btn btn-info" href="https://www.eventbrite.ca/e/billets-montreal-game-jam-2019-52792314233">Achetez un billet</a>-->
|
||||||
<p> L’événement débute en fin de journée le vendredi et se termine en après-midi le dimanche.
|
<a class="btn btn-info">Bientôt ouvert</a>
|
||||||
</p>
|
|
||||||
<h2>C'est Où?</h2>
|
|
||||||
<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>
|
|
||||||
<address>
|
|
||||||
<strong>Centre sportif de l'ÉTS</strong>
|
|
||||||
<br>1111, rue Notre-Dame Ouest
|
|
||||||
<br>Montréal, Québec
|
|
||||||
<br>
|
|
||||||
</address>
|
|
||||||
<p><iframe src="https://maps.google.ca/maps?f=q&source=s_q&hl=en&geocode=&q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&sll=45.495072,-73.562933&sspn=0.012589,0.027874&gl=ca&ie=UTF8&hq=&hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&t=m&z=14&ll=45.494997,-73.562826&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="610" height="400"></iframe><br>
|
|
||||||
<small><a style="color: #0000ff; text-align: left;" href="https://maps.google.ca/maps?f=q&source=embed&hl=en&geocode=&q=1100+Rue+Notre-Dame+Ouest,+Montreal,+QC+H3C+1K3&sll=45.495072,-73.562933&sspn=0.012589,0.027874&gl=ca&ie=UTF8&hq=&hnear=1100+Rue+Notre-Dame+Ouest,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Qu%C3%A9bec+H3C&t=m&z=14&ll=45.494997,-73.562826">View Larger Map</a></small></p>
|
|
||||||
</p>
|
|
||||||
<h2>C'est combien?</h2>
|
|
||||||
<p><b>Seulement 30$!</b></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>
|
|
||||||
<p> Des collations seront aussi offertes aux participant.e.s à plusieurs reprises durant l’événement.
|
|
||||||
</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 class="col-sm-4">
|
|
||||||
<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>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<p>Copyright © Montréal Game Jam 2018</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</header>
|
||||||
|
|
||||||
</div>
|
<!-- Page Content -->
|
||||||
<!-- /.container -->
|
<main class="container-fluid">
|
||||||
|
<section class="row justify-content-center align-items-center">
|
||||||
|
<div class="col-xl-4 col-lg-12 content-section">
|
||||||
|
<h2>À propos de l'événement</h2>
|
||||||
|
<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 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>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-8 col-lg-12 img-container">
|
||||||
|
<img class="about-img" src="../../static/img/about.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<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>
|
||||||
|
<b>École de technologie supérieure ÉTS</b><br/>
|
||||||
|
1100 Notre-Dame St W, Montreal, QC H3C 1K3
|
||||||
|
</address>
|
||||||
|
<br/>
|
||||||
|
<h2>Quand</h2>
|
||||||
|
<p>31 Janvier - 02 Février, 2020</p>
|
||||||
|
<h5>Vendredi</h5>
|
||||||
|
<p>Ouvre : 15h00</p>
|
||||||
|
<h5>Sunday</h5>
|
||||||
|
<p>Ferme : 19h00</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- Footer -->
|
||||||
<script src="./../../static/js/jquery.js"></script>
|
<footer class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<p>Copyright © Montréal Game Jam 2020</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
<!-- /.container -->
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
<!-- jQuery -->
|
||||||
<script src="./../../static/js/bootstrap.min.js"></script>
|
<script src="../../static/js/jquery.min.js"></script>
|
||||||
|
|
||||||
</body>
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="../../static/js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Custom JavaScript -->
|
||||||
|
<script src="../../static/js/custom.js"></script>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
6757
static/css/bootstrap.css
vendored
6757
static/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
7
static/css/bootstrap.min.css
vendored
7
static/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,64 +1,321 @@
|
|||||||
/*
|
|
||||||
* 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. */
|
font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
||||||
background-color: #e4e4e4;
|
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 {
|
||||||
|
border: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.business-header {
|
.background-image-header {
|
||||||
|
background: url('../img/splashscreen.jpg') no-repeat center center fixed;
|
||||||
height: 315px;
|
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
-moz-background-size: cover;
|
-moz-background-size: cover;
|
||||||
background-size: cover;
|
|
||||||
-o-background-size: cover;
|
-o-background-size: cover;
|
||||||
padding: 0px;
|
background-size: cover;
|
||||||
border: 0px;
|
|
||||||
margin: 0px;
|
-webkit-filter: blur(2px);
|
||||||
background: url(../../static/img/header_blur.png) center 51px;
|
filter: blur(2px);
|
||||||
/*background-size: cover;*/
|
|
||||||
background-attachment: fixed;
|
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 #0B419E;
|
||||||
|
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: #9C0010;
|
||||||
|
-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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.business-header .title-splash-screen .btn:hover {
|
||||||
|
-webkit-filter: brightness(75%);
|
||||||
|
filter: brightness(75%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.business-header .title-splash-screen h6 {
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-top: 25px;
|
||||||
|
border-top: 4px solid #0B419E;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ----------------------- Navigation --------------------------------------------------------------------- */
|
||||||
|
.navbar {
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.navbar {
|
||||||
|
background-color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-logo {
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-nav {
|
||||||
|
position: fixed;
|
||||||
|
right: 75px;
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-nav .nav-item {
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid rgba(255,255,255,.1);
|
||||||
|
margin:0 0 0 15px;
|
||||||
|
padding: 3px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-nav .nav-item i {
|
||||||
|
display: flex;
|
||||||
|
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: 0;
|
||||||
|
-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: rgba(240, 240, 240, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
section:nth-of-type(even) {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .content-section {
|
||||||
|
min-height: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 50px 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section .content-section h2 {
|
||||||
|
color: #062251;
|
||||||
|
font-weight: 800;
|
||||||
|
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;
|
overflow: hidden;
|
||||||
border-bottom: 1px solid white;
|
max-height: 680px;
|
||||||
box-shadow: inset black 0 -32px 32px -32px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-img-en {
|
section .img-container .about-img, section .iframe-container iframe, section .img-container .mission-img {
|
||||||
/*background: url('../img/header_en.png') center center no-repeat scroll;*/
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-img-fr {
|
section .img-container .mission-img {
|
||||||
/*background: url('../img/header_fr.png') center center no-repeat scroll;*/
|
margin-top: -8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-img-en img,
|
.content-section {
|
||||||
.header-img-fr img{
|
padding-right: 75px;
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
box-shadow: #130000 0 0 32px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title-center {
|
||||||
.img-center {
|
width: 100%;
|
||||||
margin: 0 auto;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.card {
|
||||||
overflow:auto;
|
width: 200px;
|
||||||
|
min-width: 200px;
|
||||||
|
height: 230px;
|
||||||
|
margin-bottom: 15px !important;
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > .container{
|
.card {
|
||||||
width: 851px;
|
color:#020E26;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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: #0B419E;
|
||||||
|
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 {
|
||||||
position: relative;
|
margin-top: -7px !important;
|
||||||
clear:both;
|
padding: 14px 0 0 0 !important;
|
||||||
padding-top:20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer div {
|
||||||
|
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
BIN
static/img/about.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB |
BIN
static/img/logo.gif
Normal file
BIN
static/img/logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/img/logo.png
Normal file
BIN
static/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 952 B |
BIN
static/img/mission.jpg
Normal file
BIN
static/img/mission.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 MiB |
BIN
static/img/splashscreen.jpg
Normal file
BIN
static/img/splashscreen.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 MiB |
2377
static/js/bootstrap.js
vendored
2377
static/js/bootstrap.js
vendored
File diff suppressed because it is too large
Load Diff
12
static/js/bootstrap.min.js
vendored
12
static/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
5
static/js/custom.js
Normal file
5
static/js/custom.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
$(document).ready(function () {
|
||||||
|
$('.navbar-toggler').on('click', function () {
|
||||||
|
$('.burger-icon').toggleClass('open');
|
||||||
|
});
|
||||||
|
});
|
||||||
4
static/js/jquery.js
vendored
4
static/js/jquery.js
vendored
File diff suppressed because one or more lines are too long
2
static/js/jquery.min.js
vendored
Normal file
2
static/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user