mirror of
https://github.com/litruv/picoGraph.git
synced 2026-07-24 02:36:04 +10:00
Add initial Pico-8 cartridges for testing
- Created test_cart.p8 with basic drawing functionality and a print statement. - Created test_unix.p8 with a simple initialization function.
This commit is contained in:
120
index.html
120
index.html
@@ -3,18 +3,23 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:;" />
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; connect-src 'self'; font-src 'self' data:;" />
|
||||
<title>picoGraph</title>
|
||||
<link rel="stylesheet" href="styles/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="app-header">
|
||||
<div class="header-primary-actions">
|
||||
<button id="compileButton" class="header-primary-button" type="button">Compile</button>
|
||||
<button id="previewButton" class="header-primary-button" type="button" title="Preview cart">Preview</button>
|
||||
</div>
|
||||
<div class="header-title">picoGraph</div>
|
||||
<div class="header-actions">
|
||||
<div class="header-actions header-actions--left" aria-label="Workspace tools">
|
||||
<button
|
||||
id="tileManagerButton"
|
||||
class="header-icon-button"
|
||||
type="button"
|
||||
aria-label="Tile manager"
|
||||
title="Tile manager"
|
||||
>
|
||||
<span class="header-icon header-icon--tiles" aria-hidden="true"></span>
|
||||
</button>
|
||||
<span class="header-icon-spacer" aria-hidden="true"></span>
|
||||
<button
|
||||
id="projectSettingsButton"
|
||||
class="header-icon-button"
|
||||
@@ -24,6 +29,25 @@
|
||||
>
|
||||
<span class="header-icon header-icon--settings" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button
|
||||
id="exportLuaButton"
|
||||
class="header-icon-button"
|
||||
type="button"
|
||||
aria-label="Export Lua"
|
||||
title="Export Lua"
|
||||
>
|
||||
<span class="header-icon header-icon--export" aria-hidden="true"></span>
|
||||
</button>
|
||||
<span class="header-icon-spacer" aria-hidden="true"></span>
|
||||
<button
|
||||
id="frameSelectionButton"
|
||||
class="header-icon-button"
|
||||
type="button"
|
||||
aria-label="Frame selection"
|
||||
title="Frame selection"
|
||||
>
|
||||
<span class="header-icon header-icon--frame" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button
|
||||
id="paletteToggleButton"
|
||||
class="header-icon-button"
|
||||
@@ -34,24 +58,58 @@
|
||||
>
|
||||
<span class="header-icon header-icon--palette" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="header-titlebar">
|
||||
<div class="header-title">picoGraph</div>
|
||||
</div>
|
||||
<div class="header-primary-actions">
|
||||
<button
|
||||
id="frameSelectionButton"
|
||||
id="saveButton"
|
||||
class="header-icon-button"
|
||||
type="button"
|
||||
aria-label="Frame selection"
|
||||
title="Frame selection"
|
||||
aria-label="Save workspace"
|
||||
title="Save workspace"
|
||||
>
|
||||
<span class="header-icon header-icon--frame" aria-hidden="true"></span>
|
||||
<span class="header-icon header-icon--save" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button
|
||||
id="exportLuaButton"
|
||||
class="header-icon-button"
|
||||
id="previewButton"
|
||||
class="header-icon-button header-icon-button--accent"
|
||||
type="button"
|
||||
aria-label="Export Lua"
|
||||
title="Export Lua"
|
||||
aria-label="Preview cart"
|
||||
title="Preview cart"
|
||||
>
|
||||
<span class="header-icon header-icon--export" aria-hidden="true"></span>
|
||||
<span class="header-icon header-icon--play" aria-hidden="true"></span>
|
||||
</button>
|
||||
<div id="windowControls" class="window-controls" aria-label="Window controls">
|
||||
<button
|
||||
id="minimizeWindowButton"
|
||||
class="window-control-button"
|
||||
type="button"
|
||||
aria-label="Minimize window"
|
||||
title="Minimize"
|
||||
>
|
||||
<span class="header-icon header-icon--minimize" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button
|
||||
id="maximizeWindowButton"
|
||||
class="window-control-button"
|
||||
type="button"
|
||||
aria-label="Maximize window"
|
||||
title="Maximize"
|
||||
>
|
||||
<span class="header-icon header-icon--maximize" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button
|
||||
id="closeWindowButton"
|
||||
class="window-control-button window-control-button--close"
|
||||
type="button"
|
||||
aria-label="Close window"
|
||||
title="Close"
|
||||
>
|
||||
<span class="header-icon header-icon--close-window" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main id="appBody" class="app-body">
|
||||
@@ -129,6 +187,36 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
id="tileModal"
|
||||
class="modal"
|
||||
aria-hidden="true"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="tileModalTitle"
|
||||
hidden
|
||||
>
|
||||
<div class="modal__backdrop" data-modal-close></div>
|
||||
<div class="modal__panel modal__panel--tile" role="document">
|
||||
<header class="modal__header">
|
||||
<h2 id="tileModalTitle">Tile Manager</h2>
|
||||
<div class="modal__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="modal__icon-button close-modal"
|
||||
aria-label="Close tile manager"
|
||||
title="Close"
|
||||
data-modal-close
|
||||
>
|
||||
<span class="modal-icon modal-icon--close" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div class="modal__body">
|
||||
<div class="tile-browser-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<template id="nodeTemplate">
|
||||
<article class="blueprint-node" draggable="false">
|
||||
<header class="node-header">
|
||||
|
||||
Reference in New Issue
Block a user