quezo

The experience of using Node.JS with TypeScript, ts-node, and ESM is horrible.

There are countless guides of how to integrate them, but none of them seem to work.

Here's what worked for me.

Just add the following files and run npm run dev. You'll be good to go!

package.json

quezo

<div class="gradientOverlay"></div>
<div id="container">

    <canvas id="canvas"></canvas>

    <div class="params">

        <div class="controls">

quezo

Flutter Yeti - @mkiisoft

A Pen by CodePen on CodePen.

License.

quezo

<div>
  <canvas></canvas>
  <ul>
    <li><label>Width:</label><input id=width type="text"/></li>
    <li><label>Height:</label><input id=height type="text"/></li>
    <li><label>Path Width:</label><input id=pathwidth type="text"/></li>
    <li><label>Wall Width:</label><input id=wallwidth type="text"/></li>
    <li><label>Outer Width:</label><input id=outerwidth type="text"/></li>
    <li><label>Path Color:</label><input id=pathcolor type="text"/></li>
    <li><label>Wall Color:</label><input id=wallcolor type="text"/></li>

quezo

Keybase proof

I hereby claim:

• I am quezo on github.
• I am codepenquezo (https://keybase.io/codepenquezo) on keybase.
• I have a public key ASBHGL1JGTln3NjZEabO2kTRZOladeL7eEuphkbRE562LAo

To claim this, I am signing this object:

quezo

Keybase proof

I hereby claim:

• I am quezo on github.
• I am codepenquezo (https://keybase.io/codepenquezo) on keybase.
• I have a public key ASBHGL1JGTln3NjZEabO2kTRZOladeL7eEuphkbRE562LAo

To claim this, I am signing this object:

quezo

<!-- Card -->

<section>
  <div class="card">
    <div class="card__image" style="background-image:url(https://images.pexels.com/photos/941693/pexels-photo-941693.jpeg)"></div>
    <div class="card__text">
      <h2>Half Stack Steve</h2>
      <h3>Skills</h3>
      <ul class="card__list">
        <li>Building rocketships</li>

quezo

<p>x<sub>1</sub> = 1, x<sub>2</sub> = 2, x<sub>3</sub> = 3, y<sub>1</sub> = 4, y<sub>2</sub> = 5 and y<sub>3</sub> = 6. Find:<br/><span>&#x03A3;<sup class="sum">3</sup><sub class="sum">i = 2</sub> x<sup>2</sup><sub>i</sub> + y<sub>i</sub><sup>3</sup></span><br/>And:<br/><span>&Pi;<sup class="sum">2</sup><sub class="sum">i = 1</sub> (x<sub>i</sub> + y<sub>i</sub>)<sup>2</sup></span>
</p>

quezo

%h1.logo
    Solar explorer
    %span in only CSS
%input.planet9{:type => 'radio', :id => 'pluto', :name => 'planet'}
%label.pluto.menu{:for => 'pluto'}
    .preview
    .info
        %h2 
            .pip
            Pluto

quezo

<h1>hello again!</h1>