Rename Splat to Bubble

This commit is contained in:
Jeffrey Hardy
2024-09-04 14:49:25 -04:00
parent 6dc2c2ba73
commit 5aae70298b
42 changed files with 294 additions and 285 deletions
+5 -5
View File
@@ -2,11 +2,11 @@
<div class="panel shadow center margin-block-double <%= "shake" if flash[:alert] %>" style="--panel-size: 40ch;">
<%#= image_tag "blob.svg", class: "product__logo center colorize--black", size: 130 %>
<div class="splat center" style="--splat-color: #000; --splat-rotate: -75deg; --splat-size: 12cqi;">
<svg class="splat__svg" style="stroke-width: 2rem;" viewBox="0 0 990 990" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h990v990h-990z" fill="none" stroke="none" /><path d="m391.65 879.47c-110.52-15.95-212.21-91.86-255.92-191.23-66.78-143.65-41.62-347.61 48.08-481.17 368.33-516.3 1252.97 520.2 451.03 660.78-44.07 8.84-88.98 13.49-133.01 15.68-36.69 2-73.37 1.91-109.99-4.03z"/></svg>
<span class="splat__bubble splat__meta splat__date" style="border-width: 0.2rem;"></span>
<span class="splat__bubble splat__meta splat__category" style="border-width: 0.2rem;">&nbsp; &nbsp; &nbsp; &nbsp;</span>
<span class="splat__bubble splat__meta splat__category" style="border-width: 0.2rem;">&nbsp; &nbsp;</span>
<div class="bubble center" style="--bubble-color: #000; --bubble-rotate: -75deg; --bubble-size: 12cqi;">
<svg class="bubble__svg" style="stroke-width: 2rem;" viewBox="0 0 990 990" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h990v990h-990z" fill="none" stroke="none" /><path d="m391.65 879.47c-110.52-15.95-212.21-91.86-255.92-191.23-66.78-143.65-41.62-347.61 48.08-481.17 368.33-516.3 1252.97 520.2 451.03 660.78-44.07 8.84-88.98 13.49-133.01 15.68-36.69 2-73.37 1.91-109.99-4.03z"/></svg>
<span class="bubble__bubble bubble__meta bubble__date" style="border-width: 0.2rem;"></span>
<span class="bubble__bubble bubble__meta bubble__category" style="border-width: 0.2rem;">&nbsp; &nbsp; &nbsp; &nbsp;</span>
<span class="bubble__bubble bubble__meta bubble__category" style="border-width: 0.2rem;">&nbsp; &nbsp;</span>
</div>
<h1 class="margin-none-block-start margin-block-end-double">Fizzy</h1>