SVG index

This started as a progress report and easy multiplatform tester for my new Coding CV, although it's slowly becoming something more, with spin-off demos, FPGA research, and now educational documentation.

Development continues at pace offline, and every so often, the latest stable versions are uploaded here.

Quick description

Originally only for my CV:

An FPGA design from scratch; the final frontier.
To explore strange new challenges...
To seek out new employers and new customers...
To boldly go where no candidate has gone before:

If you'd like to know a little more about me:

Progress tracker

A little more detail...

Name Final Purpose Current Status Next to add
Index page 'Glues everything together.
Describe & track pages within remit.
Eventually migrate results some to other areas, and also link to those versions.
Up-to-date; always more to add though.

Reasonable progress from initial token list. Online versions lag behind development versions by a fair bit, largely due to stability concerns and intermittent progress.

Extend to cover the new FPGA examples.

Many new UI components to implement, test, and apply. To add a progress tracker table.

Consider adding some fancier page styling.

Simple test circuit Testbed, for various components and behaviours. Virtually complete, but lots of tidying-up to do.

Oddly, has a fully-working live circuit sim, even though not all components are finalised, and its base diagram hasn't been refactored yet.

Diff the latest versions; separate the test fork out. Rip out the graphical SVG buttons; standardise SVG buttons; add new output buttons, delineated by colour.

Refactor the base diagram; drop the non-text buttons.

Non-trivial test circuit
(CV logicsim)
New masthead for my Coding CV, to replace my Tech CV with its ageing animated 3D raytraced masthead. Halfway-there.

Fully graphically-refactored.
DOM-refactored.
Grouped component parts now fire correctly, when triggered by buttons.

Turn into full circuit behaviour.
Add an initialisation function, for initial/unchanging high/low states.
Add clickable input buttons, and distinguish visually from output indicators.

Add ASCII & decimal indicators, range toys, etc. Label elements.
Add limited help text, via an onhover function.

Buttons Various interlinked buttonlike controls.

aka a testbed for UI Toys.

New elements and components, to standardise and use elsewhere.

A good start made.

Lots of starter buttons made; no obstacles apart from available time, so far.

Just did a complete reworking; lots simplified and some added. Found a javascript validator, and passed that on virtually the first go.

Got the Small/Big button, to control the size of a smallish DIV box, working.

After reflection, changed Small/Big to Reduce/Enlarge, as I feel that will be more descriptive.

Lots to flesh out. Button types to be finalised to basic design. More links with dummy circuit indicators, and links between buttons, until the envisaged UI system is live.

4-bit clickable string of binary digits, linked to a range slider.

Subset Tech/Coding CV For testing linear unordered lists' stylings, and layout fitting. Not yet started.

To start out as a copy of my Tech CV.

Also, to make a grow/shrink button, as the circuit would be too fiddly to manipulate at masthead size. Switching between them would involve a rapid animation in size/position change, so it's less likely to jump to a hidden position.

Er, make a start. Quiet a low priority, as many other aspects need to be in place first.

For now, tests run in other places, eg multi and buttons.

LUT demo

Trivial FPGA/LUT Demo

Back-formation, from FPGA design. Demo of multiplexer and LookUp Table optimisations. Laid out along FPGA design lines, but with all unused features collapsed. Huge progress, live stuff pending.

Pretty-much finalised in design and refactoring.

"Parked" in a valid live configuration.

Some redesign of standardised components, to re-import. -Not as a whole design, though!

Also to feature Reset, and clock buttons, even though there can't exist any feedback loops to clear.

Finish refactoring, make the buttons switchable, and get it running as a live circuit.

NEW/FUTURE: Name
Minimal FPGA, using 1 LUT
NEW/FUTURE: Final Purpose
NEW/FUTURE: Current Status
NEW/FUTURE: Next to add
NEW/FUTURE: Name
Minimal FPGA, using 4 simple universal gates
NEW/FUTURE: Final Purpose
NEW/FUTURE: Current Status
NEW/FUTURE: Next to add
Full-Scale FPGA
(No; really.)
Learn what an FPGA is, "from the other side". Discover & list insights (except any work which potentially compromises trade secrets or national security (roll's eyes)). Only just started.

Sketches on paper.

Some standardised components from the LUT demo.

Drawn the basic design from notes; then managed to obsolete it, so I'm going to have to rework it. First attempt at export got cropped due to setting the paper size limits too low.

Multiple levels of refactorisation, yet to do.

Add plugboard interaction, save/load, button behaviour...

Barrel Shifter Static diagram; then maybe live.
Explanatory text.
Surprisingly, already at a usable stage.

Static SVG, with random omissions corrected manually.

Refactorisation &c, yet to do.

Add button behaviour on the control lines, and carry out an analysis of the swap stage.

Half-adder NEW/FUTURE: Final Purpose
Only just started.

Static PNG.

Swap over to SVG, and refactorise.
Explanatory text.
OR gates NEW/FUTURE: Final Purpose
Only just started.

Static PNG.

Swap over to SVG, and refactorise.
Needs a load of explanatory text.
Extras Non-public testing, but which produces spin-offs and stable versions. A mature mini-index, but as progress and updates are so rapid, it's never finished, almost by definition. More tests... Largely from the results of previous tests.
Findings Findings I made during this project. (new/ongoing) A good start made. More detail; it's currently little more than a few quick notes.
(General principles) Not a page; overall theme control. Still working this one out.

Complete in many areas; more can be done.

Adding lots of pages.

Added mobile page-width auto-adjustment head elements, as standard.
Added DOCTYPEs and lang attributes to all pages, as recommended by Nu Checker.

More element types.
Define standards, and apply them across the board.
Validate HTML, SVG, CSS, javascript. Spelling/grammar/prose/conciseness checks. (Recheck as often as unnecessary.)