Skip to content

Commit

Permalink
minor details
Browse files Browse the repository at this point in the history
  • Loading branch information
StigNygaard committed Sep 29, 2024
1 parent 23d6b9c commit bf67248
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 12 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ immediately deployed to the demo-site at https://lastfm-widgets.deno.dev/.
The widget (frontend code) should be compatible back to at least Firefox 115 and Chromium 109 based web-browsers
(which are the last versions of these running on Windows 7/8 installations). It also runs in Safari, but unsure
how old versions are supported (I'm not able to test that myself).
The backend code is my first simple experiments/experience with Deno. It has been tested with Deno 1.46 and
The backend code is my first simple experiments/experience with Deno. It has been tested with Deno 1.4 and
Release Candidate versions of Deno 2.

#### /widgets/ folder
Expand Down
41 changes: 30 additions & 11 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -150,19 +150,38 @@ <h2>Get your own API key for <em>Basic</em> or <em>Backend-supported</em> mode</
<div class="options">
<h2 id="config">Customize widget...</h2>
<p>Note, if your browser-window is wide enough, this column is conveniently shown next to widget for easy
experimenting🙂</p>
experimenting🙂
</p>
<p>Current widget mode:<br/><span id="show-mode"></span></p>
<p>Enter <em>user</em> and <em>api-key</em> to try widget in <em>Demo</em> and <em>Basic</em> mode with any
Last.fm user:</p>
<p class="textinput"><label for="username-input">user:</label><input type="text" class="username"
id="username-input" value=""/></p>
<p class="textinput"><label for="apikey-input">api-key:</label><input type="text" class="apikey" id="apikey-input"
value=""/></p>
<p><label><input type="checkbox" class="dynaheader"/> "Dynamic" <em>widget header</em></label></p>
<p><label><input type="checkbox" class="hidealbums"/> Hide <em>album header-lines</em></label></p>
<p><label><input type="checkbox" class="noscroll"/> Disable <em>track-list scrolling</em></label></p>
<p title="You'll find the handle next to lower right corner of the widget" class="drag-info">ℹ️ Also drag the
shown <em>handle</em> to resize the widget.</p>
Last.fm user:
</p>
<p class="textinput" title="A Last.fm username">
<label for="username-input">user:</label>
<input type="text" class="username" id="username-input" value=""/>
</p>
<p class="textinput" title="Your personal Last.fm API-key (will enable Basic widget mode)">
<label for="apikey-input">api-key:</label>
<input type="text" class="apikey" id="apikey-input" value=""/>
</p>
<p>
<label title="Make widget-header visible only when mouse is over widget (or long-press on touch displays)">
<input type="checkbox" class="dynaheader"/> "Dynamic" <em>widget header</em>
</label>
</p>
<p>
<label title="Remove the red album header-lines from tracks-list">
<input type="checkbox" class="hidealbums"/> Hide <em>album header-lines</em>
</label>
</p>
<p>
<label title="Disable the possibility (via mouse-wheel or touch) to scroll in shown tracks-list">
<input type="checkbox" class="noscroll"/> Disable <em>track-list scrolling</em>
</label>
</p>
<p title="You'll find the handle next to (usually) lower right corner of the widget" class="drag-info">ℹ️ Also drag the
shown <em>handle</em> to resize the widget.
</p>
<pre class="style">
</pre>
<pre class="tag">
Expand Down
1 change: 1 addition & 0 deletions main.ts
Original file line number Diff line number Diff line change
Expand Up @@ -45,4 +45,5 @@ Deno.serve(async (req: Request, info: Deno.ServeHandlerInfo) => {
});


// https://github.com/denoland/deploy_feedback/issues/705
console.log(`${new Date().toISOString()} - main.ts running on Deno ${Deno.version.deno} (${navigator.userAgent.toLowerCase()})`);

0 comments on commit bf67248

Please sign in to comment.