Changeset 7bef5b1 for content


Ignore:
Timestamp:
Apr 6, 2022, 5:43:06 AM (3 years ago)
Author:
Mikhail Kirillov <w96k@…>
Branches:
master
Children:
4ce8eb8
Parents:
7dac47b
Message:

Add music block

File:
1 edited

Legend:

Unmodified
Added
Removed

  • content/index.org

    r7dac47b r7bef5b1  
    55#+BEGIN_EXPORT html
    66<nav id="table-of-contents">
    7 <div id="text-table-of-contents">
    8 <ul style="list-style: none; margin: 0 0.5em;">
    9 <li><p><mark class="inline-block">2022-04-05</mark></p>
    10     <p>I've deleted my russian articles and translated the whole website in English due strong censorship in Russia.</p></li>
    11 </ul>
    12 </div>
     7  <div id="text-table-of-contents">
     8    <ul style="list-style: none; margin: 0 0.5em;">
     9      <li><p><mark class="inline-block">2022-04-05</mark></p>
     10        <p>I've deleted my russian articles and translated the whole website in English due strong censorship in Russia.</p></li>
     11    </ul>
     12  </div>
    1313</nav>
    1414
    1515<article>
    16 <div class="row">
    17 <div class="col-sm-12 col-md-4" align="center">
    18   <img src="/public/images/w96k.png" class="shadowed rounded" style="max-width: 200px; width: 100%;">
    19 </div>
    20 <div class="col-sm-12 col-md-8" style="background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0,0,0,.1);">
    21   <h2 style="background: rgba(0,0,0,.1); border-radius: 0.1em; margin-top: 0.5em; text-align: center"><strong>Mikhail Kirillov</strong></h2>
    22 
    23   <p>Developer. Profesionally I do mostly web backends.
    24   I like functional programming, LISP and free software movement.
    25   I use only libre software on my librebooted Thinkpad X200T.
    26   I'm a long-time user of
    27 <a href="http://guix.gnu.org">GNU Guix</a> OS and text editor
    28 <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>.
    29   </p>
    30 
    31   <ul style="margin-top: 1em; text-align: center;">
    32     <li style="display: inline-block;"><a href="mailto:w96k@riseup.net"><span class="icon-mail"></span>Email</a> <span style="color: #ccc;">|</span></li>
    33     <li style="display: inline-block;"><a href="https://fosstodon.org/@w96k"><span class="icon-share"></span>Mastodon</a> <span style="color: #ccc;">|</span></li>
    34     <li style="display: inline-block;"><a href="https://git.sr.ht/~w96k/"><span class="icon-link"></span>Sourcehut</a></li>
    35   </ul>
    36 </div>
    37 </div>
    38 
    39 <h3>Software I use</h3>
    40 <table class="iuse">
    41 <tr>
    42 <td>
    43 <a href="https://gnu.org">
    44 <figure>
    45   <img src="/public/images/gnu.png">
    46   <figcaption>GNU Software</figcaption>
    47 </figure>
    48 </a>
    49 </td>
    50 <td>
    51 <a href="https://guix.gnu.org">
    52 <figure>
    53   <img src="/public/images/guix.png">
    54   <figcaption>GNU Guix</figcaption>
    55 </figure>
    56 </a>
    57 </td>
    58 <td>
    59 <a href="https://www.gnu.org/software/emacs/">
    60 <figure>
    61   <img src="/public/images/emacs.png">
    62   <figcaption>GNU Emacs</figcaption>
    63 </figure>
    64 </a>
    65 </td>
    66 <td>
    67 <a href="https://www.gnu.org/software/gnuzilla/">
    68 <figure>
    69   <img src="/public/images/icecat.png">
    70   <figcaption>Icecat Browser</figcaption>
    71 </figure>
    72 </a>
    73 </td>
    74 </tr>
    75 </table>
    76 
    77 <table class="iuse">
    78 <tr>
    79 <td>
    80 <a href="https://gnu.org/software/gnu-c-manual/gnu-c-manual.html">
    81 <figure>
    82   <img src="/public/images/c.png">
    83   <figcaption>GNU C</figcaption>
    84 </figure>
    85 </td>
    86 </a>
    87 <td>
    88 <a href="https://gnu.org/software/guile/">
    89 <figure>
    90   <img src="/public/images/guile.png">
    91   <figcaption>GNU Guile</figcaption>
    92 </figure>
    93 </a>
    94 </td>
    95 <td>
    96 <a href="https://python.org/">
    97 <figure>
    98   <img src="/public/images/python.png">
    99   <figcaption>Python</figcaption>
    100 </figure>
    101 </a>
    102 </td>
    103 <td>
    104 <a href="http://php.net/">
    105 <figure>
    106   <img src="/public/images/php.png">
    107   <figcaption>PHP</figcaption>
    108 </figure>
    109 </a>
    110 </td>
    111 </tr>
    112 </table>
     16  <div class="row">
     17    <div class="col-sm-12 col-md-4" align="center">
     18      <img src="/public/images/w96k.png" class="shadowed rounded" style="max-width: 200px; width: 100%;">
     19    </div>
     20    <div class="col-sm-12 col-md-8" style="background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0,0,0,.1);">
     21      <h2 style="background: rgba(0,0,0,.1); border-radius: 0.1em; margin-top: 0.5em; text-align: center"><strong>Mikhail Kirillov</strong></h2>
     22
     23      <p>Developer. Profesionally I do mostly web backends.
     24        I like functional programming, LISP and free software movement.
     25        I use only libre software on my librebooted Thinkpad X200T.
     26        I'm a long-time user of
     27        <a href="http://guix.gnu.org">GNU Guix</a> OS and text editor
     28        <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>.
     29      </p>
     30
     31      <ul style="margin-top: 1em; text-align: center;">
     32        <li style="display: inline-block;"><a href="mailto:w96k@riseup.net"><span class="icon-mail"></span>Email</a> <span style="color: #ccc;">|</span></li>
     33        <li style="display: inline-block;"><a href="https://fosstodon.org/@w96k"><span class="icon-share"></span>Mastodon</a> <span style="color: #ccc;">|</span></li>
     34        <li style="display: inline-block;"><a href="https://git.sr.ht/~w96k/"><span class="icon-link"></span>Sourcehut</a></li>
     35      </ul>
     36    </div>
     37  </div>
     38
     39  <h3>Software I use</h3>
     40  <table class="iuse">
     41    <tr>
     42      <td>
     43        <a href="https://gnu.org">
     44          <figure>
     45            <img src="/public/images/gnu.png">
     46            <figcaption>GNU Software</figcaption>
     47          </figure>
     48        </a>
     49      </td>
     50      <td>
     51        <a href="https://guix.gnu.org">
     52          <figure>
     53            <img src="/public/images/guix.png">
     54            <figcaption>GNU Guix</figcaption>
     55          </figure>
     56        </a>
     57      </td>
     58      <td>
     59        <a href="https://www.gnu.org/software/emacs/">
     60          <figure>
     61            <img src="/public/images/emacs.png">
     62            <figcaption>GNU Emacs</figcaption>
     63          </figure>
     64        </a>
     65      </td>
     66      <td>
     67        <a href="https://www.gnu.org/software/gnuzilla/">
     68          <figure>
     69            <img src="/public/images/icecat.png">
     70            <figcaption>Icecat Browser</figcaption>
     71          </figure>
     72        </a>
     73      </td>
     74    </tr>
     75  </table>
     76
     77  <table class="iuse">
     78    <tr>
     79      <td>
     80        <a href="https://gnu.org/software/gnu-c-manual/gnu-c-manual.html">
     81          <figure>
     82            <img src="/public/images/c.png">
     83            <figcaption>GNU C</figcaption>
     84          </figure>
     85      </td>
     86      </a>
     87      <td>
     88        <a href="https://gnu.org/software/guile/">
     89          <figure>
     90            <img src="/public/images/guile.png">
     91            <figcaption>GNU Guile</figcaption>
     92          </figure>
     93        </a>
     94      </td>
     95      <td>
     96        <a href="https://python.org/">
     97          <figure>
     98            <img src="/public/images/python.png">
     99            <figcaption>Python</figcaption>
     100          </figure>
     101        </a>
     102      </td>
     103      <td>
     104        <a href="http://php.net/">
     105          <figure>
     106            <img src="/public/images/php.png">
     107            <figcaption>PHP</figcaption>
     108          </figure>
     109        </a>
     110      </td>
     111    </tr>
     112  </table>
    113113</article>
    114114#+END_EXPORT
    … …  
    127127  composing and recording pieces of music.
    128128
     129* Music
     130I play piano and pianica at home and I love to compose weird music for
     131myself. Sadly enough I don't do it often and I lack composing knowledge
     132and skill. But yet I enjoy the process of creating music even when
     133results are bad. My favorite composers are [[https://en.wikipedia.org/wiki/Astor_Piazzolla][Astor Piazzolla]] and [[https://en.wikipedia.org/wiki/Paulinho_Nogueira][Paulinho
     134Nogueira]].
     135
     136** Music Software
     137I work mostly with MIDI. I can recommend [[https://rosegardenmusic.com/][Rosegarden]] if you have a midi
     138keyboard for composing midi music and [[https://en.wikipedia.org/wiki/MuseScore][Musescore]] if you composing more
     139classical music based on musical notation. [[https://lilypond.org/][Lilypond]] and [[http://denemo.org/][Denemo]] is great
     140for transcrabing ready music pieces, but not for composing. [[https://en.wikipedia.org/wiki/Audacity_(audio_editor)][Audacity]] for
     141post editing.
     142 
     143#+BEGIN_EXPORT html
     144<h3>Kinda finished music</h3>
     145<table class="iuse striped">
     146  <tr>
     147    <td>
     148      <audio controls>
     149        <source src="/public/music/chip1.mp3" type="audio/mpeg">
     150          <p><a href="/public/music/chip1.mp3">Opus 1</a></p>
     151      </audio>
     152      <p>Chiptune noise</p>
     153    </td>
     154    <td>
     155      <audio controls>
     156        <source src="/public/music/Bereza.mp3" type="audio/mpeg">
     157          <p><a href="/public/music/Bereza.mp3">Bereza</a></p>
     158      </audio>
     159      <p>Bereza</p>
     160    </td>
     161  </tr>
     162  <tr>
     163    <td>
     164      <audio controls>
     165        <source src="/public/music/Chistoe_Nebo.mp3" type="audio/mpeg">
     166          <p><a href="/public/music/Chistoe_Nebo.mp3">Bereza</a></p>
     167      </audio>
     168      <p>Chistoe Nebo</p>
     169    </td>
     170    <td>
     171      <audio controls>
     172        <source src="/public/music/Grach.mp3" type="audio/mpeg">
     173          <p><a href="/public/music/Grach.mp3">Bereza</a></p>
     174      </audio>
     175      <p>Grach</p>
     176    </td>
     177  </tr>
     178  <tr>
     179    <td>
     180      <audio controls>
     181        <source src="/public/music/opus1.mp3" type="audio/mpeg">
     182          <p><a href="/public/music/opus1.mp3">Opus 1</a></p>
     183      </audio>
     184      <p>Opus 1</p>
     185    </td>
     186    <td>
     187      <audio controls>
     188        <source src="/public/music/Oblachno.mp3" type="audio/mpeg">
     189          <p><a href="/public/music/Oblachno.mp3">Oblachno</a></p>
     190      </audio>
     191      <p>Oblachno</p>
     192    </td>
     193  </tr>
     194  <tr>
     195    <td>
     196      <audio controls>
     197        <source src="/public/music/Thought.mp3" type="audio/mpeg">
     198          <p><a href="/public/music/Thought.mp3">Thought</a></p>
     199      </audio>
     200      <p>Thought</p>
     201    </td>
     202    <td>
     203      <audio controls>
     204        <source src="/public/music/Vorobushki.mp3" type="audio/mpeg">
     205          <p><a href="/public/music/Vorobushki.mp3">Vorobushki</a></p>
     206      </audio>
     207      <p>Vorobushki</p>
     208    </td>
     209  </tr>
     210  <tr>
     211    <td>
     212      <audio controls>
     213        <source src="/public/music/Soviet_Apartments.mp3" type="audio/mpeg">
     214          <p><a href="/public/music/Soviet_Apartments.mp3">Soviet Apartments</a></p>
     215      </audio>
     216      <p>Soviet Apartments</p>
     217    </td>
     218  </tr>
     219</table>
     220
     221<h3>Unfinished music</h3>
     222<table class="iuse striped">
     223  <tr>
     224    <td>
     225      <audio controls>
     226        <source src="/public/music/Frustration.mp3" type="audio/mpeg">
     227          <p><a href="/public/music/Frustration.mp3">Frustration</a></p>
     228      </audio>
     229      <p>Frustration</p>
     230    </td>
     231    <td>
     232      <audio controls>
     233        <source src="/public/music/Authya_fuligula.mp3" type="audio/mpeg">
     234          <p><a href="/public/music/Authya_fuligula.mp3">Authya Fuligula</a></p>
     235      </audio>
     236      <p>Authya Fuligula</p>
     237    </td>
     238  </tr>
     239  <tr>
     240    <td>
     241      <audio controls>
     242        <source src="/public/music/Snegir.mp3" type="audio/mpeg">
     243          <p><a href="/public/music/Snegir.mp3">Snegir</a></p>
     244      </audio>
     245      <p>Snegir</p>
     246    </td>
     247    <td>
     248      <audio controls>
     249        <source src="/public/music/drums1.mp3" type="audio/mpeg">
     250          <p><a href="/public/music/drums1.mp3">Drums 1</a></p>
     251      </audio>
     252      <p>Drums 1</p>
     253    </td>   
     254  </tr>
     255  <tr>
     256    <td>
     257      <audio controls>
     258        <source src="/public/music/hz.flac" type="audio/flac">
     259          <p><a href="/public/music/hz.flac">Jazzy Thing</a></p>
     260      </audio>
     261      <p>Jazzy Thing</p>
     262    </td>
     263    <td>
     264      <audio controls>
     265        <source src="/public/music/minus-mozg.mp3" type="audio/mpeg">
     266          <p><a href="/public/music/minus-mozg.mp3">Minus Mozg</a></p>
     267      </audio>
     268      <p>Minus Mozg</p>
     269    </td>
     270  </tr>
     271  <tr>
     272    <td>
     273      <audio controls>
     274        <source src="/public/music/opus2.flac" type="audio/flac">
     275          <p><a href="/public/music/opus2.flac">Opus 2</a></p>
     276      </audio>
     277      <p>Opus 2</p>
     278    </td> 
     279  </tr>
     280</table>
     281
     282<h3>Me playing</h3>
     283<table class="iuse">
     284  <tr>
     285    <td>
     286      <audio controls>
     287        <source src="/public/music/pianica1.mp3" type="audio/mpeg">
     288          <p><a href="/public/music/pianica1.mp3">Ancom music</a></p>
     289      </audio>
     290      <p>Ancom Music</p>
     291    </td>
     292    <td>
     293      <audio controls>
     294        <source src="/public/music/Astor.mp3" type="audio/mpeg">
     295          <p><a href="/public/music/Astor.mp3">Astor Piazzolla</a></p>
     296      </audio>
     297      <p>Astor Piazzolla</p>
     298    </td>
     299  </tr>
     300</table>
     301#+END_EXPORT
     302
     303
     304
     305
     306 
    129307* Donations
    130308  You can support me and my projects by donating.
Note: See TracChangeset for help on using the changeset viewer.