RootVR: Difference between revisions

From VRChat Wiki
No edit summary
RootVR (talk | contribs)
No edit summary
Line 1: Line 1:
I just exist lol
<div style="---radius: 0.66rem; ---card-flex: 1 0 max(calc(25% - 4rem), 220px); ---card-bg: rgb(60, 65, 72); ---card-padding: 1rem; ---card-title-color: rgb(85, 130, 138); ---card-title-margin: 0.5rem;">
<div style="float:right; display:flex; flex:auto; flex-flow:column; max-width: 22em;">
<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;">RootVR</h3>
{{:User:Usr_c272d4fe-f1f8-4d77-8008-cad6cb81d6cd/userboxes/vrrat}}
<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:Vrc-rootvr-pfp.png|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);">Ro</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">Online</div>
    </div>
  </div>
  <div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">
    <div style="filter: invert(32%) sepia(85%) saturate(7476%) hue-rotate(251deg) brightness(91%) contrast(90%); 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: #8143e6; font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Trust Rank</div>
      <div style="font-size: 1.05rem">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;">
    <p>He⁄him</p>
    <div>I just exist lol․</div>
    </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:VrcHomeThumb.png|none|frameless|800x600px]]</div>
      </div>
  </div>
  <div style="font-size: 1.1rem;">
    <div>VRChat Home</div>
    <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>#1584 - 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="margin-top: -0.25rem; align-self: flex-end; order: 100; text-align: right; width: 100%;opacity: 0.2;font-size:0.66rem;"></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;">
    <!-- Lang1 -->
    <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="Polish">NO</div>
    <!-- Lang2 -->
    <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;">
    <!-- Link1 -->
    <div style="border-radius: 100%; overflow: hidden;">
[https://www.droot.dev/vrc/<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>]
    </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);">
  <!--
  BADGES
  -->
  <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Badges</div>
  <div style="display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem;>
    <!-- Badge -->
    <div title="Awarded to those that have contributed to the VRChat wiki in significant ways">[[File:AccountAge_7.png|none|frameless|64x64px]]</div>
    <!-- Badge -->
    <div title="Awarded to users who have made major contributions to the localization of VRChat">[[File:Pride_VRC_Badge.webp|none|frameless|64x64px]]</div>
    <!-- Badge -->
    <div title="Supported VRChat through VRC+ when it first launched">[[File:Early_Supporter.png|none|frameless|66x66px]]</div>
  </div>
</div>

Revision as of 12:59, 5 October 2025

RootVR

Ro
Status
Online
Trust Rank
Trusted User
Bio

He⁄him

I just exist lol․
Location
VRChat Home
#1584 - Invite
1/16
Languages
NO
ENG
Links
Badges