"now'" page
This commit is contained in:
parent
0e409145cf
commit
f4a3162955
6 changed files with 206 additions and 0 deletions
12
archive.html
12
archive.html
|
|
@ -180,6 +180,18 @@
|
|||
</a>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-rect ly-archive">
|
||||
<a href="now.html">
|
||||
<h1>Now</h1>
|
||||
<h2>Micro Updates That Don't Warrant A Blog Post</h2>
|
||||
<picture>
|
||||
<source srcset="res/img-artchive-now.avif" type="image/avif" />
|
||||
<source srcset="res/img-artchive-now.webp" type="image/webp" />
|
||||
<img src="res/img-artchive-now.jpg" alt="" />
|
||||
</picture>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-rect ly-archive">
|
||||
<a href="#" class="no">
|
||||
<h1 style="text-decoration: line-through">Mirror</h1>
|
||||
|
|
|
|||
34
now.css
Normal file
34
now.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
main {
|
||||
width: min(95%, 750px);
|
||||
margin: 30px auto;
|
||||
font-family: "mono", monospace;
|
||||
}
|
||||
|
||||
section.now {
|
||||
position: relative;
|
||||
background-color: var(--blog-box);
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
section.now h1,
|
||||
section.now h2 {
|
||||
width: calc(100% - 200px);
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
section.now h3 {
|
||||
margin: 0;
|
||||
}
|
||||
section.now h2 {
|
||||
font-size: large;
|
||||
}
|
||||
section.now h3 {
|
||||
position: absolute;
|
||||
color: var(--subtitle);
|
||||
font-size: medium;
|
||||
right: 8px;
|
||||
top: 5px;
|
||||
}
|
||||
section.now p {
|
||||
margin: 10px 20px;
|
||||
}
|
||||
160
now.html
Normal file
160
now.html
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
<!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="now.css" />
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="This is where NN hosts a Mirror of all the Art-Things they want safe."
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
<title>NN//Now</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen now" />
|
||||
<meta property="og:description" content="What nnwhen is up to now" />
|
||||
<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 now" />
|
||||
<meta name="twitter:description" content="What nnwhen is up to now" />
|
||||
<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="#main">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 id="parent">
|
||||
<a href="archive.html">archive</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="blog/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="main">
|
||||
<section class="now">
|
||||
<hgroup>
|
||||
<h1>Music and Code</h1>
|
||||
<h2>Self-Referential Post - Woohoo!</h2>
|
||||
<h3>2025-02-24T21:00Z</h3>
|
||||
</hgroup>
|
||||
<p>
|
||||
Making this page and Listening to
|
||||
<a target="_blank" href="https://fine-sir-1584660650.bandcamp.com/"
|
||||
>Fine-Sir-1584660650</a
|
||||
>
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
res/img-artchive-now.avif
Normal file
BIN
res/img-artchive-now.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 231 KiB |
BIN
res/img-artchive-now.jpg
Normal file
BIN
res/img-artchive-now.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
res/img-artchive-now.webp
Normal file
BIN
res/img-artchive-now.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Loading…
Add table
Reference in a new issue