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/Heros.css');
|
||||
@import url('../../components/SponsorCards.css');
|
||||
@import url('../../components/CohabitInfoTable.css');
|
||||
@import url('../../islands/ThemePicker.css');
|
||||
|
|
|
|||
Loading…
Reference in a new issue