ok really im close now

This commit is contained in:
41666 2023-10-08 00:01:11 -04:00
parent 22e9cb094d
commit 89759068e5
16 changed files with 53 additions and 87 deletions

View file

@ -0,0 +1,41 @@
# noeidelon
Foxes dream of electron beams.
**noe** + **eidelon** _(n. a thing, an image, a reflection)_
https://art.mekanoe.com
## Artworks
<!--/INSERT/-->
## Development
`nix` to install bun... or do it globally.
`bun run .` to generate HTMLs
`bun serve` to serve them locally
`bun dev` if you're developing the templates for auto-generation.
### Infrastructure
- The "generator" does
- Generates a work list from .js files within `html`
- Creates this README.md file
- Creates the index.html file
- Creates individual HTML files for each work
- The platform supplies
- Shader types
- Primitive objects
- A canvas to draw on
- WebGL hooks
- Helpers, etc
## License
Code and images are licensed under the AGPLv3 license. See [LICENSE](./LICENSE) for more information.

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset="utf-8" />
<title>com.mekanoe.art //</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="index.css" />
<style>
html,
body {
font-family: "Atkinson Hyperlegible", sans-serif;
background-color: hsl(32, 19%, 14%);
color: hsl(39, 75%, 51%);
line-height: 1.5;
text-shadow: 1px 1px 3px hsl(38, 45%, 22%);
}
</style>
<main>
<header>
<div>com.mekanoe.art //</div>
<div class="subtext">
<< noeidelon >>
<a href="https://github.com/mekanoe/noeidelon">[github]</a>
<a href="https://sapphic.engineer/noe" rel="me">[fedi]</a>
<br />a collection of 3D works
</div>
</header>
<section id="works">
<ul>
<!--/INSERT/-->
</ul>
</section>
</main>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<meta charset="utf-8" />
<title>com.mekanoe.art // ##name##</title>
<style>
html,
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
color: white;
}
main {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
</style>
<link rel="stylesheet" href="/work.css" />
<main>
<canvas id="canvas" width="1280" height="720"></canvas>
<div id="telemetry">XX.X FPS (XX.X ms)</div>
</main>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/3.4.2/gl-matrix-min.min.js"
integrity="sha512-cR3oS5mKRWD+38vYi1CNJk1DLpi104ovuQBuVv9p7nNxeqzSNiHzlboK2BZQybmpTi1QNnQ5unYajpURcMjeZQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="/##name##/main.js" type="module"></script>