lucavi | CODE ✦ EP.

AND NOW, I'M GOING TO MOVE THE EARTH——

Link 01 Link 02 Link 03

VOL.1

I BELIEVE IN HELIOCENTRISM.

MOVE THE EARTH

This is what it means to learn something, I think.

TRUTH / TERROR

Neither of you will be known to history.

「¿」

There is enlightenment in being lost—to wander is to search is to realize.

MERCURY IN RETROGRADE

a transition ep

RETROGRADE; the orbital or rotational motion of an object in the direction opposite the rotation of its primary -- that is, the central object. The direction of rotation is determined by an inertial frame of reference, such as distant fixed stars.

LINK 01 LINK 02 LINK 03 LINK 04 LINK 05

A couple of CD/record-style frontpage codes for a quick splash! They come with limited link options. These haven't been heavily crash-tested for compatibility or to fit different amounts of text/links; please use your own discretion when editing.

✓ CUSTOMISABLE
✗ RESPONSIVE
✗ COMMENT FRIENDLY
✗ NOT EMAIL-FRIENDLY / EMAIL-TESTED

Most modifiable areas are consolidated as variables at the very top of the code. Here's what they are and what they'll affect:

✦ --fontfam Font family for the text.
✦ --fontColour The font/accent colour.
✦ --bgColour The general background colour.
✦ --cdImg Determines the image used in the CD/record part of the code.
✦ --jacketImg Only for the first code (OVERCAST); the links for the images used in the sidebar. 01 is the top image, 02 is the bottom strip.

EP: OVERCAST

<raw-code><div style="display:grid; place-items:center;">
<div style="display:grid; grid-template-areas:'pile'; width:600px; aspect-ratio:4/3 !important;

--fontfam: Georgia, Garamond, serif;
--fontColour: #eeeeeee6;
--bgColour: #111111bf;
--jacketImg1: url();
--jacketImg2: url();
--cdImg: url();">

ALBUM TITLE

</div>
  <hr style="margin:0 auto; width:100%;" />
  <div style="display:flex; flex-flow:row nowrap; gap:0 10px; justify-content:end; font:12px/1 var(--fontfam);">

</div>
</div>
<div style="aspect-ratio:28/9 !important; background:var(--jacketImg2) center no-repeat; background-size:cover; box-shadow:0 0 3px rgba(355,355,355,0.5); border-radius:99rem;"></div>
</div>
</div>
</div></raw-code>

EP: HALF-MOON

<raw-code><div style="display:grid; place-items:center;">
<div style="display:grid; grid-template-areas:'pile'; width:500px; aspect-ratio:1 !important;

--fontfam: Arial, sans-serif;
--cdImg: url();
--bgColour: #111;
--fontColour: #eee;">

<div name="TITLE">
  <a style="font:600 21px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);" href="">LINK00</a>
  <div style="font:14px/1.2 var(--fontfam);">TAGLINE</div>
</div>
<div name="TRACK1">
  <a style="font:600 16px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);" href="">LINK01</a>
  <div style="font:12px/1.2 var(--fontfam);">Description.</div>
</div>
<div name="TRACK2">
  <a style="font:600 16px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);" href="">LINK02</a>
  <div style="font:12px/1.2 var(--fontfam);">Description.</div>
</div>
<div name="TRACK3">
  <a style="font:600 16px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);" href="">LINK03</a>
  <div style="font:12px/1.2 var(--fontfam);">Description.</div>
</div>

<div name="LABEL">
  <div style="padding:15px; background:linear-gradient(125deg, var(--fontColour) 0 30%, transparent 30% 40%, var(--fontColour) 40% 45%, transparent 45% 50%, var(--fontColour) 50% 52.5%, transparent 52.5% 85%, var(--fontColour) 85%);"></div>
</div>
</div>
</div>
</div>
</div></raw-code>

EP: TRANSITION

<raw-code><div style="display:grid; place-items:center;">
<div style="display:grid; grid-template-areas:'pile'; width:500px; aspect-ratio:1 !important;

--fontfam: Consolas, Courier New, monospace;
--fontColour: #ddd8d6;
--cdImg: url();">

<div style="font:600 21px/1 var(--fontfam);"> TITLE </div>
  <div style="font:16px/1 var(--fontfam);"> sub-title </div>

Description.

</div>

</div>
<div style="grid-area:b; place-self:end start; width:100%; aspect-ratio:1 !important; border-top:2px dashed var(--fontColour); border-right:2px dashed var(--fontColour); border-radius:0 99rem 0 0;"></div>
<div style="grid-area:c; display:flex; flex-flow:column nowrap; align-items:start; gap:5px; padding-top:15px; font:600 14px/1 var(--fontfam);">
  <a style="text-decoration:none; color:var(--fontColour);" href="">LINK 01</a>
  <a style="text-decoration:none; color:var(--fontColour);" href="">LINK 02</a>
  <a style="text-decoration:none; color:var(--fontColour);" href="">LINK 03</a>
  <a style="text-decoration:none; color:var(--fontColour);" href="">LINK 04</a>
  <a style="text-decoration:none; color:var(--fontColour);" href="">LINK 05</a>
</div>
</div>
</div>
</div></raw-code>

CODE ✦ EP.

EP: OVERCAST

EP: HALF-MOON

EP: TRANSITION

no subject