Patroll: Difference between revisions

From VRChat Wiki
(Profile redesign)
m (Edit bio)
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="---radius: 0.5rem; ---card-flex: 1 0 max(calc(25% - 4rem), 230px); ---card-bg: var(--less-dark-grey-border); ---card-padding: 1rem; ---card-title-color: rgb(85, 130, 138); ---card-title-margin: 0.5rem; ">
<!--- 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.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;">
<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 17: Line 24:
   </div>
   </div>
   <div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">
   <div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">
    <div style="width: 1.6rem; height: 1.6rem; border-radius: 10% 10% 70% 70%; background-color: rgb(130, 67, 231);"></div>
    <div style="margin-inline: -0.1rem;">[[File:Icons ShieldLevel Normal 25.png|none|frameless|28x28px]]</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>
    <p>He⁄him | 20s | INTJ-T</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․ Web developer․ Makes stuff in Unity. Big enjoyer of VR parties‚ events‚ games‚ all things creative․</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);">
  <!--
  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 48: Line 62:
     </div>
     </div>
     <div style="display: flex; gap:0.2rem; align-items: center;">
     <div style="display: flex; gap:0.2rem; align-items: center;">
       <div style="">
       <div style="margin-inline: 0.1rem;">
         <div>👥</div>
         <div>[[File:Icons Social 25.png|none|frameless|18x18px]]</div>
       </div>
       </div>
       <div>1/16</div>
       <div>1/16</div>
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.1.1] | 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;">
     <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%;">POL</div>
    <!-- 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%;">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="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>
   </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;">
  <div style="border-radius: 100%; overflow: hidden;">
    <!-- Link1 -->
[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 style="border-radius: 100%; overflow: hidden;">
</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>
    <!-- Link2 -->
    <div style="border-radius: 100%; overflow: hidden;">
[https://twitter.com/P4tr0ll <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;">Twitter</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; align-items: center; flex-wrap: wrap; gap: 0.5rem;>
     [[File:Early_Supporter.png|none|frameless|70x70px]]
     <!-- Badge0 -->
     [[File:VRChatTranslatorBadge.png|none|frameless|70x70px]]
    <div title="Supports VRChat through VRC+">[[File:Icon_VRC_Plus_Icon.png|none|frameless|64x64px]]</div>
    <!-- Badge1 -->
    <div title="Supported VRChat through VRC+ when it first launched">[[File:Early_Supporter.png|none|frameless|66x66px]]</div>
     <!-- Badge2 -->
    <div title="Awarded to users who have made major contributions to the localization of VRChat">[[File:VRChatTranslatorBadge.png|none|frameless|64x64px]]
    </div>
   </div>
   </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="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="display: flex; align-items: center; justify-content: space-between; gap: 0.2rem; color: var(---card-title-color); margin-bottom: var(---card-title-margin)"><div style="text-transform: uppercase;">Groups</div>  <div style="font-size: 0;">[https://wiki.vrchat.com/wiki/Special:UserRights/Usr_7d3dca04-5671-4738-a277-04fad9b586e4 <div style="white-space: nowrap; border: 4px solid rgb(34, 69, 76); background-color: rgb(22, 49, 54); padding: 0 0.45rem; border-radius: var(---radius); font-size: 0.9rem; color: rgba(255,255,255,0.7)">View All</div>]</div></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;">Not representing<br/>any group</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;">Not representing<br/>any group</div>
  </div>
  </div>
</div>
</div>
<br/>
<!--- Copy to here ------------------------------------------------------------------------------------------------------>
<!--- Copy to here ------------------------------------------------------------------------------------------------------>
<!--- Copy to here ------------------------------------------------------------------------------------------------------>
<div style="display:flex; flex-wrap: wrap; align-items:stretch; gap: 1rem;">
<div style="font-size: 0; width: 190px;">
[https://wiki.vrchat.com/wiki/Special:Contributions/Usr_7d3dca04-5671-4738-a277-04fad9b586e4 <div style="aspect-ratio: 1/0.7; display:flex; flex-direction:column; align-items:center; justify-content: center; white-space: nowrap; border: 4px solid rgb(34, 69, 76); background-color: rgb(22, 49, 54); padding: 0.5rem; border-radius: var(---radius); font-size: 1.33rem; color: #6b9ea5; font-weight:800;"><div style="opacity: 0.5; font-size: 3.5rem;mix-blend-mode: luminosity;">🧩</div><div>Contributions</div></div>]
</div>
<div style="font-size: 0; width: 190px;">
[https://wiki.vrchat.com/wiki/Special:Log/Usr_7d3dca04-5671-4738-a277-04fad9b586e4 <div style="aspect-ratio: 1/0.7; display:flex; flex-direction:column; align-items:center; justify-content: center; white-space: nowrap; border: 4px solid rgb(34, 69, 76); background-color: rgb(22, 49, 54); padding: 0.5rem; border-radius: var(---radius); font-size: 1.33rem; color: #6b9ea5; font-weight:800;"><div style="opacity: 0.5; font-size: 3.5rem;mix-blend-mode: luminosity;">📋</div><div>Logs</div></div>]
</div>
<div style="font-size: 0; width: 190px;">
[https://wiki.vrchat.com/index.php?title=User_talk:Usr_7d3dca04-5671-4738-a277-04fad9b586e4 <div style="aspect-ratio: 1/0.7; display:flex; flex-direction:column; align-items:center; justify-content: center; white-space: nowrap; border: 4px solid rgb(34, 69, 76); background-color: rgb(22, 49, 54); padding: 0.5rem; border-radius: var(---radius); font-size: 1.33rem; color: #6b9ea5; font-weight:800;"><div style="opacity: 0.5; font-size: 3.5rem;mix-blend-mode: luminosity;">🗯</div><div>Discuss</div></div>]
</div>
</div>
<hr style="border-color: rgba(255,255,255,0.1); border-top: none; margin-top: 2rem;"/>
<div style="display: flex; align-items:center; justify-content: space-between; z-index: 10; gap: 0.66rem; margin-bottom: 1.25rem; margin-top: 2rem; padding-top: 0.2rem; padding-bottom: 0.5rem; font-weight: 700; color: rgb(106, 227, 249);font-size: 1.5rem; position:sticky; top: 0; background-color: var(--more-dark-grey); border: none;">
<h3 style="margin: 0;">Global VRChat Wiki Stats </h3>
<div style="font-size: 0;">[https://wiki.vrchat.com/wiki/Special:Statistics <div style="white-space: nowrap; border: 4px solid rgb(34, 69, 76); background-color: rgb(22, 49, 54); padding: 0.5rem 1.5rem; border-radius: var(---radius); font-size: 1.2rem; color: rgba(255,255,255,0.7);">View All</div>]</div>
</div>
<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;">
<div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; color: rgba(255,255,255,0.8); font-size: 1.2rem;">
  <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="color: var(---card-title-color); font-weight: bold; margin-bottom: var(---card-title-margin)">📄 Articles</div>
  <div>{{NUMBEROFARTICLES}}</div>
  </div>
    <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="color: var(---card-title-color); font-weight: bold; margin-bottom: var(---card-title-margin)">📖 Pages</div>
  <div>{{NUMBEROFPAGES}}</div>
  </div>
  <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="color: var(---card-title-color); font-weight: bold; margin-bottom: var(---card-title-margin)">📝 Edits</div>
  <div>{{NUMBEROFEDITS}}</div>
  </div>
  <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="color: var(---card-title-color); font-weight: bold; margin-bottom: var(---card-title-margin)">🗃️ Files</div>
  <div>{{NUMBEROFFILES}}</div>
  </div>
  <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="color: var(---card-title-color); font-weight: bold; margin-bottom: var(---card-title-margin)">👥 Active Users (30 days)</div>
  <div>{{NUMBEROFACTIVEUSERS}}</div>
  </div>
</div>
</div>
 
 
<!--
<!--
<div style="display: flex; gap: 2rem; flex-direction: column; align-items: center;">
<div style="display: flex; gap: 2rem; flex-direction: column; align-items: center;">

Latest revision as of 22:50, 12 September 2024

Patroll

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

He⁄him | 20s | INTJ-T

Joined VRC in 2017․ Web developer․ Makes stuff in Unity. Big enjoyer of VR parties‚ events‚ games‚ all things creative․
Location
VrcHomeThumb.png
VRChat Home
#1337 - Invite
Icons Social 25.png
1/16
VRChat Profile Template 1.1.1 | Free to use on the Wiki
Languages
POL
ENG
Links
Badges
Icon VRC Plus Icon.png
Early Supporter.png
VRChatTranslatorBadge.png
Groups
Not representing
any group

Global VRChat Wiki Stats

📄 Articles
161
📖 Pages
5,170
📝 Edits
15,215
🗃️ Files
746
👥 Active Users (30 days)
52