From 77d492a517bf18370bb2746478735b2036fea375 Mon Sep 17 00:00:00 2001
From: Dmitry Iv <df.creative@gmail.com>
Date: Thu, 30 May 2024 10:01:54 -0400
Subject: [PATCH] Adjust dimmer

---
 main.css          |  8 ++--
 src/template.html | 96 -----------------------------------------------
 2 files changed, 3 insertions(+), 101 deletions(-)
 delete mode 100644 src/template.html

diff --git a/main.css b/main.css
index b941b4b..90ab1e4 100644
--- a/main.css
+++ b/main.css
@@ -27,12 +27,12 @@ body {
 
 .wavefont {
   display: block;
-  --wght: 20;
+  --wght: 33;
   font-family: wavefont;
   letter-spacing: 1.5ch;
   font-size: var(--wavefont-size, 50px);
   line-height: var(--wavefont-lh);
-  font-variation-settings: 'wght' var(--wght), 'ROND' 0, 'YALN' 0;
+  font-variation-settings: 'wght' var(--wght), 'ROND' 100, 'YALN' 0;
   text-rendering: optimizeSpeed;
   font-smooth: grayscale;
   -webkit-font-smoothing: grayscale;
@@ -99,9 +99,7 @@ body {
 
 /* played samples dimmer */
 .w-editable.w-playing:before,
-.w-editable:focus:before,
-.w-editable.w-playing:after,
-.w-editable:focus:after {
+.w-editable.w-playing:after {
   content: '';
   position: absolute;
   background: rgba(255, 255, 255, .75);
diff --git a/src/template.html b/src/template.html
deleted file mode 100644
index bfd9927..0000000
--- a/src/template.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<div class="wavearea" :onpopstate.window="e => goto(e.state)"
-  :onmousedown.document..onmouseup.document="e=> (isMouseDown = true, e=> isMouseDown = false)">
-  <div class="w-container"
-    :onselectionchange.document="e => (!playing && (e.stopImmediatePropagation(), selecting = false, handleCaret(e)))"
-    :onselectstart..onselectionchange.document.once="e => (selecting = true, () => (selecting = false, handleCaret()))"
-    :onkeydown.arrow="e => raf(handleCaret)">
-    <div class="w-waveform wavefont" :style="{
-    '--cols': cols,
-    '--carety': (caretY - this.getBoundingClientRect().top) + 'px',
-    '--caretx': (caretX - this.getBoundingClientRect().left) + 'px'
-  }">
-      <button class="w-play" :title="loading ? loading : `${playing ? 'Pause' : 'Play'} (Space)`"
-        :class="{'w-loading':loading}" :hidden="!segments.length" :onclick.toggle="play"
-        :onkeydown.document.space="e=>this.click(e)" tabindex="-1"
-        :onfocus="e => (e.relatedTarget ? e.relatedTarget.focus() : e.target.blur())" :style="{
-        position: !caretOffscreen ? 'absolute' : 'fixed',
-        ...(!caretOffscreen ? {} : caretOffscreen > 0 ? {top:0} : {bottom:0,top:'auto'})
-      }">
-        <span class="w-play-clickarea"></span>
-        <svg :hidden="playing" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
-          fill="#000000">
-          <path d="M0 0h24v24H0V0z" fill="none" />
-          <path d="M8 5v14l11-7L8 5z" />
-        </svg>
-        <svg :hidden="!playing" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
-          fill="#000000">
-          <path d="M0 0h24v24H0V0z" fill="none" />
-          <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z" />
-        </svg>
-      </button>
-      <span class="w-caret-line"></span>
-      <div class="w-loader" :if="loading" :with="{str:''}"
-        :="clearInterval(this._id), loading ? (this._id = setInterval(()=>(str+='.'), 50)) : str = ''" :text="str">...
-      </div>
-      <div class="w-opener" :if="!segments.length && !loading">
-        <input id="w-file" class="w-file" type="file"
-          accept="audio/x-m4a,audio/mp3,audio/amr,audio/aiff,audio/wav,audio/*" :onchange="handleFile" />
-        <label for="w-file" title="Open file">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24px" width="24px"
-            stroke-width="1.5" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
-          </svg>
-        </label>
-        <!-- <button class="w-record">
-        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><circle cx="12" cy="12" r="8"/></svg>
-        Record
-      </button> -->
-      </div>
-      <div class="w-status" :if="!segments.length" :text="loading || 'Add'"></div>
-      <div contenteditable inputmode="none" :ref="editarea" class="w-editable wavefont" :class="{'w-playing':playing}"
-        :oninput="e => (handleCaret(e), updateTimecodes())" :onbeforeinput="handleBeforeInput" :ondblclick.prevent
-        :ondragenter..ondragleave:ondragenter..ondrop="e=>(this.classList.add('w-dragover'),e=>this.classList.remove('w-dragover'))"
-        :ondrop="e=>console.log(e.dataTransfer.types)||e.preventDefault()">
-        <p class="w-segment" :each="segment, id1 in (segments.length ? segments : [''])" :key="id1" :text="segment"
-          :data="{id:id1-1}"></p>
-      </div>
-      <div class="w-timecodes"></div>
-    </div>
-
-    <!--
-  <div class="w-playback" :if="false">
-    <button class="w-play"
-      :title="loading ? loading : `${playing ? 'Pause' : 'Play'} (Space)`"
-      :class="{'w-loading':loading}"
-      :disabled="loading"
-      :hidden="!segments.length"
-      :onclick.toggle="play"
-      :onkeydown.document.space="e=>this.click(e)">
-      <span class="w-play-clickarea"></span>
-      <svg :hidden="playing" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 5v14l11-7L8 5z"/></svg>
-      <svg :hidden="!playing" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>
-    </button>
-    <span class="w-time" title="Current time" :text="timecode(caretOffset, 2)"></span>
-    <span style="opacity: .25">/</span>
-    <span class="w-time" title="Time until the end" :text="'‒' + timecode(total - caretOffset, 2)"></span>
-  </div>
--->
-  </div>
-
-  <!--
-<dialog class="w-info-dialog" id="info-dialog" :ref="info" :onclick="e => {
-  if (e.offsetX < 0 || e.offsetX > e.target.offsetWidth || e.offsetY < 0 || e.offsetY > e.target.offsetHeight) {
-    info.close();
-  }
-}">
-  <h3 align="center" style="margin-bottom:.4rem">Wavearea</h3>
-  <p align="center"><a href="https://github.com/dy/wavearea">Github</a></p>
-  <p align="center"><a href="https://krishnized.github.io/license/">ॐ</a></p>
-</dialog>
-<button class="w-info-button" id="show-info-dialog" :onclick="e => info.showModal();">
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="32" height="32">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12m-9-3.75h.008v.008H12V8.25z" />
-  </svg>
-</button>
--->
-</div>