<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dw="https://www.dreamwidth.org">
  <id>tag:dreamwidth.org,2025-02-05:4215919</id>
  <title>codes by rain</title>
  <subtitle>raincoded</subtitle>
  <author>
    <name>raincoded</name>
  </author>
  <link rel="alternate" type="text/html" href="https://raincoded.dreamwidth.org/"/>
  <link rel="self" type="text/xml" href="https://raincoded.dreamwidth.org/data/atom"/>
  <updated>2025-02-10T01:11:03Z</updated>
  <dw:journal username="raincoded" type="personal"/>
  <entry>
    <id>tag:dreamwidth.org,2025-02-05:4215919:1375</id>
    <link rel="alternate" type="text/html" href="https://raincoded.dreamwidth.org/1375.html"/>
    <link rel="self" type="text/xml" href="https://raincoded.dreamwidth.org/data/atom/?itemid=1375"/>
    <title>[03] expanding navigation</title>
    <published>2025-02-06T02:46:57Z</published>
    <updated>2025-02-10T01:11:03Z</updated>
    <category term="codes: navigation"/>
    <category term="codes: mini-bio"/>
    <category term="codes"/>
    <dw:security>public</dw:security>
    <dw:reply-count>2</dw:reply-count>
    <content type="html">&lt;b&gt;WHAT:&lt;/b&gt; A navigation code that, with the right stylesheet additions, will expand when hovered. Defaults to having room for 6 links, but you can change the max-height to add room for more. Stacks on mobile views. Transparent textures from &lt;a href="https://www.transparenttextures.com/"&gt;transparent textures dot com&lt;/a&gt;.&lt;br /&gt;&lt;div class="preview-image" style="display:none;height:0;"&gt;&lt;img src="https://i.ibb.co/bjVXLD6Q/expandable-03.gif" style="max-height:400px"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://raincoded.dreamwidth.org/1375.html#cutid1"&gt;Read more...&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=raincoded&amp;ditemid=1375" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
  <entry>
    <id>tag:dreamwidth.org,2025-02-05:4215919:994</id>
    <link rel="alternate" type="text/html" href="https://raincoded.dreamwidth.org/994.html"/>
    <link rel="self" type="text/xml" href="https://raincoded.dreamwidth.org/data/atom/?itemid=994"/>
    <title>[01] mobile-friendly biosheet (+ optional generator)</title>
    <published>2025-02-05T23:26:25Z</published>
    <updated>2025-02-05T23:51:49Z</updated>
    <category term="codes: player info"/>
    <category term="codes: navigation"/>
    <category term="codes"/>
    <category term="codes: biosheet"/>
    <category term="codes: permissions"/>
    <dw:security>public</dw:security>
    <dw:reply-count>13</dw:reply-count>
    <content type="html">&lt;b&gt;WHAT:&lt;/b&gt; A mobile-friendly multi-page biosheet. Could be used as an index. Still definitely taking cues from the lovely &lt;a href="https://10billionghosts.dreamwidth.org/"&gt;10billionghosts&lt;/a&gt;, and continuing to use what I've learned by digging into &lt;a href="https://efryndiel.dreamwidth.org/10163.html"&gt;efryndiel's cottagecore threadtracker&lt;/a&gt; generator code!&lt;br /&gt;&lt;b&gt;WHY:&lt;/b&gt; Because these things are a pain to maintain! This one is also highly customizable.&lt;br /&gt;&lt;b&gt;HOW:&lt;/b&gt; You can use as many or as few of the sections as you like, creating big detailed biosheets that also contain image galleries and CR charts and permissions, or smaller biosheets with only a few pages that can be used per-game.&lt;br /&gt;&lt;div class="preview-image" style="display:none;height:0;"&gt;&lt;img src="https://i.ibb.co/mFS8wKwP/Screenshot-2025-02-05-153504.png" style="max-height:400px;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="cut-wrapper"&gt;&lt;span style="display: none;" id="span-cuttag___1" class="cuttag"&gt;&lt;/span&gt;&lt;b class="cut-open"&gt;(&amp;nbsp;&lt;/b&gt;&lt;b class="cut-text"&gt;&lt;a href="https://raincoded.dreamwidth.org/994.html#cutid1"&gt;Read more...&lt;/a&gt;&lt;/b&gt;&lt;b class="cut-close"&gt;&amp;nbsp;)&lt;/b&gt;&lt;/span&gt;&lt;div style="display: none;" id="div-cuttag___1" aria-live="assertive"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=raincoded&amp;ditemid=994" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
</feed>
