-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (216 loc) · 9.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Sergio Lindo Mansilla</title>
<link rel="stylesheet" href="css/normalize-8.0.1.css" />
<link rel="stylesheet" href="css/portfolio.css" />
</head>
<body>
<header id="headerOfBody">
<h1>Sergio Lindo Mansilla</h1>
<p>
<a href="https://github.com/binary-sequence?tab=repositories" target="_blank">
<img src="img/github.png" />
</a>
<a href="http://www.youtube.com/@binary-sequence/videos?view=0" target="_blank">
<img src="img/youtube.png" />
</a>
</p>
</header>
<nav id="navMenu">
<ul>
<li><a id="aApps" href="#sectionApps">Apps</a></li>
<li><a id="aVideogames" href="#sectionVideogames">Video games</a></li>
<li><a id="aDemoscene" href="#sectionDemoscene">Demoscene</a></li>
<li><a id="aProjects" href="#sectionProjects">Projects</a></li>
<li><a id="aTalks" href="#sectionTalks">Talks</a></li>
<li><a id="aVideos" href="#sectionVideos">Videos</a></li>
<li><a id="aBlogs" href="#sectionBlogs">Blogs</a></li>
</ul>
</nav>
<section id="sectionApps">
<h1>Apps</h1>
<ul>
<li>
<a href="https://software-for-life.github.io/webapp-visual-apache2/" target="_blank">
<h1>Visual apache2</h1>
<img alt="Screenshot of Visual Apache2" src="img/screenshot-visual-apache2-1.0.jpg" />
</a>
</li>
</ul>
</section>
<section id="sectionVideogames">
<h1>Video games</h1>
<ul>
<li>
<a href="https://enjoy-games.github.io/html5-goku-en-javascript/" target="_blank">
<h1>Goku en JavaScript</h1>
<img alt="Screenshot of Goku en JavaScript" src="img/screenshot-goku-en-javascript.jpg" />
</a>
</li>
<li>
<a href="https://enjoy-games.github.io/html5-bola-rebota/" target="_blank">
<h1>Bola rebota</h1>
<img alt="Screenshot of Bola rebota" src="img/screenshot-bola-rebota.jpg" />
</a>
</li>
<li>
<a href="https://enjoy-games.github.io/html5-resolv-the-puzzle/" target="_blank">
<h1>Resolv the puzzle</h1>
<img alt="Screenshot of Resolv the puzzle" src="img/screenshot-resolv-the-puzzle.jpg" />
</a>
</li>
<li>
<a href="https://binary-sequence.github.io/game-off-2012/" target="_blank">
<h1>Github contest 2012</h1>
<img alt="Screenshot of Invasion" src="img/screenshot-invasion.jpg" />
</a>
</li>
<li>
<a href="https://enjoy-games.github.io/threejs-bola-rebota/" target="_blank">
<h1>Bola rebota 3D</h1>
<img alt="Screenshot of Bola rebota 3D" src="img/screenshot-bola-rebota-3d.jpg" />
</a>
</li>
</ul>
</section>
<section id="sectionDemoscene">
<h1>Demoscene</h1>
<ul>
<li>
<a href="https://www.youtube.com/watch?v=nokaIoouplk" target="_blank">
<h1>awesomenes-part2 (at MountainBytes 2025)</h1>
<img src="img/awesomenes-part2.png" alt="Screenshot of running demo awesomenes-part2">
</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=hp6wAsXrN3U" target="_blank">
<h1>awesomenes-part1 (at MountainBytes 2024)</h1>
<img src="img/awesomenes-part1.jpg" alt="Screenshot of running demo awesomenes-part1">
</a>
</li>
</ul>
</section>
<section id="sectionProjects">
<h1>Projects</h1>
<ul>
<li>
<a href="https://www.youtube.com/shorts/GdzbLfZscu4" target="_blank">
<h1>Apple 1 reproduction</h1>
<img alt="Screenshot of demo recording of MatoLock" src="img/photo-apple1-reproduction.jpeg">
</a>
</li>
<li>
<a href="https://k4cg.org/index.php/Projekt:MatoLock" target="_blank">
<h1>Programming of Matolock</h1>
<img alt="Screenshot of demo recording of MatoLock" src="img/screenshot-matolock.png">
</a>
</li>
<li>
<a href="https://hackweek.suse.com/18/projects/openqa-butler" target="_blank">
<h1>openQA Butler</h1>
<img alt="Screenshot of slides 'openQA butler'" src="img/screenshot-openqa-butler.png">
</a>
</li>
<li>
<a href="https://hackweek.suse.com/18/projects/jupiter-system" target="_blank">
<h1>Jupiter system</h1>
<img alt="Screenshot of diagram from 'Jupiter system'" src="img/diagram-jupiter-system.png">
</a>
</li>
<li>
<a
href="https://hackweek.suse.com/18/projects/get-opensuse-tumbleweed-for-s390x-ibm-mainframe-on-openqa-dot-opensuse-dot-org" target="_blank">
<h1>Test automation of Linux for IBM Z</h1>
<img alt="Screenshot of x3270 terminal" src="img/screenshot-tw-s390x-x3270.png">
</a>
</li>
</ul>
</section>
<section id="sectionTalks">
<h1>Talks</h1>
<ul>
<li>
<a href="https://k4cg.org/index.php/Event:2018/05/21_Javascript_functions_are_objects" target="_blank">
<h1>Javascript functions are objects</h1>
<img alt="Screenshot of slides 'Javascript functions are objects'"
src="img/screenshot-javascript-functions-objects.png">
</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=Bq6PFNjID34" target="_blank">
<h1>Why openSUSE?</h1>
<img alt="Screenshot of recording 'why openSUSE?'" src="img/screenshot-why-opensuse.png">
</a>
</li>
<li>
<a href="https://k4cg.org/index.php/Event:2019/01/21_openQA" target="_blank">
<h1>openQA</h1>
<img alt="Screenshot of slides 'openQA'" src="img/screenshot-openqa.png">
</a>
</li>
<li>
<a href="https://k4cg.org/index.php/Event:2019/06/17_Docker,_OCI,_Linux_containers" target="_blank">
<h1>Docker, OCI, Linux_containers</h1>
<img alt="Screenshot of workshop content 'Docker, OCI, Linux container'"
src="img/screenshot-docker-oci.png">
</a>
</li>
<li>
<a href="">
<h1></h1>
<img alt="" src="">
</a>
</li>
</ul>
</section>
<section id="sectionVideos">
<h1>Videos</h1>
<ul>
<li>
<a href="https://www.youtube.com/playlist?list=PLC36eACnZRu1zSxhIRFCicFsSBFCAfg5H" target="_blank">
<h1>How-to IBM MVS (TK5) playlist</h1>
<img src="img/screenshot-mvs-tk5.png" alt="How to use MVS-TK5 playlist">
</a>
</li>
</ul>
</section>
<section id="sectionBlogs">
<h1>Blogs</h1>
<ul>
<li>
<a href="https://consejosennurenberg.blogspot.com" target="_blank">
<h1>Consejos en Nürnberg</h1>
<img alt="Screenshot of blog 'Consejos en Nürnberg'" src="img/screenshot-consejos-nuernberg.png">
</a>
</li>
<li>
<a href="https://espirituprogramador.blogspot.com" target="_blank">
<h1>Espíritu programador</h1>
<img alt="Screenshot of blog 'Espíritu programador'" src="img/screenshot-espiritu-programador.png">
</a>
</li>
<li>
<a href="https://administratusistemainformatico.blogspot.com" target="_blank">
<h1>Administra tu sistema informático</h1>
<img alt="Screenshot of blog 'Administra tu sistema informático'"
src="img/screenshot-administra-sistema.png">
</a>
</li>
</ul>
</section>
<footer>
<h1>sergiolindo.empresa at gmail.com</h1>
<p>
<a href="https://github.com/binary-sequence?tab=repositories" target="_blank">
<img src="img/github.png" />
</a>
<a href="http://www.youtube.com/@binary-sequence/videos?view=0" target="_blank">
<img src="img/youtube.png" />
</a>
</p>
</footer>
</body>
</html>