Usr 681ab43c-99d7-4e40-92ba-956d9d8d66e7/sandbox: Difference between revisions

From VRChat Wiki
(Replaced content with "{{subst:Infobox/Official World |name=VRChat Home |image= |imagecaption= |developer=VRChat |platform= PCVR, Android |link={{VRC link|https://vrchat.com/home/world/wrld_4432ea9b-729c-46e3-8eaf-846aa0a37fdd|VRChat Home}} |published=Sep 30 2022 }}")
Tag: Replaced
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<infobox type="World" theme="official">
<!-- Template:UserProfile -->
<title source="name"/>
<div style="---radius: 0.5rem; ---card-flex: 1 0 max(calc(25% - 4rem), 230px); ---card-bg: rgb(60, 65, 72); ---card-padding: 1rem; ---card-title-color: rgb(85, 130, 138); ---card-title-margin: 0.5rem;">
<image source="image">
  <h3 style="z-index: 5; margin-top: 2rem; padding-top: 0.2rem; padding-bottom: 0.5rem; font-weight: 700; color: rgb(106, 227, 249);font-size: 2.5rem; position:sticky; top: 0; background-color: var(--more-dark-grey); border: none;">{{{username|Username}}}</h3>
    <caption source="imagecaption" />
  <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; color: rgba(255,255,255,0.8)">
</image>
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding); overflow: hidden;">
<group>
      <div style="position: relative; margin-inline: calc(-1 * var(---card-padding)); margin-top: calc(-1 * var(---card-padding)); margin-bottom: 3rem">
         <data source="developer"><label>Developer</label></data>
        <!-- PROFILE THUMBNAIL -->
         <data source="publisher"><label>Publisher</label></data>
        [[File:{{{thumbnail|Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg}}}|none|frameless|640x427px]]
    <data source="designer"><label>Designer</label></data>
        <div style="position: absolute; bottom: 0; left: 1.25rem; transform: translateY(50%); display: flex; align-items: center; justify-content: center; width: 80px; font-size: 2rem; aspect-ratio:1; font-weight: 400; background-color: rgb(55, 65, 82); border-radius: 100%; color: #fff; box-shadow: -2px 1px 0 0 #000, 0px 0px 0px 2px var(---card-bg);">{{{usernameInitials|XX}}}</div>
    <data source="gen"><label>Generation</label></data>
      </div>
         <data source="platform"><label>Platforms</label></data>
      <div style="display: flex; align-items: center; gap: 0.5rem;">
         <data source="themes"><label>Themes</label></data>
        <div style="width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: rgb(86, 242, 92); margin-inline: 0.1rem"></div>
        <data source="link"><label>World Link</label></data>
         <div style="line-height: 1.15;">
     </group>
          <!-- STATUS -->
     <group>
          <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Status</div>
        <header>World history</header>
          <div style="font-size: 1.05rem">{{{status|Online}}}</div>
        <data source="labs"><label>Community Labs</label></data>
         </div>
        <data source="published"><label>Published</label></data>
      </div>
     </group>
      <div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">
</infobox>[[Category:Worlds]] [[Category:Official Content]]
        <div style="margin-inline: -0.1rem;">[[File:Icons ShieldLevel Normal 25.png|none|frameless|28x28px]]</div>
        <div style="line-height: 1.15;">
          <!-- TRUST RANK -->
          <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Trust Rank</div>
          <div style="font-size: 1.05rem">{{{trustRank|Trusted User}}}</div>
        </div>
      </div>
    </div>
    <div style="flex: var(---card-flex); font-weight: bold; flex: 1 0 max(calc(50% - 3.7rem), 230px); border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Bio</div>
      <!-- BIO -->
      <div style="font-size: 1rem;">
{{{bio|Default bio goes here.}}}
      </div>
    </div>
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
      <!-- LOCATION -->
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Location</div>
      <div style="margin-inline: calc(-1 * var(---card-padding)); margin-bottom: var(---card-padding)">
         <div style="overflow: hidden;">
          <div style="margin-block: -1rem; display: flex; align-items: stretch; justify-content: stretch;">[[File:{{{locationImage|VrcHomeThumb.png}}}|none|frameless|800x600px]]</div>
        </div>
      </div>
      <div style="font-size: 1.1rem;">
{{{location|VRChat Home}}}
         <div style="display: flex; flex-direction: column; gap: 0.33rem;">
          <div style="display: flex; gap:0.2rem; align-items: center;">
            <div style="display: flex; align-items: center; justify-content: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: rgb(0, 51, 154); margin-inline: 0.1rem">
              <div style="width: 59%; height: 59%; border: 1.9px dotted yellow; border-radius:100%;"></div>
            </div>
            <div>#1337 - Invite</div>
          </div>
          <div style="display: flex; gap:0.2rem; align-items: center;">
            <div style="margin-inline: 0.1rem;">
              <div>[[File:Icons Social 25.png|none|frameless|18x18px]]</div>
            </div>
            <div>1/16</div>
          </div>
        </div>
      </div>
     </div>
     <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
      <!-- LANGUAGES -->
      <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; margin-bottom: var(---card-title-margin)">Languages</div>
      <div style="display: flex; flex-wrap: wrap; align-items-center; gap: 0.5rem;">
{{{languages|<div style="display: flex; align-items: center; justify-content: center; width: 70px; aspect-ratio:1; font-weight: bold; background-color: var(--more-dark-grey-border); border-radius: 100%;" title="English">ENG</div>}}}
      </div>
    </div>
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
      <!-- LINKS -->
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Links</div>
      <div style="display: flex; flex-wrap: wrap; align-items-center; gap: 0.5rem; font-size:0;">
{{{links|<div style="border-radius: 100%; overflow: hidden;"><a href="https://vrchat.com/home/user/usr_7d3dca04-5671-4738-a277-04fad9b586e4"><div style="display: flex; align-items: center; justify-content: center; width: 70px; aspect-ratio:1; font-weight: bold; background-color: var(--more-dark-grey-border); border-radius: 100%; font-size: 0.95rem;">VRChat</div></a></div>}}}
      </div>
     </div>
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
      <!-- BADGES -->
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Badges</div>
      <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
{{{badges|<div title="Supported VRChat through VRC+ when it first launched">[[File:Early_Supporter.png|none|frameless|70x70px]]</div><div title="Awarded to users who have made major contributions to the localization of VRChat">[[File:VRChatTranslatorBadge.png|none|frameless|70x70px]]</div>}}}
      </div>
    </div>
    <div style="display: flex; flex-direction: column; flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Groups</div>
      <div style="flex-grow: 1; display: flex; align-items: center; justify-content: center; color: var(---card-title-color); text-align: center; font-size: 1.3rem; line-height: 1.25; font-weight: 700;">{{{groups|Not representing<br/>any group}}}</div>
    </div>
  </div>
</div>

Latest revision as of 06:35, 7 August 2024

Username

Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg
XX
Status
Online
Icons ShieldLevel Normal 25.png
Trust Rank
Trusted User
Bio

Default bio goes here.

Location
VrcHomeThumb.png

VRChat Home

#1337 - Invite
Icons Social 25.png
1/16
Languages
ENG
Badges
Early Supporter.png
VRChatTranslatorBadge.png
Groups
Not representing
any group