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

From VRChat Wiki
(Replaced content with "{{subst:Noticebox/community}}")
Tag: Replaced
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Noticebox|IconOnly CL Portal.png|The following content was created by the community. It may contain material not directly endorsed by the VRChat team.|For more information see Community Hub.}}{{#ifeq: {{NAMESPACENUMBER}} | 0 | [[Category:Community Pages]]}} {{DEFAULTSORT:{{CommunityPageName|{{PAGENAME}}}}}}
<!-- Template:UserProfile -->
<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;">
  <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>
  <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; color: rgba(255,255,255,0.8)">
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding); overflow: hidden;">
      <div style="position: relative; margin-inline: calc(-1 * var(---card-padding)); margin-top: calc(-1 * var(---card-padding)); margin-bottom: 3rem">
        <!-- PROFILE THUMBNAIL -->
        [[File:{{{thumbnail|Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg}}}|none|frameless|640x427px]]
        <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>
      </div>
      <div style="display: flex; align-items: center; gap: 0.5rem;">
        <div style="width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: rgb(86, 242, 92); margin-inline: 0.1rem"></div>
        <div style="line-height: 1.15;">
          <!-- STATUS -->
          <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Status</div>
          <div style="font-size: 1.05rem">{{{status|Online}}}</div>
        </div>
      </div>
      <div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">
        <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
Retrieved from "https://wiki.vrchat.com/index.php?title=User:Usr_681ab43c-99d7-4e40-92ba-956d9d8d66e7/sandbox&oldid=2440"