Small updates of the style

This commit is contained in:
Luc Juggery 2018-02-15 13:35:01 +01:00
parent ae792cad4a
commit 7bd1e3f87a
4 changed files with 56 additions and 44 deletions

View file

@ -14,8 +14,8 @@
<body>
<menu>
<ul id="nav">
<li><a href="./index.html">Upcoming</a></li>
<li><a href="./past.html">Past</a></li>
<li><a href="./index.html">Upcoming events</a></li>
<li><a href="./past.html">Past events</a></li>
<li><a href="https://github.com/lucj/sophia.events/issues/new" target="_blank">Submit an event (via GitHub)</a></li>
</ul>
</menu>
@ -23,7 +23,6 @@
<header>
<div class="container text-center">
<h1>Technical events in #SophiaAntipolis</h1>
<p>...in one single place</p>
</div>
</header>
@ -45,7 +44,7 @@
<a class="bnt-more" target="_blank" href="{{{ link }}}">More</a>
{{/link}}
{{^link}}
<a class="bnt-more" href="javascript:void(0);">A venir...</a>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
{{/link}}
</div>
</div>

View file

@ -1,5 +1,5 @@
section {
padding: 100px 0; }
padding: 50px 0; }
html,
body {
@ -7,13 +7,13 @@ body {
body {
font-family: 'Roboto';
font-size: 17px;
font-weight: 400;
background-color: #ddd; }
font-size: 15px;
font-weight: 300;
background-color: #dfdfdf; }
h1 {
font-size: 200%;
letter-spacing: 3px;
letter-spacing: 1px;
font-weight: 400; }
h2 {
@ -21,10 +21,8 @@ h2 {
}
header {
background: #3f51b5;
color: #ffffff;
padding: 10px 0;
padding-top: 30px;
padding: 0 0;
padding-top: 50px;
}
header p {
@ -90,6 +88,11 @@ header p {
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #f5f5f5; }
.bnt-more {
margin-top: 5px;
margin-bottom: 5px;
}
.logo {
position: absolute;
top: 0;
@ -98,20 +101,20 @@ header p {
width: auto; }
.timeline-img {
width: 30px;
height: 30px;
width: 20px;
height: 20px;
background: #3f51b5;
border-radius: 50%;
position: absolute;
left: 50%;
margin-top: 25px;
margin-left: -15px; }
margin-top: 30px;
margin-left: -10px; }
a {
background: #3f51b5;
color: #ffffff;
padding: 8px 20px;
text-transform: uppercase;
/*text-transform: uppercase;*/
font-size: 14px;
margin-bottom: 20px;
margin-top: 10px;
@ -190,6 +193,6 @@ ul#nav li a {
line-height: 40px;
color: #fff;
text-decoration: none;
margin: 0;
margin: 0 5px;
padding: 0 30px;
}

View file

@ -14,8 +14,8 @@
<body>
<menu>
<ul id="nav">
<li><a href="./index.html">Upcoming</a></li>
<li><a href="./past.html">Past</a></li>
<li><a href="./index.html">Upcoming events</a></li>
<li><a href="./past.html">Past events</a></li>
<li><a href="https://github.com/lucj/sophia.events/issues/new" target="_blank">Submit an event (via GitHub)</a></li>
</ul>
</menu>
@ -23,7 +23,6 @@
<header>
<div class="container text-center">
<h1>Technical events in #SophiaAntipolis</h1>
<p>...in one single place</p>
</div>
</header>
@ -36,7 +35,7 @@
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2>Soirée blockchain</h2>
<div class="date">15/02 à 18h</div>
<div class="date">15 février à 18h</div>
<p>Parce que les blockchains sont au coeur de lactualité 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://telecom-valley.fr/15-fevrier-tech-conf-blockchain/">More</a>
</div>
@ -48,19 +47,31 @@
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2></h2>
<div class="date">20/02 à 12h</div>
<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>
<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>
<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/02 à 18h30</div>
<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>
@ -72,7 +83,7 @@
<div class="timeline-content">
<img class="logo" src="./images/google.png" />
<h2>Google Hash Code 2018</h2>
<div class="date">01/03 à 18h</div>
<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 dingé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>
@ -84,9 +95,9 @@
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2></h2>
<div class="date">15/03 à 12h</div>
<div class="date">15 mars à 12h</div>
<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);">A venir...</a>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
@ -96,9 +107,9 @@
<div class="timeline-content">
<img class="logo" src="./images/meetup.png" />
<h2>Développement Mobile Côte-d'Azur</h2>
<div class="date">28/03 à 18h30</div>
<div class="date">28 mars à 18h30</div>
<p>#22</p>
<a class="bnt-more" href="javascript:void(0);">A venir...</a>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
@ -108,9 +119,9 @@
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2></h2>
<div class="date">12/04 à 12h</div>
<div class="date">12 avril à 12h</div>
<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);">A venir...</a>
<a class="bnt-more" href="javascript:void(0);">More info soon...</a>
</div>
</div>
@ -120,7 +131,7 @@
<div class="timeline-content">
<img class="logo" src="./images/rivieradev.png" />
<h2></h2>
<div class="date">Du 16 au 18/05</div>
<div class="date">Du 16 au 18 mai</div>
<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>
@ -132,7 +143,7 @@
<div class="timeline-content">
<img class="logo" src="./images/sophiaconf2018.png" />
<h2></h2>
<div class="date">Du 2 au 5/07</div>
<div class="date">Du 2 au 5 juillet</div>
<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>
</div>

View file

@ -14,8 +14,8 @@
<body>
<menu>
<ul id="nav">
<li><a href="./index.html">Upcoming</a></li>
<li><a href="./past.html">Past</a></li>
<li><a href="./index.html">Upcoming events</a></li>
<li><a href="./past.html">Past events</a></li>
<li><a href="https://github.com/lucj/sophia.events/issues/new" target="_blank">Submit an event (via GitHub)</a></li>
</ul>
</menu>
@ -23,7 +23,6 @@
<header>
<div class="container text-center">
<h1>Technical events in #SophiaAntipolis</h1>
<p>...in one single place</p>
</div>
</header>
@ -36,7 +35,7 @@
<div class="timeline-content">
<img class="logo" src="./images/meetup.png" />
<h2></h2>
<div class="date">Le 09/02 de 14h à 16h</div>
<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>
@ -48,7 +47,7 @@
<div class="timeline-content">
<img class="logo" src="./images/rivierajug.png" />
<h2></h2>
<div class="date">06/02 à 18h</div>
<div class="date">06 février à 18h</div>
<p>Présentation de la base de données <b>Hazelcast</b> par <b>Neil Stevenson</b></p>
<a class="bnt-more" target="_blank" href="http://rivierajug.org/xwiki/bin/view/Main/201802-hazelcast">More</a>
</div>
@ -60,7 +59,7 @@
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-csc.png" />
<h2></h2>
<div class="date">06/02 à 12h</div>
<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://telecom-valley.fr/6-fevrier-commission-securite-cloud">More</a>
</div>
@ -72,7 +71,7 @@
<div class="timeline-content">
<img class="logo" src="./images/cncf-sophia.png" />
<h2></h2>
<div class="date">29/01 à 17h30</div>
<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>
@ -84,7 +83,7 @@
<div class="timeline-content">
<img class="logo" src="./images/telecomvalley-cos.png" />
<h2></h2>
<div class="date">25/01 à 12h</div>
<div class="date">25 janvier à 12h</div>
<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>
@ -96,7 +95,7 @@
<div class="timeline-content">
<img class="logo" src="./images/hashicorp.png" />
<h2>Hashicorp User Group #2</h2>
<div class="date">23/01 à 18h</div>
<div class="date">23 janvier à 18h</div>
<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>
@ -108,7 +107,7 @@
<div class="timeline-content">
<img class="logo" src="./images/docker.png" />
<h2>Meetup Docker / RivieraJug</h2>
<div class="date">18/01 à 18h</div>
<div class="date">18 janvier à 18h</div>
<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>