porterrobinsle.com Open in urlscan Pro
2606:4700:3032::6815:3d02  Public Scan

Form analysis
2 forms found in the DOM

DIALOG

<form method="dialog" class="relative flex w-96 max-w-full flex-col gap-4 rounded-lg border border-black/50 bg-lightpink px-4 py-3 text-left text-base font-normal text-black shadow-[0.25rem_0.25rem_0_0px] shadow-shadow">
  <div class="flex items-center justify-between text-lg font-medium">
    <h3>How To Play</h3> <button class="p-0.5 hover:scale-110 active:scale-95" aria-label="Close"><!--[--><svg class="🟃r">
        <g id="🟃go2" class="🟃l">
          <path d="M18 6 6 18"></path>
          <path d="m6 6 12 12"></path>
        </g>
      </svg><!--]--><svg class="🟃i" viewBox="0 0 24 24">
        <use href="#🟃go2"></use>
      </svg><!----></button>
  </div>
  <ul class="list-outside list-disc space-y-2 pl-4">
    <li>There are 5 songs to guess every day. Each song has 3 clues.</li>
    <li>Click the play button to hear the clue, then type your guess.</li>
    <li>Guesses are not case sensitive, and you'll get a warning if you make a typo.</li>
    <li>You can use acronyms for song names 3 words or longer (i.e. TTFA).</li>
    <li>Your progress is always saved! You can come back to it later.</li>
  </ul> <button class="group flex items-center gap-1 self-end whitespace-nowrap rounded-full bg-pink px-8 py-2 font-bold text-black ring-black transition-shadow hover:ring-1 focus:ring-1">Play <!--[--><svg class="🟃r">
      <g id="🟃FC" class="🟃l">
        <polygon points="6 3 20 12 6 21 6 3"></polygon>
      </g>
    </svg><!--]--><svg class="🟃i" viewBox="0 0 24 24" style="--🟃s: 20px;">
      <use href="#🟃FC"></use>
    </svg><!----></button>
</form>

DIALOG

<form method="dialog" class="relative flex w-96 max-w-full flex-col rounded-lg border border-black/50 bg-lightpink px-4 py-3 text-left text-base font-normal text-black shadow-[0.25rem_0.25rem_0_0px] shadow-shadow">
  <div class="mb-4 flex items-center justify-between text-lg font-medium">
    <h3>Settings</h3> <button class="p-0.5 hover:scale-110 active:scale-95" aria-label="Close"><!--[!--><!--]--><svg class="🟃i" viewBox="0 0 24 24">
        <use href="#🟃go2"></use>
      </svg><!----></button>
  </div>
  <div class="flex items-center gap-1 font-medium tabular-nums"><label for="volume" class="inline">Volume:</label> 10% <!--[!--><!--]--></div>
  <div class="flex items-center gap-1"><!----><!--[--><svg class="🟃r">
      <g id="🟃73X" class="🟃l">
        <path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path>
        <path d="M16 9a5 5 0 0 1 0 6"></path>
      </g>
    </svg><!--]--><svg class="🟃i" viewBox="0 0 24 24">
      <use href="#🟃73X"></use>
    </svg><!----> <input id="volume" type="range" aria-label="Volume" min="0.05" max="1" step="0.01"></div> <!--[!--><!--]--> <label class="relative mt-4">
    <p class="font-medium">Hard Mode</p>
    <div class="my-0.5 h-5 w-10 rounded-full border-2 border-black/50 bg-black/10">
      <div style="transform: translateX(0px);" class="m-px size-[14px] rounded-full bg-black/50 transition-transform"></div>
    </div> <input type="checkbox" class="absolute inset-0 h-full w-full cursor-pointer opacity-0">
  </label>
  <p class="mt-1 flex items-center gap-2 text-xs"><!--[--><svg class="🟃r">
      <g id="🟃2cB" class="🟃l">
        <rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect>
        <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
      </g>
    </svg><!--]--><svg class="🟃i" viewBox="0 0 24 24" style="--🟃s: 16px;">
      <use href="#🟃2cB"></use>
    </svg><!----> <span>You can only play each clue once in hard mode.</span></p> <label class="relative mt-4">
    <p class="font-medium">Speedrun Timer</p>
    <div class="my-0.5 h-5 w-10 rounded-full border-2 border-black/50 bg-black/10">
      <div style="transform: translateX(0px);" class="m-px size-[14px] rounded-full bg-black/50 transition-transform"></div>
    </div> <input type="checkbox" class="absolute inset-0 h-full w-full cursor-pointer opacity-0">
  </label>
  <p class="mt-1 flex items-center gap-2 text-xs"><!--[--><svg class="🟃r">
      <g id="🟃Bw" class="🟃l">
        <line x1="10" x2="14" y1="2" y2="2"></line>
        <line x1="12" x2="15" y1="14" y2="11"></line>
        <circle cx="12" cy="14" r="8"></circle>
      </g>
    </svg><!--]--><svg class="🟃i" viewBox="0 0 24 24" style="--🟃s: 16px;">
      <use href="#🟃Bw"></use>
    </svg><!----> <span>Timer starts as soon as you play the first clue.</span></p> <button
    class="group mt-8 flex items-center gap-1 self-end whitespace-nowrap rounded-full bg-pink px-8 py-2 font-bold text-black ring-black transition-shadow hover:ring-1 focus:ring-1">Play <!--[!--><!--]--><svg class="🟃i" viewBox="0 0 24 24"
      style="--🟃s: 20px;">
      <use href="#🟃FC"></use>
    </svg><!----></button>
</form>

Text Content

PORTER ROBINSLE


THE DAILY PORTER ROBINSON SONG GUESSING GAME

by Ottomated

--------------------------------------------------------------------------------


HOW TO PLAY

 * There are 5 songs to guess every day. Each song has 3 clues.
 * Click the play button to hear the clue, then type your guess.
 * Guesses are not case sensitive, and you'll get a warning if you make a typo.
 * You can use acronyms for song names 3 words or longer (i.e. TTFA).
 * Your progress is always saved! You can come back to it later.

Play


SETTINGS

Volume: 10%


Hard Mode



You can only play each clue once in hard mode.

Speedrun Timer



Timer starts as soon as you play the first clue.

Play

Day #102



Song 1 / 5

SKIP
0.5 seconds
1 second
Start of song