-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (119 loc) · 7.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE HTML>
<html lang="fr">
<head>
<title>2022 </title>
<link rel="shortcut icon" href="https://tim-montmorency.com/public/img/favicons/favicon.ico">
<meta name="description"
content="Projets de fin d’études des finissant.e.s de Techniques d’intégration multimédia du Collège Montmorency.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&family=Quicksand:wght@300;400;600;700&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style-page-principale.css">
<meta property="og:title" content="2022 - Une expérience interactive TIM" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://tim-montmorency.com/2022/" />
<meta property="og:image" content="https://tim-montmorency.com/2022/medias/banniere_facebook_1200_630_2022.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:description"
content="Projets de fin d’études 2022 des finissant.e.s de Techniques d’intégration multimédia du Collège Montmorency." />
<link rel="apple-touch-icon" sizes="180x180"
href="https://tim-montmorency.com/public/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32"
href="https://tim-montmorency.com/public/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16"
href="https://tim-montmorency.com/public/img/favicons/favicon-16x16.png">
<link rel="manifest" href="https://tim-montmorency.com/public/img/favicons/site.webmanifest">
<link rel="mask-icon" href="https://tim-montmorency.com/public/img/favicons/safari-pinned-tab.svg" color="#ff003a">
</head>
<body>
<div id="page" class="home">
<header class="container">
<div class="row">
<h1><a href="index.html" id="logo"><svg class="logo-tim" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1202.33 303.71">
<circle cx="1113.33" cy="161.28" r="89"></circle>
<path
d="M785.69 166.81l16.26 16.26 16.26-16.26L930.56 54.46v226.25h-257V54.67l112.13 112.14zM650.56.71v303h303V.71h-1.77L801.95 150.54 652.12.71h-1.56zM324.48.46v303h303V.46h-303zm129.93 129.93c-13.08 13.08-13.08 34.29 0 47.38 9.41 9.41 23.02 12.05 34.79 7.92l94.77 94.77H347.48v-257h257v236.49l-94.77-94.77c4.13-11.77 1.48-25.39-7.92-34.79-13.09-13.08-34.3-13.08-47.38 0zM206.47 0L0 206.48V303h303V0h-96.53zM23 280v-64l85.62-85.62 119.87 119.87L249 229.74 129.13 109.87 216 23h64v257H23z">
</path>
</svg> <span class="nom-evenement">MOEBIUS</span></a></h1>
<p style="margin:0">Projets synthèse des finissants en techniques d'intégration multimédia du collège Montmorency.<br>●<br> Exposition du 24 au 28 mars 2022. Studio C-1712, 475 Blvd de l'Avenir, Laval.</p>
<!--<img src="medias/2022/mobius.png" alt="mobius" style="width:50%">-->
</div>
</header>
<main>
<section class="container">
<div class="row gy-4">
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Chere-Sasha/docs/web/index.html">
<img src="projets/Chere-Sasha/docs/web/medias/42_couverture.png" alt="Chère Sasha" class="img-fluid">
<div class="desc_projet">
<h2>Chère Sasha</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/3-minutes/docs/web/index.html">
<img src="medias/2022/3_minutes_logo.jpg" alt="3 minutes" class="img-fluid">
<div class="desc_projet">
<h2>3 minutes</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Jeu-Temporel/docs/web/index.html">
<img src="projets/Jeu-Temporel/docs/web/medias/logo.png" alt="Jeu temporel" class="img-fluid">
<div class="desc_projet">
<h2>Jeu temporel</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Chronaufrage/docs/web/index.html">
<img src="projets/Chronaufrage/docs/web/medias/LOGO.png"alt="Chronaufrage" class="img-fluid">
<div class="desc_projet">
<h2>Chronaufrage</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/L-horloge-de-l-apocalypse/docs/web/index.html">
<img src="projets/L-horloge-de-l-apocalypse/docs/web/medias/logo.png" alt="L'horologede l'apocalyse" class="img-fluid">
<div class="desc_projet">
<h2>L'horloge de l'apocalypse</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Distorsion-collective/docs/web/index.html">
<img src="projets/Distorsion-collective/docs/web/medias/banniere_wd_gl_500_500.png" alt="Distorsion collective" class="img-fluid">
<div class="desc_projet">
<h2>Distorsion collective</h2>
</div>
</a>
</div>
</div>
</section>
<br>
<section class="container">
<div class="row">
<p>Mémoires d’un futur oublié, fragments du passé fragile. Histoire égarée, puis retrouvée. Imaginer le présent, réinventer l’avenir. Le temps s’écoule, se glisse, se répète et nous confronte toutes et tous. C’est une ligne, un cycle, une boucle sans fin, un ruban de Mœbius au sein duquel l’humain a la volonté d’agir. On croit ne posséder aucun contrôle sur l’avancement du temps. Toutefois, l’histoire n’est-elle pas écrite par nos propres mains ?</p>
<p>Nous, les finissantes et finissants en Techniques d’intégration multimédia, vous invitons à donner un peu de votre temps pour venir vous rassembler autour de nos projets de synthèse de programme. Nous avons conceptualisé et réalisé des installations interactives, des parcours et des performances multimédias mémorables. Ces projets seront présentés au collège du 22 au 28 mars 15h dans nos studios (C-1710, C-1712).</p>
</section>
</div>
</main>
<footer>
© <a href="https://www.cmontmorency.qc.ca" target="_blank">Collège Montmorency</a> | <a
href="https://tim-montmorency.com/" target="_blank">TIM Montmorency 2022</a>
</footer>
</div>
<div class="grille-bg"></div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>