-
Notifications
You must be signed in to change notification settings - Fork 0
/
siciliana.html
129 lines (126 loc) · 7.7 KB
/
siciliana.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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Emilio Ezequiel Hurtado">
<meta name="description" content="Blog dedicado al aprendizaje y análisis del ajedrez">
<meta name="keywords" content="ajedrez, ajedrez online, ajedrez en linea, ajedrez en ingles, piezas de ajedrez, ajedrez contra el ordenador, ajedrez in english, juego de ajedrez, tablero de ajedrez, reglas del ajedrez, jugadas de ajedrez, jugar ajedrez, libros de ajedrez, juegos de ajedrez, jugar ajedrez online, enroque ajedrez, aperturas, chess, auto chess, chess online, chess board, chess pie, online chess, chess pieces, dota auto chess, play chess, free chess, play chess online, chess setup, how to play chess, chess board setup, chess game, chess 24, dota 2 auto chess, chess openings">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/2ec4b6d9c2.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="img/logo/favicon.jpg" type="image/x-icon">
<title>El Tablero de Machingo</title>
</head>
<body>
<header>
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-navFoot">
<article class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo/logoTextLightPNG.png" alt="logo de la página" id="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-3">
<a class="nav-link" href="index.html">Inicio <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown active mx-3">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aperturas</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="apItaliana2.html">Italiana</a>
<a class="dropdown-item" href="siciliana.html">Defensa Siciliana</a>
<a class="dropdown-item" href="francesa.html">Defensa Francesa</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item mx-3">
<a class="nav-link" href="#">Contacto</a>
</li>
</ul>
</div>
</article>
</nav>
</header>
<main>
<section class="container my-4">
<h1 class="display-4 my-4">Defensa Siciliana</h1>
<article class="row">
<div class="col-sm-12 col-md-6">
<p>Apertura que resulta después de las jugadas iniciales <strong>1.e4 c5</strong>. Debido a que las blancas abren el juego con el peón de rey y las negras no contestan con la misma jugada, se la considera una apertura semiabierta.</p>
<p>Goza de un gran prestigio entre los jugadores de cualquier nivel debido a su carácter agresivo, a la flexibilidad de las posiciones que otorga y, de manera significativa, al hecho de haber sido adoptada por varios campeones mundiales.</p>
<p class="lead">Dale a Play <i class="fas fa-play"></i> para ver los movimientos en este tablero:</p>
</div>
<!-- Tablero -->
<div class="col-sm-12 col-md-6 text-center">
<iframe id="7508052" allowtransparency="true" frameborder="0" style="width:100%;border:none;" src="//www.chess.com/emboard?id=7508052"></iframe>
<script>
window.addEventListener("message", e => {
e['data'] && "7508052" === e['data']['id'] && document.getElementById(`${e['data']['id']}`) && (document.getElementById(`${e['data']['id']}`).style.height = `${e['data']['frameHeight']+30}px`)
});
</script>
</div>
</article>
<article class="mt-4">
<p>A continuación una clase magistral dada por el Maestro Luisón, desarrollando diferentes planes y trucos típicos de esta popular y tradicional forma de jugar contra el peón rey.</p>
<div class="text-center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/OM1bpQz2oag?start=36" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p class="mt-4">Índice del vídeo:</p>
<ul>
<li><strong>7:40</strong> Variante Najdorf</li>
<li><strong>27:25</strong> Variante Scheveningen</li>
<li><strong>42:15</strong> Variante Dragón</li>
<li><strong>55:30</strong> Variante Clásica</li>
<li><strong>1:12:18</strong> Variante Dragón Acelerado</li>
<li><strong>1:34:30</strong> Variante Pelikan</li>
<li><strong>1:47:40</strong> Variante Kalashnikov</li>
</ul>
</article>
</section>
</main>
<footer class="bg-navFoot py-5 mt-5 text-light">
<section class="container">
<article class="row">
<div class="col-sm-12 col-md-4 text-center mb-2">
<h5 class="mb-3">Seguinos</h5>
<a href="#" class="text-light">
<i class="fab fa-instagram fa-2x mr-2"></i>
</a>
<a href="#" class="text-light">
<i class="fab fa-facebook-f fa-2x mx-2"></i>
</a>
<a href="#" class="text-light">
<i class="fab fa-twitter fa-2x mx-2"></i>
</a>
</div>
<div class="col-sm-12 col-md-4 text-center mt-2">
<img src="img/logo/logoTextLightPNG.png" alt="logo de la página" id="logo" class="mb-3">
<p>© Todos los derechos reservados</p>
</div>
<div class="col-sm-12 col-md-4 text-center mt-2">
<ul class="lista">
<a href="#" class="text-light">
<li>Contacto</li>
</a>
<a href="#" class="text-light">
<li>Preguntas frecuentes</li>
</a>
<a href="#" class="text-light">
<li>Privacidad</li>
</a>
<a href="#" class="text-light">
<li>Legales</li>
</a>
</ul>
</div>
</article>
</section>
</footer>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>