panphora

### Confusion
- 5 people have mentioned that they're confused by the formation in the top left not being on the grid. They have no idea how to judge the distance and find it frustrating and confusing.
  - I think even just a white background behind it would help with the confusion
- "There should be somewhere that explains how to play it somewhere"
  - The initial message isn't obvious enough and it actually obscures your player, distracting from playing. But, once it's gone, there's no way to figure out how to play. So, if you didn't read it, you're screwed.
  - It would be nice if the instructions persisted
  
### Bugs
- On mobile, I think there's no way to disable the pixel info after clicking on a pixel

panphora

<div style="
  position: absolute;
  z-index: 1;
  bottom: 13px;
  left: 50%;
  transform: translate(-50%);
  font-weight: bold;
  color: var(--dark-text);
  font-size: 16px;
  ">Play with us every night at 7pm EST: <a href="#" style="

panphora

{
  "on": true
}

panphora

// # GENERAL

.underline
  display: none
  overflow: visible
  position: absolute
  z-index: 1
  left: 0

.stroke

panphora

import { $ } from '../../remakejs/queryjs';

// CONFIG

let tourName = "onboarding-tour";

let tourAudioElem = $(".tour-audio").get(0);

if (tourAudioElem) {
  let tourSelectors = [".tour-step__masthead", ".tour-step__bundle-name", ".tour-step__bundle-price", ".tour-step__bundle-description", ".tour-step__bundle-cover-image", ".tour-step__bundle-cover-image-replace", ".tour-step__bundle-details", ".tour-step__bundle-deliverable", ".tour-step__bundle-timeline", ".tour-step__new-bundle", ".tour-step__new-bundle", ".tour-step__page-avatar", ".tour-step__page-cover-image", ".tour-step__claim", ".tour-step__claim", ".tour__top-of-page-placeholder", ".tour__top-of-page-placeholder", ".tour__top-of-page-placeholder"];

panphora

var $activeEpisodes = $(".episodecell");
var episodesReversedElements = $activeEpisodes.toArray().reverse();

var lastPodcastName;
episodesReversedElements.forEach(function (elem) {
  var $activeEpisode = $(elem);
  var podcastName = $activeEpisode.find(".titlestack div:first-child").text();
  var podcastImgSrc = $activeEpisode.find(".art").attr("src");

  if (podcastName !== lastPodcastName) {

panphora

Options for quickly putting together a landing page.

3 factors:

• flexibility
• power
• easy of use
• cost

Wordpress hosted on Cloudways with an Elementor Personal plan

• gives the most flexibility, power, and ease of use

panphora

<!-- starting html: -->
<div class="elements-to-be-parsed">
<pre>
  <div data-o-type="list"></div>
</pre>
<pre>
  <div data-o-type="object"></div>
</pre>
</div>

panphora

What is a CRUD web application?

A CRUD Web application is the most basic type of web application. It allows you to create and edit data and show that data to your users.

The simplest example of a CRUD web application would probably be a blog. A blog allows you to create, read, update, and delete blog posts.

A more advanced web application like an analytics platform (e.g. Google Analytics) or a social network (e.g. LinkedIn) is not considered a CRUD web application because it has many advanced features that go beyond simply creating and updating data.

CRUD Means:

• Create

panphora

import java.util.stream.IntStream;

class Main {
  public static void main(String[] args) {
    System.out.println(IntStream.range(1,5).map(n -> n*2).reduce(1, (a,b)->a+b));
  }
}