Skip to content

Commit 89cf32a

Browse files
author
Jesus Sayar Celestino
committed
Refactor pages
1 parent 8222f2f commit 89cf32a

14 files changed

+149
-105
lines changed

‎config.rb

+2
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,8 @@
5353

5454
set :images_dir, 'images'
5555

56+
set :relative_links, true
57+
5658
# Build-specific configuration
5759
configure :build do
5860
# For example, change the Compass output style for deployment

‎data/datasets.yml

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
- name: Datos de contratos
2+
description: Otra cosa
3+
url: http://www.google.com
4+
5+
- name: Datos de informes
6+
description: Otra cosa
7+
url: http://www.google.com
8+
9+
- name: Datos de sueldos
10+
description: Otra cosa
11+
url: http://www.google.com

‎source/_schedule.html.erb

-46
This file was deleted.

‎source/datasets.html.erb

+5-11
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,14 @@ title: Datasets
55
<h1>Datasets</h1>
66
<div id="datasets" class="section">
77
<div class="row">
8-
<div class="col s12 m4 l4">
8+
<% data.datasets.each do |dataset| %>
9+
<div class="col s12 m6 l6">
910
<div class="card-panel grey lighten-5 z-depth-1 dataset" >
10-
<div class="row">
11-
<div class="col s2">
12-
<i class="large mdi-content-archive"></i>
13-
</div>
14-
<div class="col s10">
15-
<span class="black-text">
16-
This is a square image. Add the "circle" class to it to make it appear circular.
17-
</span>
18-
</div>
19-
</div>
11+
<%= link_to dataset.name, dataset.url %>
12+
<p><%= dataset.description %></p>
2013
</div>
2114
</div>
15+
<% end %>
2216
</div>
2317
</div>
2418
</div>

‎source/images/coding.png

369 KB
Loading

‎source/index.html.erb

+8-34
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@ title: HackVG
66
<div class="container">
77
<h1 class="header center-on-small-only">#HackVG</h1>
88
<div class="row center">
9-
<h4 class="header col s12 light center">Hackathon Vigo es una competición de desarrollo donde se pondrá a prueba tu destreza para completar el desarrollo de una idea en 12 horas.</h4>
9+
<p class="header center">Hackathon Vigo es una competición de desarrollo donde se pondrá a prueba tu destreza como desarrollador para extraer, analizar y visualizar información.</p>
10+
<p class="center date">Sabado 30 de Enero del 2015</p>
1011
</div>
1112
<div class="row center">
1213
<a href="http://www.meetup.com/vigo-devs/events/219259693/" id="signup-btn" class="btn-large waves-effect waves-light">Registrate</a>
@@ -16,39 +17,12 @@ title: HackVG
1617
</div>
1718

1819
<div class="container">
19-
<div id="about" class="section">
20-
<div class="row">
21-
<div class="col s12 m4">
22-
<div class="item">
23-
<div class="light-blue-text"><i class="large mdi-social-group"></i></div>
24-
<h5>Piensa una idea</h5>
25-
26-
<p class="light">Crea un grupo, piensa en las necesidades, analiza los recuros y forma una idea.</p>
27-
</div>
28-
</div>
29-
30-
<div class="col s12 m4">
31-
<div class="item">
32-
<div class="light-blue-text"><i class="large mdi-hardware-laptop-mac"></i></div>
33-
<h5>Desarrollala</h5>
34-
35-
<p class="light">Utiliza cualquier los lenguajes y tecnologías a tu alcance para llevar a cabo la ejecución de vuestra idea de una manera sencilla y rapida.</p>
36-
</div>
37-
</div>
38-
39-
<div class="col s12 m4">
40-
<div class="item">
41-
<div class="light-blue-text"><i class="large mdi-social-public"></i></div>
42-
<h5>Compartela</h5>
43-
44-
<p class="light">Muestra los resultados de tu trabajo, comparte tu conocimiento y aprende de la experiencia y sabiduría del resto de concursantes.</p>
45-
</div>
46-
</div>
47-
</div>
48-
</div>
49-
<%= partial "schedule" %>
50-
<%= partial "location" %>
51-
<%= partial "sponsors" %>
20+
21+
<%= partial "partials/steps" %>
22+
<%= partial "partials/about" %>
23+
<%= partial "partials/schedule" %>
24+
<%= partial "partials/location" %>
25+
<%= partial "partials/sponsors" %>
5226
</div>
5327

5428

‎source/layouts/layout.erb

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<body>
1111
<nav id="front-page-nav">
1212
<div class="container">
13-
<div class="nav-wrapper"><%= link_to '#HacVG', '/', class: "brand-logo", id: "logo-container" %>
13+
<div class="nav-wrapper"><%= link_to '#HacVG', '/index.html', class: "brand-logo", id: "logo-container" %>
1414
<ul id="nav-mobile" class="right side-nav">
1515
<li><a href="#">Sobre el Evento</a></li>
1616
<li><a href="#">Horario</a></li>

‎source/partials/_about.html.erb

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<section id="about">
2+
<div class="row">
3+
<div class="col s12 m6">
4+
<%= image_tag "coding.png", class: "circle responsive-img" %>
5+
</div>
6+
<div class="col s12 m6">dos</div>
7+
</div>
8+
</section>

‎source/_location.html.erb ‎source/partials/_location.html.erb

File renamed without changes.

‎source/partials/_schedule.html.erb

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<div class="section">
2+
<h2 class="header">Horario</h2>
3+
<div class="row">
4+
<div class="col col s8 offset-s2 m8 offset-m2 l8 offset-l2">
5+
<table class="striped">
6+
<thead>
7+
<tr>
8+
<th data-field="id">Hora</th>
9+
<th data-field="name">Actividad</th>
10+
</tr>
11+
</thead>
12+
13+
<tbody>
14+
<tr>
15+
<th>09:00</th>
16+
<td>Inscripción, exposición de ideas y creación de equipos.</td>
17+
</tr>
18+
<tr>
19+
<th>10:00</th>
20+
<td>Comienzo oficial del tiempo de creación de la aplicación.</td>
21+
</tr>
22+
<tr>
23+
<th>14:00</th>
24+
<td>Parada para comer y tomar fuerzas.</td>
25+
</tr>
26+
<tr>
27+
<th>14:00</th>
28+
<td>Parada para comer y tomar fuerzas.</td>
29+
</tr>
30+
<tr>
31+
<th>15:00</th>
32+
<td>Seguimos con la creación de de la aplicación.</td>
33+
</tr>
34+
<tr>
35+
<th>21:00</th>
36+
<td>Presentaciones y demos de los distintos equipos.</td>
37+
</tr>
38+
<tr>
39+
<th>22:00</th>
40+
<td>Fallo del jurado, reparto de premios y cierre del evento.</td>
41+
</tr>
42+
</tbody>
43+
</table>
44+
</div>
45+
</div>
46+
</div>

‎source/_sponsors.html.erb ‎source/partials/_sponsors.html.erb

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,6 @@
66
</p>
77
</div>
88
<div class="row center">
9-
<a href="http://materializecss.com/showcase.html" class="btn-large waves-effect waves-light">Hazte Sponsor</a>
9+
<a href="http://materializecss.com/showcase.html" class="btn-large waves-effect waves-light" id="sponsor-btn">Hazte Sponsor</a>
1010
</div>
1111
</div>

‎source/partials/_steps.html.erb

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<div id="steps" class="section">
2+
<div class="row">
3+
<div class="col s12 m4">
4+
<div class="item">
5+
<div class="light-blue-text"><i class="large mdi-social-group"></i></div>
6+
<h3>Piensa una idea</h3>
7+
8+
<p class="light">Crea un grupo, piensa en las necesidades, analiza los recuros y forma una idea.</p>
9+
</div>
10+
</div>
11+
12+
<div class="col s12 m4">
13+
<div class="item">
14+
<div class="light-blue-text"><i class="large mdi-hardware-laptop-mac"></i></div>
15+
<h3>Desarrollala</h3>
16+
17+
<p class="light">Utiliza cualquier los lenguajes y tecnologías a tu alcance para llevar a cabo la ejecución de vuestra idea de una manera sencilla y rapida.</p>
18+
</div>
19+
</div>
20+
21+
<div class="col s12 m4">
22+
<div class="item">
23+
<div class="light-blue-text"><i class="large mdi-social-public"></i></div>
24+
<h3>Compartela</h3>
25+
26+
<p class="light">Muestra los resultados de tu trabajo, comparte tu conocimiento y aprende de la experiencia y sabiduría del resto de concursantes.</p>
27+
</div>
28+
</div>
29+
</div>
30+
</div>

‎source/stylesheets/index.css.scss

+33-12
Original file line numberDiff line numberDiff line change
@@ -13,35 +13,56 @@
1313
}
1414

1515
/* index-banner */
16-
1716
#index-banner {
1817
background-color: #4ba8ea;
1918
color: #fff;
19+
padding-bottom: 10px;
20+
h1 {
21+
margin: 10px 0;
22+
}
23+
p {
24+
font-size: 2em;
25+
line-height: 37px;
26+
}
27+
.date {
28+
font-size: 2.3em;
29+
margin: 10px 0;
30+
}
31+
#signup-btn {
32+
background: #fff;
33+
color: #4ba8ea;
34+
font-weight: 800;
35+
}
2036
}
2137

22-
#signup-btn {
23-
background: #fff;
24-
color: #4ba8ea;
25-
}
26-
27-
/* About */
28-
#about i {
38+
/* Steps */
39+
#steps i {
2940
font-size: 6em;
3041
}
3142

32-
#about .item {
43+
#steps .item {
3344
text-align: center;
3445
}
3546

36-
#about h5 {
47+
#steps h3 {
3748
font-size: 1.8rem;
3849
font-weight: 500;
3950
color: rgba(0, 0, 0, 0.71);
4051
}
4152

53+
/* About */
54+
#about img {
55+
height: 300px;
56+
}
57+
4258
/* Sponsors */
43-
#sponsors .caption {
44-
font-size: 20px;
59+
#sponsors {
60+
.caption {
61+
font-size: 20px;
62+
}
63+
#sponsor-btn {
64+
font-weight: 800;
65+
}
4566
}
4667

4768
/* Footer */

‎source/stylesheets/main.css.scss

+4
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,8 @@ h2 {
1717

1818
.header {
1919
text-align: center;
20+
}
21+
22+
table.striped tbody tr:nth-child(odd) {
23+
background-color: #4ba8ea;
2024
}

0 commit comments

Comments
 (0)