FlovyAdvanced.html (this page) features a lightweight and clean HTML calling to two external CSS and JS files. FlovyAdvanced-CSS features advanced CSS in a single file (flovyadvanced-css.html). For the self-contained single-file JS variant, go to flovyadvanced-one.html. FlovySuper publishes on Platforms — hooks on to backends (flovysuper.html).

Section

A space to keep what matters.

Rate
Low Mid High
Rate
Low Mid High

Backgrounds

Page background switcher — pick one and it applies to the entire body live. Pure CSS.

🎨 Pick a background radio + body:has(#bg-X:checked)
🌗 Overlays extra checkboxes that combine

Animations

Animation switcher — pick one and it applies to the page elements instantly. Pure CSS.

✨ Pick an animation radio + body:has(#anim-X:checked)
🎯 Elements extra checkboxes that combine

Text

Text styling — pick a typeface and stack tunings. They apply to the whole page live. Pure CSS.

🔤 Pick a face radio + body:has(#font-X:checked)
🎚 Tunings extra checkboxes that combine

✦ Summary

💡 Who — who is involved, and at what distance?

Map the people behind your clause: who is being addressed, who overhears, who is silent. The relations you can name are the ones you can tune.

💡 What — what is being asked, offered or proposed?

Read the verb of your clause. An ask, an offer, a description and a refusal each invite a different reply. Naming the move clarifies what you want back.

💡 Where — where do the boundaries sit, and what is left uncertain?

Underline the edges of your clause: time, place, depth, exclusivity. What stays ambiguous on purpose, and what would benefit from being said out loud?

💡 Why — why does this framing matter?

Ask what kind of relation your clause invites — playful, careful, open, contained. The form of the sentence is already half of the answer.

A summary of what you added will show up here. Add <script src="flove.js"></script> to your page to unlock all the options below.Un resumen de lo que has añadido aparecerá aquí. Añade <script src="flove.js"></script> a tu página para activar todas las opciones de abajo.

Try it here in the menu by switching the navigation bar to Normal.Pruébalo aquí en el menú cambiando la barra de navegación a Normal. ✨ A magicked re-telling of the same details you added — warmer, looser, alive. Click Phrase to return to the original wording.
Select the phrase above (triple-click selects the whole paragraph), then press Ctrl+C on Windows/Linux or ⌘+C on Mac to copy it.Selecciona la frase de arriba (con triple clic seleccionas el párrafo entero) y pulsa Ctrl+C en Windows/Linux o ⌘+C en Mac para copiarla.
✈ GoIr

Wizy publishes to a chosen bot.Wizy publica al bot elegido.

Reddit is a social platform of communities and discussions.Reddit es una plataforma social de comunidades y debates. reddit.com

Nety is a Friend2Friend Groupware.Nety es un Groupware Amigo-a-Amigo. Nety

DownloadDescargar

♪ SoundsSonidos

TopbarBarra superior
RaysRays
BotsBots
StepsPasos
Entry fieldCampo de entrada
RaterValorador
ModalsModales
SaveGuardar
ShareCompartir
PublishPublicar
InsightsInsights
MagicMagia
ViewsVistas

0
Clicks
0
Selections
0
Stars
Total0s
Clicks0
Avg gap—
Last—