Skip to content

Commit 9862a70

Browse files
maurootmauroot
committed
Optimización para resoluciones en responsive
1 parent e73a4b9 commit 9862a70

File tree

10 files changed

+111
-54
lines changed

10 files changed

+111
-54
lines changed

‎css/style.css

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -305,11 +305,21 @@ hr {
305305
width:100%;
306306
position:relative;
307307

308-
background: url(../img/bg1.jpg) no-repeat top center;
308+
/* background: url(../img/bg1.jpg) no-repeat top center;*/
309+
310+
background: rgba(237,245,241,1);
311+
background: -moz-linear-gradient(left, rgba(237,245,241,1) 0%, rgba(50,108,156,1) 100%);
312+
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,245,241,1)), color-stop(100%, rgba(50,108,156,1)));
313+
background: -webkit-linear-gradient(left, rgba(237,245,241,1) 0%, rgba(50,108,156,1) 100%);
314+
background: -o-linear-gradient(left, rgba(237,245,241,1) 0%, rgba(50,108,156,1) 100%);
315+
background: -ms-linear-gradient(left, rgba(237,245,241,1) 0%, rgba(50,108,156,1) 100%);
316+
background: linear-gradient(to right, rgba(237,245,241,1) 0%, rgba(50,108,156,1) 100%);
317+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5f1', endColorstr='#326c9c', GradientType=1 );
318+
309319
}
310320

311321
#intro.intro {
312-
padding:20% 0 0 0;
322+
padding:13% 0 0 0;
313323
}
314324

315325
.intro .slogan {
@@ -347,9 +357,11 @@ hr {
347357

348358
.intro .slogan h4 {
349359
color: #fff;
350-
/*text-shadow: -1px 1px 1px #000;*/
360+
/*text-shadow: -1px 1px 1px #000;background: url(../img/bg1.jpg) no-repeat fixed center;*/
351361
}
352362

363+
.intro .logo{ float: right; margin-right:10%;}
364+
353365

354366
/* ===========================
355367
--- About
@@ -814,5 +826,15 @@ Parallax
814826
border-radius: 50%;
815827
font-size: 20px;
816828
}
829+
830+
#senatics img{ max-width: 300px;}
831+
832+
#intro img{ max-width: 300px; margin: 20px auto;}
833+
834+
#intro .logo{float:none; margin-left: 20%;}
835+
836+
#intro .logo img{ max-width: 200px; margin: 80px 0px 20px 0px; padding:0px;}
837+
838+
.boxed-grey{min-height: 300px;}
817839

818840
}

‎img/logo.png

-3.97 KB
Loading

‎img/psf.png

-6.49 KB
Loading

‎img/team/gary.jpg

10.3 KB
Loading

‎img/team/humitos.jpeg

-36.2 KB
Loading

‎img/team/javier.png

-66.1 KB
Loading

‎img/team/marce.jpg

7.5 KB
Loading

‎img/team/richar.jpg

-12.8 KB
Loading

‎img/team/tincho.png

-414 KB
Loading

‎index.html

Lines changed: 86 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,19 @@
22
<html lang="en">
33

44
<head>
5+
6+
<meta property="og:image" content="http://pyday.pythonpy.org/img/logo-a.png">
7+
<meta property="og:image:type" content="image/png">
8+
<meta property="og:image:width" content="512">
9+
<meta property="og:image:height" content="512">
10+
11+
<link rel="icon" href="img/favicon.png" type="image/png" sizes="32x32">
12+
13+
514
<meta charset="utf-8">
615
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta name="description" content="">
8-
<meta name="author" content="">
16+
<meta name="description" content="Primer PyDay en Paraguay, organizado por la comunidad Python en Paraguay y SENATICs">
17+
<meta name="author" content="PythonPy">
918

1019
<title>PyDay 2015 - Asunción</title>
1120

@@ -46,7 +55,7 @@
4655
<li><a href="#disertantes">Disertantes</a></li>
4756
<li><a href="#inscripcion">Inscripción</a></li>
4857
<li><a href="#lugar">El Lugar</a></li>
49-
<li><a href="#organizadores">Organizadores</a></li>
58+
<li><a href="#organizadores">Organizan</a></li>
5059
</ul>
5160
</div>
5261
<!-- /.navbar-collapse -->
@@ -57,16 +66,41 @@
5766
<!-- Section: intro -->
5867
<section id="intro" class="intro">
5968

60-
<!-- <div class="slogan"> -->
61-
<!-- <h2> <span>HELLO WORLD!</span> </h2> -->
62-
<!-- <h3 style="color: white;">#PyDay Asunción - 28 de Marzo</h3> -->
63-
<!-- <h4>L'Office Santos</h4> -->
64-
<!-- </div> -->
65-
<!-- <div class="page-scroll"> -->
66-
<!-- <a href="#evento" class="btn btn-simple"> -->
67-
<!-- <i class="fa fa-2x fa-angle-down animated"></i> -->
68-
<!-- </a> -->
69-
<!-- </div> -->
69+
<!-- <div class="slogan">
70+
<h2> <span>HELLO WORLD!</span> </h2>
71+
<h3 style="color: white;">#PyDay Asunción - 28 de Marzo</h3>
72+
<h4>L'Office Santos</h4>
73+
</div>
74+
<div class="page-scroll">
75+
<a href="#evento" class="btn btn-simple">
76+
<i class="fa fa-2x fa-angle-down animated"></i>
77+
</a>
78+
</div> -->
79+
80+
<div class="container">
81+
<div class="row">
82+
<div class="col-sm-6 col-md-6" id="intro">
83+
<div class="wow fadeInLeft " data-wow-delay="0.2s">
84+
<div class="service-box">
85+
<div class="service-desc logo">
86+
<img src="img/logo-intro.png" alt="" class="img-responsive img-circle" />
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
<div class="col-sm-6 col-md-6">
92+
<div class="wow fadeInUp" data-wow-delay="0.2s">
93+
<div class="service-box">
94+
95+
<div class="service-desc">
96+
<img src="img/info-intro.png" alt="" />
97+
</div>
98+
</div>
99+
100+
</div>
101+
</div>
102+
</div>
103+
70104
</section>
71105
<!-- /Section: intro -->
72106

@@ -168,7 +202,7 @@ <h5>Manuel Kaufmann</h5>
168202
<div class="inner">
169203
<h5>Martín Abente</h5>
170204
<p class="subtitle">Sugar Labs<br/></p>
171-
<div class="avatar"><img src="img/team/tincho.png" alt="" class="img-responsive img-circle" /></div>
205+
<div class="avatar"><img src="img/team/tincho.jpg" alt="" class="img-responsive img-circle" /></div>
172206

173207
</div>
174208
</div>
@@ -192,7 +226,7 @@ <h5>Marcelo Elizeche </h5>
192226
<div class="inner">
193227
<h5>Javier Roa Benitez</h5>
194228
<p class="subtitle">UAA</p>
195-
<div class="avatar"><img src="img/team/javier.png" alt="" class="img-responsive img-circle" /></div>
229+
<div class="avatar"><img src="img/team/javier.jpg" alt="" class="img-responsive img-circle" /></div>
196230

197231
</div>
198232
</div>
@@ -257,37 +291,35 @@ <h2>Inscripción</h2>
257291
</div>
258292
</div>
259293
<div class="row">
260-
<div class="col-sm-6 col-md-6">
261-
<div class="wow fadeInLeft" data-wow-delay="0.2s">
262-
<div class="service-box">
263-
264-
<div class="service-desc">
265-
<p align="justify">Es fundamental que te
266-
inscribas al evento para poder participar. De
267-
esa forma vas a estar enterado de cualquier
268-
novedad referida al evento y así también nos
269-
ayudás con la difusón del
270-
mismo y una estimación de asistentes. Completá el formulario haciendo click en "Inscribirme" y listo!</p>
271-
</div>
272-
</div>
273-
</div>
274-
</div>
275-
<div class="col-sm-6 col-md-6">
276-
<div class="wow fadeInUp" data-wow-delay="0.2s">
277-
<div class="service-box">
278-
279-
<div class="service-desc">
280-
<p align="justify"> <div style="text-align: center;">
281-
<a style="width: 250px" target="_blank" class="btn btn-large btn-primary" href="https://docs.google.com/forms/d/1nhq3hnriE2_7kiOw0sWmAstdzeRr3HynovPBAkY8yYs/viewform">
282-
Inscribirme
283-
</a>
284-
</div>
285-
</p>
286-
</div>
287-
</div>
288-
289-
</div>
290-
</div>
294+
295+
<div class="col-lg-6 col-lg-offset-3">
296+
<div class="wow fadeInLeft" data-wow-delay="0.2s">
297+
<div class="service-box">
298+
<div class="service-desc">
299+
<p align="justify">Es fundamental que te
300+
inscribas al evento para poder participar. De
301+
esa forma vas a estar enterado de cualquier
302+
novedad referida al evento y así también nos
303+
ayudás con la difusón del
304+
mismo y una estimación de asistentes. </p><br/>
305+
<h5>Hacé click en "Inscribirme",<br/><br/> Completá el formulario y listo!</h5>
306+
</div>
307+
</div>
308+
</div>
309+
<br/>
310+
<div class="wow fadeInUp" data-wow-delay="0.2s">
311+
<div class="service-box">
312+
<div class="service-desc">
313+
<p align="center">
314+
<a style="width: 250px" target="_blank" class="btn btn-large btn-primary" href="https://docs.google.com/forms/d/1nhq3hnriE2_7kiOw0sWmAstdzeRr3HynovPBAkY8yYs/viewform">Inscribirme</a>
315+
</p>
316+
</div>
317+
<br/><br/>
318+
</div>
319+
</div>
320+
</div>
321+
322+
</div>
291323

292324
</section>
293325

@@ -300,8 +332,8 @@ <h2>Inscripción</h2>
300332
<div class="wow bounceInDown" data-wow-delay="0.4s">
301333
<div class="section-heading" >
302334
<h2>Ubicación<h2>
303-
<h3>L'Office Santos</h3>
304-
<h4>Gral. Santos 1170 (casi Concordia)</h4>
335+
<h3 style="margin-top:-10px;">L'Office Santos</h3>
336+
<h5 style="margin-top:-20px;">Gral. Santos 1170 (casi Concordia)</h5>
305337
<i class="fa fa-angle-down"></i>
306338
</div>
307339
</div>
@@ -312,7 +344,7 @@ <h4>Gral. Santos 1170 (casi Concordia)</h4>
312344
<div class="container">
313345

314346

315-
<div class="row" style="min-width: 100%">
347+
<div class="row" >
316348
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=-57.61463284492492%2C-25.28229380737672%2C-57.602659463882446%2C-25.276540877212426&amp;layer=mapnik&amp;marker=-25.27942222709374%2C-57.60864615440369" style="border: 1px solid black"></iframe><br/><small><a target="_blank" href="http://www.openstreetmap.org/?mlat=-25.27942&amp;mlon=-57.60865#map=17/-25.27942/-57.60865">Ver mapa más grande</a></small>
317349
</div>
318350

@@ -333,7 +365,7 @@ <h4>Gral. Santos 1170 (casi Concordia)</h4>
333365
<div class="col-lg-8 col-lg-offset-2">
334366
<div class="wow bounceInDown" data-wow-delay="0.4s">
335367
<div class="section-heading">
336-
<h2>Organizadores</h2>
368+
<h2>Organizan</h2>
337369
<i class="fa fa-2x fa-angle-down"></i>
338370

339371
</div>
@@ -365,17 +397,20 @@ <h2>Organizadores</h2>
365397
<div class="service-box">
366398
<br />
367399
<br />
368-
<div class="service-desc">
400+
<div class="service-desc" id="senatics">
369401
<p><a href="http://www.senatics.gov.py/"><img src="img/senatics.png" /></a></p>
370402
<p align="center">Co-Organizador</p>
371403
</div>
372404
</div>
373405

374406
</div>
375407
</div>
408+
376409
<div class="row">
377410
<div class="col-lg-8 col-lg-offset-2">
378411
<div class="wow bounceInDown" data-wow-delay="0.4s">
412+
<br/><br/>
413+
<hr>
379414
<div class="section-heading">
380415
<h2>Apoyan</h2>
381416
<i class="fa fa-2x fa-angle-down"></i>

0 commit comments

Comments
 (0)