Initial commit

Author: pegvin

.github/workflows/ci.yml

@@ -4,7 +4,7 @@ permissions:
   contents: write
 
 jobs:
-  report:
+  deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -13,11 +13,12 @@ jobs:
       - name: Install Deps
         run: |
           sudo apt-get install libcmark-dev curl
-          curl -L https://codeberg.org/0ref/jelly/releases/download/0.1.0/jelly-linux-x86_64 --output jelly
+          curl -L https://codeberg.org/0ref/jelly/releases/download/0.1.1/jelly-linux-x86_64 --output jelly
           curl -L https://github.com/wilsonzlin/minify-html/releases/download/v0.15.0/minhtml-0.15.0-x86_64-unknown-linux-gnu --output minhtml
           chmod +x ./jelly
           chmod +x ./minhtml
           ./jelly -i src -o build
+          cp -r ./public/* build/
           ./minhtml --keep-closing-tags --minify-css --minify-js \
             --keep-spaces-between-attributes \
             --keep-input-type-text-attr \

build.sh

@@ -9,9 +9,9 @@ if [ "$CMD" = "clean" ]; then
 	rm -rf $BUILD
 	exit 0
 elif [ "$CMD" = "serve" ]; then
-	find src/ | entr -rs "jelly -i src -o $BUILD && python3 -m http.server -d $BUILD 4000"
+	find src/ public/ | entr -rs "jelly -i src -o $BUILD && ln -sf "$PWD/public/*" $BUILD/ && python3 -m http.server -d $BUILD 4000"
 	exit 0
 else
-	echo "Invalid command '$CMD', Available commands are: clean/serve/release."
+	echo "Invalid command '$CMD', Available commands are: clean/serve."
 	exit 1
 fi

public/css/styles.css

@@ -0,0 +1,158 @@
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono.woff') format('woff');
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap
+}
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono-Italic.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono-Italic.woff') format('woff');
+	font-weight: 400;
+	font-style: italic;
+	font-display: swap
+}
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono-Bold.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono-Bold.woff') format('woff');
+	font-weight: 700;
+	font-style: normal;
+	font-display: swap
+}
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono-BoldItalic.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono-BoldItalic.woff') format('woff');
+	font-weight: 700;
+	font-style: italic;
+	font-display: swap
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	font-smooth: never;
+	font-kerning: normal;
+	font-feature-settings: kern;
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	scroll-behavior: smooth;
+}
+
+:root {
+	font-size: 110%;
+	letter-spacing: -0.5px;
+	line-height: 1.3;
+	font-family: "Liberation Mono", monospace;
+	tab-size: 2;
+}
+
+body {
+	color: #000;
+	background: #FFF;
+	margin: 1rem auto 3rem auto;
+	padding: 0 0.75rem;
+	max-width: 600px;
+}
+
+body, p, pre, code {
+	font-size: 1rem;
+}
+h1, h2, h3, h4, h5, h6 {
+	text-transform: capitalize;
+	font-weight: 400;
+	letter-spacing: 0.5px;
+	margin-top: 1.75rem;
+}
+p {
+	margin-top: 1.5rem;
+}
+h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
+	margin-top: 0.5rem;
+}
+
+ul, ol {
+	margin-top: 1rem;
+}
+ul {
+	padding-left: 1.25rem;
+}
+ol {
+	padding-left: 1.75rem;
+}
+ul > li:not(:first-of-type), ol > li:not(:first-of-type) {
+	margin-top: 0.25rem;
+}
+ul {
+	list-style: none;
+}
+ul li:before {
+	content: "- ";
+	margin-left: -2ch;
+	width: 2ch;
+	display: inline-block;
+}
+
+a, a:visited {
+	color: #000;
+	text-decoration-color: #000 !important;
+	line-height: 1.5 !important;
+	text-decoration: underline;
+	text-underline-offset: 0.17rem;
+}
+a:hover {
+	text-decoration: none;
+}
+
+hr {
+	border-top: 1px solid #000;
+}
+
+img {
+	display: block;
+	margin: 0 auto;
+	max-width: 100%;
+	height: auto;
+}
+
+pre {
+	overflow: auto;
+	scrollbar-width: thin;
+	white-space: pre;
+	margin-top: 1rem;
+	margin-left: 0.5rem;
+}
+pre code, pre {
+	background: none !important;
+}
+pre code {
+	padding: 0 !important;
+}
+code:not(pre code) {
+	color: #000 !important;
+	font-weight: bold;
+}
+
+body > nav > a:not(:first-of-type) {
+	margin-left: 1ch;
+}
+
+body > header > div > time {
+	display: inline;
+	font-size: 0.9rem;
+	opacity: 0.75;
+}
+body > header > div > time.modified_on {
+	font-style: italic;
+	margin-left: 0.5rem;
+}
+body > header > div > time:empty {
+	display: none;
+}
+body > header > div > time.modified_on:before {
+	content: "(Edited: "
+}
+body > header > div > time.modified_on:after {
+	content: ")";
+}

public/favicon.png

@@ -0,0 +1,34 @@
+User-agent: GPTBot
+Disallow: /
+User-agent: ChatGPT-User
+Disallow: /
+User-agent: Google-Extended
+Disallow: /
+User-agent: PerplexityBot
+Disallow: /
+User-agent: Amazonbot
+Disallow: /
+User-agent: ClaudeBot
+Disallow: /
+User-agent: Omgilibot
+Disallow: /
+User-Agent: FacebookBot
+Disallow: /
+User-Agent: Applebot
+Disallow: /
+User-agent: anthropic-ai
+Disallow: /
+User-agent: Bytespider
+Disallow: /
+User-agent: Claude-Web
+Disallow: /
+User-agent: Diffbot
+Disallow: /
+User-agent: ImagesiftBot
+Disallow: /
+User-agent: Omgilibot
+Disallow: /
+User-agent: Omgili
+Disallow: /
+User-agent: YouBot
+Disallow: /

public/fonts/liberation-mono/LiberationMono-Bold.woff

@@ -0,0 +1,106 @@
+---
+title Download
+date
+last_modified_at
+---
+
+<noscript>
+	<p>This page relies on JavaScript for fetching binaries, If you don't want to enable JavaScript you can download the binaries at <a href="https://github.com/csprite/csprite/releases">Github Releases</a></p>
+</noscript>
+
+<div style="display: none;" id="downloadContent">
+	<p>Loading...</p>
+</div>
+<div style="display: none;" id="downloadContentGit">
+	<p>Loading...</p>
+</div>
+
+<script src="/lib/moment-2.30.1/moment.min.js" async></script>
+<script async>
+const RepoPath = "csprite/csprite";
+
+// Returns Difference Between 2 Dates In Hours
+function TimeDifference(date1, date2) {
+	let a = moment(date1);
+	let b = moment(date2);
+	return a.diff(b, 'hours');
+}
+
+async function LoadLatestStableBuilds() {
+	let downloadContent = document.getElementById("downloadContent");
+	try {
+		let GhReleases = localStorage.getItem(`GhReleases`);
+		if (GhReleases) GhReleases = JSON.parse(GhReleases);
+		if (!GhReleases || TimeDifference(new Date().getTime(), GhReleases.timestamp) >= 1) {
+			console.log("No Valid Gh Releases Cache Found!");
+			const response = await fetch(`https://api.github.com/repos/${RepoPath}/releases/latest`);
+			GhReleases = await response.json();
+			GhReleases.timestamp = new Date().getTime();
+			localStorage.setItem(`GhReleases`, JSON.stringify(GhReleases));
+		} else {
+			console.log("Valid Gh Releases Found!");
+		}
+
+		let myList = document.createElement("ul");
+		GhReleases.assets.push({ browser_download_url: GhReleases.zipball_url, name: "Source code (.zip)" });
+		GhReleases.assets.push({ browser_download_url: GhReleases.tarball_url, name: "Source code (.tar.gz)" });
+		for (var i = 0; i < GhReleases.assets.length; i++) {
+			let myListItem = document.createElement("li");
+			myListItem.innerHTML += `<a href="${GhReleases.assets[i].browser_download_url}">${GhReleases.assets[i].name}</a>`
+			myList.appendChild(myListItem);
+		}
+
+		downloadContent.innerHTML = `
+			<h2>Latest Stable Builds</h2>
+			<p>The current stable release of csprite is ${GhReleases.tag_name.substring(1, GhReleases.tag_name.length)} (${moment(GhReleases.published_at).fromNow()}).</p>
+			${myList.outerHTML}
+		`.trim();
+	} catch(err) {
+		console.info(err);
+		downloadContent.innerHTML = `<p>Failed To Fetch Download Links, Go To <a href="https://github.com/${RepoPath}/releases/latest">GitHub Releases Page</a> Instead.</p>`;
+	}
+}
+
+async function LoadLatestGitBuilds() {
+	let downloadContentGit = document.getElementById("downloadContentGit");
+	try {
+		let GhReleasesGit = localStorage.getItem(`GhReleasesGit`);
+		if (GhReleasesGit) GhReleasesGit = JSON.parse(GhReleasesGit);
+		if (!GhReleasesGit || TimeDifference(new Date().getTime(), GhReleasesGit.timestamp) >= 1) {
+			console.log("No Valid Gh Releases Git Cache Found!");
+			const response = await fetch(`https://api.github.com/repos/${RepoPath}/releases/tags/latest-git`);
+			GhReleasesGit = await response.json();
+			GhReleasesGit.timestamp = new Date().getTime();
+			localStorage.setItem(`GhReleasesGit`, JSON.stringify(GhReleasesGit));
+		} else {
+			console.log("Valid Gh Releases Git Found!");
+		}
+
+		let myList = document.createElement("ul");
+		GhReleasesGit.assets.push({ browser_download_url: GhReleasesGit.zipball_url, name: "Source code (.zip)" });
+		GhReleasesGit.assets.push({ browser_download_url: GhReleasesGit.tarball_url, name: "Source code (.tar.gz)" });
+		for (var i = 0; i < GhReleasesGit.assets.length; i++) {
+			let myListItem = document.createElement("li");
+			myListItem.innerHTML = `<a href="${GhReleasesGit.assets[i].browser_download_url}">${GhReleasesGit.assets[i].name}</a>`;
+			myList.appendChild(myListItem);
+		}
+
+		downloadContentGit.innerHTML = `
+			<h2>Latest Git Builds</h2>
+			<p>the latest git builds (${moment(GhReleasesGit.published_at).fromNow()}) of csprite provides latest features but the features might be un-documented & the builds might be unstable.</p>
+			${ myList.outerHTML }
+			<p>If above links aren't working, You can download directly from <a href="https://github.com/${RepoPath}/releases/tag/latest-git" target="_blank">GitHub Releases</a>.</p>
+		`.trim();
+	} catch(err) {
+		console.info(err);
+		downloadContentGit.innerHTML = `<p><a href="https://github.com/${RepoPath}/releases/tag/latest-git" target="_blank">Download the latest git build</a> of csprite provides latest features but the features might be un-documented & the builds might be unstable.</p>`;
+	}
+}
+
+window.addEventListener("load", function() {
+	document.getElementById("downloadContent").style.display = "unset";
+	document.getElementById("downloadContentGit").style.display = "unset";
+	LoadLatestStableBuilds();
+	LoadLatestGitBuilds();
+});
+</script>

public/fonts/liberation-mono/LiberationMono-Bold.woff2

@@ -4,3 +4,6 @@ date
 last_modified_at
 ---
 
+csprite (Pronounced see-sprite) is a free & easy to use pixel art editor.
+
+![csprite-preview](/media/csprite-preview.png)