yogsototh/sophia.events
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #7 from ValentinH/location

Browse source 
Improve location layout
This commit is contained in:
Luc 2018-02-26 15:26:00 +01:00 committed by GitHub
commit 61234e5533
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 542 additions and 157 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
data/events.json
View file

@ -77,16 +77,17 @@
"title": "Développement Mobile Côte-d'Azur",
"ts": "20180221T183000",
"date": "21 février à 18h30",
"desc": "#21: Reactive programming",
"desc": "Au programme du #21: <b>Adopter la programmation réactive</b> par <b>Florent Pillet</b>, présentation de <b>Marvel App</b> par <b>Gregory Biondo</b>",
"link": "https://www.meetup.com/fr-FR/Developpement-Mobile-Android-iOS-Cote-d-Azur/events/gszvcpyxdbcc/",
"pict": "meetup.png"
},
{
"id" : 9,
"type": "google-developer-group",
"title": "Google Hash Code 2018",
"title": "Google Hash Code @Epitech Nice",
"ts": "20180301T180000",
"date": "01 mars à 18h",
"date": "1er mars à 18h",
"location": "epitech.jpg",
"desc": "Comme tous les ans, Google organise le Hash Code, une compétition de programmation en équipe pour résoudre un problème d’ingénierie de la vie réelle de Google",
"link": "https://www.meetup.com/fr-FR/GDGNice/events/245187635/",
"pict": "google.png"
@ -138,7 +139,7 @@
"ts": "20180702T180000",
"date": "Du 2 au 5 juillet",
"desc": "3 soirées de talks et une journée entièrement dédiée à des workshops techniques. Au programme cette année: AI, DevOps et Cloud, IoT. Les CFPs sont ouverts !",
"link": "http://telecom-valley.fr/sophiaconf-2018-appel-a-orateurs/",
"link": "http://www.telecom-valley.fr/sophiaconf-2018-appel-a-orateurs/",
"pict": "sophiaconf2018.png"
},
{
@ -170,6 +171,47 @@
"desc": "<b>Raed Chamman</b> (Softeam) vous permettra d'approfondir et de mettre en application les <b>smart contracts</b> sur <b>Ethereum</b> lors d'une session Workshop",
"link": "https://www.eventbrite.fr/e/billets-tech-workshop-blockchain-telecom-valley-43165173195",
"pict": "telecomvalley-cos.png"
},
{
"id": 18,
"type": "aws-meetup",
"title": "LadiesAInight - workshop Intelligence Artificielle",
"ts": "20180514T170000",
"date": "14 mai à 17h30",
"desc": "<b>WHAT06</b> vous convie à une soirée sur l'<b>AI</b> le 14 mai. Réservé en priorité aux femmes travaillant dans les milieux techniques de la Côte d'Azur, cet évènement sera animé par <b>Julien Simon</b>, Principal Evangelist ML/AI chez Amazon Web Services. Il fera une introduction au <b>Deep Learning</b> sous la forme d'un workshop.",
"link": "",
"pict": "what06.jpeg"
},
{
"id" : 19,
"type": "docker-meetup",
"title": "Celebrate the Docker 5th Birthday",
"ts": "20180322T173000",
"date": "22 mars à 17h30",
"desc": "Une nouvelle fois, venez célébrer avec nous l'anniversaire de <b>Docker</b>. Au programme: labs, présentations, gateaux, et du fun... :)",
"link": "https://www.meetup.com/fr-FR/Docker-Nice/events/247780841/",
"pict": "docker.png"
},
{
"id" : 20,
"type": "SophiaEvents",
"title": "SophI.A",
"ts": "20181107T090000",
"date": "du 7 au 9 novembre",
"desc": "Sophia accueillera un congrès international sur l’intelligence artificielle",
"link": "https://tribuca.net/numerique_29656975-sophia-accueillera-en-fin-d-annee-un-congres-international-sur-l-intelligence-artificielle",
"pict": "sophia-antipolis.png"
},
{
"id" : 21,
"type": "Code competition challenge",
"title": "Google Hashcode @Polytech Nice-Sophia",
"ts": "20180301T180000",
"date": "1er mars à 18h",
"location": "polytechnicesophia.png",
"desc": "Hash Code is a team programming competition organized by Google for students and industry professionals across Europe, the Middle East and Africa. You pick your team and programming language, Google picks an engineering problem for you to solve",
"link": "https://hashcode.withgoogle.com/signup.html",
"pict": "google.png"
}
]
}

20
template/index.mustache
View file

@ -37,15 +37,33 @@
{{#pict}}
<img class="logo" src="./images/{{ pict }}" />
{{/pict}}
<div class="secondary-info">
<div class="date">{{{ date }}}</div>
{{#location}}
<img class="logo-location" src="./images/{{ location }}" />
{{/location}}
</div>
<h2>{{{ title }}}</h2>
<div class="date">{{{ date }}}</div>
<!--
{{#link}}
<a class="title" target="_blank" href="{{{ link }}}">{{{ title }}}</a>
{{/link}}
{{^link}}
<h2>{{{ title }}}</h2>
{{/link}}
//-->
<p>{{{ desc }}}</p>
{{#link}}
<a class="bnt-more" target="_blank" href="{{{ link }}}">More</a>
{{/link}}
{{^link}}
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
{{/link}}
</div>
</div>

201
www/css/style.css
View file

@ -1,20 +1,24 @@
section {
padding: 50px 0; }
padding: 50px 0;
}
html,
body {
overflow-x: hidden; }
overflow-x: hidden;
}
body {
font-family: 'Roboto';
font-size: 15px;
font-weight: 300;
background-color: #dfdfdf; }
background-color: #dfdfdf;
}
h1 {
font-size: 200%;
letter-spacing: 1px;
font-weight: 400; }
font-weight: 400;
}
h2 {
font-size: 20px;
@ -34,41 +38,52 @@ header p {
}
.timeline {
position: relative; }
.timeline::before {
content: '';
background: #c5cae9;
width: 5px;
height: 95%;
position: absolute;
left: 50%;
transform: translateX(-50%); }
position: relative;
}
.timeline::before {
content: '';
background: #c5cae9;
width: 5px;
height: 95%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.timeline-item {
width: 100%;
margin-bottom: 0px; }
.timeline-item:nth-child(even) .timeline-content {
float: right; }
.timeline-item:nth-child(even) .timeline-content .date {
right: auto;
left: 0; }
.timeline-item:nth-child(even) .timeline-content .logo {
left: initial;
right: 5px; }
.timeline-item:nth-child(even) .timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent; }
.timeline-item::after {
content: '';
display: block;
clear: both; }
margin-bottom: 0px;
}
.timeline-item:nth-child(even) .timeline-content {
float: right;
}
.timeline-item:nth-child(even) .secondary-info {
right: auto;
left: 0;
}
.timeline-item:nth-child(even) .date {
order: 0;
}
.timeline-item:nth-child(even) .timeline-content .logo {
left: initial;
right: 5px;
}
.timeline-item:nth-child(even) .timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
content: '';
display: block;
clear: both;
}
.timeline-content {
position: relative;
@ -76,17 +91,19 @@ header p {
padding: 40px 30px 10px 30px;
border-radius: 4px;
background: #f5f5f5;
box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3); }
.timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
right: -15px;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #f5f5f5; }
box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
right: -15px;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #f5f5f5;
}
.bnt-more {
margin-top: 5px;
@ -98,7 +115,8 @@ header p {
top: 0;
left: 5px;
height: 44px;
width: auto; }
width: auto;
}
.timeline-img {
width: 20px;
@ -108,7 +126,8 @@ header p {
position: absolute;
left: 50%;
margin-top: 30px;
margin-left: -10px; }
margin-left: -10px;
}
a {
background: #3f51b5;
@ -120,45 +139,89 @@ a {
margin-top: 10px;
display: inline-block;
border-radius: 2px;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6); }
a:hover, a:active, a:focus {
background: #32408f;
color: #ffffff;
text-decoration: none; }
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
}
a:hover,
a:active,
a:focus {
background: #32408f;
color: #ffffff;
text-decoration: none;
}
a.title {
background: none;
color: #3f51b5;
padding: 0px 0px;
font-size: 20px;
margin-bottom: 10px;
margin-top: 10px;
display: inline-block;
box-shadow: none;
text-decoration: underline;
}
a.title:hover,
a.title:active,
a.title:focus {
background: none;
color: #3f51b5;
text-decoration: underline;
}
.timeline-card {
padding: 0 !important; }
.timeline-card p {
padding: 0 20px; }
.timeline-card a {
margin-left: 20px; }
padding: 0 !important;
}
.timeline-card p {
padding: 0 20px;
}
.timeline-card a {
margin-left: 20px;
}
blockquote {
margin-top: 30px;
color: #757575;
border-left-color: #3f51b5;
padding: 0 20px; }
padding: 0 20px;
}
.secondary-info {
position: absolute;
top: 0;
right: 0;
display: flex;
}
.date {
background: #ff4081;
display: inline-block;
color: #ffffff;
padding: 10px;
position: absolute;
top: 0;
right: 0; }
order: 1;
}
.logo-location {
height: 44px;
width: auto;
}
@media screen and (max-width: 768px) {
.timeline::before {
left: 50px; }
left: 50px;
}
.timeline .timeline-img {
left: 50px; }
left: 50px;
}
.timeline .timeline-content {
max-width: 100%;
width: auto;
margin-left: 70px; }
margin-left: 70px;
}
.timeline .timeline-item:nth-child(even) .timeline-content {
float: none; }
float: none;
}
.timeline .timeline-item:nth-child(odd) .timeline-content::after {
content: '';
position: absolute;
@ -168,7 +231,9 @@ blockquote {
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent; } }
border-color: transparent #f5f5f5 transparent transparent;
}
}
/* Handle horizontal menu */

BIN
www/images/dsti.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 440 KiB

BIN
www/images/epitech.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
www/images/polytechnicesophia.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
www/images/sophia-antipolis.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 46 KiB

194
www/index.html
View file

@ -33,47 +33,22 @@
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2>Soirée blockchain</h2>
<div class="date">15 février à 18h</div>
<p>Parce que les blockchains sont au coeur de l’actualité et suscitent beaucoup de curiosité, la communauté Open Source vous propose une double soirée TechEvent dédiée à ce thème.</p>
<a class="bnt-more" target="_blank" href="http://www.telecom-valley.fr/15-fevrier-2018-tech-conf-blockchain/">More</a>
</div>
</div>
<img class="logo" src="./images/google.png" />
<div class="secondary-info">
<div class="date">1er mars à 18h</div>
<img class="logo-location" src="./images/epitech.jpg" />
</div>
<h2>Google Hash Code @Epitech Nice</h2>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2>Gestion d'un projet open source</h2>
<div class="date">20 février à 12h</div>
<p>Présentation de <b>Open Source Business Diagnostic</b> par <b>Jaime Arredondo</b> (BoldAndOpen.com)</p>
<a class="bnt-more" target="_blank" href="http://telecom-valley.fr/20-fevrier-commission-open-source/">More</a>
</div>
</div>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/GDGNice/events/245187635/">Google Hash Code @Epitech Nice</a>
//-->
<p>Comme tous les ans, Google organise le Hash Code, une compétition de programmation en équipe pour résoudre un problème d’ingénierie de la vie réelle de Google</p>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2>Tech Workshop Blockchain</h2>
<div class="date">21 février à 17h30</div>
<p><b>Raed Chamman</b> (Softeam) vous permettra d'approfondir et de mettre en application les <b>smart contracts</b> sur <b>Ethereum</b> lors d'une session Workshop</p>
<a class="bnt-more" target="_blank" href="https://www.eventbrite.fr/e/billets-tech-workshop-blockchain-telecom-valley-43165173195">More</a>
</div>
</div>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/GDGNice/events/245187635/">More</a>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/meetup.png" />
<h2>Développement Mobile Côte-d'Azur</h2>
<div class="date">21 février à 18h30</div>
<p>#21: Reactive programming</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/Developpement-Mobile-Android-iOS-Cote-d-Azur/events/gszvcpyxdbcc/">More</a>
</div>
</div>
@ -82,10 +57,21 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/google.png" />
<h2>Google Hash Code 2018</h2>
<div class="date">01 mars à 18h</div>
<p>Comme tous les ans, Google organise le Hash Code, une compétition de programmation en équipe pour résoudre un problème d’ingénierie de la vie réelle de Google</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/GDGNice/events/245187635/">More</a>
<div class="secondary-info">
<div class="date">1er mars à 18h</div>
<img class="logo-location" src="./images/polytechnicesophia.png" />
</div>
<h2>Google Hashcode @Polytech Nice-Sophia</h2>
<!--
<a class="title" target="_blank" href="https://hashcode.withgoogle.com/signup.html">Google Hashcode @Polytech Nice-Sophia</a>
//-->
<p>Hash Code is a team programming competition organized by Google for students and industry professionals across Europe, the Middle East and Africa. You pick your team and programming language, Google picks an engineering problem for you to solve</p>
<a class="bnt-more" target="_blank" href="https://hashcode.withgoogle.com/signup.html">More</a>
</div>
</div>
@ -94,10 +80,42 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<div class="secondary-info">
<div class="date">15 mars à 12h</div>
</div>
<h2>Programmation fonctionnelle</h2>
<div class="date">15 mars à 12h</div>
<!--
<h2>Programmation fonctionnelle</h2>
//-->
<p>Introduction à la programmation fonctionnelle par <b>Yann Esposito</b>. Attention, <b>Haskell</b> au programme...</p>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/docker.png" />
<div class="secondary-info">
<div class="date">22 mars à 17h30</div>
</div>
<h2>Celebrate the Docker 5th Birthday</h2>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/Docker-Nice/events/247780841/">Celebrate the Docker 5th Birthday</a>
//-->
<p>Une nouvelle fois, venez célébrer avec nous l'anniversaire de <b>Docker</b>. Au programme: labs, présentations, gateaux, et du fun... :)</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/Docker-Nice/events/247780841/">More</a>
</div>
</div>
@ -106,10 +124,20 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/meetup.png" />
<div class="secondary-info">
<div class="date">28 mars à 18h30</div>
</div>
<h2>Développement Mobile Côte-d'Azur</h2>
<div class="date">28 mars à 18h30</div>
<!--
<h2>Développement Mobile Côte-d'Azur</h2>
//-->
<p>#22</p>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
@ -118,10 +146,42 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<div class="secondary-info">
<div class="date">12 avril à 12h</div>
</div>
<h2>Intégration continue avec GitLab-CI</h2>
<div class="date">12 avril à 12h</div>
<!--
<h2>Intégration continue avec GitLab-CI</h2>
//-->
<p><b>Rémy Coutable</b> de GitLab viendra nous présenter <b>Gitlab-CI</b></p>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/what06.jpeg" />
<div class="secondary-info">
<div class="date">14 mai à 17h30</div>
</div>
<h2>LadiesAInight - workshop Intelligence Artificielle</h2>
<!--
<h2>LadiesAInight - workshop Intelligence Artificielle</h2>
//-->
<p><b>WHAT06</b> vous convie à une soirée sur l'<b>AI</b> le 14 mai. Réservé en priorité aux femmes travaillant dans les milieux techniques de la Côte d'Azur, cet évènement sera animé par <b>Julien Simon</b>, Principal Evangelist ML/AI chez Amazon Web Services. Il fera une introduction au <b>Deep Learning</b> sous la forme d'un workshop.</p>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
@ -130,10 +190,20 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/rivieradev.png" />
<div class="secondary-info">
<div class="date">Du 16 au 18 mai</div>
</div>
<h2>RivieraDev édition 2018</h2>
<div class="date">Du 16 au 18 mai</div>
<!--
<a class="title" target="_blank" href="http://rivieradev.fr">RivieraDev édition 2018</a>
//-->
<p><b>Riviera DEV</b> c'est <b>3 jours de conférences et d'ateliers</b> sur un large panel de sujets : langages de programmation, Front-end & UX, Mobile & IoT, Big Data & Machine Learning, Containers & DevOps, Performance, Agilité ...</p>
<a class="bnt-more" target="_blank" href="http://rivieradev.fr">More</a>
</div>
</div>
@ -142,10 +212,42 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/sophiaconf2018.png" />
<div class="secondary-info">
<div class="date">Du 2 au 5 juillet</div>
</div>
<h2>SophiaConf édition 2018</h2>
<div class="date">Du 2 au 5 juillet</div>
<!--
<a class="title" target="_blank" href="http://www.telecom-valley.fr/sophiaconf-2018-appel-a-orateurs/">SophiaConf édition 2018</a>
//-->
<p>3 soirées de talks et une journée entièrement dédiée à des workshops techniques. Au programme cette année: AI, DevOps et Cloud, IoT. Les CFPs sont ouverts !</p>
<a class="bnt-more" target="_blank" href="http://telecom-valley.fr/sophiaconf-2018-appel-a-orateurs/">More</a>
<a class="bnt-more" target="_blank" href="http://www.telecom-valley.fr/sophiaconf-2018-appel-a-orateurs/">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/sophia-antipolis.png" />
<div class="secondary-info">
<div class="date">du 7 au 9 novembre</div>
</div>
<h2>SophI.A</h2>
<!--
<a class="title" target="_blank" href="https://tribuca.net/numerique_29656975-sophia-accueillera-en-fin-d-annee-un-congres-international-sur-l-intelligence-artificielle">SophI.A</a>
//-->
<p>Sophia accueillera un congrès international sur l’intelligence artificielle</p>
<a class="bnt-more" target="_blank" href="https://tribuca.net/numerique_29656975-sophia-accueillera-en-fin-d-annee-un-congres-international-sur-l-intelligence-artificielle">More</a>
</div>
</div>

234
www/past.html
View file

@ -34,46 +34,20 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/meetup.png" />
<h2>Garage IBM Cloud</h2>
<div class="date">09 février de 14h à 16h</div>
<p>Découvrez le Garage IBM Cloud et les concepts UX à Nice Meridia au CEEI</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/IBM-Bluemix-Nice-Meetup/events/247317977">More</a>
</div>
</div>
<div class="secondary-info">
<div class="date">21 février à 18h30</div>
</div>
<h2>Développement Mobile Côte-d'Azur</h2>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/rivierajug.png" />
<h2>Présentation de Hazelcast</h2>
<div class="date">06 février à 18h</div>
<p><b>Neil Stevenson</b> présentera la base de données <b>Hazelcast</b></p>
<a class="bnt-more" target="_blank" href="http://rivierajug.org/xwiki/bin/view/Main/201802-hazelcast">More</a>
</div>
</div>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/Developpement-Mobile-Android-iOS-Cote-d-Azur/events/gszvcpyxdbcc/">Développement Mobile Côte-d'Azur</a>
//-->
<p>Au programme du #21: <b>Adopter la programmation réactive</b> par <b>Florent Pillet</b>, présentation de <b>Marvel App</b> par <b>Gregory Biondo</b></p>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-csc.png" />
<h2>Sécurité des applications cloud native</h2>
<div class="date">06 février à 12h</div>
<p>Cloud, virtualisation, microservices, conteneurs… quelles sont les bonnes pratiques de sécurité ? par <b>Serge HARTMANN</b> de <b>ACP Qualife</b></p>
<a class="bnt-more" target="_blank" href="http://www.telecom-valley.fr/6-fevrier-2018-commission-securite-cloud/">More</a>
</div>
</div>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/Developpement-Mobile-Android-iOS-Cote-d-Azur/events/gszvcpyxdbcc/">More</a>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/cncf-sophia.png" />
<h2>Sophia CNCF #1</h2>
<div class="date">29 janvier à 17h30</div>
<p>Cédric Lamorinière</b> et <b>David Benque</b> vous présenterons <b>Prometheus</b> une solution de monitoring pour le système et les applications</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/CNCF-Cloud-Native-Computing-Sophia-Antipolis/events/246424155/">More</a>
</div>
</div>
@ -82,10 +56,174 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<div class="secondary-info">
<div class="date">21 février à 17h30</div>
</div>
<h2>Tech Workshop Blockchain</h2>
<!--
<a class="title" target="_blank" href="https://www.eventbrite.fr/e/billets-tech-workshop-blockchain-telecom-valley-43165173195">Tech Workshop Blockchain</a>
//-->
<p><b>Raed Chamman</b> (Softeam) vous permettra d'approfondir et de mettre en application les <b>smart contracts</b> sur <b>Ethereum</b> lors d'une session Workshop</p>
<a class="bnt-more" target="_blank" href="https://www.eventbrite.fr/e/billets-tech-workshop-blockchain-telecom-valley-43165173195">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<div class="secondary-info">
<div class="date">20 février à 12h</div>
</div>
<h2>Gestion d'un projet open source</h2>
<!--
<a class="title" target="_blank" href="http://telecom-valley.fr/20-fevrier-commission-open-source/">Gestion d'un projet open source</a>
//-->
<p>Présentation de <b>Open Source Business Diagnostic</b> par <b>Jaime Arredondo</b> (BoldAndOpen.com)</p>
<a class="bnt-more" target="_blank" href="http://telecom-valley.fr/20-fevrier-commission-open-source/">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<div class="secondary-info">
<div class="date">15 février à 18h</div>
</div>
<h2>Soirée blockchain</h2>
<!--
<a class="title" target="_blank" href="http://www.telecom-valley.fr/15-fevrier-2018-tech-conf-blockchain/">Soirée blockchain</a>
//-->
<p>Parce que les blockchains sont au coeur de l’actualité et suscitent beaucoup de curiosité, la communauté Open Source vous propose une double soirée TechEvent dédiée à ce thème.</p>
<a class="bnt-more" target="_blank" href="http://www.telecom-valley.fr/15-fevrier-2018-tech-conf-blockchain/">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/meetup.png" />
<div class="secondary-info">
<div class="date">09 février de 14h à 16h</div>
</div>
<h2>Garage IBM Cloud</h2>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/IBM-Bluemix-Nice-Meetup/events/247317977">Garage IBM Cloud</a>
//-->
<p>Découvrez le Garage IBM Cloud et les concepts UX à Nice Meridia au CEEI</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/IBM-Bluemix-Nice-Meetup/events/247317977">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/rivierajug.png" />
<div class="secondary-info">
<div class="date">06 février à 18h</div>
</div>
<h2>Présentation de Hazelcast</h2>
<!--
<a class="title" target="_blank" href="http://rivierajug.org/xwiki/bin/view/Main/201802-hazelcast">Présentation de Hazelcast</a>
//-->
<p><b>Neil Stevenson</b> présentera la base de données <b>Hazelcast</b></p>
<a class="bnt-more" target="_blank" href="http://rivierajug.org/xwiki/bin/view/Main/201802-hazelcast">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-csc.png" />
<div class="secondary-info">
<div class="date">06 février à 12h</div>
</div>
<h2>Sécurité des applications cloud native</h2>
<!--
<a class="title" target="_blank" href="http://www.telecom-valley.fr/6-fevrier-2018-commission-securite-cloud/">Sécurité des applications cloud native</a>
//-->
<p>Cloud, virtualisation, microservices, conteneurs… quelles sont les bonnes pratiques de sécurité ? par <b>Serge HARTMANN</b> de <b>ACP Qualife</b></p>
<a class="bnt-more" target="_blank" href="http://www.telecom-valley.fr/6-fevrier-2018-commission-securite-cloud/">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/cncf-sophia.png" />
<div class="secondary-info">
<div class="date">29 janvier à 17h30</div>
</div>
<h2>Sophia CNCF #1</h2>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/CNCF-Cloud-Native-Computing-Sophia-Antipolis/events/246424155/">Sophia CNCF #1</a>
//-->
<p>Cédric Lamorinière</b> et <b>David Benque</b> vous présenterons <b>Prometheus</b> une solution de monitoring pour le système et les applications</p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/CNCF-Cloud-Native-Computing-Sophia-Antipolis/events/246424155/">More</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<div class="secondary-info">
<div class="date">25 janvier à 12h</div>
</div>
<h2>Kafka par GreenCom Network</h2>
<div class="date">25 janvier à 12h</div>
<!--
<a class="title" target="_blank" href="http://telecom-valley.fr/25-janvier-commission-open-source/">Kafka par GreenCom Network</a>
//-->
<p>Retour d'expérience sur l'utilisation de <b>Kafka</b> par <b>Sébastien Alegret</b> de GreenCom Network</p>
<a class="bnt-more" target="_blank" href="http://telecom-valley.fr/25-janvier-commission-open-source/">More</a>
</div>
</div>
@ -94,10 +232,20 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/hashicorp.png" />
<div class="secondary-info">
<div class="date">23 janvier à 18h</div>
</div>
<h2>Hashicorp User Group #2</h2>
<div class="date">23 janvier à 18h</div>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/Sophia-Antipolis-HashiCorp-User-Group/events/246742297/">Hashicorp User Group #2</a>
//-->
<p>Thomas Sarboni</b> fera une introduction à <b>Terraform</b>, <b>David Calvert</b> nous présentera <b>Vault</b></p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/Sophia-Antipolis-HashiCorp-User-Group/events/246742297/">More</a>
</div>
</div>
@ -106,10 +254,20 @@
<div class="timeline-img"></div>
<div class="timeline-content">
<img class="logo" src="./images/docker.png" />
<div class="secondary-info">
<div class="date">18 janvier à 18h</div>
</div>
<h2>Meetup Docker / RivieraJug</h2>
<div class="date">18 janvier à 18h</div>
<!--
<a class="title" target="_blank" href="https://www.meetup.com/fr-FR/Docker-Nice/events/245650434/">Meetup Docker / RivieraJug</a>
//-->
<p>Anthony Lapenna</b> viendra nous présenter <b>Portainer</b> pour gérez vos environnements Docker en toute simplicité</p></p>
<a class="bnt-more" target="_blank" href="https://www.meetup.com/fr-FR/Docker-Nice/events/245650434/">More</a>
</div>
</div>