-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
264 lines (264 loc) · 21.9 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="es">
<link rel="icon" href="https://cdn.masto.host/vzlamastohost/accounts/avatars/113/273/858/946/257/622/original/a53d24e9265594fb.png" type="png">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Página web de DanieruOtakuBoy</title>
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #F66151;
margin: 0;
padding: 20px;
}
.container {
max-width: 800px;
margin: auto;
}
.cuadro {
background-color: white;
border-radius: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 20px 0;
}
h1, .logo {
display: inline-block; /* Permite que ambos elementos estén en línea */
vertical-align: middle; /* Alinea verticalmente */
text-align: center;
color: white;
}
.logo {
width: 70px; /* Ajusta el tamaño de la imagen según sea necesario */
height: auto; /* Mantiene la proporción de la imagen */
margin-left: 10px; /* Espacio entre el h1 y la imagen */
text-align: center;
}
.vzla, .masto {
display: inline-block; /* Permite que ambos elementos estén en línea */
vertical-align: middle; /* Alinea verticalmente */
text-align: center;
color: black;
}
.masto {
width: 30px; /* Ajusta el tamaño de la imagen según sea necesario */
height: auto; /* Mantiene la proporción de la imagen */
margin-left: 10px; /* Espacio entre el h1 y la imagen */
text-align: center;
}
.rrss {
height: 50px; /* Ajusta el tamaño de la imagen según sea necesario */
width: auto; /* Mantiene la proporción de la imagen */
margin-left: 17px; /* Espacio entre el h1 y la imagen */
}
h2 {
text-align: center;
color: black;
}
a {
text-decoration: none; /* Elimina el subrayado */
color: inherit; /* Hereda el color del texto del elemento padre */
}
.rrss, h3 {
display: inline-block; /* Permite que ambos elementos estén en línea */
vertical-align: middle; /* Alinea verticalmente */
text-align: center;
}
h3 {
margin-left: 20px;
}
p {
color: #666;
text-align: justify;
}
.contenedor {
display: flex; /* Usar flexbox para organizar los videos en línea */
width: 96%; /* Ancho del contenedor */
overflow-x: auto; /* Permitir desplazamiento horizontal */
white-space: nowrap; /* Evitar que el contenido se divida en varias líneas */
padding: 10px; /* Espaciado interno */
}
.titulo {
margin: auto;
text-align: center;
}
.video {
flex: 0 0 300px; /* No permitir que se encojan y establecer un ancho fijo */
display: inline-block; /* Mostrar elementos en línea */
width: 300px; /* Ancho de cada video */
height: 169px; /* Altura de cada video (relación 16:9) */
margin-right: 10px; /* Espaciado entre videos */
}
.barra {
margin-right: 10px; /* Espaciado entre videos */
display: inline-block;
border: none;
}
.misrrss {
display: flex; /* Usar flexbox para organizar los videos en línea */
width: 96%; /* Ancho del contenedor */
white-space: nowrap; /* Evitar que el contenido se divida en varias líneas */
padding: 10px; /* Espaciado interno */
}
.iframe {
width: 100%; /* Ancho del iframe */
height: 100%; /* Altura del iframe */
border: none; /* Sin borde */
}
.mastodon-embed {
text-align: center; /* Centra el texto dentro del blockquote */
margin: 20px; /* Añade un margen para separar del resto del contenido */
}
</style>
</head>
<body>
<div class="container">
<div class="titulo">
<h1>Página web de<br>DanieruOtakuBoy</h1>
<img class="logo" src="https://cdn.masto.host/vzlamastohost/accounts/avatars/113/273/858/946/257/622/original/a53d24e9265594fb.png">
</div>
<div class="cuadro">
<h2>Presentación</h2>
<p>Saludos, soy DanieruOtakuBoy, un venezolano con demasiadas aficiones. 🇻🇪<br>Entre las cuales se destacan el anime, la animación, los idiomas, la programación, los videojuegos, el software libre, entre muchas otras cosas.<br><br>En este sitio web podrás conseguir los diferente tipos de proyectos en los que he trabajado o estoy trabajando actualmente.</p>
</div>
<div class="cuadro">
<h2>Animaciones/Cortometrajes</h2>
<p>He hecho un par de cortometrajes para los concursos de Esperanto USA, y otros de forma amateur, aquí pueden verlos si así lo desean.</p>
<div class="contenedor">
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/RZBfXDFK_OQ?si=CdxJNXkqxfYz5yMN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/NpeI5UfTO2k?si=ANj5sA6I_A93DgoY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/ynErn-Eqjuo?si=G-pyMfC4-ZdLVGUM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/XwJcb5MrK0I?si=TYt6XhVTmG0NVJoq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/3l5j1NqyiTA?si=KfWMKxmyUdtkdWLa" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="cuadro">
<div class="titulo">
<h2 class="vzla">Red social venezolana</h2>
<img class="masto" src="https://cdn.masto.host/vzlamastohost/custom_emojis/images/000/016/226/original/dba338ed318bfcf3.png">
</div>
<p>Actualmente mantengo un nodo/servidor/instancia de Mastodon para venezolanos, al cual he denominado <a href="https://vzla.masto.host"><b>Mastodon Venezuela</b></a>. Buscando crear un espacio de microblogging libre de censura y enfocado en la libertad de expresión de los venezolanos, fuera de anuncios y lucro por medio de información confiencial, siempre respetando la privacidad y derechos de los usuarios.</p>
<div class="titulo">
<blockquote class="mastodon-embed" data-embed-url="https://vzla.masto.host/@el_pana/113270638947036330/embed" style="background: #FCF8FF; border-radius: 8px; border: 1px solid #C9C4DA; margin: 0; max-width: 540px; min-width: 200px; max-height: 650px; min-height: 270px; overflow: visible; padding: 0;"> <a href="https://vzla.masto.host/@el_pana/113270638947036330" target="_blank" style="align-items: center; color: #1C1A25; display: flex; flex-direction: column; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Roboto, sans-serif; font-size: 12px; justify-content: center; letter-spacing: 0.25px; line-height: 20px; padding: 24px; text-decoration: none;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 79 75"><path d="M74.7135 16.6043C73.6199 8.54587 66.5351 2.19527 58.1366 0.964691C56.7196 0.756754 51.351 0 38.9148 0H38.822C26.3824 0 23.7135 0.756754 22.2966 0.964691C14.1319 2.16118 6.67571 7.86752 4.86669 16.0214C3.99657 20.0369 3.90371 24.4888 4.06535 28.5726C4.29578 34.4289 4.34049 40.275 4.877 46.1075C5.24791 49.9817 5.89495 53.8251 6.81328 57.6088C8.53288 64.5968 15.4938 70.4122 22.3138 72.7848C29.6155 75.259 37.468 75.6697 44.9919 73.971C45.8196 73.7801 46.6381 73.5586 47.4475 73.3063C49.2737 72.7302 51.4164 72.086 52.9915 70.9542C53.0131 70.9384 53.0308 70.9178 53.0433 70.8942C53.0558 70.8706 53.0628 70.8445 53.0637 70.8179V65.1661C53.0634 65.1412 53.0574 65.1167 53.0462 65.0944C53.035 65.0721 53.0189 65.0525 52.9992 65.0371C52.9794 65.0218 52.9564 65.011 52.9318 65.0056C52.9073 65.0002 52.8819 65.0003 52.8574 65.0059C48.0369 66.1472 43.0971 66.7193 38.141 66.7103C29.6118 66.7103 27.3178 62.6981 26.6609 61.0278C26.1329 59.5842 25.7976 58.0784 25.6636 56.5486C25.6622 56.5229 25.667 56.4973 25.6775 56.4738C25.688 56.4502 25.7039 56.4295 25.724 56.4132C25.7441 56.397 25.7678 56.3856 25.7931 56.3801C25.8185 56.3746 25.8448 56.3751 25.8699 56.3816C30.6101 57.5151 35.4693 58.0873 40.3455 58.086C41.5183 58.086 42.6876 58.086 43.8604 58.0553C48.7647 57.919 53.9339 57.6701 58.7591 56.7361C58.8794 56.7123 58.9998 56.6918 59.103 56.6611C66.7139 55.2124 73.9569 50.665 74.6929 39.1501C74.7204 38.6967 74.7892 34.4016 74.7892 33.9312C74.7926 32.3325 75.3085 22.5901 74.7135 16.6043ZM62.9996 45.3371H54.9966V25.9069C54.9966 21.8163 53.277 19.7302 49.7793 19.7302C45.9343 19.7302 44.0083 22.1981 44.0083 27.0727V37.7082H36.0534V27.0727C36.0534 22.1981 34.124 19.7302 30.279 19.7302C26.8019 19.7302 25.0651 21.8163 25.0617 25.9069V45.3371H17.0656V25.3172C17.0656 21.2266 18.1191 17.9769 20.2262 15.568C22.3998 13.1648 25.2509 11.9308 28.7898 11.9308C32.8859 11.9308 35.9812 13.492 38.0447 16.6111L40.036 19.9245L42.0308 16.6111C44.0943 13.492 47.1896 11.9308 51.2788 11.9308C54.8143 11.9308 57.6654 13.1648 59.8459 15.568C61.9529 17.9746 63.0065 21.2243 63.0065 25.3172L62.9996 45.3371Z" fill="currentColor"/></svg> <div style="color: #787588; margin-top: 16px;">Publicación de @[email protected]</div> <div style="font-weight: 500;">Ver en Mastodon</div> </a> </blockquote> <script data-allowed-prefixes="https://vzla.masto.host/" async src="https://vzla.masto.host/embed.js"></script>
</div>
</div>
<div class="cuadro">
<h2>Traducción</h2>
<p>Soy un curioso y entusiasta a los idiomas, lo cual me ha llevado a estudiar diferentes tipos de idiomas, actualmente manejo de manera fluida (además del castellano obviamente) el inglés y el Esperanto.<br><br>Un ejemplo de ello es mi aporte a la traducción al español del documento vivo <a href="https://RespectfulPlatforms.org"><b>«RespectfulPlatforms.org»</b></a>; una iniciativa de Pixelfed sobre las redes sociales éticas. Mi participación en la traducción del documento vivo se puede apreciar públicamente en el <a href="https://github.com/RespectfulPlatforms/website"><b>«repositorio GitHub»</b></a> del proyecto.<br><br>Otra de las formas de traducción que he realizado son las fan-traducciones al Esperanto de los mangas <a href="https://esperaĵo.net/mangaoj/ranma-%c2%bd/"><b>Ranma ½</b></a> y <a href="https://esperaĵo.net/mangaoj/gxenaj-eksterteranoj/"><b>Urusei Yatsura</b></a>; y el cómic <a href="https://esperaĵo.net/bitlibroj/koro-haltigisto/"><b>Heartstopper</b></a>.</p>
<div class="titulo">
<img src="traduc.png" alt="Cojuntos de mangas y cómic" style="height: 400px; width: auto;">
</div>
</div>
<div class="cuadro">
<h2>Fan-doblaje y subtitulado</h2>
<p>Desde muy joven, me ha interesado mucho el tema del doblaje, y he hecho muchos trabajos de fan-doblaje y subtitulado desde entonces, principalmente en español y Esperanto de animaciones, o fragmentos de series. Abajo estarán algunos fan-doblajes y vídeos subtitulados en los que he trabajado:</p>
<h2>Fan-doblajes en español</h2>
<div class="contenedor">
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/CqsbNlBKIR0?si=ufFX0Xql0B2ZTXsP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/xWNDVmLmnqU?si=hICPlfmenQKrqncL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/7QjxN7w_W18?si=Gf-vn4dL8ihH0N8j" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
<h2>Fan-doblajes en Esperanto:</h2>
<div class="contenedor">
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/jEnE3lOEjfs?si=HlORNoMPfBuL_5g3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/W-XgsPCMODk?si=L4MPUobL3S2V8YBP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
<h2>Vídeo subtitulado en Esperanto:</h2>
<div class="contenedor">
<div class="video">
<iframe class="iframe" src="https://www.youtube-nocookie.com/embed/5iQFBMhQrbA?si=SOnk2l8vk9kBHD6f" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="cuadro">
<div class="titulo">
<h2 class="vzla">Diseño web</h2><h2 class="vzla" style=" color: #25B200; margin-left: 10px;"><</h2><h2 class="vzla">HTML</h2><h2 class="vzla" style=" color: #25B200;">></h2>
</div>
<p>Tengo un par de conocimientos considerables sobre el diseño de sitios web, soy capaz de manipular el código fuente de un sitio web diseñado en <b>HTML</b> y <b>CSS</b>. Por lo que puedo hacer una página web desde cero o también mejorar una dándole un mejor toque de estilo y elegancia a este. Esto se puede evidenciar en ese mismo sitio web, el diseño y constante mejora de este se puede apreciar en el <a href="https://github.com/DanieruOtakuBoy/DanieruOtakuBoy.github.io"><b>repositorio GitHub</b></a> de la página.</p>
<div class="titulo">
<p style="color: #666;text-align: center;">(Imagen de referencia de uso comédico)</p>
<img src="homers.gif" alt="Sitio web de Homero">
</div>
</div>
<div class="cuadro">
<h2>Dibujo y guión</h2>
<p>Al desear crear contenido, me he propuesto muchos proyectos anteriormente, entre ello está mi cómic/manga <b>Espera Stelo</b>, el cual trato de darle seguimiento y seguir sacando capítulos con una trama y desarrollo decente. la obra en cuestión se encuentra gratuitamente en <a href="https://medibang.com/mpc/authors/16838118/"><b>Manga Plus Creators</b></a> (en sus versiones en <a href="https://medibang.com/mpc/titles/ms2411060932364250016838118/"><b>inglés</b></a> y <a href="https://medibang.com/mpc/titles/1h2407281508266090016838118/"><b>español</b></a>) y en <a href="https://esperaĵo.net/bitlibroj/espera-stelo/"><b>Esperaĵo</b></a> (en su versión original en Esperanto), pero a su vez se puede adquirir en formato PDF para descargarlo y leerlo en cualquier sitio por medio de un pequeño coste, dicha compra se puede realizar en mis tiendas de <a href="https://ko-fi.com/danieruotakuboy/shop"><b>Ko-fi</b></a> y <a href="https://www.patreon.com/c/danieruotakuboy/shop"><b>Patreon</b></a>. Aunque dicha obra tiene historia y personajes creados totalmente por mi persona, la mayor parte de los fondos y texturas son de autoría ajena con licencias de uso permisivo.</p>
<div class="titulo">
<img src="libro.jpg" alt="Imagen de mi comic/manga" style="height: 400px; width: auto;">
</div>
</div>
<div class="cuadro">
<h2>Apoya</h2>
<p>Si te gustan los proyectos que llevo a cabo, o has consumido alguna de las obras, traducciones, o meramente te gusta lo que hago, puedes apoyarme económicamente donandome mediante Ko-fi y LiberaPay. Lo agradecería mucho. 😉</p><br>
<div class="titulo">
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Apóyame en Ko-fi', '#ff7070', 'Q5Q4DLVGT');kofiwidget2.draw();</script> <script src="https://liberapay.com/DanieruOtakuBoy/widgets/button.js"></script>
</div>
</div>
<div class="cuadro">
<h2>Redes sociales libres</h2>
<div class="misrrss">
<div class="titulo">
<div class="barra">
<a rel="me" href="https://vzla.masto.host/@danieruotakuboy"><img class="rrss" src="https://cdn.masto.host/vzlamastohost/custom_emojis/images/000/016/226/original/dba338ed318bfcf3.png"><br><h3>Mastodon</h3></a>
</div>
<div class="barra">
<a rel="me" href="https://pixelfed.social/DanieruOtakuBoy"><img class="rrss" src="https://cdn.masto.host/vzlamastohost/cache/accounts/avatars/113/270/603/928/764/952/original/98b0a4e910f15241.png"><br><h3>Pixelfed</h3></a>
</div>
<div class="barra">
<a rel="me" href="https://loops.video/@DanieruOtakuBoy"><img class="rrss" src="https://cdn.masto.host/vzlamastohost/cache/accounts/avatars/113/270/605/570/162/269/original/ac1767afc77a0e56.png"><br><h3> Loops</h3></a>
</div>
<div class="barra">
<a rel="me" href="https://fediverse.tv/a/danielplata"><img class="rrss" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Logo_de_PeerTube.svg/449px-Logo_de_PeerTube.svg.png"><br><h3>PeerTube</h3></a>
</div>
</div>
</div>
<h2>Redes sociales corportativas</h2>
<div class="misrrss">
<div class="titulo">
<div class="barra">
<a rel="me" href="https://bsky.app/profile/danieruotakuboy.vzla.masto.host.ap.brid.gy"><img class="rrss" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Bluesky_Logo.svg/600px-Bluesky_Logo.svg.png?20240211144739"><br><h3>Bluesky</h3></a>
</div>
<div class="barra">
<a rel="me" href="https://www.tiktok.com/@danieruotakuboy"><img class="rrss" src="https://iconape.com/wp-content/files/fd/121669/svg/tiktok-logo-tik-tok-logo-icon-png-svg.png"><br><h3>TikTok</h3></a>
</div>
<div class="barra">
<a rel="me" href="https://t.me/DanieruOtakuBoy"><img class="rrss" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Telegram_2019_Logo.svg/150px-Telegram_2019_Logo.svg.png"><br><h3>Telegram</h3></a>
</div>
</div>
</div>
<h2>Otras redes</h2>
<div class="misrrss">
<div class="titulo">
<div class="barra">
<a rel="me" href="https://ko-fi.com/danieruotakuboy"><img class="rrss" src="https://storage.ko-fi.com/cdn/brandasset/v2/kofi_symbol.png"><br><h3>Ko-fi</h3></a>
</div>
<div class="barra">
<a rel="me" href="https://liberapay.com/DanieruOtakuBoy/"><img class="rrss" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Liberapay_logo_v2_white-on-yellow.svg/120px-Liberapay_logo_v2_white-on-yellow.svg.png"><br><h3>LiberaPay</h3></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>