update

.gitignore

@@ -1,2 +1,3 @@
 /keine_tashi.html
 /sitemap.html
+/cookies.html

cookies.org

@@ -2,24 +2,27 @@
 #+HTML_HEAD: <meta name="description" content="Cookie Policy" />
 #+HTML_HEAD: <meta property="og:title" content="Cookie Policy" />
 #+HTML_HEAD: <meta property="og:description" content="Cookie Policy for Phundrak’s Websites" />
-#+INCLUDE: headers
+#+setupfile: headers
+#+options: auto-id:t
 #+startup: content
 
 * Introduction
   :PROPERTIES:
-  :CUSTOM_ID: h-214b869f-1952-46c2-a71a-4d4f7b22b995
+  :CUSTOM_ID: Introduction-bf9149fa
   :END:
   Last updated November 5th, 2019.
 
   This Cookie Policy explains how I ("Lucien Cartier-Tilet", "me", and "my") use
   cookies and similar  technologies to recognize you when you  visit my websites
-  at [[https://phundrak.com][phundrak.com]],  [[https://en.phundrak.com][en.phundrak.com]], [[https://langue.phundrak.com][langue.phundrak.com]],  [[https://labs.phundrak.com][labs.phundrak.com]] and
+  [[https://phundrak.com][phundrak.com]],  [[https://en.phundrak.com][en.phundrak.com]],   [[https://langue.phundrak.com][langue.phundrak.com]],  [[https://labs.phundrak.com][labs.phundrak.com]]  and
-  others ("Websites").  It explains what  these technologies  are and why  I use
+  others on the domain of ~phundrak.com~ ("Websites"). Are also included in this
-  them, as well as your rights to control my use of them.
+  any website on the domain of ~supran.fr~, such as [[https://blog.supran.fr][blog.supran.fr]]. It explains
+  what these  technologies are and  why I  use them, as  well as your  rights to
+  control my use of them.
 
 * What are cookies?
   :PROPERTIES:
-  :CUSTOM_ID: h-1831d3bb-a3ab-46be-987a-b7a755191a39
+  :CUSTOM_ID: What_are_cookies?-3686f85d
   :END:
   Cookies are small data files that are placed on your computer or mobile device
   when you visit a  website. Cookies are widely used by  website owners in order
@@ -36,13 +39,25 @@
 
 * Why do I use cookies?
   :PROPERTIES:
-  :CUSTOM_ID: h-31bde58a-1cf0-4cab-882b-717ca2dbc625
+  :CUSTOM_ID: Why_do_I_use_cookies?-8ca1823b
   :END:
-  I use first party cookies for one reasons: my first party cookies are required
+  I  use first  party cookies  for two  reasons. First  of all,  my first  party
-  for technical  reasons in order  for my Websites to  operate, and we  refer to
+  cookies  are required  for  technical  reasons in  order  for  my Websites  to
-  these  as  "essential"  or  "strictly necessary"  cookies.  For  instance,  it
+  operate, and we refer to these as "essential" or "strictly necessary" cookies.
-  remembers which color  theme you selected on my Websites  that propose such as
+  For instance, it remembers which color  theme you selected on my Websites that
-  feature, or logins on [[https://labs.phundrak.com][labs.phundrak.com]].
+  propose such as  feature, or logins and other users  settings on websites such
+  as [[https://labs.phundrak.com][labs.phundrak.com]].
+
+  The  second reason  I use  cookies are  analytics and  tracking. But  don’t be
+  worried, I am  not using any intrusive  user tracking here: I  will only track
+  you on my Websites and my Websites  only, user data will not leave my servers,
+  I will not sell them  or share them in any way to anyone,  be it a physical or
+  moral person,  and I have no  way of knowing who  you are. I just  want to see
+  your  behavior on  my websites  in  order to  improve  them. If  you want  any
+  additional information,  please head to  [[https://matomo.org/][Matomo’s website]] to learn  more about
+  how tracking  is done with  their service, knowing  that I self-host  a Matomo
+  instance and  I do not  use their own instance.  Your privacy is  protected as
+  well as your data.
 
   If you are worried about your privacy,  rest assured that I do not have access
   myself to the cookies  set by my Websites and thus they do  not provide me any
@@ -50,7 +65,7 @@
 
 * How can I control cookies?
   :PROPERTIES:
-  :CUSTOM_ID: h-c9c3237c-a206-40d5-b0fc-706a48f00a4a
+  :CUSTOM_ID: How_can_I_control_cookies?-ae149a72
   :END:
   By  default, all  my websites  set  the cookies  they need  to work  properly.
   Essential website cookies are strictly  necessary to provide you with services
@@ -61,9 +76,14 @@
   do so with a quick search on  your favorite search engine, such as DuckDuckGo,
   Qwant or Startpage (if cookies worry you, you should probably avoid Google).
 
+  All cookies  set by Matomo  (my tracking service) can  also be blocked  by any
+  good ad-blocker (although Matomo is unrelated  to ads). I haven’t tested a lot
+  myself, but  I do  know [[https://github.com/gorhill/uBlock/][uBlock  Origin]] blocks anything  that could  track you.
+  That’s also the best ad-blocker I know of, and I highly recommend using it.
+
 * What about other tracking technologies, like web beacons?
   :PROPERTIES:
-  :CUSTOM_ID: h-7526ba41-e358-4d6e-b943-893d6c67a9f5
+  :CUSTOM_ID: What_about_other_tracking_technologies,_like_web_beacons?-a78808c9
   :END:
   Cookies are not the only way to recognize or track visitors to a website, such
   as web beacons (sometimes called "tracking pixels" or "clear gifs"). These are
@@ -71,13 +91,17 @@
   owners  to recognize  when someone  has visited  their websites  or opened  an
   e-mail including them.
 
-  However, I do not use them in any of my Websites. First, because I have no use
+  However, I do not use them in any of my Websites. The only tracking technology
-  in tracking you  (as said below, I  have very little love  for advertising and
+  I use are cookies is for analytics, [[#Why_do_I_use_cookies?-8ca1823b][as explained above]]. Matomo is an analytics
-  tracking), and even if I wanted to, I do not know how to use this technology.
+  service I self-host  (i.e. this is a private instance),  so the collected data
+  are stored  on my servers and  my servers only,  and Matomo has been  built in
+  order  to protect  your data  and  your anonymity.  If  you still  want to  be
+  protected from this,  you can block any cookie  from the ~matomo.phundrak.com~
+  domain, and I won’t be able to track your activity on my websites anymore.
 
 * Do you use Flash cookies or Local Shared Objects?
   :PROPERTIES:
-  :CUSTOM_ID: h-fe1cb46c-4a59-4b94-a451-ba5247169266
+  :CUSTOM_ID: Do_you_use_Flash_cookies_or_Local_Shared_Objects?-c5d10abf
   :END:
   Using Flash in ~$current_year~  is a very bad idea due  to its security flaws.
   Therefore, Flash is not used on any of my Websites. And I do not use any Local
@@ -85,25 +109,25 @@
 
 * Do you serve targeted advertising?
   :PROPERTIES:
-  :CUSTOM_ID: h-dd7dcb60-5348-47e4-bf08-e7ac94d5be73
+  :CUSTOM_ID: Do_you_serve_targeted_advertising?-5081cb19
   :END:
   Absolutely not, rest assured. I dislike advertisment  as much as you do if not
   more.
 
 * How often will you update this Cookie Policy?
   :PROPERTIES:
-  :CUSTOM_ID: h-9159dcaf-f534-4df2-8183-aa475691a011
+  :CUSTOM_ID: How_often_will_you_update_this_Cookie_Policy?-9617011d
   :END:
   I may  update this Cookie Policy  from time to  time in order to  reflect, for
-  example,  changes to  the cookies  I use  or for  other operational,  legal or
+  example, changes  to the  cookies I  use or for  other operational,  legal, or
   regulatory reasons. Please therefore re-visit  this Cookie Policy regularly to
   stay informed about our use of cookies and related technologies.
 
-  The date at the top of this Cookie Policy indicates when it was last updated.
+  This was last updated on {{{time(%F at %H:%M %Z)}}}.
 
 * Where can I get further information?
   :PROPERTIES:
-  :CUSTOM_ID: h-4562c201-dedd-4681-8d9b-ba39a3360584
+  :CUSTOM_ID: Where_can_I_get_further_information?-fafb5b56
   :END:
   If  you have  any questions  about my  use of  cookies or  other technologies,
   please email me at [[mailto:lucien@phundrak.com][lucien@phundrak.com]].

en.html

@@ -15,7 +15,23 @@
         <meta name="description" content="Site web personnel de Lucien Cartier-Tilet" />
         <meta name="keywords" content="Lucien, Cartier, Tilet, Cartier-Tilet, université, informatique, étudiant, university, college, student, computer, computer science, science, ALYS, LEORA, VoxWave, voice, vocal synthesis, French, English, Japanese, AlterEgo, VOCALOID, UTAU, CeVIO, Chipspeech, Plogue, linguistique, langue, hjelp, hjalpi, conlang, conlangs" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
+        <link rel="stylesheet" href="https://phundrak.com/css/main.css" type="text/css" media="screen" />
+
+        <!-- Matomo -->
+        <script type="text/javascript">
+         var _paq = window._paq || [];
+         /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+         _paq.push(['trackPageView']);
+         _paq.push(['enableLinkTracking']);
+         (function() {
+             var u="//matomo.phundrak.com/";
+             _paq.push(['setTrackerUrl', u+'matomo.php']);
+             _paq.push(['setSiteId', '3']);
+             var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+             g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+         })();
+        </script>
+        <!-- End Matomo Code -->
     </head>
 
     <body>
@@ -80,7 +96,8 @@
                 </div>
                 <div class="side-content">
                     <ul class="side-links">
-                        <li><a href="https://labs.phundrak.com/phundrak">GitLab</a></li>
+                        <li><a href="https://blog.phundrak.com/">Blog</a></li>
+                        <li><a href="https://labs.phundrak.com/phundrak">Gitea instance</a></li>
                         <li><a href="https://github.com/phundrak">Github</a></li>
                         <li><a href="https://langue.phundrak.com/">Linguistics website (French)</a></li>
                         <li><a href="https://twitter.com/phundrak">Twitter</a></li>
@@ -140,9 +157,9 @@
                                     <h5>Programming</h5>
                                     <div class="highlight-h5"></div>
                                 </div>
-                                <p class="skill-description">Basic knowledge with PostScript, C#, Java, and shell (Bash, Zsh, Fish)</p>
+                                <p class="skill-description">Basic knowledge: PostScript, C#, Java, Assembly (x86), Prolog, Scheme</p>
-                                <p class="skill-description">Knowledge with Python, Rust, Assembly (x86), Prolog, HTML, CSS, Javascript (Ecmascript 6), Scheme</p>
+                                <p class="skill-description">Knowledge: Python, Rust, shell (Bash, Fish), HTML, CSS, Javascript (Ecmascript 6), Dart, Emacs Lisp</p>
-                                <p class="skill-description">Good knowledge with C, C++</p>
+                                <p class="skill-description">Good knowledge: C, C++</p>
                             </li>
                             <li>
                                 <div class="header-container skill-name">
@@ -150,13 +167,14 @@
                                     <div class="highlight-h5"></div>
                                 </div>
                                 <ul class="skill-list two-col-ul">
-                                    <li>Emacs</li>
+                                    <li>Emacs (main tool)</li>
-                                    <li>Git</li>
+                                    <li>Git (main tool)</li>
                                     <li>JetBrains CLion</li>
                                     <li>JetBrains PyCharm</li>
                                     <li>JetBrains WebStorm</li>
                                     <li>Visual Studio 2015/2017</li>
                                     <li>Nginx</li>
+                                    <li>Caddy</li>
                                     <li>Vim</li>
                                     <li>Docker</li>
                                 </ul>

headers

@@ -16,11 +16,25 @@
 #+HTML_HEAD_EXTRA: <meta name="twitter:card" content="summary" />
 #+HTML_HEAD_EXTRA: <meta name="twitter:site" content="@phundrak" />
 #+HTML_HEAD_EXTRA: <meta name="twitter:creator" content="@phundrak" />
-#+HTML_HEAD_EXTRA: <link rel="stylesheet" href="https://langue.phundrak.com/style/style.css"/>
+#+HTML_HEAD_EXTRA: <link rel="stylesheet" href="https://langue.phundrak.com/style/main.css"/>
 #+HTML_HEAD_EXTRA: <link rel="shortcut icon" href="https://cdn.phundrak.com/img/mahakala-128x128.png" type="img/png" media="screen" />
 #+HTML_HEAD_EXTRA: <link rel="shortcut icon" href="https://cdn.phundrak.com/img/favicon.ico" type="image/x-icon" media="screen" />
 #+HTML_HEAD_EXTRA: <script defer src="https://langue.phundrak.com/dart/main.dart.js"></script>
-#+HTML_HEAD_EXTRA: <script defer src="https://kit.fontawesome.com/4d42d0c8c5.js" crossorigin="anonymous"></script>
+#+html_head_extra: <!-- Matomo -->
+#+html_head_extra: <script type="text/javascript">
+#+html_head_extra:  var _paq = window._paq || [];
+#+html_head_extra:  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+#+html_head_extra:  _paq.push(['trackPageView']);
+#+html_head_extra:  _paq.push(['enableLinkTracking']);
+#+html_head_extra:  (function() {
+#+html_head_extra:      var u="//matomo.phundrak.com/";
+#+html_head_extra:      _paq.push(['setTrackerUrl', u+'matomo.php']);
+#+html_head_extra:      _paq.push(['setSiteId', '3']);
+#+html_head_extra:      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+#+html_head_extra:      g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+#+html_head_extra:  })();
+#+html_head_extra: </script>
+#+html_head_extra: <!-- End Matomo Code -->
 
 # ### MACROS ###################################################################
 #+MACRO: newline @@latex:\hspace{0pt}\\@@ @@html:<br>@@

index.html

@@ -16,6 +16,22 @@
         <meta name="keywords" content="Lucien, Cartier, Tilet, Cartier-Tilet, université, informatique, étudiant, university, college, student, computer, computer science, science, ALYS, LEORA, VoxWave, voice, vocal synthesis, French, English, Japanese, AlterEgo, VOCALOID, UTAU, CeVIO, Chipspeech, Plogue, linguistique, langue, hjelp, hjalpi, conlang, conlangs" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
+
+        <!-- Matomo -->
+        <script type="text/javascript">
+         var _paq = window._paq || [];
+         /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+         _paq.push(['trackPageView']);
+         _paq.push(['enableLinkTracking']);
+         (function() {
+             var u="//matomo.phundrak.com/";
+             _paq.push(['setTrackerUrl', u+'matomo.php']);
+             _paq.push(['setSiteId', '3']);
+             var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+             g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+         })();
+        </script>
+        <!-- End Matomo Code -->
     </head>
 
     <body>
@@ -79,6 +95,7 @@
                 </div>
                 <div class="side-content">
                     <ul class="side-links">
+                        <li><a href="https://blog.phundrak.com/">Blog</a></li>
                         <li><a href="https://labs.phundrak.com/phundrak">Instance Gitea</a></li>
                         <li><a href="https://github.com/phundrak">Github</a></li>
                         <li><a href="https://langue.phundrak.com/">Site de linguistique</a></li>
@@ -139,8 +156,8 @@
                                     <h5>Programmation</h5>
                                     <div class="highlight-h5"></div>
                                 </div>
-                                <p class="skill-description">Notions en PostScript, C#, Java, shell (Bash, Zsh, Fish)</p>
+                                <p class="skill-description">Notions en PostScript, C#, Java, Prolog, Scheme</p>
-                                <p class="skill-description">Connaissances en Python, Rust, Assembleur (x86 syntaxe AT&T), Prolog, HTML, CSS, Javascript (Ecmascript 6), Scheme</p>
+                                <p class="skill-description">Connaissances en Python, Rust, Assembleur (x86 syntaxe AT&T), HTML, CSS, Javascript (Ecmascript 6), shell UNIX (Bash, Fish), Emacs Lisp, Dart</p>
                                 <p class="skill-description">Connaissances solides en C, C++</p>
                             </li>
                             <li>
@@ -149,15 +166,16 @@
                                     <div class="highlight-h5"></div>
                                 </div>
                                 <ul class="skill-list two-col-ul">
-                                    <li>Emacs</li>
+                                    <li>Emacs (outils principal)</li>
-                                    <li>Git</li>
+                                    <li>Git (outils principal)</li>
                                     <li>JetBrains CLion</li>
                                     <li>JetBrains PyCharm</li>
                                     <li>JetBrains WebStorm</li>
                                     <li>Visual Studio 2015/2017</li>
                                     <li>Nginx</li>
+                                    <li>Caddy</li>
                                     <li>Vim</li>
-                                    <li>Docker</li>
+                                    <li>Docker (y compris Docker Compose)</li>
                                 </ul>
                             </li>
                             <li>

keine_tashi.org

@@ -3,11 +3,12 @@
 #+HTML_HEAD: <meta property="og:title" content="KEINE Tashi" />
 #+HTML_HEAD: <meta property="og:description" content="On my UTAU, KEINE Tashi" />
 #+INCLUDE: headers
+#+options: auto-id:t
 #+startup: content
 
 * Introduction
   :PROPERTIES:
-  :CUSTOM_ID: h-89590862-1763-40cb-8608-c0ab6d052a55
+  :CUSTOM_ID: Introduction-88220912
   :END:
   KEINE  Tashi is  a character  and  set of  vocal libraries  developed for  the
   shareware [[http://utau2008.web.fc2.com/][UTAU]], a singing voice synthesizer.  I developed KEINE Tashi over the
@@ -21,13 +22,13 @@
 
 * Character and vocal libraries
   :PROPERTIES:
-  :CUSTOM_ID: h-22423635-6094-4927-b5ae-526f5568f527
+  :CUSTOM_ID: Character_and_vocal_libraries-8e8e5ebf
   :END:
   Here’s a copy and paste of some old pages describing KEINE Tashi:
 
 ** Presentation
    :PROPERTIES:
-   :CUSTOM_ID: h-6e3e3d98-18dc-47e8-b955-47cdc5ef726e
+   :CUSTOM_ID: Character_and_vocal_libraries-Presentation-90918615
    :END:
    [[https://cdn.phundrak.com/img/UTAU/KEINE_Tashi_original.png]]
    - Codename :: BSUP01 恵音བཀྲ་ཤིས་ KEINE Tashi
@@ -68,12 +69,12 @@
 
 ** Vocal libraries
    :PROPERTIES:
-   :CUSTOM_ID: h-5505fdc9-a1ed-40a6-a73b-aaf58e589c9c
+   :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-497b4e3c
    :END:
 
 *** JPN VCV
     :PROPERTIES:
-    :CUSTOM_ID: h-d9c68a7b-25a7-4d24-855e-6b7996d1adaf
+    :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-JPN_VCV-871ea8f8
     :END:
     - Download link :: [[https://drive.google.com/file/d/0B2gIxlZGDdX_eUs1UUJfbmZfbHc/view]]
     - File size :: 60.7MB
@@ -90,7 +91,7 @@
 
 *** JPN Extend Power
     :PROPERTIES:
-    :CUSTOM_ID: h-63ed1543-739a-41b8-8880-695064f71bee
+    :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-JPN_Extend_Power-b5b4c561
     :END:
     - Download link :: [[https://drive.google.com/file/d/0B2gIxlZGDdX_SnZqUTJVT0wxa2s/view?usp=drivesdk]]
     - File size :: 114MB
@@ -107,7 +108,7 @@
 
 *** JPN Extend Youth
     :PROPERTIES:
-    :CUSTOM_ID: h-947372be-99e6-4a53-8ac5-47143a6037be
+    :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-JPN_Extend_Youth-6785c5c8
     :END:
     - Download link :: [[https://drive.google.com/file/d/0B2gIxlZGDdX_STRzRTlwNmRVN0E/view?usp=drivesdk]]
     - File size :: 36.9MB
@@ -124,19 +125,19 @@
 
 *** JPN Extend Native
     :PROPERTIES:
-    :CUSTOM_ID: h-87ceec13-2537-4433-a42d-e6af1947abde
+    :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-JPN_Extend_Native-935d64fa
     :END:
     - Status :: abandonned
 
 *** TIB CVVC
     :PROPERTIES:
-    :CUSTOM_ID: h-19fa92de-c231-45ea-a3b0-4f81449d45e5
+    :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-TIB_CVVC-5f355fb5
     :END:
     - Status :: abandonned
 
 *** ENG
     :PROPERTIES:
-    :CUSTOM_ID: h-d64470f3-4fd8-47c4-8d25-edc399f693a4
+    :CUSTOM_ID: Character_and_vocal_libraries-Vocal_libraries-ENG-f14b88e2
     :END:
     [[https://cdn.phundrak.com/img/UTAU/KEINE_Tashi_EN.png]]
 
@@ -144,7 +145,7 @@
 
 * Usage clause and license
   :PROPERTIES:
-  :CUSTOM_ID: h-3ea2c55e-b922-4a5e-a79a-8b0c4c67c0ce
+  :CUSTOM_ID: Usage_clause_and_license-0abcacaa
   :END:
   KEINE Tashi  is released under  the [[https://creativecommons.org/licenses/by-nc-sa/4.0/][CC BY-SA-NC  4.0 license]], meaning  you are
   free to: