Skip to content

Instantly share code, notes, and snippets.


David Miranda panphora

View GitHub Profile
View polite-popup-dark-mode.css
body .email-modal .email-modal__content {
background-color: #191c1f;
body .email-modal .email-modal__top-image {
background-color: #fff;
body .bottom-bar, body .bottom-bar *, body .email-modal, body .email-modal * {
color: #fff;
View add-emoji-support-for-everyone.js
* Many of your visitors probably see if they don't have emoji support on their device
* This script tries to detect if they have emoji support, and, if they don't, it adds it using Twitter's awesome Twemoji library!
* Insert this code before your closing </body> tag

Editing a Web Page Quickly So You Can Gather Feedback

So, you want to edit a web page, change the copy, and save the results -- all without triggering any page reloads.

Video tutorial:

1. Open your Developer Tools

Right click on the web page, select the "Inspect" option, and switch to the "Console" tab.

View swarmation-feedback.txt
### 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
View notice.html
<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="
View tour.sass
display: none
overflow: visible
position: absolute
z-index: 1
left: 0
View tour.js
import { $ } from '../../remakejs/queryjs';
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"];
View starter-app-index.hbs
<div class="header">
<div class="header__text">Hometown Dance Recital</div>
<button class="button button--add-stack">Add stack</button>
<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
You can’t perform that action at this time.