-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdocemeses.html
78 lines (61 loc) · 2.85 KB
/
docemeses.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>12 meses 12 katas</title>
<link href="docemeses.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<h1><span class='twelve'><span>12 </span></span>meses<span class='twelve'><span> 12 </span></span>katas</h1>
<!--
Por si quieres meter un parrafo explicativo, esta estilado para que funcione aqui, entre las dos listas o despues
-->
<!--
<p>Lorem ipsum mea ex summo docendi eloquentiam. Ex tritani pertinax
voluptaria cum, an debet recteque eam, no gubergren elaboraret scriptorem
qui. Qui ea prodesset constituam efficiantur. Sed ex nullam verterem,
an mazim accusata efficiendi has, no his expetendis constituam.
Eu delenit epicurei definitionem quo. Sale nulla et vix, ea eum feugiat
facilisi delicatissimi.</p>
-->
<ul id='katas'>
<!-- Esta preparado para cada mes , cuando termine un mes le cambias la clase y ya esta-->
<!--
<li id='febrero' class='passed'><a href=''><span>Roman Numerals</span></a></li>
<li id='marzo' class='passed'><a href=''><span>String Calculator</span></a></li>
<li id='abril' class='passed'><a href=''><span>FizzBuzz</span></a></li>
<li id='mayo' class='passed'><a href=''><span>Roman Numerals</span></a></li>
-->
<!-- este es el mes corriente, solo tienes que ponerle el link adecuado -->
<li id='enero' class='current'><a href=''><span>String Calculator</span></a></li>
<!-- esto es para la katas de los mese siguientes cuando ya tienes claro cual va a ser-->
<!--
<li id='junio' class='future'><a href=''><span>Roman Numerals</span></a></li>
<li id='julio' class='future'><a href=''><span>Roman Numerals</span></a></li>
<li id='agosto' class='future'><a href=''><span>Roman Numerals</span></a></li>
<li id='septiembre' class='future'><a href=''><span>Roman Numerals</span></a></li>
<li id='octubre' class='future'><a href=''><span>Roman Numerals</span></a></li>
<li id='noviembre' class='future'><a href=''><span>Roman Numerals</span></a></li>
<li id='diciembre' class='future'><a href=''><span>Roman Numerals</span></a></li>
-->
</ul>
<ul id='fuentes'>
<li id='vimeo'>
<a href='' alt='12 meses 12 katas en Vimeo, katacast!!'>
<span>En Vimeo</span>
</a>
</li>
<li id='github' >
<a href='' alt='12 meses 12 katas en GitHub '>
<span>En GitHub</span>
</a>
</li>
<li id='twitter' >
<a href='' alt='12 meses 12 katas en twitter'>
<span>En Twitter</span>
</a>
</li>
</ul>
</body>
</html>