<?xml version='1.0' encoding='utf-8' ?>

<rss version='2.0' xmlns:lj='http://www.livejournal.org/rss/lj/1.0/' xmlns:atom10='http://www.w3.org/2005/Atom'>
<channel>
  <title>blast off into space,</title>
  <link>https://lucavi.dreamwidth.org/</link>
  <description>blast off into space, - Dreamwidth Studios</description>
  <lastBuildDate>Fri, 12 Dec 2025 11:54:07 GMT</lastBuildDate>
  <generator>LiveJournal / Dreamwidth Studios</generator>
  <lj:journal>lucavi</lj:journal>
  <lj:journaltype>personal</lj:journaltype>
  <image>
    <url>https://v2.dreamwidth.org/16117037/3884116</url>
    <title>blast off into space,</title>
    <link>https://lucavi.dreamwidth.org/</link>
    <width>100</width>
    <height>100</height>
  </image>

<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/6214.html</guid>
  <pubDate>Fri, 12 Dec 2025 11:54:07 GMT</pubDate>
  <title>CODE ✦ EP.</title>
  <link>https://lucavi.dreamwidth.org/6214.html</link>
  <description>

&lt;div style=&quot;display:grid; place-items:center;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;pile&amp;#39;; width:600px; aspect-ratio:4/3 !important;--fontfam: Georgia, Garamond, serif;--fontColour: #eeeeeee6;--bgColour: #111111bf;--jacketImg1: url(https://i.pinimg.com/1200x/fa/02/f0/fa02f0bf644e8f531d16274ad623eac7.jpg);--jacketImg2: url(https://i.pinimg.com/736x/f9/4e/83/f94e83dd9a5ebf22a8f23d9afd8d757c.jpg);--cdImg: url(https://i.pinimg.com/736x/48/d5/22/48d522c6a627a2ce7030222f0be27603.jpg);&quot;&gt;


&lt;div style=&quot;grid-area:pile; place-self:stretch end; display:grid; place-items:center; margin:10px; width:75%; aspect-ratio:1 !important; border-radius:100%; background:var(--cdImg) center no-repeat; background-size:cover; box-shadow:3px 3px 6px rgba(0,0,0,0.3);&quot;&gt;
  &lt;div style=&quot;width:25%; aspect-ratio:1 !important; background:var(--bgColour); border:10px solid var(--fontColour); border-radius:99rem;&quot;&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;grid-area:pile; place-self:stretch start; display:flex; flex-flow:column nowrap; gap:15px; width:40%; padding:15px; background:var(--bgColour); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-radius:8px;&quot;&gt;
&lt;div style=&quot;aspect-ratio:1 !important; background:var(--jacketImg1) center no-repeat; background-size:cover; box-shadow:0 0 3px rgba(355,355,355,0.5); border-radius:16px;&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;flex:1; justify-content:center; display:flex; flex-flow:column nowrap; gap:5px;&quot;&gt;
  &lt;div style=&quot;font:28px/1 var(--fontfam); color:var(--fontColour); letter-spacing:-2px;&quot;&gt;
    AND NOW, I&apos;M GOING TO MOVE THE EARTH&amp;mdash;&amp;mdash;
  &lt;/div&gt;
  &lt;hr style=&quot;margin:0 auto; width:100%;&quot; /&gt;
  &lt;div style=&quot;display:flex; flex-flow:row nowrap; gap:0 10px; justify-content:end; font:12px/1 var(--fontfam);&quot;&gt;
    &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--fontColour);&quot;&gt;Link 01&lt;/a&gt;
    &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--fontColour);&quot;&gt;Link 02&lt;/a&gt;
    &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--fontColour);&quot;&gt;Link 03&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;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;&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;margin:10px;&quot;&gt;&lt;/div&gt;

&lt;div style=&quot;display:grid; place-items:center;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;pile&amp;#39;; width:500px; aspect-ratio:1 !important;--fontfam: Arial, sans-serif;--cdImg: url(https://i.pinimg.com/736x/4e/fe/32/4efe32632177ba869fdd79d3d3a3a6a2.jpg);--bgColour: #111;--fontColour: #eee;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-columns:1fr 1fr; grid-gap:15px; place-items:stretch; padding:25px; background:var(--bgColour);&quot;&gt;

&lt;div style=&quot;grid-column:1; grid-row:1; aspect-ratio:1/2 !important; border-radius:99rem 0 0 99rem; background:var(--cdImg) center left no-repeat; background-size:cover; box-shadow:0 0 3px rgba(355,355,355,0.5);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-column:1/-1; grid-row:1; place-self:center; aspect-ratio:1 !important; padding:35px; background:var(--bgColour); border-radius:99rem;&quot;&gt;&lt;/div&gt;

&lt;div style=&quot;grid-column:2; grid-row:1; display:flex; flex-flow:column nowrap; justify-content:space-around; color:var(--fontColour) !important; letter-spacing:0.1em;&quot;&gt;
&lt;div name=&quot;TITLE&quot;&gt;
  &lt;a style=&quot;font:600 21px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;VOL.1&lt;/a&gt;
  &lt;div style=&quot;font:14px/1.2 var(--fontfam);&quot;&gt;I BELIEVE IN HELIOCENTRISM.&lt;/div&gt;
&lt;/div&gt;
&lt;div name=&quot;TRACK1&quot;&gt;
  &lt;a style=&quot;font:600 16px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;MOVE THE EARTH&lt;/a&gt;
  &lt;div style=&quot;font:12px/1.2 var(--fontfam);&quot;&gt;This is what it means to learn something, I think.&lt;/div&gt;
&lt;/div&gt;
&lt;div name=&quot;TRACK2&quot;&gt;
  &lt;a style=&quot;font:600 16px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;TRUTH / TERROR&lt;/a&gt;
  &lt;div style=&quot;font:12px/1.2 var(--fontfam);&quot;&gt;Neither of you will be known to history.&lt;/div&gt;
&lt;/div&gt;
&lt;div name=&quot;TRACK3&quot;&gt;
  &lt;a style=&quot;font:600 16px/1.2 var(--fontfam); text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;「¿」&lt;/a&gt;
  &lt;div style=&quot;font:12px/1.2 var(--fontfam);&quot;&gt;There is enlightenment in being lost&amp;mdash;to wander is to search is to realize.&lt;/div&gt;
&lt;/div&gt;

&lt;div name=&quot;LABEL&quot;&gt;
  &lt;div style=&quot;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%);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div style=&quot;margin:10px;&quot;&gt;&lt;/div&gt;

&lt;div style=&quot;display:grid; place-items:center;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;pile&amp;#39;; width:500px; aspect-ratio:1 !important;--fontfam: Consolas, Courier New, monospace;--fontColour: #ddd8d6;--cdImg: url(https://i.pinimg.com/1200x/5f/eb/00/5feb0083a04f3483a241f455d50af801.jpg);&quot;&gt;
&lt;div style=&quot;display:grid; place-items:stretch; padding:5px; background:#111 var(--cdImg) center no-repeat; background-size:cover; border-radius:99rem;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;a b&amp;#39; &amp;#39;a c&amp;#39;; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; grid-gap:15px; padding:15px; background:radial-gradient(at 75% 25%, transparent 25%, #111 40%), radial-gradient(at center, #111 35px, transparent 40px); border-radius:99rem;&quot;&gt;
&lt;div style=&quot;grid-area:a; display:flex; flex-flow:column nowrap; justify-content:center; color:var(--fontColour) !important; letter-spacing:0.1em; text-align:right;&quot;&gt;
  &lt;div style=&quot;font:600 21px/1 var(--fontfam);&quot;&gt; MERCURY IN RETROGRADE &lt;/div&gt;
  &lt;div style=&quot;font:16px/1 var(--fontfam);&quot;&gt; a transition ep &lt;/div&gt;
  &lt;hr style=&quot;margin:10px auto; width:80%;&quot; /&gt;
  &lt;div style=&quot;font:10px/1.2 var(--fontfam);&quot;&gt;
  &lt;strong&gt;RETROGRADE;&lt;/strong&gt; 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.
  &lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;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;&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-area:c; display:flex; flex-flow:column nowrap; align-items:start; gap:5px; padding-top:15px; font:600 14px/1 var(--fontfam);&quot;&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;LINK 01&lt;/a&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;LINK 02&lt;/a&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;LINK 03&lt;/a&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;LINK 04&lt;/a&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--fontColour);&quot; href=&quot;&quot;&gt;LINK 05&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/6214.html#cutid1&quot;&gt;CLICK FOR INFO &amp; CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=6214&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/6214.html</comments>
  <category>*splash</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>4</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/6083.html</guid>
  <pubDate>Mon, 01 Dec 2025 10:50:08 GMT</pubDate>
  <title>CODE ✦ VERIFY.</title>
  <link>https://lucavi.dreamwidth.org/6083.html</link>
  <description>

&lt;div style=&quot;display:grid; place-items:center;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:5px; width:100%; max-width:400px; padding:10px; font:14px/1.2 var(--font); color:var(--bg); background:var(--bg); box-shadow:0 3px 6px rgba(0,0,0,0.5);--font: Arial,sans-serif;--bg: #eee;--verify:#2871da;--image01: url(https://i.pinimg.com/736x/e5/aa/09/e5aa09582c68e999fd162e3969274a88.jpg);--image02: url(https://i.pinimg.com/736x/ff/3b/57/ff3b57874c109791233ac0f268413544.jpg);&quot;&gt;

&lt;div style=&quot;display:block; padding:30px 20px; letter-spacing:1px; background:var(--verify);&quot;&gt;
Select all squares containing
&lt;div style=&quot;font:600 200%/1 var(--font); text-shadow:-1px -1px #b9223d, 1px 1px #008a9d;&quot;&gt;
  a human
&lt;/div&gt;
If there are none, click skip
&lt;/div&gt;

&lt;div style=&quot;display:grid; place-items:stretch; grid-template-areas:&amp;#39;pile&amp;#39;;&quot;&gt;

&lt;div style=&quot;z-index:1; grid-area:pile; display:block; aspect-ratio:1 !important; clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 0% 25%, 0% 50%, 100% 50%, 100% 75%, 0% 75%, 0% 100%, 100% 100%, 100% 0%, 75% 0%, 75% 100%, 50% 100%, 50% 0%, 25% 0%, 25% 100%, 0% 100%);background:var(--image01) center no-repeat; background-size:cover;&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-area:pile; display:block; aspect-ratio:1 !important; background:var(--image02) center no-repeat; background-size:cover;&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;z-index:10; grid-area:pile; display:grid; grid-template-columns:1fr 2px 1fr 2px 1fr 2px 1fr;&quot;&gt;
&lt;div style=&quot;grid-column:2; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-column:4; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-column:6; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;z-index:10; grid-area:pile; display:grid; grid-template-rows:1fr 2px 1fr 2px 1fr 2px 1fr;&quot;&gt;
&lt;div style=&quot;grid-row:2; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-row:4; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-row:6; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;a href=&quot;&quot; style=&quot;align-self:flex-end; padding:15px 30px; text-decoration:none; color:var(--bg); background:var(--verify);&quot;&gt;
   SKIP
&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;margin-top:25px; display:grid; place-items:center;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:5px; width:100%; max-width:333px; padding:10px; font:14px/1.2 var(--font); color:var(--bg); background:var(--bg); box-shadow:0 3px 6px rgba(0,0,0,0.5);--font: Arial,sans-serif;--bg: #eee;--verify:#2871da;--image01: url(https://i.pinimg.com/736x/e5/aa/09/e5aa09582c68e999fd162e3969274a88.jpg);--image02: url(https://i.pinimg.com/736x/ff/3b/57/ff3b57874c109791233ac0f268413544.jpg);&quot;&gt;

&lt;div style=&quot;display:block; padding:30px 20px; letter-spacing:1px; background:var(--verify);&quot;&gt;
Select all squares containing
&lt;div style=&quot;font:600 200%/1 var(--font); text-shadow:-1px -1px #b9223d, 1px 1px #008a9d;&quot;&gt;
  Hikaru
&lt;/div&gt;
If there are none, click skip
&lt;/div&gt;

&lt;div style=&quot;display:grid; place-items:stretch; grid-template-areas:&amp;#39;pile&amp;#39;;&quot;&gt;

&lt;div style=&quot;z-index:1; grid-area:pile; display:block; aspect-ratio:1 !important; clip-path: polygon(0% 0%, 100% 0%, 100% 33.3%, 0% 33.3%, 0% 66.6%, 100% 66.6%, 100% 100%, 66.6% 100%, 66.6% 0%, 33.3% 0%, 33.3% 100%, 0% 100%); background:var(--image01) center no-repeat; background-size:cover;&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-area:pile; display:block; aspect-ratio:1 !important; background:var(--image02) center no-repeat; background-size:cover;&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;z-index:10; grid-area:pile; display:grid; grid-template-columns:1fr 2px 1fr 2px 1fr;&quot;&gt;
&lt;div style=&quot;grid-column:2; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-column:4; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;z-index:10; grid-area:pile; display:grid; grid-template-rows:1fr 2px 1fr 2px 1fr;&quot;&gt;
&lt;div style=&quot;grid-row:2; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-row:4; background:var(--bg);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;a href=&quot;&quot; style=&quot;align-self:flex-end; padding:15px 30px; text-decoration:none; color:var(--bg); background:var(--verify);&quot;&gt;
   SKIP
&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/6083.html#cutid1&quot;&gt;CLICK FOR INFO &amp; CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=6083&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/6083.html</comments>
  <category>*splash</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>2</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/5745.html</guid>
  <pubDate>Fri, 03 Oct 2025 14:49:52 GMT</pubDate>
  <title>CODE ✦ GRAND TRAD.</title>
  <link>https://lucavi.dreamwidth.org/5745.html</link>
  <description>

&lt;div style=&quot;display:grid; grid-auto-flow:column; grid-template-columns:minmax(20%, var(--imgSize)) auto; transform:skewX(-8deg);--imgURL: url(https://www.creativeuncut.com/gallery-46/art/mr-the-capital.jpg);--imgSize: 200px;--font: Georgia, Garamond, serif;--accentClr: #111;--textClr: #fff;&quot;&gt;
&lt;div style=&quot;align-self:start; padding:15px; border:1px solid var(--accentClr); border-radius:99rem;&quot;&gt;
  &lt;div style=&quot;width:100%; aspect-ratio:1 !important; background:var(--imgURL) center no-repeat; background-size:cover; border:1px solid var(--accentClr); border-radius:99rem; transform:skew(5deg);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;align-self:center; padding:15px 0;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-rows:auto 5px auto;&quot;&gt;
  &lt;div style=&quot;grid-column:1; grid-row:1/3; padding:0 0 10px 15px; font:small-caps 600 42px/0.8 var(--font); letter-spacing:-3px; color:var(--accentClr); border-bottom:1px solid var(--accentClr);&quot;&gt;
Grand Trad
  &lt;/div&gt;
  &lt;div style=&quot;grid-column:1; grid-row:2/-1; padding-left:25px; border-bottom:var(--accentClr);&quot;&gt;
    &lt;div style=&quot;padding:10px 15px; width:fit-content; font:14px/1.2 var(--font); color:var(--textClr); background:linear-gradient(to right, transparent 0%, var(--accentClr) 15% 85%, transparent 100%); transform:skew(-3deg);&quot;&gt;
Main Road
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;


&lt;div style=&quot;display:grid; grid-auto-flow:column; grid-template-columns:minmax(20%, var(--imgSize)) auto; transform:skewX(-8deg);--imgURL: url(https://www.creativeuncut.com/gallery-46/art/mr-the-capital.jpg);--imgSize: 125px;--font: Georgia, Garamond, serif;--accentClr: #111;--textClr: #eee;--textBG: #111;&quot;&gt;
&lt;div style=&quot;align-self:start; padding:15px; border:1px solid var(--accentClr); border-radius:99rem;&quot;&gt;
  &lt;div style=&quot;width:100%; aspect-ratio:1 !important; background:var(--imgURL) center no-repeat; background-size:cover; border:1px solid var(--accentClr); border-radius:99rem; transform:skew(5deg);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;align-self:center; padding:15px 0;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-rows:auto 5px auto;&quot;&gt;
  &lt;div style=&quot;grid-column:1; grid-row:1/3; padding:0 0 10px 15px; font:small-caps 600 42px/0.8 var(--font); letter-spacing:-3px; color:var(--accentClr); border-bottom:1px solid var(--accentClr);&quot;&gt;
Grand Trad
  &lt;/div&gt;
  &lt;div style=&quot;grid-column:1; grid-row:2/-1; padding-left:25px; border-bottom:var(--accentClr);&quot;&gt;
    &lt;div style=&quot;padding:10px 15px; width:fit-content; font:14px/1.2 var(--font); color:var(--subtitle); color:var(--textClr); background:var(--textBG); border:1px solid var(--accentClr); transform:skew(-3deg);&quot;&gt;
A short descriptive segment regarding the subject above.

    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;


&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/5745.html#cutid1&quot;&gt;CLICK FOR INFO &amp; CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=5745&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/5745.html</comments>
  <category>*codes</category>
  <category>*miscellaneous</category>
  <lj:security>public</lj:security>
  <lj:reply-count>1</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/5160.html</guid>
  <pubDate>Wed, 16 Oct 2024 13:27:50 GMT</pubDate>
  <title>CODE ✦ GLASS PHOTOFRAME.</title>
  <link>https://lucavi.dreamwidth.org/5160.html</link>
  <description>


&lt;div name=&quot;GLASSPHOTOFRAMES&quot; style=&quot;  --bgImg: url(&amp;#39;https://images.pexels.com/photos/13592447/pexels-photo-13592447.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;);  --mainImg: url(&amp;#39;https://i.redd.it/qygvhhb3y8l81.jpg&amp;#39;);  --dropShadow: rgba(0,0,0,0.5);  --linkColour: #eee;  --linkFont: Garamond, Georgia, serif;  --linkSize: 21px;  --linkAlignX: flex-start;  --linkAlignY: flex-end;&quot;&gt;
&lt;div style=&quot;display:block; margin:0 auto; width:100%; max-width:450px; background:#000 var(--bgImg) center no-repeat; background-size:cover; box-shadow:0 0 12px var(--dropShadow);&quot;&gt;
&lt;div style=&quot;padding:20px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);&quot;&gt;
&lt;div style=&quot;display:grid; width:100%; height:350px; background:transparent var(--mainImg) center no-repeat; background-size:cover; border:1px solid var(--dropShadow); box-shadow:0 0 12px var(--dropShadow); opacity:0.8;&quot;&gt;
  &lt;div style=&quot;place-self:var(--linkAlignY) var(--linkAlignX); display:flex; flex-flow:column nowrap; align-items:var(--linkAlignX); padding:15px; font:italic var(--linkSize)/1.25 var(--linkFont);&quot;&gt;

  
  &lt;a style=&quot;text-decoration:none; color:var(--linkColour);&quot; href=&quot;&quot;&gt;profile&lt;/a&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--linkColour);&quot; href=&quot;&quot;&gt;directory&lt;/a&gt;
  &lt;a style=&quot;text-decoration:none; color:var(--linkColour);&quot; href=&quot;&quot;&gt;how&apos;s my driving?&lt;/a&gt;
  
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;





&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/5160.html#cutid1&quot;&gt;CLICK FOR INFO &amp; CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=5160&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/5160.html</comments>
  <category>*frontnav</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>0</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/4639.html</guid>
  <pubDate>Fri, 19 Jan 2024 08:23:00 GMT</pubDate>
  <title>CODE ✦ DUALITY.</title>
  <link>https://lucavi.dreamwidth.org/4639.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;



&lt;div style=&quot;margin:0 auto; width:100%; max-width:500px; font-size:0; background:var(--theme); border:var(--border) solid var(--theme); border-radius:var(--radius);  --slant: 200px;  --gheight: 200px;  --border: 10px;  --radius: 8px;  --theme: #c4a980;  --imageOne:url(&amp;#39;https://pbs.twimg.com/media/FI9r7vPaAAMWfZb?format=jpg&amp;amp;name=medium&amp;#39;);  --imageTwo:url(&amp;#39;https://pbs.twimg.com/media/FI9r7vPaAAMWfZb?format=jpg&amp;amp;name=medium&amp;#39;);  --imageTextColour: #559eb5;  --addtextColour:#1d1d1d;  --addtextBg:rgba(355,355,355,0.75);&quot;&gt;

&lt;div style=&quot;display:grid; grid-template-columns:1fr var(--slant) 1fr; grid-template-rows:var(--gheight); background:var(--theme); border-radius:var(--radius);&quot;&gt;


&lt;div style=&quot;grid-column:1/3; grid-row:1; background:var(--imageOne) 15% 20% no-repeat; background-size:200%; clip-path:polygon(0 0, calc(100% - var(--border) * 0.75) 0, calc(100% - calc(var(--slant) + var(--border) * 0.75)) 100%, 0 100%); border-radius:var(--radius) 0 0 var(--radius);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-column:2/4; grid-row:1; background:var(--imageTwo) 70% 15% no-repeat; background-size:200%; clip-path:polygon(calc(var(--slant) + var(--border) * 0.75) 0, 100% 0, 100% 100%, calc(0px + var(--border) * 0.75) 100%); border-radius:0 var(--radius) var(--radius) 0;&quot;&gt;&lt;/div&gt;


&lt;div style=&quot;grid-column:1/-1; grid-row:1; place-self:center; padding:5px; font:600 18px/1.15 Georgia, serif; text-align:center; letter-spacing:2px; color:var(--imageTextColour); border-radius:var(--radius); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); z-index:1; cursor:default;&quot;&gt;
  &lt;div&gt;you know, you&apos;re&lt;br /&gt;my best friend&amp;mdash;&lt;/div&gt;
&lt;/div&gt;


&lt;/div&gt;
&lt;/div&gt;

&lt;br /&gt;

&lt;details style=&quot;margin:0 auto; width:100%; max-width:500px; font-size:0; background:var(--theme); border:var(--border) solid var(--theme); border-radius:var(--radius);  --slant: 200px;  --gheight: 200px;  --border: 10px;  --radius: 8px;  --theme: #8a7d73;  --imageOne:url(&amp;#39;https://24hryabookblog.files.wordpress.com/2019/03/witch-hat-atelier-by-kamome-shirahama-vol.-1.jpg&amp;#39;);  --imageTwo:url(&amp;#39;https://24hryabookblog.files.wordpress.com/2019/08/witch-hat-atelier-vol.-2.jpg&amp;#39;);  --imageTextColour: #eee;  --addtextColour:#1d1d1d;  --addtextBg:rgba(355,355,355,0.75);&quot;&gt;

&lt;summary&gt;
&lt;div style=&quot;display:grid; grid-template-columns:1fr var(--slant) 1fr; grid-template-rows:var(--gheight); background:var(--theme); border-radius:var(--radius);&quot;&gt;


&lt;div style=&quot;grid-column:1/3; grid-row:1; background:var(--imageOne) 22% 30% no-repeat; background-size:200%; clip-path:polygon(0 0, calc(100% - var(--border) * 0.75) 0, calc(100% - calc(var(--slant) + var(--border) * 0.75)) 100%, 0 100%); border-radius:var(--radius) 0 0 var(--radius);&quot;&gt;&lt;/div&gt;
&lt;div style=&quot;grid-column:2/4; grid-row:1; background:var(--imageTwo) 0% 16% no-repeat; background-size:200%; clip-path:polygon(calc(var(--slant) + var(--border) * 0.75) 0, 100% 0, 100% 100%, calc(0px + var(--border) * 0.75) 100%); border-radius:0 var(--radius) var(--radius) 0;&quot;&gt;&lt;/div&gt;


&lt;div style=&quot;grid-column:1/-1; grid-row:1; place-self:center; padding:5px; font:600 21px/1.15 Georgia, serif; text-align:center; letter-spacing:2px; color:var(--imageTextColour); border-radius:var(--radius); backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); z-index:1; cursor:default;&quot;&gt;
  &lt;div&gt;click me!&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;/summary&gt;


&lt;div style=&quot;margin-top:var(--border); padding:15px; font:12px/1.25 sans-serif; color:var(--addtextColour); background:var(--addtextBg); border-radius:var(--radius);&quot;&gt;
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;/div&gt;

&lt;/details&gt;





&lt;div style=&quot;padding:6px;&quot;&gt;&lt;/div&gt;

&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/4639.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=4639&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/4639.html</comments>
  <category>*miscellaneous</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>2</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/4589.html</guid>
  <pubDate>Thu, 14 Dec 2023 05:37:50 GMT</pubDate>
  <title>CODE ✦ ID CARD.</title>
  <link>https://lucavi.dreamwidth.org/4589.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;



&lt;div style=&quot;display:flex; justify-content:center;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:5px; width:100%; max-width:800px; font:15px/1.15 Arial, &amp;#39;Hiragino Kaku Gothic ProN&amp;#39;, &amp;#39;Roboto&amp;#39;, sans-serif;  --text: #eee;  --bg: #1d1d1d;  --theme: #ff3a43;  --glow: #c5d8d2;  --profileImg: url(&amp;#39;https://i.pinimg.com/736x/c4/34/3b/c4343b70bbc1cb33e926db8629260f5f.jpg&amp;#39;);&quot;&gt;

&lt;div style=&quot;display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; gap:0 25px;&quot;&gt;
  &lt;div style=&quot;flex:0 0 10%; padding:0 15px; border:5px solid var(--theme);&quot;&gt;&lt;/div&gt;
  &lt;div style=&quot;flex:0 0 40%; font:600 21px/1 Arial, &amp;#39;Hiragino Kaku Gothic ProN&amp;#39;, &amp;#39;Roboto&amp;#39;, sans-serif; text-align:center; letter-spacing:7px;&quot;&gt;PROFILE&lt;/div&gt;
  &lt;div style=&quot;flex:0 0 10%; padding:0 15px; border:5px solid var(--theme);&quot;&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;display:flex; flex-flow:row-reverse wrap; gap:15px 10px; padding:15px; color:var(--text); border:2px solid var(--theme); background:var(--bg);&quot;&gt;
  &lt;div style=&quot;flex:1; align-self:start; min-width:250px; aspect-ratio:1; border:3px solid var(--theme); background:transparent var(--profileImg) center no-repeat; background-size:cover;&quot;&gt;&lt;/div&gt;
  
  &lt;div style=&quot;flex:5; display:flex; flex-flow:column nowrap; gap:10px; --corner: 1px;&quot;&gt;
    &lt;div style=&quot;display:block; padding:10px; font-size:24px; font-weight:600; color:var(--bg); background:var(--theme);&quot;&gt;IDENTIFICATION CARD&lt;/div&gt;
    
    &lt;div style=&quot;flex:1 0 190px; display:grid; grid-template-columns:var(--corner) 8px auto 8px var(--corner); grid-template-rows:var(--corner) 8px auto 8px var(--corner); font:17px/1.15 monospace; overflow:auto;&quot;&gt;
    &lt;div style=&quot;grid-column:1/3; grid-row:1/3; background:var(--text);&quot;&gt;&lt;/div&gt;
    &lt;div style=&quot;grid-column:1/3; grid-row:-3/-1; background:var(--text);&quot;&gt;&lt;/div&gt;
    &lt;div style=&quot;grid-column:-3/-1; grid-row:1/3; background:var(--text);&quot;&gt;&lt;/div&gt;
    &lt;div style=&quot;grid-column:-3/-1; grid-row:-3/-1; background:var(--text);&quot;&gt;&lt;/div&gt;
    &lt;div style=&quot;grid-column:2/-2; grid-row:2/-2; padding:15px; background:var(--bg); overflow-y:auto;&quot;&gt;


Ex Machina is a 2014 science fiction psychological thriller film written and directed by Alex Garland in his directorial debut. A co-production between the United Kingdom and the United States, it stars Domhnall Gleeson, Alicia Vikander, and Oscar Isaac. It follows a programmer who is invited by his CEO to administer the Turing test to an intelligent humanoid robot.&lt;br /&gt;&lt;br /&gt;

The film premiered at the BFI Southbank on 16 December 2014, and was released in the United Kingdom on 21 January 2015, by Universal Pictures International, and in the United States on 10 April 2015, by A24. It grossed over $36.8 million worldwide against a $15 million budget. It received widespread critical acclaim, with praise for its visual effects, screenplay, and performances. At the 88th Academy Awards, the film won Best Visual Effects and Garland was nominated for Best Original Screenplay. It earned five nominations at the 69th British Academy Film Awards, including Best Actress in a Supporting Role for Vikander and Best Original Screenplay for Garland, and Vikander was also nominated for Best Supporting Actress at the 73rd Golden Globe Awards.

    &lt;/div&gt;
    &lt;/div&gt;
    
  &lt;/div&gt;
  
  &lt;details style=&quot;flex:100%;&quot;&gt;
    &lt;summary style=&quot;padding:5px 0; font-size:10px; text-align:right; letter-spacing:2px;&quot;&gt;//_fetch(additional.data);&lt;/summary&gt;

    
    &lt;div style=&quot;display:block; padding:15px; letter-spacing:1px; border:1px solid var(--glow); box-shadow:var(--shadow); --shadow:0 0 3px var(--glow), inset 0 0 3px var(--glow);&quot;&gt;
  Ex Machina is a 2014 science fiction psychological thriller film written and directed by Alex Garland in his directorial debut. A co-production between the United Kingdom and the United States, it stars Domhnall Gleeson, Alicia Vikander, and Oscar Isaac. It follows a programmer who is invited by his CEO to administer the Turing test to an intelligent humanoid robot.
  &lt;/div&gt;

  &lt;/details&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;





&lt;div style=&quot;padding:6px;&quot;&gt;&lt;/div&gt;

&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/4589.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=4589&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/4589.html</comments>
  <category>*codes</category>
  <category>*miscellaneous</category>
  <lj:security>public</lj:security>
  <lj:reply-count>3</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/4195.html</guid>
  <pubDate>Tue, 12 Dec 2023 15:44:07 GMT</pubDate>
  <title>CODE ✦ ASTRAL APP.</title>
  <link>https://lucavi.dreamwidth.org/4195.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;


&lt;center&gt;
&lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;header sidebar&amp;#39; &amp;#39;main sidebar&amp;#39;; grid-template-columns:auto 100px; grid-template-rows:min-content auto; max-width:460px;  --primary:#c4ab6f;  --secondary:#ccc;  --secondary2:#cccccc99;  --headericon:url(&amp;#39;https://pbs.twimg.com/profile_images/1677807514975387651/UivEYWPr_400x400.jpg&amp;#39;);  --bannerImg:url(&amp;#39;https://static.vecteezy.com/system/resources/previews/020/375/884/non_2x/black-and-gold-space-background-vector.jpg&amp;#39;);&quot;&gt;


&lt;div style=&quot;grid-area:header; font:600 18px/1.25 &amp;#39;OpenSans&amp;#39;, &amp;#39;Roboto&amp;#39;, Arial, sans-serif; text-align:left; background:var(--bannerImg) center no-repeat; background-size:cover; border-radius:12px 12px 0 0; overflow:hidden;&quot;&gt;
  &lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;icon name&amp;#39; &amp;#39;icon tagline&amp;#39;; grid-template-columns:min-content auto; grid-gap:0px 10px; padding:25px; background:linear-gradient(to right, #000 40%, transparent 100%);&quot;&gt;
  &lt;div style=&quot;grid-area:icon; width:75px; aspect-ratio:1; background:var(--headericon) center no-repeat; background-size:cover; border:2px solid var(--secondary); border-radius:99rem;&quot;&gt;&lt;/div&gt;
  &lt;div style=&quot;grid-area:name; align-self:flex-end; color:var(--secondary);&quot;&gt;
    Stelle
  &lt;/div&gt;
  &lt;div style=&quot;grid-area:tagline; align-self:flex-start; font-size:80%; color:var(--primary);&quot;&gt;
    Queen of the Trash Cans!
  &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;grid-area:sidebar; display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; gap:15px; padding:25px 15px; color:#eee; background:#1d1d1d; border-radius:12px;&quot;&gt;
  &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;✨&lt;/div&gt;
  &lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:10px; font:600 10px/1 &amp;#39;OpenSans&amp;#39;, &amp;#39;Roboto&amp;#39;, Arial, sans-serif;&quot;&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK01&lt;/a&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK02&lt;/a&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK03&lt;/a&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK04&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;grid-area:main; display:grid; grid-template-columns:repeat(auto-fill,75px); grid-auto-rows:75px; justify-content:center; grid-gap:10px; padding:15px; min-width:190px; font:600 12px/1 &amp;#39;Open Sans&amp;#39;, &amp;#39;Roboto&amp;#39;, &amp;#39;Trebuchet MS&amp;#39;, sans-serif; color:var(--secondary); background:#1d1d1d; border-radius:0 0 12px 12px;&quot;&gt;
  &lt;a style=&quot;grid-column:span 2; display:flex; flex-flow:row nowrap; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; text-align:left; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;flex:1;&quot;&gt;About&lt;/div&gt;
    &lt;div style=&quot;flex:1; font:45px/1 sans-serif; align-self:center; text-align:center;&quot;&gt;🌠&lt;/div&gt;
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none;border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;✅&lt;/div&gt;
    Info
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none;border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;✒️&lt;/div&gt;
    App
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;📩&lt;/div&gt;
    Inbox
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;🚂&lt;/div&gt;
    HMD?
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;🎵&lt;/div&gt;
    Tracklist
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;margin-bottom:5px; font:35px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

&lt;/div&gt;


&lt;/div&gt;
&lt;/center&gt;

&lt;details style=&quot;margin:20px auto 0; text-align:center;&quot;&gt;&lt;summary style=&quot;font-weight:600;&quot;&gt;SEE LARGER/WIDER VERSION:&lt;/summary&gt;
&lt;center&gt;
&lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;header sidebar&amp;#39; &amp;#39;main sidebar&amp;#39;; grid-template-columns:auto 100px; grid-template-rows:min-content auto; max-width:560px;  --primary:#c4ab6f;  --secondary:#ccc;  --secondary2:#cccccc99;  --headericon:url(&amp;#39;https://pbs.twimg.com/profile_images/1677807514975387651/UivEYWPr_400x400.jpg&amp;#39;);  --banner:url(&amp;#39;https://static.vecteezy.com/system/resources/previews/020/375/884/non_2x/black-and-gold-space-background-vector.jpg&amp;#39;);&quot;&gt;


&lt;div style=&quot;grid-area:header; font:600 18px/1.25 &amp;#39;OpenSans&amp;#39;, &amp;#39;Roboto&amp;#39;, Arial, sans-serif; text-align:left; background:var(--banner) center no-repeat; background-size:cover; border-radius:12px 12px 0 0; overflow:hidden;&quot;&gt;
  &lt;div style=&quot;display:grid; grid-template-areas:&amp;#39;icon name&amp;#39; &amp;#39;icon tagline&amp;#39;; grid-template-columns:min-content auto; grid-gap:0px 10px; padding:25px; background:linear-gradient(to right, #000 40%, transparent 100%);&quot;&gt;
  &lt;div style=&quot;grid-area:icon; width:75px; aspect-ratio:1; background:var(--headericon) center no-repeat; background-size:cover; border:2px solid var(--secondary); border-radius:99rem;&quot;&gt;&lt;/div&gt;
  &lt;div style=&quot;grid-area:name; align-self:flex-end; color:var(--secondary);&quot;&gt;
    Trailblazer&amp;mdash;
  &lt;/div&gt;
  &lt;div style=&quot;grid-area:tagline; align-self:flex-start; font-size:80%; color:var(--primary);&quot;&gt;
    welcome to the &lt;i&gt;astral express&lt;/i&gt;.
  &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;grid-area:sidebar; display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; gap:15px; padding:25px 15px; color:#eee; background:#1d1d1d; border-radius:12px;&quot;&gt;
  &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;✨&lt;/div&gt;
  &lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:10px; font:600 10px/1 &amp;#39;OpenSans&amp;#39;, &amp;#39;Roboto&amp;#39;, Arial, sans-serif;&quot;&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK01&lt;/a&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK02&lt;/a&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK03&lt;/a&gt;
    &lt;a style=&quot;text-decoration:none; color:var(--secondary);&quot; href=&quot;&quot;&gt;LINK04&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;grid-area:main; display:grid; grid-template-columns:repeat(auto-fill,100px); grid-auto-rows:100px; justify-content:center; grid-gap:10px; padding:15px; min-width:190px; font:600 14px/1 &amp;#39;Open Sans&amp;#39;, &amp;#39;Roboto&amp;#39;, &amp;#39;Trebuchet MS&amp;#39;, sans-serif; color:var(--secondary); background:#1d1d1d; border-radius:0 0 12px 12px;&quot;&gt;
  &lt;a style=&quot;grid-column:span 2; display:flex; flex-flow:row nowrap; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; text-align:left; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;flex:1;&quot;&gt;Game Info&lt;/div&gt;
    &lt;div style=&quot;flex:1; font:65px/1 sans-serif; align-self:center; text-align:center;&quot;&gt;🌠&lt;/div&gt;
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none;border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;📒&lt;/div&gt;
    Reserves
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none;border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;✒️&lt;/div&gt;
    Apps
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;👤&lt;/div&gt;
    Status
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;📱&lt;/div&gt;
    Profiles
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;📍&lt;/div&gt;
    Locations
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

  &lt;a style=&quot;display:grid; align-items:flex-end; padding:10px; color:var(--secondary); text-decoration:none; border:1px solid var(--secondary2);&quot; href=&quot;&quot;&gt;
    &lt;div style=&quot;font:50px/1 sans-serif;&quot;&gt;⭐&lt;/div&gt;
    Link
  &lt;/a&gt;

&lt;/div&gt;


&lt;/div&gt;
&lt;/center&gt;
&lt;/details&gt;




&lt;div style=&quot;padding:6px;&quot;&gt;&lt;/div&gt;

&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/4195.html#cutid1&quot;&gt;click for code.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=4195&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/4195.html</comments>
  <category>*codes</category>
  <category>*frontnav</category>
  <lj:security>public</lj:security>
  <lj:reply-count>0</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/3941.html</guid>
  <pubDate>Tue, 12 Sep 2023 07:47:01 GMT</pubDate>
  <title>CODE ✦ GATEWAY.</title>
  <link>https://lucavi.dreamwidth.org/3941.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;



&lt;div style=&quot;display:grid; place-items:center;  --linktext: hotpink;  --light: #efefef;  --dark: #333;  --border: 2px;  --bg: url(&amp;#39;https://w0.peakpx.com/wallpaper/690/90/HD-wallpaper-gltch-credit-kani117-aesthetic-glitch.jpg&amp;#39;);  --imgH: auto;&quot;&gt; 

&lt;div style=&quot;display:grid; grid-template-rows:20px var(--imgH) 20px; grid-template-columns:minmax(150px, 250px) 20px auto; font:14px/1.5 monospace; letter-spacing:2px;&quot;&gt;

  &lt;div style=&quot;grid-row:1/-1; grid-column:1/3; background:var(--dark) var(--bg) center no-repeat; background-size:cover; border:var(--border) solid var(--linktext);&quot;&gt;&lt;/div&gt;

  &lt;div style=&quot;grid-row:2; grid-column:2/-1; display:flex; flex-flow:column nowrap; gap:5px; align-items:flex-start; justify-content:center; width:fit-content;&quot;&gt;
    &lt;div style=&quot;background:var(--dark); border-top:var(--border) solid var(--linktext); padding:5px 20px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background:var(--dark); border-top:var(--border) solid var(--linktext); padding:10px 40px;&quot;&gt;&lt;/div&gt;

    &lt;a style=&quot;color:var(--linktext); text-decoration:none; background:var(--light); padding:5px 10px;&quot; href=&quot;&quot;&gt;
      OPEN POST
    &lt;/a&gt;
    &lt;a style=&quot;color:var(--linktext); text-decoration:none; background:var(--light); padding:5px 10px;&quot; href=&quot;&quot;&gt;
      PERMISSIONS
    &lt;/a&gt;
    &lt;a style=&quot;color:var(--linktext); text-decoration:none; background:var(--light); padding:5px 10px;&quot; href=&quot;&quot;&gt;
      HMD?
    &lt;/a&gt;

    &lt;div style=&quot;background:var(--dark); border-bottom:var(--border) solid var(--linktext); padding:5px 60px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background:var(--dark); border-bottom:var(--border) solid var(--linktext); padding:3px 30px;&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;

&lt;/div&gt;
&lt;/div&gt;





&lt;div style=&quot;padding:6px;&quot;&gt;&lt;/div&gt;

&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/3941.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=3941&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/3941.html</comments>
  <category>*frontnav</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>1</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/3165.html</guid>
  <pubDate>Mon, 27 Feb 2023 11:28:22 GMT</pubDate>
  <title>CODE ✦ WINDOWS.</title>
  <link>https://lucavi.dreamwidth.org/3165.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;


&lt;div style=&quot;display:flex; justify-content:center;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-columns:10% 1fr 10%; grid-template-rows:200px 100px auto; gap:3px; width:100%; max-width:800px; font:600 16px/1.25 &amp;#39;MS Gothic&amp;#39;, monospace;&quot;&gt;

&lt;div style=&quot;grid-column:1/-1; grid-row:1/3; display:grid; align-items:stretch; background:#ddd;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:3px; width:100%; padding:3px; border:3px outset #fff; box-sizing:border-box;&quot;&gt;
  &lt;div style=&quot;display:flex; justify-content:space-between; align-items:center; gap:10px; padding:5px 5px 5px 10px; color:#fff; cursor:default;    background:#333;     background:linear-gradient(45deg, #132235, #d593b8);&quot;&gt;
    

    
    &lt;span&gt;what happened to the soul &amp;mdash;&lt;/span&gt;

    &lt;div style=&quot;align-self:start; display:flex; gap:3px; font:16px/1 &amp;#39;MS Gothic&amp;#39;, monospace; text-align:center; color:#333; cursor:pointer;&quot;&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#8801;&lt;/div&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10065;&lt;/div&gt; &lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10005;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;flex:1; border:3px inset #ddd; background:transparent url(&amp;#39;https://images.pexels.com/photos/6039245/pexels-photo-6039245.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) center no-repeat; background-size:cover;&quot;&gt;
  
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;



&lt;div style=&quot;align-self:baseline; grid-column:2; grid-row:2/-1; background:#ddd;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:3px; width:100%; padding:3px; border:3px outset #fff; box-sizing:border-box;&quot;&gt;
  &lt;div style=&quot;display:flex; justify-content:space-between; align-items:center; gap:10px; padding:5px 5px 5px 10px; color:#fff; cursor:default;    background:#333;     background:linear-gradient(45deg, #132235, #d593b8);&quot;&gt;
    

    
    &lt;span&gt;&amp;mdash; that you used to be?&lt;/span&gt;

    &lt;div style=&quot;align-self:start; display:flex; gap:3px; font:600 16px/1 &amp;#39;Ms Gothic&amp;#39;, monospace; text-align:center; color:#333; cursor:pointer;&quot;&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#8801;&lt;/div&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10065;&lt;/div&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10005;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;padding:25px 15px; font-size:14px; font-weight:300; text-align:center; color:#333;&quot;&gt;

  
    &lt;div style=&quot;font-size:clamp(18px,4.5vw,24px); font-weight:600;&quot;&gt;
       MY GHOST &amp;mdash;
    &lt;/div&gt;
    &lt;div style=&quot;font-size:clamp(24px,4.5vw,35px); font-weight:600;&quot;&gt;
      WHERE&apos;D YOU GO?
    &lt;/div&gt;

    &lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:center; gap:10px; padding-top:25px;&quot;&gt;
    &lt;a href=&quot;LINKHERE&quot;&gt;INBOX&lt;/a&gt;
    &lt;a href=&quot;LINKHERE&quot;&gt;LINK&lt;/a&gt;
    &lt;a href=&quot;LINKHERE&quot;&gt;LINK&lt;/a&gt;
    &lt;a href=&quot;LINKHERE&quot;&gt;LINK&lt;/a&gt;
    
    &lt;/div&gt;
  

  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;div style=&quot;display:flex; justify-content:center; padding:25px 0 25px;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-columns:1fr 100px 1fr; grid-template-rows:100px auto 100px; gap:3px; width:100%; max-width:800px; font:600 16px/1.25 &amp;#39;MS Gothic&amp;#39;, monospace;&quot;&gt;

&lt;div style=&quot;grid-column:1/3; grid-row:1/-1; display:grid; align-items:stretch; background:#ddd;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:3px; width:100%; padding:3px; border:3px outset #fff; box-sizing:border-box;&quot;&gt;
  &lt;div style=&quot;display:flex; justify-content:space-between; align-items:center; gap:10px; padding:5px 5px 5px 10px; color:#fff; cursor:default;    background:#333;     background:linear-gradient(45deg, #4952ac, #59b59b);&quot;&gt;
    

    
    &lt;span&gt;not mere potential &amp;mdash;&lt;/span&gt;

    &lt;div style=&quot;align-self:start; display:flex; gap:3px; text-align:center; color:#333; cursor:pointer; font:16px/1 &amp;#39;Ms Gothic&amp;#39;, monospace;&quot;&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#8801;&lt;/div&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10065;&lt;/div&gt; &lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10005;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;flex:1; border:3px inset #ddd; background:transparent url(&amp;#39;https://images.pexels.com/photos/3826328/pexels-photo-3826328.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) center no-repeat; background-size:cover;&quot;&gt;
  
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;



&lt;div style=&quot;align-self:baseline; grid-column:2/-1; grid-row:2; background:#ddd;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; gap:3px; width:100%; padding:3px; border:3px outset #fff; box-sizing:border-box;&quot;&gt;
  &lt;div style=&quot;display:flex; justify-content:space-between; align-items:center; gap:10px; padding:5px 5px 5px 10px; color:#fff; cursor:default;    background:#333;     background:linear-gradient(45deg, #4952ac, #59b59b);&quot;&gt;
    

    
    &lt;span&gt;&amp;mdash; but rather, a promise.&lt;/span&gt;

    &lt;div style=&quot;align-self:start; display:flex; gap:3px; text-align:center; color:#333; cursor:pointer; font:16px/1 &amp;#39;Ms Gothic&amp;#39;, monospace;&quot;&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#8801;&lt;/div&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10065;&lt;/div&gt;&lt;div style=&quot;align-self:center; width:20px; aspect-ratio:1; background:#ddd; border:2px outset #fff;&quot;&gt;&amp;#10005;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;padding:25px 15px; font-size:14px; font-weight:300; text-align:center; color:#333;&quot;&gt;

  
    &lt;div style=&quot;font-size:clamp(18px,4.5vw,24px); font-weight:600;&quot;&gt;
       don&apos;t look behind you &amp;mdash;
    &lt;/div&gt;
    &lt;div style=&quot;font-size:clamp(24px,4.5vw,35px); font-weight:600;&quot;&gt;
      NO FEARS TO FALL TO.
    &lt;/div&gt;

    &lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:center; gap:10px; padding-top:25px;&quot;&gt;
      &lt;a href=&quot;✦&quot;&gt;INBOX&lt;/a&gt;
      &lt;a href=&quot;✦&quot;&gt;LINK&lt;/a&gt;
      &lt;a href=&quot;✦&quot;&gt;LINK&lt;/a&gt;
      &lt;a href=&quot;✦&quot;&gt;LINK&lt;/a&gt;
    &lt;/div&gt;
  
  
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;




&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/3165.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=3165&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/3165.html</comments>
  <category>*frontnav</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>17</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/3051.html</guid>
  <pubDate>Wed, 22 Feb 2023 04:55:14 GMT</pubDate>
  <title>CODE ✦ DREAMWIDTH NITRO.</title>
  <link>https://lucavi.dreamwidth.org/3051.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;


&lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:center; align-items:start; gap:10px;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; width:100%; max-width:350px; padding:5px; font:14px/1.25 &amp;#39;Hiragino Kaku Gothic ProN&amp;#39;, &amp;#39;Source Sans Pro&amp;#39;, Tahoma, sans-serif; color:#fff; border-radius:16px; background:linear-gradient(to bottom, cyan, hotpink); overflow:hidden;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:80px 50px 1fr 1fr; background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.8)); border-radius:11px; overflow:hidden;&quot;&gt;

  
  &lt;div style=&quot;grid-column:1/10; grid-row:1/3; background:transparent url(&amp;#39;https://images.pexels.com/photos/924824/pexels-photo-924824.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;
  
  
  &lt;div style=&quot;grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;&quot;&gt;
    &lt;div style=&quot;padding:15px; background:rgba(0,0,0,0.3); border-radius:11px; font-size:12px;&quot;&gt;
      &lt;div style=&quot;font-size:21px; font-weight:600;&quot;&gt;
        for $8000 a month
      &lt;/div&gt;
      &lt;div style=&quot;font-size:13px; opacity:0.75;&quot;&gt;
        dickkickem#0000
      &lt;/div&gt;

      &lt;hr style=&quot;border-top:1px solid rgba(355,355,355,0.3);&quot; /&gt;
      &lt;div style=&quot;font-weight:600; text-transform:uppercase;&quot;&gt;ABOUT ME&lt;/div&gt;
      &lt;p style=&quot;opacity:0.75;&quot;&gt;made too many jokes about being sexy and cool n accidentally developed an ego&lt;/p&gt;

      &lt;div style=&quot;font-weight:600; text-transform:uppercase;&quot;&gt;NOTE&lt;/div&gt;
      &lt;p style=&quot;opacity:0.75;&quot;&gt;*wii music noise*&lt;/p&gt;

      &lt;div style=&quot;padding:10px; border:1px solid rgba(355,355,355,0.3); border-radius:4px; opacity:0.75;&quot;&gt;Message @dickkickem&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div style=&quot;align-self:auto; grid-column:2; grid-row:2; aspect-ratio:1; width:100px; background:transparent url(&amp;#39;https://images.pexels.com/photos/6507483/pexels-photo-6507483.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) center no-repeat; background-size:cover; border-radius:99rem; box-shadow:0 0 6px rgba(0,0,0);&quot;&gt;&lt;/div&gt;
  
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; width:100%; max-width:350px; padding:5px; font:14px/1.25 &amp;#39;Hiragino Kaku Gothic ProN&amp;#39;, &amp;#39;Source Sans Pro&amp;#39;, Tahoma, sans-serif; color:#333; border-radius:16px; background:linear-gradient(to bottom, pink, lavender); overflow:hidden;&quot;&gt;
&lt;div style=&quot;display:grid; grid-template-columns:5% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5%; grid-template-rows:74px 56px 1fr 1fr; background:linear-gradient(to bottom, rgba(355,355,355,0.6), rgba(355,355,355,0.8)); border-radius:11px; overflow:hidden;&quot;&gt;

  
  &lt;div style=&quot;grid-column:1/10; grid-row:1/3; background:transparent url(&amp;#39;https://images.pexels.com/photos/1403550/pexels-photo-1403550.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;
  
  
  &lt;div style=&quot;grid-column:1/10; grid-row:3/5; padding:70px 5% 15px;&quot;&gt;
    &lt;div style=&quot;padding:15px; background:rgba(355,355,355,0.5); border-radius:11px; font-size:12px;&quot;&gt;
      &lt;div style=&quot;font-size:21px; font-weight:600;&quot;&gt;
        cloud nine
      &lt;/div&gt;
      &lt;div style=&quot;font-size:13px; opacity:0.75;&quot;&gt;
        pastels#0000
      &lt;/div&gt;

      &lt;hr style=&quot;border-top:1px solid rgba(0,0,0,0.3);&quot; /&gt;
      &lt;div style=&quot;font-weight:600; text-transform:uppercase;&quot;&gt;ABOUT ME&lt;/div&gt;
      &lt;p style=&quot;opacity:0.75;&quot;&gt;i am too soft for this world but i&apos;m only saying that because it hurts my hand to open water bottles&lt;/p&gt;

      &lt;div style=&quot;font-weight:600; text-transform:uppercase;&quot;&gt;NOTE&lt;/div&gt;
      &lt;p style=&quot;opacity:0.75;&quot;&gt;&lt;/p&gt;

      &lt;div style=&quot;padding:10px; border:1px solid rgba(0,0,0,0.3); border-radius:4px; opacity:0.75;&quot;&gt;Message @pastels&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div style=&quot;align-self:auto; grid-column:2; grid-row:2;&quot;&gt;
    &lt;img src=&quot;https://images.pexels.com/photos/4992382/pexels-photo-4992382.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&quot; style=&quot;aspect-ratio:1; object-fit:cover; width:112px; border:6px solid rgba(355,355,355,0.75); border-radius:99rem;&quot; /&gt;
  &lt;/div&gt;
  

&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;





&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/3051.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=3051&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/3051.html</comments>
  <category>*codes</category>
  <category>*miscellaneous</category>
  <lj:security>public</lj:security>
  <lj:reply-count>2</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/2073.html</guid>
  <pubDate>Fri, 30 Dec 2022 12:45:07 GMT</pubDate>
  <title>CODE ✦ NEWS SPLASH.</title>
  <link>https://lucavi.dreamwidth.org/2073.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;



&lt;div style=&quot;display:flex; justify-content:center; padding:7px 0;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:row nowrap; width:100%; max-width:450px; margin:0 auto; text-align:justify;&quot;&gt;

&lt;div class=&quot;HORIZONTAL-TEXT&quot; style=&quot;display:block; min-width:55px;&quot;&gt;
&lt;span style=&quot;display:block; font:600 italic 42px/1.25 Georgia, serif; letter-spacing:2px; writing-mode:tb-rl; transform:rotate(180deg);&quot;&gt;
  THE SUN ALSO RISES
&lt;/span&gt;
&lt;/div&gt;

&lt;div class=&quot;PROFILE-SECTION&quot; style=&quot;width:calc(100% - 55px);&quot;&gt;
  &lt;div style=&quot;display:block; margin-bottom:10px; height:300px; background:#333 url(&amp;#39;https://images.pexels.com/photos/2167395/pexels-photo-2167395.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) 55% center no-repeat; background-size:200%;    filter: grayscale(1) contrast(2) brightness(0.8);&quot;&gt;&lt;/div&gt;

  &lt;div style=&quot;float:left; padding-right:5px; font:600 35px/1 Georgia, serif;&quot;&gt;
    C
  &lt;/div&gt;
  &lt;p&gt;ontrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of &quot;de Finibus Bonorum et Malorum&quot; (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, &quot;Lorem ipsum dolor sit amet..&quot;, comes from a line in section 1.10.32.&lt;/p&gt;

  &lt;div style=&quot;display:flex; justify-content:center; gap:10px; font:normal 14px/1.25 Georgia, serif;&quot;&gt;
    &lt;a href=&quot;&quot;&gt;INBOX&lt;/a&gt; ✦
    &lt;a href=&quot;&quot;&gt;LINK&lt;/a&gt; ✦
    &lt;a href=&quot;&quot;&gt;LINK&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;/div&gt;



&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/2073.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=2073&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/2073.html</comments>
  <category>*codes</category>
  <category>*frontnav</category>
  <lj:security>public</lj:security>
  <lj:reply-count>4</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/1804.html</guid>
  <pubDate>Thu, 08 Dec 2022 15:27:42 GMT</pubDate>
  <title>CODE ✦ XIV QUEST.</title>
  <link>https://lucavi.dreamwidth.org/1804.html</link>
  <description>&lt;div style=&quot;display:flex; justify-content:center;&quot;&gt;
&lt;div style=&quot;width:100%; max-width:450px; background:#ddd7cb; background:linear-gradient(to bottom, rgba(225,219,208,1) 0%, rgba(230,222,212,1) 100%);&quot;&gt;
&lt;div style=&quot;box-sizing:border-box; display:block; width:100%; padding:0 15px; font:normal 16px/1.25 &amp;#39;Trebuchet MS&amp;#39;, sans-serif; background:#ddd7cb; background:linear-gradient(to bottom, rgba(225,219,208,1) 0%, rgba(230,222,212,1) 100%); border-radius:2px; box-shadow:0 0 2px #000;  background:  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/2/20/Questleftupcorner2a.png&amp;#39;) no-repeat top left,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/1/19/Questrightupcorner2a.png&amp;#39;) no-repeat top right,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/3/39/Questleftdowncorner2a.png&amp;#39;) no-repeat bottom left,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/4/41/Questrightdowncorner2a.png&amp;#39;) no-repeat bottom right,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/1/1c/Questtopborder.png&amp;#39;) repeat-x top,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/0/09/Questbottomborder3a.png&amp;#39;) repeat-x bottom,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/1/17/Questleftborder2b.png&amp;#39;) repeat-y left,  url(&amp;#39;https://ffxiv.gamerescape.com/w/images/3/35/Questrightborder3h.png&amp;#39;) repeat-y right;  background-size: 100px auto, 100px auto, 100px auto, 100px auto, auto, auto 8px, 8px 100%, 8px 100%;&quot;&gt;
  &lt;div style=&quot;display:flex; justify-content:space-between; padding:20px 10px 10px; border-bottom:1px solid #b1b1b1;&quot;&gt;

  
  &lt;div style=&quot;display:flex; justify-content:center; align-items:center; align-self:start; padding:5px; width:36px; aspect-ratio:1; font:normal 21px/1.0 &amp;#39;Arial Narrow&amp;#39;, sans-serif; color:#fff; background:#232323; text-shadow:0 0 2px #000, 0 0 2px #000; border-radius:99rem; white-space:nowrap;&quot;&gt;
    Lv90
  &lt;/div&gt;
  &lt;span style=&quot;align-self:center; padding:0 5px; font-size:clamp(21px,3.5vw,24px); color:#333; text-align:center;&quot;&gt;
    Endwalker
  &lt;/span&gt;
  &lt;div style=&quot;width:36px;&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div style=&quot;padding:15px; text-align:initial; border-top:1px solid #f0ece2; border-bottom:1px solid #b1b1b1;&quot;&gt;
  
  
  &lt;div style=&quot;padding:50px; background:#333 url(&amp;#39;https://www.nme.com/wp-content/uploads/2021/05/Final-Fantasy-XIV-Endwalker@2000x1270.jpg&amp;#39;) no-repeat center 35%; background-size:cover; box-shadow:0 0 3px #000;&quot;&gt;&lt;/div&gt;

  
  &lt;span style=&quot;display:flex; gap:5px; align-items:center; padding:15px 0 5px; color:#fff; text-shadow:0 0 1px #000,0 0 2px #000,0 0 2px #000;&quot;&gt;&lt;img src=&quot;https://img.finalfantasyxiv.com/lds/h/7/0N4sUHgq12tDPko51qoKRw_pHs.png&quot; style=&quot;display:inline; width:15px; padding:2px; background:#333; border-radius:99rem;&quot;&gt;Reward&lt;/span&gt;
  &lt;div style=&quot;display:flex; flex-flow:row wrap; gap: 3px 10px; margin-left:20px; padding:10px 10px 5px; line-height:1; background: rgb(100,99,96); background: linear-gradient(to bottom, rgba(100,99,96,1) 0%, rgba(138,137,134,1) 60%, rgba(100,99,96,1) 100%); border:1px solid #646360; border-radius:3px; box-shadow:inset 0 0 3px #333;&quot;&gt;
    
    &lt;div name=&quot;EXP&quot; style=&quot;display:flex; background:linear-gradient(to top, #33333380 0%, #33333380 20%, #00000000 21%, #00000000 100%);&quot;&gt;
      &lt;img src=&quot;https://img.finalfantasyxiv.com/lds/h/8/GShCUkaKnehhJU3Ox2t4wFSFc4.png&quot; style=&quot;align-self:end; width:32px; aspect-ratio:1;&quot; /&gt;&lt;span style=&quot;align-self:end; font-family:Arial Narrow,sans-serif; font-size:clamp(18px,3.5vw,24px); color:#fff; text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000;&quot;&gt;
        190575
      &lt;/span&gt;
    &lt;/div&gt;
    
    &lt;div name=&quot;GIL&quot; style=&quot;display:flex; background:linear-gradient(to top, #33333380 0%, #33333380 20%, #00000000 21%, #00000000 100%);&quot;&gt;
      &lt;img src=&quot;https://img.finalfantasyxiv.com/lds/h/-/wGkGRitbxJJGDRYYLmwkaNtXRs.png&quot; style=&quot;align-self:end; width:32px; aspect-ratio:1;&quot; /&gt;  &lt;span style=&quot;align-self:end;font-family:Arial Narrow,sans-serif; font-size:clamp(18px,3.5vw,24px); color:#fff; text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000;&quot;&gt;
        1000
      &lt;/span&gt;
    &lt;/div&gt;

  &lt;/div&gt;
  
  &lt;span style=&quot;display:flex; gap:5px; align-items:center; padding:15px 0 7px; color:#fefefe; letter-spacing: 0.02em; text-shadow:0 0 1px #000,0 0 2px #000, 0 0 2px #000;&quot;&gt;&lt;img src=&quot;https://img.finalfantasyxiv.com/lds/h/8/V4ridy64VKVMvz_RAjvpmcfLsI.png&quot; style=&quot;display:inline; width:15px; padding:2px; background:#333; border-radius:99rem;&quot;&gt;Description&lt;/span&gt;
  &lt;span style=&quot;display:block; margin-left:20px; color:#333;&quot;&gt;
    Heart of ember, autumntide &amp;mdash; &lt;br /&gt;cooling swiftly in fading light.
  &lt;/span&gt;
&lt;/div&gt;


&lt;div style=&quot;display:flex; flex-flow:row nowrap; justify-content:space-around; padding:15px 15px 20px; font-size:12px; border-top:1px solid #f0ece2;&quot;&gt;
  &lt;a style=&quot;text-decoration:none; width:40%; padding:2px; color:#fff; text-align:center; background:#2b2b2b; background:linear-gradient(to bottom, rgba(62,62,62,1) 0%, rgba(62,62,62,1) 48%, rgba(43,43,43,1) 52%, rgba(43,43,43,1) 100%);border-radius:99rem;box-shadow:0 0 2px #000;&quot; href=&quot;LINKHERE&quot;&gt;Accept&lt;/a&gt;

  &lt;a style=&quot;text-decoration:none; width:40%; padding:2px; color:#fff; text-align:center; background:#2b2b2b; background:linear-gradient(to bottom, rgba(62,62,62,1) 0%, rgba(62,62,62,1) 48%, rgba(43,43,43,1) 52%, rgba(43,43,43,1) 100%);border-radius:99rem;box-shadow:0 0 2px #000;&quot; href=&quot;LINKHERE&quot;&gt;Decline&lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;


&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/1804.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=1804&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/1804.html</comments>
  <category>*codes</category>
  <category>*miscellaneous</category>
  <lj:security>public</lj:security>
  <lj:reply-count>1</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/1670.html</guid>
  <pubDate>Thu, 08 Dec 2022 11:23:57 GMT</pubDate>
  <title>CODE ✦ LEGACY [UPDATED APR23].</title>
  <link>https://lucavi.dreamwidth.org/1670.html</link>
  <description>
&lt;div style=&quot;width:100%; max-width:800px; margin:0 auto; padding:15px; font:13px/1.5 sans-serif;&quot;&gt;



&lt;div style=&quot;display:flex; justify-content:center; padding:5px 0;  --colour--Primary: #75cad7;  --text--Main: #efefef;  --text--Glow: #fff;  --navlink--Background: #000000b3;  --box--Background: #1d1d1d;  --warning--Text: #1d1d1d;  --warning--Background: #ffd900;&quot;&gt;

&lt;div style=&quot;display:flex; justify-content:center; width:100%; max-width:850px; padding:10px 5px; font:normal 14px/1.25 &amp;#39;Andale Mono&amp;#39;, &amp;#39;Lucida&amp;#39;, monospace; letter-spacing:0.01rem; color:var(--text--Main); background:var(--box--Background); border:3px solid var(--colour--Primary); border-radius:5px; box-shadow:0 0 3px var(--colour--Primary);&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:column nowrap; justify-content:center; gap:15px; width:100%; padding:10px; border:2px solid var(--colour--Primary); border-radius:5px; box-shadow: 0 0 3px var(--text--Glow);&quot;&gt;

&lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:space-between; gap:0 10px; width:100%; margin-bottom:5px; padding:0 0 5px; font-size:clamp(18px,2.5vw,24px); font-weight:600; color:var(--colour--Primary); border-bottom:2px solid var(--colour--Primary); text-shadow:0 0 2px var(--text--Glow);&quot;&gt;
  &lt;div&gt;ENCOM GLOBALISATION&lt;/div&gt;
  &lt;div&gt;ET2-506B&lt;/div&gt;
&lt;/div&gt;







&lt;div style=&quot;display:flex; flex-flow:row wrap; gap:10px; padding:10px;&quot;&gt;
  &lt;div name=&quot;LEFTSIDE&quot; style=&quot;display:flex; flex-flow:column nowrap; gap:10px; flex:1 150px; align-self:start;&quot;&gt;
    &lt;div style=&quot;display:inline-block; width:fit-content; padding:5px 10px; font-size:125%; font-weight:600; color:var(--warning--Text); background:var(--warning--Background);&quot;&gt;ENCRYPTED FILE&lt;/div&gt;
    &lt;div style=&quot;width:100%; aspect-ratio:1; border:2px solid var(--colour--Primary);                background:transparent url(&amp;#39;https://cryptologos.cc/logos/tron-trx-logo.png&amp;#39;) no-repeat center; background-size:75%;&quot;&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div name=&quot;RIGHTSIDE&quot; style=&quot;display:flex; flex-flow:column nowrap; gap:10px; flex:3 0 250px; align-self:start;&quot;&gt;
    &lt;h3 style=&quot;margin:0 0 3px; padding-bottom:5px; font:600 150%/1.1 &amp;#39;Andale Mono&amp;#39;, monospace; color:var(--colour--Primary); text-align:initial; text-transform:uppercase; border-bottom:2px dotted var(--colour--Primary);&quot;&gt;
      Handbook of Robotics, 56th E. — 2058 A.D.
    &lt;/h3&gt;
    &lt;p&gt;I, Robot is a fixup (compilation) novel of science fiction short stories or essays by American writer Isaac Asimov. The stories originally appeared in the American magazines Super Science Stories and Astounding Science Fiction between 1940 and 1950 and were then compiled into a book for stand-alone (single issue / special edition) publication by Gnome Press in 1950, in an initial edition of 5,000 copies. The stories are woven together by a framing narrative in which the fictional Dr. Susan Calvin tells each story to a reporter (who serves as the narrator) in the 21st century. Although the stories can be read separately, they share a theme of the interaction of humans, robots, and morality, and when combined they tell a larger story of Asimov&apos;s fictional history of robotics.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;div&gt;
  &lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:space-between; gap:0 10px; padding:5px; font-weight:600; border-top:2px solid var(--colour--Primary); border-bottom:2px solid var(--colour--Primary);&quot;&gt;
    &lt;div&gt;THIS IS A SECTION TITLE.&lt;/div&gt;
    &lt;div style=&quot;align-self:center; font-size:85%; color:var(--colour--Primary);&quot;&gt;SYS | ADM&lt;/div&gt;
  &lt;/div&gt;
  &lt;div name=&quot;PLAINTEXT_SEGMENT&quot; style=&quot;padding:10px 0 0;&quot;&gt;
  &lt;p&gt;Several of the stories feature the character of Dr. Calvin, chief robopsychologist at U.S. Robots and Mechanical Men, Inc., the major manufacturer of robots. Upon their publication in this collection, Asimov wrote a framing sequence presenting the stories as Calvin&apos;s reminiscences during an interview with her about her life&apos;s work, chiefly concerned with aberrant behaviour of robots and the use of &quot;robopsychology&quot; to sort out what is happening in their positronic brain. The book also contains the short story in which Asimov&apos;s Three Laws of Robotics first appear, which had large influence on later science fiction and had impact on thought on ethics of artificial intelligence as well. Other characters that appear in these short stories are Powell and Donovan, a field-testing team which locates flaws in USRMM&apos;s prototype models.&lt;sup&gt;[citation needed]&lt;/sup&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;div name=&quot;4COL GALLERY&quot; style=&quot;display:flex; flex-flow:row wrap; justify-content:center; gap:10px;&quot;&gt;

  &lt;div style=&quot;display:flex; flex-flow:row wrap; gap:10px;&quot;&gt;
    &lt;div name=&quot;COL_1&quot; style=&quot;flex:1; width:150px; aspect-ratio:1; box-shadow:2px 2px var(--colour--Primary);         background:transparent url(&amp;#39;https://w0.peakpx.com/wallpaper/338/296/HD-wallpaper-tron-legacy-tron-legacy-garrett-hedlund-beautiful-lights-sam-flynn-tron-entertainment-people-movies-actors-blue.jpg&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;
    &lt;div name=&quot;COL_2&quot; style=&quot;flex:1; width:150px; aspect-ratio:1; box-shadow:2px 2px var(--colour--Primary);         background:transparent url(&amp;#39;https://i.ytimg.com/vi/XEuLWKBSRqw/maxresdefault.jpg&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div style=&quot;display:flex; flex-flow:row wrap; gap:10px;&quot;&gt;
    &lt;div name=&quot;COL_3&quot; style=&quot;flex:1; width:150px; aspect-ratio:1; box-shadow:2px 2px var(--colour--Primary);         background:transparent url(&amp;#39;https://mickeyblog.com/wp-content/uploads/2020/11/17_tron-jeffb_560x375.jpg&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;
    &lt;div name=&quot;COL_4&quot; style=&quot;flex:1; width:150px; aspect-ratio:1; box-shadow:2px 2px var(--colour--Primary);         background:transparent url(&amp;#39;http://rigmodels.com/3dmodels/7RYOHO1HY559GP9C0883PLVTC/Prev_Goofy-Tron.jpg&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;






&lt;div style=&quot;padding:15px 0 0 0;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:row nowrap; justify-content:space-between; gap:0 10px; padding:5px 0 10px; font-size:75%; font-weight:600; border-top:2px dotted var(--colour--Primary);&quot;&gt;
  &lt;div&gt;NAVIGATION_SYSTEM&lt;/div&gt;
  &lt;div style=&quot;color:var(--colour--Primary);&quot;&gt;ver1.618033988749895...&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:flex-start; gap:10px 15px; font-weight:600;&quot;&gt;

  
  &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--colour--Primary);&quot;&gt;
    &lt;div style=&quot;margin-bottom:3px; background:var(--navlink--Background); padding:7px 0; border:2px solid var(--colour--Primary); border-radius:3px;&quot;&gt;&lt;/div&gt;
    &lt;span&gt;NAV_ITEM&lt;/span&gt;
  &lt;/a&gt;
  &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--colour--Primary);&quot;&gt;
    &lt;div style=&quot;margin-bottom:3px; background:var(--navlink--Background); padding:7px 0; border:2px solid var(--colour--Primary); border-radius:3px;&quot;&gt;&lt;/div&gt;
    &lt;span&gt;NAV_ITEM&lt;/span&gt;
  &lt;/a&gt;
  &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--colour--Primary);&quot;&gt;
    &lt;div style=&quot;margin-bottom:3px; background:var(--navlink--Background); padding:7px 0; border:2px solid var(--colour--Primary); border-radius:3px;&quot;&gt;&lt;/div&gt;
    &lt;span&gt;NAV_ITEM&lt;/span&gt;
  &lt;/a&gt;
  &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--colour--Primary);&quot;&gt;
    &lt;div style=&quot;margin-bottom:3px; background:var(--navlink--Background); padding:7px 0; border:2px solid var(--colour--Primary); border-radius:3px;&quot;&gt;&lt;/div&gt;
    &lt;span&gt;NAV_ITEM&lt;/span&gt;
  &lt;/a&gt;
  &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--colour--Primary);&quot;&gt;
    &lt;div style=&quot;margin-bottom:3px; background:var(--navlink--Background); padding:7px 0; border:2px solid var(--colour--Primary); border-radius:3px;&quot;&gt;&lt;/div&gt;
    &lt;span&gt;NAV_ITEM&lt;/span&gt;
  &lt;/a&gt;
  &lt;a href=&quot;&quot; style=&quot;text-decoration:none; color:var(--colour--Primary);&quot;&gt;
    &lt;div style=&quot;margin-bottom:3px; background:var(--navlink--Background); padding:7px 0; border:2px solid var(--colour--Primary); border-radius:3px;&quot;&gt;&lt;/div&gt;
    &lt;span&gt;NAV_ITEM&lt;/span&gt;
  &lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/1670.html#cutid1&quot;&gt;CLICK FOR CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=1670&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/1670.html</comments>
  <category>*navigation &amp; info pages</category>
  <category>*codes</category>
  <lj:security>public</lj:security>
  <lj:reply-count>0</lj:reply-count>
</item>
<item>
  <guid isPermaLink='true'>https://lucavi.dreamwidth.org/1527.html</guid>
  <pubDate>Tue, 06 Dec 2022 12:19:47 GMT</pubDate>
  <title>CODE ✦ PLACARDS.</title>
  <link>https://lucavi.dreamwidth.org/1527.html</link>
  <description>
&lt;h2 style=&quot;display:block; margin-bottom:24px; font:italic 28px/1.25 Georgia, serif; border-bottom:3px solid;&quot;&gt;&amp;#10022; ENCYCLOPAEDIA&lt;/h2&gt;


&lt;div style=&quot;display:flex; flex-flow:row nowrap; justify-content:center; padding:5px 0;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:center; gap:21px; width:100%; max-width:550px; padding:28px; background-blend-mode:overlay; border-radius:8px; box-shadow:0 3px 3px rgba(0,0,0,0.3);            font:normal 13px/1.25 Georgia, Garamond, serif;            color:#ffffffe6;            background:#333 url(&amp;#39;https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSA6w-4bFLGV7-Y-56rbszUIU9Li0oVwTNm8i8BZA_ACUqyAmnEvHH5ED2UrsyplasBBZg&amp;amp;usqp=CAU&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;

  
  &lt;div style=&quot;max-width:150px; align-self:center; padding:75px; border-radius:99rem; background:#333 url(&amp;#39;https://i.pinimg.com/474x/53/85/ba/5385ba0b3bb599f9a35598283984be19.jpg&amp;#39;) no-repeat center; background-size:cover; box-shadow:0 0 3px #ffffffe6;&quot;&gt;&lt;/div&gt;

  
  &lt;div style=&quot;flex:250px;&quot;&gt;
  &lt;div name=&quot;TITLETEXT&quot; style=&quot;padding:0 0 14px; font:600 21px/1 Georgia, sans-serif; text-align:center; text-transform:uppercase; letter-spacing:0.05rem; border-bottom:1px solid #ffffffe6;&quot;&gt;
     OUR PROTAGONIST, PHOSPHOPHYLLITE.
  &lt;/div&gt;
  &lt;span style=&quot;display:block; padding-top:14px;&quot;&gt;
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  &lt;/span&gt;
  &lt;div style=&quot;display:flex; flex-flow:row wrap; justify-content:center; gap:10px; padding-top:14px; font-size:12px;&quot;&gt;
    
    &lt;a style=&quot;text-decoration:none; color:#ffffffe6;&quot; href=&quot;LINKHERE&quot;&gt;
       LINK&lt;/a&gt; &amp;#10022;
    &lt;a style=&quot;text-decoration:none; color:#ffffffe6;&quot; href=&quot;LINKHERE&quot;&gt;
       LINK&lt;/a&gt; &amp;#10022;
    &lt;a style=&quot;text-decoration:none; color:#ffffffe6;&quot; href=&quot;LINKHERE&quot;&gt;
       LINK&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;



&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___1&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/1527.html#cutid1&quot;&gt;CLICK FOR MORE EXAMPLES &amp; CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___1&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;

&lt;h2 style=&quot;display:block; margin-bottom:24px; font:italic 28px/1.25 Georgia, sans-serif; border-bottom:3px solid;&quot;&gt;&amp;#10022; MUSEUM&lt;/h2&gt;


&lt;div style=&quot;padding:5px 0; display:flex; flex-flow:row nowrap; justify-content:center;&quot;&gt;
&lt;div style=&quot;display:flex; flex-flow:row nowrap; gap:9px; max-width:475px; width:100%; min-width:320px; padding:9px 18px 12px 9px; letter-spacing:0.02rem; border-radius:36px; border:2px outset goldenrod; background-blend-mode:overlay;            font:normal 13px/1.1 Georgia, Garamond, serif;            color:#eeeeeee6;            background:#151515 url(&amp;#39;https://img.freepik.com/free-photo/close-up-black-marble-textured-background_53876-63511.jpg&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;

  
  &lt;div style=&quot;width:100px; border-radius:27px 6px 6px 27px; background:#333 url(&amp;#39;https://images.pexels.com/photos/2031771/pexels-photo-2031771.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;w=1260&amp;amp;h=750&amp;amp;dpr=1&amp;#39;) no-repeat center; background-size:cover;&quot;&gt;&lt;/div&gt;

  
  &lt;div style=&quot;flex:2;&quot;&gt;
    &lt;div style=&quot;padding:3px 0 6px; font:600 18px/1.1 Garamond, serif; text-transform:uppercase; border-bottom:2px solid darkgoldenrod;&quot;&gt;
       TOMORROW, AND TOMORROW, &lt;br /&gt; AND TOMORROW&amp;mdash;
    &lt;/div&gt;
    &lt;span style=&quot;display:block; padding-top:12px;&quot;&gt;&amp;laquo;
       Out, out, brief candle! Life&apos;s but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more. It is a tale told by an idiot, full of sound and fury &amp;mdash; signifying nothing.
    &amp;raquo;&lt;/span&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;



&lt;span class=&quot;cut-wrapper&quot;&gt;&lt;span style=&quot;display: none;&quot; id=&quot;span-cuttag___2&quot; class=&quot;cuttag&quot;&gt;&lt;/span&gt;&lt;b class=&quot;cut-open&quot;&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class=&quot;cut-text&quot;&gt;&lt;a href=&quot;https://lucavi.dreamwidth.org/1527.html#cutid2&quot;&gt;CLICK FOR MORE EXAMPLES &amp; CODE.&lt;/a&gt;&lt;/b&gt;&lt;b class=&quot;cut-close&quot;&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style=&quot;display: none;&quot; id=&quot;div-cuttag___2&quot; aria-live=&quot;assertive&quot;&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src=&quot;https://www.dreamwidth.org/tools/commentcount?user=lucavi&amp;ditemid=1527&quot; width=&quot;30&quot; height=&quot;12&quot; alt=&quot;comment count unavailable&quot; style=&quot;vertical-align: middle;&quot;/&gt; comments</description>
  <comments>https://lucavi.dreamwidth.org/1527.html</comments>
  <category>*codes</category>
  <category>*miscellaneous</category>
  <lj:security>public</lj:security>
  <lj:reply-count>7</lj:reply-count>
</item>
</channel>
</rss>
