Skip to content

Instantly share code, notes, and snippets.

View panphora's full-sized avatar
🎯
Focusing

David Miranda panphora

🎯
Focusing
View GitHub Profile
<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="
{
"on": true
}
// # GENERAL
.underline
display: none
overflow: visible
position: absolute
z-index: 1
left: 0
.stroke
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"];
<div class="header">
<div class="header__text">Hometown Dance Recital</div>
<button class="button button--add-stack">Add stack</button>
</div>
<div class="board-container">
<div class="board">
<div class="stack">
<div class="stack__top">
<p class="stack__text">Logistics</p>
<button class="button button--plus-square">

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
<!-- 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
panphora / crud-web-app.md
Last active September 21, 2019 18:57
What is a CRUD web application?

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
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));
}
}
<ul data-o-type="list">
{{#forEachItem data.todos itemName="todo"}}
<li data-o-type="object" data-l-key-text data-i-editable>{{todo.text}}</li>
{{/forEachItem}}
</ul>
<button data-i-new="todo">Add Todo</button>