Z 🏴‍☠️ zaydek

I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.

But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.

Svelte is a language.

Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?

A few projects that have answered this question:

GUI programs using Go and HTML/CSS/JS

Superior to similar solutions. Doesn't use electron or cgo. Easy communication between Go and Js. Can easily use libs like React, Vue and Angular.

This is a demo app using GUI library https://github.com/zserge/lorca which requires only Chrome and might even work with Firefox in the future.

In newer versions of chrome you may not be able to just drag the code to your quick shortcuts. As a workaround you can just do:

Copy the raw javascript in bookmark.min.js to your clipboard.
right-click on the the bookmarks bar and add select add page
for the name type DebugCSS
for page type javascript:/ then paste the js you copied in step 1
click save.
Do a happy dance, your done!

Regular Colors

Value	Color
\e[0;30m	Black
\e[0;31m	Red
\e[0;32m	Green
\e[0;33m	Yellow
\e[0;34m	Blue
\e[0;35m	Purple

OCI + S3

Oracle Cloud Infrastructure offers an S3 compatible API for object storage.

This example will show you how to use it with the AWS Go SDK

Configuration

Endpoint

	/*

	Tailwind - The Utility-First CSS Framework

	A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink),
	David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).


	Welcome to the Tailwind config file. This is where you can customize
	Tailwind specifically for your project. Don't be intimidated by the

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Add React in One Minute</title>
	</head>
	<body>

	<h2>Add React in One Minute</h2>
	<p>This page demonstrates using React with no build tooling.</p>

	---


	<a id="sources"></a>

	## Markdown sources

	From this point, everything you see is formatted using Markdown syntax. It will work in every editor that supports Markdown because it's an open standard on the web. There are two ways to find the sources for this page.

	#### 1. On GitHub

	/* Shadow 0dp */
	box-shadow: none;

	/* Shadow 1dp */
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20);

	/* Shadow 2dp */
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);

	/* Shadow 3dp */

	/**
	* This gist was inspired from https://gist.github.com/homam/8646090 which I wanted to work when uploading an image from
	* a base64 string.
	* Updated to use Promise (bluebird)
	* Web: https://mayneweb.com
	*
	* @param {string} base64 Data
	* @return {string} Image url
	*/
	const imageUpload = async (base64) => {