-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (153 loc) · 6.7 KB
/
index.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Bienvenido</title>
<link rel="stylesheet" type="text/css" href="css/bluemoon.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<div class="contenedor">
<div class="menu">
<p><a href="index.html">Blue Moon</a></p>
<img class="menu-icon" src="Imagenes/menu.jpeg">
<nav>
<ul class="lista">
<a href="blockclock.html"><li class="elementos">Blockclock</li></a>
<a href="bitcoin/definicion.html"><li class="elemento">Bitcoin</li></a>
<a href="lightning/lightning.html"><li class="elementos">Lightning</li></a>
<li class="elementos">Contacto</li>
<li class="elementos">Blog</li>
</ul>
</nav>
</div>
</div>
</header>
<section class="border">
<div class="titular">
<h1>Blue Moon</h1>
<h2>Enamorada de Bitcoin</h2>
<a class="boton" href="" target="_blank">Ver mis trabajos</a>
</div>
</section>
<section>
<h3>Sobre mi</h3>
<div class="contenedor-sobremi">
<img src="Imagenes/yo.jpeg" class="imagen-sobre-mi">
<div class="contenedor-parrafo-boton">
<p>Soy BlueMoon, una mujer que ama el desarrollo de software, la filosofía, las matemáticas, la música, el arte, el cine, las flores, los arboles, el mar, el cielo, la luna, a los animales, en fin, todo lo que representa la vida, me gusta conectar con personas, aprender de ellos y compartir.</p> <p> Si pudiera subirme a mi bicicleta todos los días e ir a toda velocidad sintiendo el aire en mi rostro sería muy feliz, me encantan los finales felices y mis personajes favoritos en esta historia llamada vida son y serán siempre los niños.</p>
<a class="boton">VER MIS TRABAJOS</a>
</div>
</div>
</section>
<section>
<h3>Temas</h3>
<div class="contenedor-servicios">
<div class="servicio faded">
<h4>Bitcoin</h4>
<p>Información acerca de Bitcoin: historia, filosofía, como obtenerlo, como instalar un nodo, como configurarlo, todo relacionado a el aprendizaje que he adquirido y he estado adquiriendo a lo largo de un año.</p>
<a href="bitcoin/definicion.html"><img src="Imagenes/bitcoin.png"></a>
</div>
<div class="servicio punch">
<h4>Lightning</h4>
<p>Información acerca de Lightning: historia, filosofia, como utilizarlo, como crear un nodo Lightnig, como enviar, como recibir, crear canales de pago, cerrarlos, todo relacionado al aprendizaje que he adquirido a lo largo de un año.</p>
<a href="lightning/lightning.html"><img src="Imagenes/lightning.png"></a>
</div>
<div class="servicio faded">
<h4>The Bitcoin Machine</h4>
<p>Vídeo para montar una máquina The Bitcoin Machine que funciona para ejecutar su propio nodo Bitcoin con LCD donde puede ver el logotipo de Bitcoin Satoshi, fecha, hora, precio, UI/UX.</p>
<img src="Imagenes/machine.png">
</div>
<div class="servicio punch">
<h4>Blog</h4>
<p>Espacio dedicado a artículos que escribo acerca de Bitcoin, Lightnig, cypherpunks, criptoanarquia, seguridad, historia y filosofía de Bitcoin con opiniones propias.</p>
<img src="Imagenes/blog.png">
</div>
<div class="servicio faded">
<h4>Herramientas</h4>
<p>Explicación y ejemplos prácticos de como gestionar un nodo de Bitcoin, como usar las billeteras de Lightnig, balancear canales, cerrar canales, entre otros, así como el uso de línea de comandos para usar Bitcoin y Lightnig.</Li></p>
<img src="Imagenes/tools.png">
</div>
<div class="servicio punch">
<h4>Seguridad</h4>
<p>Temas relacionados a la seguridad de tu Bitcoin, como resguardarlo, como tener privacidad, ciberseguridad, cypherpunks, frases mnemónicas, criptoanarquismo, entre otros.</p>
<img src="Imagenes/seguridad.png">
</div>
</div>
</section>
<section>
<div class="contenedor">
<h3>Mis trabajos</h3>
<div class="owl-carousel">
<div><a href="https://blueemoon.medium.com" target="_blank"><img src="Imagenes/medium.jpeg"></a></div>
<div><a href="https://www.citadel21.com/chappie-in-bitcoin" target="_blank"><img src="Imagenes/chappie.jpeg"></a></div>
<div><a href="https://anchor.fm/bluemoon333" target="_blank"><img src="Imagenes/spotify.jpeg"></a></div>
<div><img src="Imagenes/transcripts.jpeg"></div>
<div><img src="Imagenes/spotify.jpeg"></div>
<div><img src="Imagenes/chappie.jpeg"></div>
</div>
</div>
</section>
<footer class="footer">
<div class="contenedor">
<div>
<p class="elementos">
<small>
Copyright © 2021 | BlueMoon
</small>
</p>
<ul class="lista-footer">
<li>
<a href="https://twitter.com/moon33_blue" target="_blank">
<img src="Imagenes/gorjeo.png">
</a>
</li>
<li>
<a href="https://github.com/BlueeeMoon" target="_blank">
<img src="Imagenes/github.png">
</a>
</li>
<li>
<a href="https://lntxbot.bigsun.xyz/@blue3moon" target="_blank">
<img src="Imagenes/bitcoin.png">
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC-VnKfjvFkH_bNy5--cHXAA" target="_blank">
<img src="Imagenes/youtube.png">
</a>
</li>
</ul>
</div>
</div>
</footer>
<script src="owlcarousel/jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:4
}
}
})
$('.menu-icon').click(function(){
$('header nav').slideToggle();
console.log();
})
</script>
</body>
</html>