Patroll: Difference between revisions
From VRChat Wiki
m (Add title attributes) |
(Add caption) |
||
| Line 1: | Line 1: | ||
<div style="---radius: 0.5rem; ---card-flex: 1 0 max(calc(25% - 4rem), 230px); ---card-bg: | <!--- Copy from here ------------------------------------------------------------------------------------------------------> | ||
<!--- Copy from here ------------------------------------------------------------------------------------------------------> | |||
<h3 style="z-index: 5; margin-top: 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;">Patroll</h3> | <!--- Copy from here ------------------------------------------------------------------------------------------------------> | ||
<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;">Patroll</h3> | |||
<div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; color: rgba(255,255,255,0.8)"> | <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="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"> | <div style="position: relative; margin-inline: calc(-1 * var(---card-padding)); margin-top: calc(-1 * var(---card-padding)); margin-bottom: 3rem"> | ||
<!-- | |||
PROFILE THUMBNAIL | |||
--> | |||
[[File:Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg|none|frameless|640x427px]] | [[File: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);">Pat</div> | <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);">Pat</div> | ||
| Line 12: | Line 16: | ||
<div style="width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: rgb(86, 242, 92); margin-inline: 0.1rem"></div> | <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;"> | <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="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 style="font-size: 1.05rem">Online</div> | ||
| Line 19: | Line 26: | ||
<div style="width: 1.6rem; height: 1.6rem; border-radius: 10% 10% 70% 70%; background-color: rgb(130, 67, 231);"></div> | <div style="width: 1.6rem; height: 1.6rem; border-radius: 10% 10% 70% 70%; background-color: rgb(130, 67, 231);"></div> | ||
<div style="line-height: 1.15;"> | <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="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Trust Rank</div> | ||
<div style="font-size: 1.05rem">Trusted User</div> | <div style="font-size: 1.05rem">Trusted User</div> | ||
| Line 26: | Line 34: | ||
<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="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> | <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Bio</div> | ||
<!-- | |||
BIO | |||
--> | |||
<div style="font-size: 1rem;"> | <div style="font-size: 1rem;"> | ||
<p>He⁄him ｜ 20s ｜ INTJ-T ｜ Bi gray-ace ｜ Roo</p> | |||
<div>Joined VRC in 2017․ Makes stuff in Unity․ Web developer․ Reserved‚ but opens when approached․ Big enjoyer of VR parties‚ events‚ games‚ all things creative․</div> | <div>Joined VRC in 2017․ Makes stuff in Unity․ Web developer․ Reserved‚ but opens when approached․ Big enjoyer of VR parties‚ events‚ games‚ all things creative․</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);"> | <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="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="margin-inline: calc(-1 * var(---card-padding)); margin-bottom: var(---card-padding)"> | ||
| Line 56: | Line 70: | ||
</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;">[https://wiki.vrchat.com/wiki/User:Usr_7d3dca04-5671-4738-a277-04fad9b586e4 VRChat Profile Template 1.0] | Free to use on the Wiki</div> | |||
<div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);"> | <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="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;"> | <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">POL</div> | <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">POL</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 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> | </div> | ||
<div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);"> | <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="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;"> | <div style="display: flex; flex-wrap: wrap; align-items-center; gap: 0.5rem; font-size:0;"> | ||
<!-- Link1 --> | |||
[https://vrchat.com/home/user/usr_7d3dca04-5671-4738-a277-04fad9b586e4 | <div style="border-radius: 100%; overflow: hidden;" title="VRChat Profile"> | ||
</div> | [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>] | ||
</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);"> | <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="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;> | <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;> | ||
<!-- Badge1 --> | |||
<div title="Supported VRChat through VRC+ when it first launched">[[File:Early_Supporter.png|none|frameless|70x70px]]</div> | <div title="Supported VRChat through VRC+ when it first launched">[[File:Early_Supporter.png|none|frameless|70x70px]]</div> | ||
<!-- Badge2 --> | |||
<div title="Awarded to users who have made major contributions to the localization of VRChat">[[File:VRChatTranslatorBadge.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> | ||
| Line 83: | Line 112: | ||
</div> | </div> | ||
</div> | </div> | ||
< | <!--- Copy to here ------------------------------------------------------------------------------------------------------> | ||
<!--- Copy to here ------------------------------------------------------------------------------------------------------> | |||
<!--- Copy to here ------------------------------------------------------------------------------------------------------> | |||
<!-- | <!-- | ||
<div style="display: flex; gap: 2rem; flex-direction: column; align-items: center;"> | <div style="display: flex; gap: 2rem; flex-direction: column; align-items: center;"> | ||
Revision as of 14:46, 6 August 2024
Patroll
_juvenile_Esk_Valley.jpg)
Bio
He⁄him ｜ 20s ｜ INTJ-T ｜ Bi gray-ace ｜ Roo
Joined VRC in 2017․ Makes stuff in Unity․ Web developer․ Reserved‚ but opens when approached․ Big enjoyer of VR parties‚ events‚ games‚ all things creative․
Location
VRChat Home
#1337 - Invite
👥
1/16
VRChat Profile Template 1.0 | Free to use on the Wiki
Languages
POL
ENG
Links
Badges
Groups
Not representing
any group
any group
