|
|
| (4 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <!-- Template:UserProfile -->
| | __NOTOC____NOEDITSECTION__ |
| <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;"> | | <languages/> |
| <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>
| | {{#description2:<translate><!--T:7--> A community-driven collaborative guide to VRChat.</translate>}} |
| <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; color: rgba(255,255,255,0.8)">
| | <div class="qm-container"> |
| <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding); overflow: hidden;">
| | <!-- First row - 2 boxes --> |
| <div style="position: relative; margin-inline: calc(-1 * var(---card-padding)); margin-top: calc(-1 * var(---card-padding)); margin-bottom: 3rem">
| | <!-- - Welcome to the VRChat Wiki! --> |
| <!-- PROFILE THUMBNAIL -->
| | <div align=center> |
| [[File:{{{thumbnail|Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg}}}|none|frameless|640x427px]]
| | ==PLEASE TOUCH THE GRASS.== |
| <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>
| | [[Image:Best-grass-for-georgia-1024x683.png]] |
| </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> | | </div> |
| | {{MainPageTitleBox}} |
| | <!-- - Latest Release --> |
| | {{MainPageVersion}} |
| | <!-- Second row - 2 boxes --> |
| | <!-- - Latest News --> |
| | {{MainPageUpdates}} |
| | <!-- - Announcement banner rotation --> |
| | {{MainPageInfopush}} |
| | </div> |
| | <!-- Quick Links - 8 boxes --> |
| | {{MainPageQuickLinks}} |
