Skip to content

Commit d57411e

Browse files
lucianomlimalucianomlima
authored
Add meetup-10 info and change links layout (#13)
1 parent 6c83036 commit d57411e

File tree

4 files changed

+77
-12
lines changed

4 files changed

+77
-12
lines changed

‎assets/css/style.css

Lines changed: 38 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -350,17 +350,52 @@
350350
margin-bottom: .4em;
351351
}
352352

353+
.meetup .links {
354+
display: flex;
355+
flex-wrap: wrap;
356+
}
357+
.meetup .links a {
358+
align-items: center;
359+
background-color: white;
360+
border: 1px solid var(--color-gray);
361+
border-radius: 0.25em;
362+
color:var(--color-primary);
363+
display: flex;
364+
font-size: 0.9em;
365+
font-family: var(--font-texts);
366+
margin-bottom: .5em;
367+
margin-right: .5em;
368+
padding: 0.2em 0.4em;
369+
text-decoration: none;
370+
}
371+
.meetup .links img {
372+
margin-right: .2em;
373+
width: 16px;
374+
}
375+
353376
.meetup span {
354-
font-size: 1em;
377+
align-items: center;
378+
background-color: white;
379+
border: 1px solid var(--color-gray);
380+
border-radius: 0.25em;
381+
display: flex;
382+
flex: 1 auto 1;
383+
flex-direction: row;
384+
flex-wrap: nowrap;
385+
justify-content: center;
386+
font-size: 0.9em;
355387
font-family: var(--font-texts);
388+
padding: 0.2em 0.4em;
389+
max-width: 50%;
356390
}
357391
.meetup span img {
358392
margin-right: .2em;
359-
vertical-align: bottom;
360-
width: 20px;
393+
width: 16px;
361394
}
362395
.meetup span a {
363396
color:var(--color-primary);
397+
flex-wrap: nowrap;
398+
text-decoration: none;
364399
}
365400

366401
.meetups form h2 {

‎assets/icons/code.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/icons/video.svg

Lines changed: 1 addition & 0 deletions
Loading

‎index.html

Lines changed: 37 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -64,50 +64,78 @@ <h1>A comunidade</h1>
6464
<h1>Últimos meetups</h1>
6565

6666
<div class="meetups-list">
67+
<div class="meetup">
68+
<h3>Meetup #10 - 12/02/2019</h3>
69+
<h2>Testando uma aplicação React na prática</h2>
70+
<div class="links">
71+
<a rel="external" target="_blank" href="https://github.com/ReactSSA/meetup10"><img src="assets/icons/code.svg" /> Código</a>
72+
<a rel="external" target="_blank" href="https://www.youtube.com/watch?v=s7NIluQKOWE"><img src="assets/icons/video.svg" /> Vídeo</a>
73+
</div>
74+
</div>
6775
<div class="meetup">
6876
<h3>Meetup #9 - 27/11/2018</h3>
6977
<h2>O que há de novo no React!</h2>
70-
<span><img src="assets/icons/link.svg" /><a href="https://dygufa.com/react16-features-presentation/dist/#0">Slides</a></span>
78+
<div class="links">
79+
<a rel="external" target="_blank" href="https://dygufa.com/react16-features-presentation/dist/#0"><img src="assets/icons/link.svg" /> Slides</a>
80+
</div>
7181
</div>
7282
<div class="meetup">
7383
<h3>Meetup #8 - 23/10/2018</h3>
7484
<h2>Javascript com tipos.</h2>
75-
<span><img src="assets/icons/link.svg" /><a href="http://slides.com/vhfmag/javascript-tipado/">Slides</a></span>
85+
<div class="links">
86+
<a rel="external" target="_blank" href="http://slides.com/vhfmag/javascript-tipado/"><img src="assets/icons/link.svg" /> Slides</a>
87+
</div>
7688
</div>
7789
<div class="meetup">
7890
<h3>Meetup #7 - 30/08/2018</h3>
7991
<h2>Testes em componentes e aplicações React.</h2>
80-
<span><img src="assets/icons/link.svg" /><a href="https://www.youtube.com/watch?v=rmM0gMYs5aQ">Vídeo</a></span>
92+
<div class="links">
93+
<a rel="external" target="_blank" href="https://www.youtube.com/watch?v=rmM0gMYs5aQ"><img src="assets/icons/video.svg" /> Vídeo</a>
94+
</div>
8195
</div>
8296
<div class="meetup">
8397
<h3>Meetup #6 - 02/08/2018</h3>
8498
<h2>GraphQL - A evolução do REST</h2>
85-
<span><img src="assets/icons/link.svg" /><a href="http://slides.com/matheuscruzrocha/graphql-2#/">Slides</a></span>
99+
<div class="links">
100+
<a rel="external" target="_blank" href="http://slides.com/matheuscruzrocha/graphql-2#/"><img src="assets/icons/link.svg" /> Slides</a>
101+
</div>
86102
</div>
87103
<div class="meetup">
88104
<h3>Meetup #5 - 19/07/2018</h3>
89105
<h2>Estruturando componentes</h2>
90-
<span><img src="assets/icons/link.svg" /><a href="http://slides.com/lucianolima/estruturando-componentes#/">Slides</a></span>
106+
<div class="links">
107+
<a rel="external" target="_blank" href="http://slides.com/lucianolima/estruturando-componentes#/"><img src="assets/icons/link.svg" /> Slides</a>
108+
</div>
91109
</div>
92110
<div class="meetup">
93111
<h3>Meetup #4 - 28/06/2018</h3>
94112
<h2>A pedra no sapato do front-end</h2>
95-
<span><img src="assets/icons/link.svg" /><a href="https://slides.com/claraverenabattesini/pedras-no-sapato#/">Slides</a></span>
113+
<div class="links">
114+
<a rel="external" target="_blank" href="https://slides.com/claraverenabattesini/pedras-no-sapato#/"><img src="assets/icons/link.svg" /> Slides</a>
115+
</div>
96116
</div>
97117
<div class="meetup">
98118
<h3>Meetup #3 - 07/06/2018</h3>
99119
<h2>Redux vs MobX - Gerenciadores de estado para React</h2>
100-
<span><img src="assets/icons/link.svg" /><a href="http://slides.com/vhfmag/react-state-management#/">Slides</a></span>
120+
<div class="links">
121+
<a rel="external" target="_blank" href="http://slides.com/vhfmag/react-state-management#/"><img src="assets/icons/link.svg" /> Slides</a>
122+
</div>
101123
</div>
102124
<div class="meetup">
103125
<h3>Meetup #2 - 10/05/2018</h3>
104126
<h2>ES6+ O presente e o futuro do JavaScript</h2>
105-
<span><img src="assets/icons/link.svg" /><a href="http://slides.com/vhfmag/es6plus#/">Slides</a></span>
127+
<div class="links">
128+
<a rel="external" target="_blank" href="http://slides.com/vhfmag/es6plus#/"><img src="assets/icons/link.svg" /> Slides</a>
129+
</div>
106130
</div>
107131
<div class="meetup">
108132
<h3>Meetup #1 - 10/04/2018</h3>
109133
<h2>Da Web ao App</h2>
110-
<span><img src="assets/icons/link.svg" /><a href="http://slides.com/lucianolima/workshop-react/fullscreen">Slides</a></span>
134+
<div class="links">
135+
<a rel="external" target="_blank" href="https://github.com/ReactSSA/meetup1-app"><img src="assets/icons/code.svg" /> Código App</a>
136+
<a rel="external" target="_blank" href="https://github.com/ReactSSA/meetup1-web"><img src="assets/icons/code.svg" /> Código Web</a>
137+
<a rel="external" target="_blank" href="http://slides.com/lucianolima/workshop-react/fullscreen"><img src="assets/icons/link.svg" /> Slides</a>
138+
</div>
111139
</div>
112140
</div>
113141
</div>

0 commit comments

Comments
 (0)