initial commitHEAD primary

author: netop://ウィビ <paul@webb.page> 2026-04-11 15:09:18 -0700
committer: netop://ウィビ <paul@webb.page> 2026-04-11 15:09:18 -0700
commit: 94981ba8631d8910455de2255bba9a55223d2a09 (patch)
tree: 50d699ba9cf4a462638f07b4481049da22d07dc9 /index.html
1 files changed, 376 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1613b21
--- /dev/null
+++ b/index.html
@@ -0,0 +1,376 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- 01101001 01101110 01100011 -->
+    <meta charset="utf-8"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="author" content="Paul Anthony Webb"/>
+    <meta name="description" content="Research & Development Haus × Technical Atelier via Paul Anthony Webb"/>
+    <meta name="fediverse:creator" content="@netopwibby@social.coop"/>
+    <meta name="keywords" content="!nc, ideas, inc, never cease"/>
+    <meta name="title" content="Ideas Never Cease"/>
+    <meta name="theme-color" content="oklch(25.11% 0.006 258.36)"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
+    <meta name="viewport-fit" content="cover"/>
+
+    <meta name="apple-mobile-web-app-title" content="Ideas Never Cease"/>
+    <meta name="application-name" content="Ideas Never Cease"/>
+    <meta name="msapplication-TileColor" content="oklch(25.11% 0.006 258.36)"/>
+    <meta name="msapplication-TileImage" content="/assets/apple-touch-icon.png"/>
+    <meta name="socii:site" content="inc"/>
+    <meta name="theme-color" content="oklch(25.11% 0.006 258.36)"/>
+
+    <meta property="og:image" content="/assets/og-image.png"/>
+    <meta property="og:image:height" content="720"/>
+    <meta property="og:image:width" content="1280"/>
+    <meta property="og:locale" content="en_US"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:url" content="https://inc.sh"/>
+
+    <title>Ideas Never Cease ∙ Research &amp; Development Haus &times; Technical Atelier</title>
+
+    <link rel="icon" href="/assets/favicon.svg" type="image/svg+xml"/>
+    <link rel="mask-icon" href="/assets/favicon.svg" color="#010000"/>
+    <link rel="shortcut icon" href="/assets/favicon.ico"/>
+    <link rel="stylesheet" href="https://uchu.style/color_expanded.css"/>
+    <link rel="stylesheet" href="./assets/style/type.css"/>
+    <link rel="stylesheet" href="./assets/style/root.css"/>
+
+    <style>
+      *,
+      *::before,
+      *::after {
+        margin: 0; padding: 0;
+        box-sizing: inherit;
+      }
+
+      :root {
+        --line-height: calc(var(--font-size) * 1.5);
+      }
+
+      @media (max-width: 700px) {
+        :root {
+          --line-height: calc(var(--font-size) * 2);
+        }
+      }
+
+      html {
+        box-sizing: border-box;
+      }
+
+      body {
+        background-color: var(--uchu-yin);
+        display: flex;
+        flex-direction: column;
+        font-family: var(--font-mono);
+        font-size: 12px;
+        letter-spacing: -0.05rem;
+        line-height: var(--line-height);
+        min-height: 100vh;
+      }
+
+      .undershirt {
+        margin-left: auto;
+        margin-right: auto;
+        max-width: 800px;
+        width: 100%;
+      }
+
+      @media (max-width: 900px) {
+        .undershirt {
+          padding-left: 2rem;
+          padding-right: 2rem;
+        }
+      }
+
+      main {
+        color: var(--uchu-yang);
+        flex: 1;
+      }
+
+      a {
+        color: inherit;
+        font-weight: 600;
+      }
+
+      p + p {
+        margin-top: 0.5rem;
+      }
+
+      /*——— header */
+
+      header {
+        background-color: var(--uchu-gray-1);
+        margin-bottom: 1rem;
+        padding-bottom: 0.5rem;
+        padding-top: 3rem;
+        text-transform: uppercase;
+      }
+
+      header h1 {
+        font-size: 1.5rem;
+        font-weight: 400;
+      }
+
+      .smallcaps {
+        top: -2px; right: -2px;
+
+        border: 1px solid var(--uchu-gray-1);
+        border-radius: 0.5rem;
+        font-size: 0.8rem;
+        line-height: 0;
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+        position: relative;
+        text-transform: uppercase;
+      }
+
+      /*——— intro */
+
+      .intro {
+        font-size: 1.25rem;
+        padding-bottom: 5rem;
+      }
+
+      /*——— sections */
+
+      .development,
+      .manifesto,
+      .research,
+      footer {
+        font-size: 1rem;
+        position: relative;
+        text-transform: uppercase;
+      }
+
+      .development::before,
+      .manifesto::before,
+      .research::before {
+        width: 100%; height: 1px;
+        top: 0; left: 0;
+
+        background-color: var(--uchu-gray-1);
+        content: "";
+        opacity: 0.3;
+        position: absolute;
+      }
+
+      section:last-of-type::after {
+        width: 100%; height: 1px;
+        bottom: 0; left: 0;
+
+        background-color: var(--uchu-gray-1);
+        content: "";
+        opacity: 0.3;
+        position: absolute;
+      }
+
+      /*——— rows */
+
+      .row {
+        padding-bottom: 0.5rem;
+        padding-top: 0.5rem;
+      }
+
+      @media (min-width: 701px) {
+        .row {
+          display: flex;
+          flex-direction: row;
+        }
+      }
+
+      @media (max-width: 700px) {
+        .row {
+          padding-bottom: 1.5rem;
+          padding-top: 1.5rem;
+        }
+      }
+
+      /*——— row content */
+
+      .row p {
+        width: 200px;
+      }
+
+      @media (max-width: 700px) {
+        .row p {
+          opacity: 0.3;
+        }
+      }
+
+      /*——— row lists */
+
+      .row ol,
+      .row ul {
+        list-style-type: none;
+      }
+
+      @media (max-width: 700px) {
+        .row ol,
+        .row ul {
+          padding-top: 0.25rem;
+        }
+      }
+
+      .row ol {
+        counter-reset: item;
+      }
+
+      .row ol li::before {
+        content: counter(item, decimal-leading-zero) ". ";
+        counter-increment: item;
+      }
+
+      @media (min-width: 701px) {
+        .row ul li {
+          cursor: default;
+        }
+      }
+
+      .row ol li:not(:first-of-type),
+      .row ul li:not(:first-of-type) {
+        padding-top: 0.5rem;
+      }
+
+      @media (min-width: 701px) {
+        .row ul li:not(:hover) span {
+          opacity: 0;
+        }
+      }
+
+      @media (max-width: 700px) {
+        .row ul li span {
+          opacity: 0.3;
+        }
+      }
+
+      /*——— footer */
+
+      footer {
+        color: var(--uchu-yang);
+        padding-bottom: 2rem;
+        padding-top: 5rem;
+        position: relative;
+      }
+
+      /*——— background */
+
+      .poster {
+        top: 0; left: 0;
+        bottom: 0; right: 0;
+
+        /* photo taken by Paul Anthony Webb in Santa Cruz, California (2024)*/
+        background-image: url("./assets/img/sky-a.jpg");
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        filter: blur(0.5rem);
+        position: fixed;
+        transform: scale(1.1);
+        z-index: -1;
+
+        &::before {
+          top: 0; left: 0;
+          bottom: 0; right: 0;
+
+          background-color: var(--uchu-yin);
+          content: "";
+          filter: opacity(0.25);
+          position: absolute;
+        }
+      }
+    </style>
+  </head>
+
+  <body>
+    <header>
+      <div class="undershirt">
+        <h1>Ideas Never Cease</h1>
+      </div>
+    </header>
+
+    <main>
+      <section class="intro">
+        <div class="undershirt">
+          <p>Research &amp; Development Haus &times; Technical Atelier</p>
+          <p><span class="smallcaps">via</span> <a href="https://webb.page?ref=inc.sh">Paul Anthony Webb</a></p>
+        </div>
+      </section>
+
+      <section class="development">
+        <div class="undershirt">
+          <div class="row">
+            <p>Development</p>
+
+            <ul>
+              <li>Socii <span>&middot; social network</span></li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <section class="research">
+        <div class="undershirt">
+          <div class="row">
+            <p>Research</p>
+
+            <ul>
+              <li>Aries <span>&middot; web browser</span></li>
+              <li>BackOffice <span>&middot; business operating system</span></li>
+              <li>Beachfront <span>&middot; domain registrar</span></li>
+              <li>Chew <span>&middot; analytics</span></li>
+              <li>Hikari <span>&middot; computing hardware</span></li>
+              <li>Neuenet <span>&middot; domain registry</span></li>
+              <li>Nickel <span>&middot; video hosting</span></li>
+              <li>Pidge <span>&middot; email</span></li>
+              <li>Queree <span>&middot; search engine</span></li>
+              <li>Sona <span>&middot; personal operating system</span></li>
+              <li>Vendo <span>&middot; e-commerce</span></li>
+              <li>WEÖM <span>&middot; lifestyle brand</span></li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <section class="manifesto">
+        <div class="undershirt">
+          <div class="row">
+            <p>Manifesto</p>
+            <ol>
+              <li>Sustainability over growth</li>
+              <li>Move slow &amp; build</li>
+              <li>Ethics over money</li>
+              <li>&ldquo;Impossible&rdquo; is an excuse</li>
+              <li>Purpose over everything</li>
+              <li>Accept you</li>
+              <li>Share learned wisdom</li>
+              <li>You make your reality</li>
+              <li>Use your 24</li>
+              <li>Cherish life</li>
+            </ol>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="undershirt">
+        <p>
+          &copy; 1988&mdash;<script>
+            (() => {
+              const x = document.getElementsByTagName("script");
+              const y = x[x.length - 1];
+              const z = document.createTextNode((new Date()).getFullYear());
+
+              y.parentNode.insertBefore(z, y);
+            })();
+          </script><noscript>&infin;</noscript> Ideas Never Cease, LLC. All Rights Reserved.
+        </p>
+
+        <p>Last updated 2025.02.19</p>
+      </div>
+    </footer>
+
+    <aside class="poster"></aside>
+  </body>
+</html>
author	netop://ウィビ <paul@webb.page>	2026-04-11 15:09:18 -0700
committer	netop://ウィビ <paul@webb.page>	2026-04-11 15:09:18 -0700
commit	94981ba8631d8910455de2255bba9a55223d2a09 (patch)
tree	50d699ba9cf4a462638f07b4481049da22d07dc9 /index.html