Blog update about JS
This commit is contained in:
parent
6cc0d1c1ad
commit
88ab06d54e
3 changed files with 240 additions and 1 deletions
215
blog/2025-03-17-js-update.html
Normal file
215
blog/2025-03-17-js-update.html
Normal file
|
|
@ -0,0 +1,215 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="An announcement about Javascript on this website"
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/A/Javascript</title>
|
||||
|
||||
<meta name="fediverse:creator" content="@nnwhen@mstdn.nnwhen.com" />
|
||||
<meta property="og:title" content="nnwhen On A/Javascript" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="What has been going on in my corner of cyberspace"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen On A/Javascript" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="What has been going on in my corner of cyberspace"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<nav id="navigation">
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<hr aria-hidden="true" />
|
||||
<h1>Website changes. Javascript.</h1>
|
||||
<hr aria-hidden="true" />
|
||||
<hr aria-hidden="true" />
|
||||
<h2>First Things First:</h2>
|
||||
<p>
|
||||
All javascript is first-party hosted and
|
||||
<span class="highlight">only serves as Quality of Life</span>. <br />
|
||||
Nothing is lost if you disable JS entirely, just ease-of-use and
|
||||
prettiness. <br />
|
||||
</p>
|
||||
<hr aria-hidden="true" />
|
||||
<h2>Secondary</h2>
|
||||
<p>
|
||||
All JS also keeps screen-readers and other accessibility in mind.
|
||||
<a href="../socials.html" target="_blank"
|
||||
>If I something is not adequately accessible, please let me know!</a
|
||||
>
|
||||
<br />
|
||||
That includes any part of the site's accessibility that you feel could
|
||||
be improved. I would be eternally grateful.
|
||||
</p>
|
||||
<hr aria-hidden="true" />
|
||||
<h2>Verbose Info</h2>
|
||||
<p>
|
||||
Hello everyone! <br />I've recently added a few Javascript functions.
|
||||
While a function that only allows one audio file to play at a time has
|
||||
been around for a long, long time. There are two new additions:
|
||||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
A button that shows and hides something. <br />
|
||||
<p>
|
||||
If JS is disabled then the content is already displayed, taking up
|
||||
space that I felt best to be shown only when prompted by the user.
|
||||
Though not necesarry for function.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
An automatic function that shows the ID of each 'now' post <br />
|
||||
<p>
|
||||
Each post has an ID built into the HTMl element, so you can still
|
||||
reference them via links: E.G. "nnwhen.com/now#0007" which refers to
|
||||
the
|
||||
<a href="../now.html#0007" target="_blank">Now post with ID 0007</a
|
||||
>. <br />
|
||||
This refers to the post with the title: "Huge Project Progress". It
|
||||
may be harder to know exactly what post is being referenced unless
|
||||
one is told the title in addition to its ID.
|
||||
</p>
|
||||
</li>
|
||||
</ol>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">2025-03-17</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -150,6 +150,14 @@
|
|||
<main id="blog">
|
||||
<h1 style="font-family: 'mono', monospace">BLOG-SPACE</h1>
|
||||
|
||||
<a href="2025-03-17-js-update.html">
|
||||
<section class="blog-link update-related">
|
||||
<h2>Website changes. Javascript.</h2>
|
||||
<h3>Nonessential Javascript inclusions</h3>
|
||||
<h4>2025-03-17</h4>
|
||||
</section>
|
||||
</a>
|
||||
|
||||
<a href="2025-03-06-wip-projects.html">
|
||||
<section class="blog-link update-related">
|
||||
<h2>Projects: Music, Poetry</h2>
|
||||
|
|
|
|||
18
feed.xml
18
feed.xml
|
|
@ -5,7 +5,7 @@
|
|||
<subtitle>Blog and Thought-Box of nnwhen</subtitle>
|
||||
<link rel="self" href="feed.xml" />
|
||||
<link rel="alternate" href="https://nnwhen.com/" />
|
||||
<updated>2025-03-05T21:27:30Z</updated>
|
||||
<updated>2025-03-17T12:40:30Z</updated>
|
||||
|
||||
<icon>/resources/favicon.png</icon>
|
||||
|
||||
|
|
@ -15,6 +15,22 @@
|
|||
</author>
|
||||
<id>https://nnwhen.com/</id>
|
||||
|
||||
<entry>
|
||||
<id>https://nnwhen.com/blog/2025-03-17-js-update</id>
|
||||
<title>nnwhen On: Site Updates, including Javascript</title>
|
||||
<updated>2025-03-17T12:40:30Z</updated>
|
||||
|
||||
<content src="https://nnwhen.com/blog/2025-03-17-js-update"
|
||||
type="text/html"></content>
|
||||
|
||||
<link rel="alternate" href="https://nnwhen.com/blog/2025-03-17-js-update" />
|
||||
<summary>All javascript is first-party hosted and only serves as Quality of Life. Nothing is lost if you disable JS entirely, just ease-of-use and prettiness</summary>
|
||||
|
||||
<category term="Update" />
|
||||
<category term="nnwhen" />
|
||||
<published>2025-03-05T21:27:30Z</published>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<id>https://nnwhen.com/blog/2025-03-06-wip-projects</id>
|
||||
<title>nnwhen On Projects: Music, Poetry</title>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue