Convert barant.com JET 1.4 marketing pages to jetc/.jtc (local, non-production)

Pulls .page files and shared template infrastructure (mainpagetemplate.temp,
menu.bar, barant.tag, opensource.menu, cart.menu, login.menu) read-only from
barant.com via SFTP into jetc/barant-site/src, then convert.py mechanically
flattens them into self-contained .jet files: linkbutton becomes a plain
anchor link (the old SESSIONCTL PAGE/PROCESS form-postback model has no
equivalent here - each page is its own real #api route now, not a shared
single-form state machine), sectionframe is expanded per its barant.tag
definition, /images/* references are fetched and inlined as data URIs
(APIServer has no static-file serving), and session-gated chrome (cart,
account/admin, login.menu) is resolved to its anonymous-visitor default
state, since no session/DB backend is wired into this conversion.

17 pages convert and serve cleanly end-to-end (verified via a local
apiserver-barant-site.json instance on :8081, kept separate from the
existing demo server on :8080 to avoid a /main route collision with the
earlier hand-cloned barant.jet). Two pages deliberately out of scope for
this pass: davidarant.page (whiledir filesystem iteration) and the
per-topic sub-pages of jet.page (dispatches on an ARGS query param this
conversion does not populate - only the default overview state converts).
vst.page/modular1.page/modular1_patches.page also deferred - they pull
live product rows via sql, a real backend dependency beyond "pages and
their template" scope.

Nothing was written back to barant.com - SFTP access was read-only
throughout, per explicit instruction to convert locally without touching
the original site.

jetc/barant-site/src/modular1_patches.page

@@ -0,0 +1,54 @@
+<page template="mainpagetemplate">
+<title>Modular1 Patches</title>
+<contents>
+ <script>
+   var index = 0;
+   const paths = [];
+   const songs = [];
+   function onselection(id) {
+     var name = '/get_modular_sample.cgi?id=' + id;
+     var player = document.getElementById('player');
+     var audio = document.getElementById('audio');
+     var title = document.getElementById('title');
+     player.src = name;
+     title.textContent = 'test';
+     audio.load();
+     audio.play();
+   }
+</script>
+<setenv name="_menubar"></setenv>
+<sectionframe title="Modular1 Patches">
+
+<div style="width: 48%;">
+
+ <div style="display: inline-block;">
+  <audio id="audio" controls onended="selectNext();">
+    <source id="player" type="audio/mp3">
+  </audio>
+ </div>
+ <div style="font-size: 20px; display: inline-block;" id="title">Click on a title below</div>
+
+  <h1>Modular1 Patches</h1>
+  
+  <p>We are constantly making new patches and we also receive patches
+from our users. We will post them here so that they can be shared.</p>
+  <sql>select id,title,text from modular1_1_presets</sql>
+  <whilerow>
+   <table style="width: 500px; margin: 5px; background-color: #fff;"><tr>
+    <td style="background-color: #fff; padding: 5px;">
+     <a href="/get_modular_patch.cgi?id=$[.id]"><img style="width: 20px;" src="/images/download.png"></a>
+    </td>
+    <td style="background-color: #fff; width: 400px;">
+    <div style="font-size: 18px;"><b>$[.title]</b></div>
+    <div>$[.text]</div>
+   </td>   
+    <td style="background-color: #fff;">
+     <img onclick="onselection($[.id]); return true;" style="width: 40px; cursor: pointer; " src="/images/speaker.png">
+    </td>
+   </tr></table>
+  </whilerow>
+    
+</div>  
+</sectionframe>
+</contents>
+</page>