-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
159 lines (142 loc) 路 8.89 KB
/
Copy pathindex.html
File metadata and controls
159 lines (142 loc) 路 8.89 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bixb922 | Portfolio & Projects</title>
<!-- Link to water.css (light theme) -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css">-->
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<h1><span class="white-bg-icon emoji-icon">馃帾</span> Welcome to My GitHub Pages <span class="white-bg-icon emoji-icon">馃幎</span></h1>
<p>Hi there! I'm bixb922. Below is a collection of my mechanical music, microcontroller and Python projects.</p>
</header>
<main>
<h2>My projects</h2>
<div class="repo-card">
<h3 class="repo-title">
<img src="barrelorgan.png" alt="Crank Organ Icon" class="white-bg-icon" />
My crank organ "Das Orgelinchen"
</h3>
<center><img src="thumbnail with octopus.png" style="width:80%"/></center>
<p>I designed and built this crank organ at home.</p>
<div class="doc-section">
<h4>Some links:</h4>
<ul>
<li><a href="https://www.youtube.com/@bixb922" target="_blank"><img src="youtube_icon.svg" height=12> My Youtube channel with many videos</a></li>
<li><a href="how_does_it_work/how_en.html" target="_blank">馃敥 This is how the crank organ works (with animated diagram)</a></li>
<li><a href="how_does_it_work/how_sp.html" target="_blank">馃敥 As铆 como funciona el organillo u organito (con animaci贸n, en espa帽ol)</a></li>
<li><a href="build_photos/index.html" target="_blank">馃帹 A photo log "Building the crank organ"</a></li>
<li><a href="https://youtu.be/BkgqY_VDS10l" target="_blank"> <img src="youtube_icon.svg" height=12> First tests of the crank organ innards on the kitchen table"</a></li>
<li><a href="https://youtu.be/2PqB4W6jTFo" target="_blank">
<img src="youtube_icon.svg" height=12> New piccolo flutes for the crank organ (part 1)</a></li>
<li><a href="https://youtu.be/A8HaATFwoJs"> <img src="youtube_icon.svg" height=12> New piccolo flutes for the crank organ (part 2)</a></li>
</ul>
</div>
</div>
<h2>Repositories</h2>
<!-- Repository 2: crank-organ -->
<div class="repo-card">
<h3 class="repo-title">
<img src="barrelorgan.png" alt="Crank Organ Icon" class="white-bg-icon" />
crank-organ
</h3>
<p>Complete hardware and software solution for a MIDI-based mechanical crank organ using a microcontroller. Includes open source software and electronics plans (schematics) .</p>
<div class="repo-links">
<a href="https://github.com/bixb922/crank-organ" target="_blank">馃敆 View Repository</a>
<a href="https://github.com/bixb922/crank-organ/blob/main/README.md" target="_blank">馃搫 Introduction and overview</a>
</div>
<div class="doc-section">
<h4>List of documents</h4>
<ul>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/doc-hardware/README.md" target="_blank">馃搫 The crank organ electronics (schematics and instructions to build)</a></li>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/doc-software/README.md" target="_blank">馃搫 The crank organ software</a></li>
<li id="supportedBrowser"><a href="demo/index.html" target="_blank" >馃搫 Online demo of the crank organ software</a></li>
<li id="unsupportedBrowser" style="display:none">Demo does not work on Safari. Use Chrome or Firefox.</li>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/building/README.md" target="_blank">馃搫 How to build a crank organ yourself</a></li>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/doc-hardware/battery.md" target="_blank">馃搫 Options for batteries</a></li>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/doc-hardware/crank-sensor.md" target="_blank">馃搫 The crank sensor, a journey</a></li>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/doc-servo/servos.md" target="_blank">馃搫 Valves with RC servo motors</a></li>
<li><a href="https://github.com/bixb922/crank-organ/blob/main/design-and-development/design_and_development.md" target="_blank">馃搫 Design and development of the crank organ software</a></li>
</ul>
</div>
<div class="tool-box">
<h4>Busca mi organillo</h4>
<p>Esta p谩gina es para conectarse al organillo usando un celular y bluetooth. Para usar esta p谩gina debe chequearse la opci贸n "Advertise WiFi names on Bluetooth" en la p谩gina de Configuraci贸n General.
<br>
<a href="find_it/busca_organillo.html">
<span class="white-bg-icon emoji-icon">馃帲</span>
Busca mi organillo</a></p>
</div>
<div class="tool-box">
<h4>Find my crank organ</h4>
<p>Use this page to connect to the crank organ using a cell phone with bluetooth. To use this page, you must check the option "Advertise WiFi names on Bluetooth" on the General Configuration page. <br>
<a href="find_it/find_my_crank_organ.html">
<span class="white-bg-icon emoji-icon">馃帲</span>
Find my crank organ</a></p>
</div>
</div>
<!-- Repository 1: umidiparser -->
<div class="repo-card">
<h3 class="repo-title">
<span class="white-bg-icon emoji-icon">馃幖</span>
umidiparser
</h3>
<p>MIDI file parser optimized for MicroPython, CircuitPython, and regular Python.</p>
<div class="repo-links">
<a href="https://github.com/bixb922/umidiparser" target="_blank">馃敆 View Repository</a>
<a href="https://github.com/bixb922/umidiparser/blob/main/README.md" target="_blank">馃搫 Description and usage of MIDI file parser</a>
</div>
<div class="doc-section">
<h4>Documents in the MIDI file parser repository</h4>
<ul>
<li><a href="https://github.com/bixb922/umidiparser/blob/main/midi_over_serial/midi_over_serial.md" target="_blank">馃搫 Circuit for MIDI output over serial line for microcontrollers like the ESP32</a></li>
</ul>
</div>
</div>
<!-- Repository 3: freezefs -->
<div class="repo-card">
<h3 class="repo-title">
<span class="white-bg-icon emoji-icon">馃ザ</span>
freezefs
</h3>
<p>Tool to create self-extracting compressed or self-mounting archives for MicroPython from folder structures.</p>
<div class="repo-links">
<a href="https://github.com/bixb922/freezefs" target="_blank">馃敆 View Repository</a>
<a href="https://github.com/bixb922/freezefs/blob/main/README.md" target="_blank">馃搫 Description and usage of this utility program</a>
</div>
</div>
<!-- Repository 4: viper-examples -->
<div class="repo-card">
<h3 class="repo-title">
<span class="white-bg-icon emoji-icon">馃悕</span>
viper-examples
</h3>
<p>Documentation and practical code examples for MicroPython Viper code performance optimization.</p>
<div class="repo-links">
<a href="https://github.com/bixb922/viper-examples" target="_blank">馃敆 View Repository</a>
<a href="https://github.com/bixb922/viper-examples/blob/main/README.md" target="_blank">馃搫 Overview</a>
</div>
</div>
</main>
<footer>
<hr>
<p style="text-align: center; font-size: 0.85em; color: var(--text-color);">
Hosted on <a href="https://pages.github.com/" target="_blank">GitHub Pages</a> |
<a href="https://github.com/bixb922" target="_blank">GitHub Profile</a>
</p>
</footer>
</body>
<script>
// Source - https://stackoverflow.com/a/23522755
// Posted by fregante, modified by community. See post 'Timeline' for change history
// Retrieved 2026-08-19, License - CC BY-SA 3.0
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
if( isSafari ){
document.getElementById("supportedBrowser").style.display = "none";
document.getElementById("unsupportedBrowser").style.display = ""
}
</script>
</html>