feat: ✨ add cohabit infos table
This commit is contained in:
parent
f910a2a7f8
commit
6c34d85533
22
components/CohabitInfoTable.css
Normal file
22
components/CohabitInfoTable.css
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
.components__cohabit_info_table {
|
||||||
|
display: grid;
|
||||||
|
gap: var(--_gap);
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
& section {
|
||||||
|
background-color: var(--_translucent);
|
||||||
|
padding: var(--_gap);
|
||||||
|
}
|
||||||
|
|
||||||
|
& h3,
|
||||||
|
.components__cohabit_info__subtitle {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (width < 800px) {
|
||||||
|
.components__cohabit_info_table {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
140
components/CohabitInfoTable.tsx
Normal file
140
components/CohabitInfoTable.tsx
Normal file
|
|
@ -0,0 +1,140 @@
|
||||||
|
export function CohabitInfoTable() {
|
||||||
|
return (
|
||||||
|
<div class='components__cohabit_info_table'>
|
||||||
|
<TechnoshopInfoTable />
|
||||||
|
<FablabInfoTable />
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function TechnoshopInfoTable() {
|
||||||
|
return (
|
||||||
|
<section class='components__cohabit_info_table__technoshop'>
|
||||||
|
<div>
|
||||||
|
<h3>Technoshop</h3>
|
||||||
|
<p class='components__cohabit_info__subtitle'>
|
||||||
|
Centre de ressources technologiques
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Public visé</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Entreprises</li>
|
||||||
|
<li>Laboratoires</li>
|
||||||
|
<li>Centre technologiques</li>
|
||||||
|
<li>Collectivités locales</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Objectif</h4>
|
||||||
|
<p>
|
||||||
|
Placer l'innovation au cour d'une stratégie collaborative
|
||||||
|
inter-disciplinaires en alliant le potentiel humain et matériel de
|
||||||
|
l'IUT, de l'université de Bordeaux et du tissu industriel régional.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>Appui au labos</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Développement de solutions technologiques</li>
|
||||||
|
<li>Aide à la valorisation des résultats de recherche</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>Projets B2B</h5>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Intégration et développement de solutions innovantes pour les
|
||||||
|
différents acteurs économiques
|
||||||
|
</li>
|
||||||
|
<li>Prototypage de solutions technologiques</li>
|
||||||
|
<li>Soutien technologique aux start-ups</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>Projets collaboratifs</h5>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Maturation de projets de la recherche vers l'industrie pour les
|
||||||
|
TPE/PME
|
||||||
|
</li>
|
||||||
|
<li>Accompagnement de projets collaboratifs à forts TRL</li>
|
||||||
|
<li>
|
||||||
|
Promotion de l'approche collaborative pour le développement des
|
||||||
|
projets technologiques innovants
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>R&D</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Ressourcement technologique</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function FablabInfoTable() {
|
||||||
|
return (
|
||||||
|
<section class='components__cohabit_info_table__fablab'>
|
||||||
|
<div>
|
||||||
|
<h3>FabLab</h3>
|
||||||
|
<p class='components__cohabit_info__subtitle'>
|
||||||
|
La technologie pour tous
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Public visé</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Étudiants</li>
|
||||||
|
<li>Jeunes des missions locales</li>
|
||||||
|
<li>Grand public</li>
|
||||||
|
<li>Entreprises primo-innovantes</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Objectif</h4>
|
||||||
|
<p>
|
||||||
|
Repenser les pratiques expérimentales dans une approche
|
||||||
|
d'apprentissage par "le faire" et favoriser la transition numérique
|
||||||
|
dans une démarche collaborative.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>Qu'est-ce qu'on y trouve ?</h5>
|
||||||
|
<p>
|
||||||
|
Un espace ouvert sur des moyens de fabrication numériques pour
|
||||||
|
prototyper par soi-même des solutions technologiques.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>La formation</h5>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Formation technologique pour tous (machines, méthodes, Cao...)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Pédagogie par le projet - stimulation créative décloisonnement des
|
||||||
|
publics
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Raccrochage à un parcours professionnel par l'acquisition de
|
||||||
|
compétences et la création de passerelles
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Promotion des sciences et de la technologie par la préparation des
|
||||||
|
lycéens et collégiens a la réussite
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h5>L'accompagnement</h5>
|
||||||
|
<ul>
|
||||||
|
<li>L'entreprenariat notamment étudiant</li>
|
||||||
|
<li>La maturation technologique des projets de start-ups</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
@ -2,4 +2,5 @@
|
||||||
@import url('../../components/Footer.css');
|
@import url('../../components/Footer.css');
|
||||||
@import url('../../components/Heros.css');
|
@import url('../../components/Heros.css');
|
||||||
@import url('../../components/SponsorCards.css');
|
@import url('../../components/SponsorCards.css');
|
||||||
|
@import url('../../components/CohabitInfoTable.css');
|
||||||
@import url('../../islands/ThemePicker.css');
|
@import url('../../islands/ThemePicker.css');
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue