1757 lines
156 KiB
HTML
1757 lines
156 KiB
HTML
<html>
|
|
<head>
|
|
<script type="text/javascript" src="https://unpkg.com/react@16/umd/react.development.js"></script>
|
|
<script type="text/javascript" src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
|
|
<script type="text/javascript" src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/res/DiscordPreview.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app-mount" class="appMount-3lHmkl" style="display: none;">
|
|
<div class="typeWindows-1za-n7 withFrame-haYltI titleBar-AC4pGV horizontalReverse-3tRjY7 flex-1O1GKY directionRowReverse-m8IjIq justifyStart-2NDFzi alignStretch-DpGPf3">
|
|
<div class="wordmarkWindows-1v0lYD wordmark-2iDDfm">
|
|
<svg name="DiscordWordmark" width="55" height="16" viewBox="0 0 55 16">
|
|
<path fill="#ffffff" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="winButtonClose-1HsbF- winButton-iRh8-Z flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
|
|
<svg name="TitleBarClose" width="12" height="12" viewBox="0 0 12 12">
|
|
<polygon fill="#ffffff" fill-rule="evenodd" points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"></polygon>
|
|
</svg>
|
|
</div>
|
|
<div class="winButtonMinMax-PBQ2gm winButton-iRh8-Z flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
|
|
<svg name="TitleBarMaximize" width="12" height="12" viewBox="0 0 12 12">
|
|
<rect width="9" height="9" x="1.5" y="1.5" fill="none" stroke="#ffffff"></rect>
|
|
</svg>
|
|
</div>
|
|
<div class="winButtonMinMax-PBQ2gm winButton-iRh8-Z flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
|
|
<svg name="TitleBarMinimize" width="12" height="12" viewBox="0 0 12 12">
|
|
<rect fill="#ffffff" width="10" height="1" x="1" y="6"></rect>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="app-19_DXt platform-win">
|
|
<div class="app-2rEoOp vertical-V37hAW flex-1O1GKY directionColumn-35P_nr theme-light">
|
|
<div class="layers-3iHuyZ vertical-V37hAW flex-1O1GKY directionColumn-35P_nr spacer-1fA9zc">
|
|
<div role="dialog" aria-hidden="false" class="layer-3QrUeG">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-2lgZY8 firefoxFixScrollFlex-cnI2ix" style="flex: 1 1 auto;">
|
|
<div class="wrapper-1Rf91z">
|
|
<div class="unreadMentionsIndicatorTop-gA6RCh">
|
|
<div class="bar-30k2ka unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(-180%);">
|
|
<span class="text-2e2ZyG"></span>
|
|
</div>
|
|
</div>
|
|
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerWrap-1IAIlv scrollerThemed-2oenus themeGhostHairline-DBD-2d">
|
|
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl scroller-2TZvBN">
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-2uzAFe wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0; height: 8px; transform: translate3d(-4px, 0px, 0px);"></span>
|
|
</div>
|
|
<div tabindex="0" class="blob-1PX1Gp wrapper-25eVIn" role="button">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask)" x="0" y="0" width="48" height="48">
|
|
<a class="button-OhfaWu wrapper-1BJsBx" aria-label="Home" href="">
|
|
<svg name="Nova_Discord" class="homeIcon-tEMBK1" width="28" height="20" viewBox="0 0 28 20">
|
|
<path fill="currentColor" d="M20.6644 20C20.6644 20 19.8014 18.9762 19.0822 18.0714C22.2226 17.1905 23.4212 15.2381 23.4212 15.2381C22.4384 15.881 21.5034 16.3334 20.6644 16.6429C19.4658 17.1429 18.3151 17.4762 17.1884 17.6667C14.887 18.0953 12.7774 17.9762 10.9795 17.6429C9.61301 17.381 8.43836 17 7.45548 16.6191C6.90411 16.4048 6.30479 16.1429 5.70548 15.8096C5.63356 15.7619 5.56164 15.7381 5.48973 15.6905C5.44178 15.6667 5.41781 15.6429 5.39384 15.6191C4.96233 15.381 4.7226 15.2143 4.7226 15.2143C4.7226 15.2143 5.87329 17.1191 8.91781 18.0238C8.19863 18.9286 7.31164 20 7.31164 20C2.0137 19.8333 0 16.381 0 16.381C0 8.7144 3.45205 2.50017 3.45205 2.50017C6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861L10.4281 0.285909C6.11301 1.52399 4.12329 3.40493 4.12329 3.40493C4.12329 3.40493 4.65068 3.11921 5.53767 2.71446C8.10274 1.59542 10.1404 1.2859 10.9795 1.21447C11.1233 1.19066 11.2432 1.16685 11.387 1.16685C12.8493 0.976379 14.5034 0.92876 16.2295 1.11923C18.5068 1.38114 20.9521 2.0478 23.4452 3.40493C23.4452 3.40493 21.5514 1.61923 17.476 0.381146L17.8116 0.000197861C17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017C24.5479 2.50017 28 8.7144 28 16.381C28 16.381 25.9623 19.8333 20.6644 20ZM9.51712 8.88106C8.15068 8.88106 7.07192 10.0715 7.07192 11.5239C7.07192 12.9763 8.17466 14.1667 9.51712 14.1667C10.8836 14.1667 11.9623 12.9763 11.9623 11.5239C11.9863 10.0715 10.8836 8.88106 9.51712 8.88106ZM18.2671 8.88106C16.9007 8.88106 15.8219 10.0715 15.8219 11.5239C15.8219 12.9763 16.9247 14.1667 18.2671 14.1667C19.6336 14.1667 20.7123 12.9763 20.7123 11.5239C20.7123 10.0715 19.6336 8.88106 18.2671 8.88106Z"></path>
|
|
</svg>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ"></div>
|
|
</div>
|
|
</div>
|
|
<div style="opacity: 1; height: 56px; transform: scale(1);">
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-1m5BUr wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"/>
|
|
</div>
|
|
<div tabindex="0" class="blob-3RT82C wrapper-25eVIn" role="button">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask0" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"/>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"/>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"/>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask0)" x="0" y="0" width="48" height="48">
|
|
<a class="wrapper-1BJsBx" href="">
|
|
<img class="icon-27yU2q" src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png" alt="Server Icon" width="48" height="48"></img>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ">
|
|
<div class="lowerBadge-29hYVK" style="opacity: 1; transform: translate(0px, 0px);">
|
|
<div class="numberBadge-2s8kKX base-PmTxvP" style="background-color: rgb(240, 71, 71); width: 16px; padding-right: 1px;">2</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="guildSeparator-3s64Iy"></div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-31IEus wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0; height: 8px; transform: translate3d(-4px, 0px, 0px);"></span>
|
|
</div>
|
|
<div class="blobContainer-239gwq" draggable="true">
|
|
<div class="wrapper-25eVIn">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask1" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask1)" x="0" y="0" width="48" height="48">
|
|
<a class="wrapper-1BJsBx" aria-label="" href="">
|
|
<img class="icon-27yU2q" src="https://cdn.discordapp.com/icons/86004744966914048/292e7f6bfff2b71dfd13e508a859aedd.webp?" alt="Server Icon" width="48" height="48"></img>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-31IEus wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"></span>
|
|
</div>
|
|
<div class="blobContainer-239gwq" draggable="true">
|
|
<div class="wrapper-25eVIn">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask2" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></rect>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask2)" x="0" y="0" width="48" height="48">
|
|
<a class="wrapper-1BJsBx" aria-label="" href="">
|
|
<img class="icon-27yU2q" src="https://cdn.discordapp.com/icons/410787888507256842/c8941576782dd171cf2b82dd1ffc0f76.webp?" alt="Server Icon" width="48" height="48"></img>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ">
|
|
<div class="lowerBadge-29hYVK" style="opacity: 1; transform: translate(0px, 0px);">
|
|
<div class="numberBadge-2s8kKX base-PmTxvP" style="background-color: rgb(240, 71, 71); width: 16px; padding-right: 1px;">3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-31IEus wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 1; height: 40px; transform: translate3d(0px, 0px, 0px);"></span>
|
|
</div>
|
|
<div class="blobContainer-239gwq" draggable="true">
|
|
<div class="wrapper-25eVIn">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask3" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z" fill="white"></rect>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></path>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></path>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask3)" x="0" y="0" width="48" height="48">
|
|
<a class="wrapper-1BJsBx" aria-label="" href="" style="font-size: 18px;">
|
|
<div class="acronym-2mOFsV selected-bZ3Lue" aria-label="Server Acronym">S</div>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-31IEus wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0; height: 8px; transform: translate3d(-4px, 0px, 0px);"></span>
|
|
</div>
|
|
<div class="blobContainer-239gwq" draggable="true">
|
|
<div class="wrapper-25eVIn">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask4" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></path>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></path>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask4)" x="0" y="0" width="48" height="48">
|
|
<a class="wrapper-1BJsBx" aria-label="" href="" style="font-size: 18px;">
|
|
<div class="acronym-2mOFsV" aria-label="Server Acronym">1</div>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ">
|
|
<div class="upperBadge-2XnnGB" style="opacity: 1; transform: translate(0px, 0px);">
|
|
<div class="iconBadge-2wi9r4 iconBadge-2NuvG9 base-PmTxvP">
|
|
<svg name="Nova_Speaker" class="icon-3s6X1M" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-31IEus wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"></span>
|
|
</div>
|
|
<div class="blobContainer-239gwq" draggable="true">
|
|
<div class="wrapper-25eVIn">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="DiscordPreviewMask5" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></path>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></path>
|
|
</mask>
|
|
<foreignObject mask="url(#DiscordPreviewMask5)" x="0" y="0" width="48" height="48">
|
|
<a class="wrapper-1BJsBx" aria-label="" href="" style="font-size: 18px;">
|
|
<div class="acronym-2mOFsV" aria-label="Server Acronym">2</div>
|
|
</a>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ">
|
|
<div class="upperBadge-2XnnGB" style="opacity: 1; transform: translate(0px, 0px);">
|
|
<div class="iconBadge-2wi9r4 iconBadge-2NuvG9 base-PmTxvP">
|
|
<svg name="Nova_Camera" class="icon-3s6X1M" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M20.526 8.149C20.231 7.966 19.862 7.951 19.553 8.105L17 9.382V8C17 6.897 16.103 6 15 6H6C4.897 6 4 6.897 4 8V16C4 17.104 4.897 18 6 18H15C16.103 18 17 17.104 17 16V14.618L19.553 15.894C19.694 15.965 19.847 16 20 16C20.183 16 20.365 15.949 20.526 15.851C20.82 15.668 21 15.347 21 15V9C21 8.653 20.82 8.332 20.526 8.149Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-3YxEhL wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0; height: 8px; transform: translate3d(-4px, 0px, 0px);"></span>
|
|
</div>
|
|
<div tabindex="0" class="circleButtonMask-2VNJsN wrapper-25eVIn" role="button">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="fc8484ec-5608-4acb-a464-162b9718ad08" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
|
|
</mask>
|
|
<foreignObject mask="url(#fc8484ec-5608-4acb-a464-162b9718ad08)" x="0" y="0" width="48" height="48">
|
|
<div tabindex="0" class="circleIconButton-jET_ig" aria-label="Server hinzufügen" role="button">
|
|
<svg name="Nova_Add" class="circleIcon-LvPL6c" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M21 11.001H13V3.00098H11V11.001H3V13.001H11V21.001H13V13.001H21V11.001Z"></path>
|
|
</svg>
|
|
</div>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ"></div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<div class="pill-3YxEhL wrapper-sa6paO">
|
|
<span class="item-2hkk8m" style="opacity: 0; height: 8px; transform: translate3d(-4px, 0px, 0px);"></span>
|
|
</div>
|
|
<div tabindex="0" class="circleButtonMask-2VNJsN wrapper-25eVIn" role="button">
|
|
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
|
|
<mask id="17e1719d-09eb-4909-b5ee-873df96d7afa" fill="black" x="0" y="0" width="48" height="48">
|
|
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
|
|
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
|
|
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
|
|
</mask>
|
|
<foreignObject mask="url(#17e1719d-09eb-4909-b5ee-873df96d7afa)" x="0" y="0" width="48" height="48">
|
|
<div tabindex="0" class="circleIconButton-jET_ig" aria-label="Server Discovery" role="button">
|
|
<svg name="Search" width="24" height="24" viewBox="0 0 18 18">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path fill="currentColor" d="M3.60091481,7.20297313 C3.60091481,5.20983419 5.20983419,3.60091481 7.20297313,3.60091481 C9.19611206,3.60091481 10.8050314,5.20983419 10.8050314,7.20297313 C10.8050314,9.19611206 9.19611206,10.8050314 7.20297313,10.8050314 C5.20983419,10.8050314 3.60091481,9.19611206 3.60091481,7.20297313 Z M12.0057176,10.8050314 L11.3733562,10.8050314 L11.1492281,10.5889079 C11.9336764,9.67638651 12.4059463,8.49170955 12.4059463,7.20297313 C12.4059463,4.32933105 10.0766152,2 7.20297313,2 C4.32933105,2 2,4.32933105 2,7.20297313 C2,10.0766152 4.32933105,12.4059463 7.20297313,12.4059463 C8.49170955,12.4059463 9.67638651,11.9336764 10.5889079,11.1492281 L10.8050314,11.3733562 L10.8050314,12.0057176 L14.8073185,16 L16,14.8073185 L12.2102538,11.0099776 L12.0057176,10.8050314 Z"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</foreignObject>
|
|
</svg>
|
|
<div class="badgeWrapper-3e8pMZ"></div>
|
|
</div>
|
|
</div>
|
|
<div class="listItem-2P_4kh">
|
|
<a target="_blank" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB guildsError-b7zR5H">!</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="unreadMentionsIndicatorBottom-BXS58x">
|
|
<div class="bar-30k2ka unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(150%);">
|
|
<span class="text-2e2ZyG"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 base-3dtUhz" style="flex: 1 1 auto; margin-left: 0px; margin-right: 0px;">
|
|
<div class="flexChild-faoVW3" style="flex: 0 0 auto;">
|
|
<div>
|
|
<div class="noticeStreamerMode-2TSQpg notice-2FJMB4 size14-3iUx6q weightMedium-2iZe9B height36-36OHCc">
|
|
<div class="dismiss-SCAH9H"></div>
|
|
This is a Theme preview to allow you to choose the Theme of your liking. To show/hide the Theme Menu press "Ctrl"
|
|
<button class="button-1MICoQ size14-3iUx6q weightMedium-2iZe9B">Deactivate</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 spacer-29U_x8 firefoxFixScrollFlex-cnI2ix" style="flex: 1 1 auto;">
|
|
<div class="channels-Ie2l6A vertical-V37hAW flex-1O1GKY directionColumn-35P_nr">
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-PNkimc firefoxFixScrollFlex-cnI2ix" style="flex: 1 1 auto;">
|
|
<div class="flexChild-faoVW3" style="flex: 0 0 auto;">
|
|
<div class="container-2Rl01u hasDropdown-2invhV">
|
|
<header class="header-2o-2hj">
|
|
<span class="name-3YKhmS">Selected Server</span>
|
|
<svg width="18" height="18" class="button-1w5pas">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path d="M0 0h18v18H0"></path>
|
|
<path stroke="#FFF" d="M4.5 4.5l9 9" stroke-linecap="round"></path>
|
|
<path stroke="#FFF" d="M13.5 4.5l-9 9" stroke-linecap="round"></path>
|
|
</g>
|
|
</svg>
|
|
</header>
|
|
</div>
|
|
</div>
|
|
<div class="positionedContainer-l-ZqRq">
|
|
<div class="unreadTop-73gZ2_ unread-1s3J68 container-35XQWE">
|
|
<div class="bar-30k2ka flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs unreadBar-3YD_k9 unread-1xRYoj active-1SSsBb" style="transform: translateY(-150%);">New Unreads
|
|
<svg name="ArrowUp" class="icon-2aINcz" width="24" height="24" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" fill-rule="nonzero" points="13 20 11 20 11 8 5.5 13.5 4.08 12.08 12 4.16 19.92 12.08 18.5 13.5 13 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerThemed-2oenus themeGhostHairlineChannels-3G0x9_ scrollerFade-1Ijw5y">
|
|
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl scroller-2wx7Hm">
|
|
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
|
|
<div class="container-0">
|
|
<div style="height: 16px;"></div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">default text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq selected-37j_iU" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeSelected-1zApJ_" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">selected text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeMuted-3osy7j" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">muted text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeUnread-1zpFdA" role="button">
|
|
<div class="unread-3zKkbm"></div>
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">unread text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeLocked-SZJhTy" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"></path>
|
|
<path fill="currentColor" d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">locked text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"></path>
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">nsfw text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">default voice</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeSelected-1zApJ_" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">selected voice</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-2bwCXU list-19h6Fv listDefault-2y5Z9D">
|
|
<div draggable="true">
|
|
<div class="draggable-1KoBzC">
|
|
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
|
|
<div class="content-3xS9Lh">
|
|
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: REPLACE_AVATAR;"></div>
|
|
<div class="usernameFont-aFalyR username-lm8y6T">(default) REPLACE_USERNAME</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div draggable="true">
|
|
<div class="draggable-1KoBzC">
|
|
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
|
|
<div class="content-3xS9Lh">
|
|
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1 avatarSpeaking-3MqCHL" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
<div class="usernameFont-aFalyR username-lm8y6T usernameSpeaking-2xbKKh">(speaking) DevilBro</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div draggable="true">
|
|
<div class="draggable-1KoBzC">
|
|
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
|
|
<div class="content-3xS9Lh">
|
|
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
<div class="usernameFont-aFalyR username-lm8y6T">(muted) Bad Bot</div>
|
|
<div class="icons-3q-_6z">
|
|
<div class="iconSpacing-3LzVxF">
|
|
<svg class="icon-3BcwQu" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M21 4.27L19.73 3L3 19.73L4.27 21L8.46 16.82L9.69 15.58L11.35 13.92L14.99 10.28L21 4.27Z"></path>
|
|
<path fill="currentColor" d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"></path>
|
|
<path fill="currentColor" d="M9.01 11.085C9.015 11.1125 9.02 11.14 9.02 11.17L15 5.18V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 11.03 9.005 11.0575 9.01 11.085Z"></path>
|
|
<path fill="currentColor" d="M11.7237 16.0927L10.9632 16.8531L10.2533 17.5688C10.4978 17.633 10.747 17.6839 11 17.72V21H13V17.72C16.28 17.23 19 14.41 19 11H17.3C17.3 14 14.76 16.1 12 16.1C11.9076 16.1 11.8155 16.0975 11.7237 16.0927Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="iconSpacing-3LzVxF">
|
|
<svg class="icon-3BcwQu" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"></path>
|
|
<path fill="currentColor" d="M19.725 9.91686C19.9043 10.5813 20 11.2796 20 12V15H18C16.896 15 16 15.896 16 17V20C16 21.104 16.896 22 18 22H20C21.105 22 22 21.104 22 20V12C22 10.7075 21.7536 9.47149 21.3053 8.33658L19.725 9.91686Z"></path>
|
|
<path fill="currentColor" d="M3.20101 23.6243L1.7868 22.2101L21.5858 2.41113L23 3.82535L3.20101 23.6243Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeConnected-2IEL4z" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">connected voice (collapsed)</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-2bwCXU collapsed-3x0tkj list-19h6Fv listCollapse-3fl5Gb">
|
|
<div draggable="true">
|
|
<div class="draggable-1KoBzC">
|
|
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
|
|
<div class="content-3xS9Lh">
|
|
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div draggable="true">
|
|
<div class="draggable-1KoBzC">
|
|
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
|
|
<div class="content-3xS9Lh">
|
|
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1 avatarSpeaking-3MqCHL" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div draggable="true">
|
|
<div class="draggable-1KoBzC">
|
|
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
|
|
<div class="content-3xS9Lh">
|
|
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">limited voice</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="userLimit-64AFxe">
|
|
<div class="wrapper-pZmgj4">
|
|
<span class="users-i_3-kL">00</span>
|
|
<span class="total-3tKGEB">49</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeLocked-SZJhTy" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" class="icon-1_QxNX" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">locked voice</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-1">
|
|
<div class="containerDefault-3GGEv_" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 clickable-18m--O" role="button">
|
|
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
|
|
</svg>
|
|
<div class="name-IbjUBS">category</div>
|
|
<div class="children-13TY0l">
|
|
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">default text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeUnread-1zpFdA" role="button">
|
|
<div class="unread-3zKkbm"></div>
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">unread text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="mentionsBadge-7f5lud iconBase-2IHuka">
|
|
<div class="numberBadge-2s8kKX base-PmTxvP" style="background-color: rgb(240, 71, 71); width: 16px; padding-right: 1px;">1</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">default voice</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-2">
|
|
<div class="containerDefault-3GGEv_" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 collapsed-4WdoJ7 clickable-18m--O" role="button">
|
|
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
|
|
</svg>
|
|
<div class="name-IbjUBS">collapsed category</div>
|
|
<div class="children-13TY0l">
|
|
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-3">
|
|
<div class="containerDefault-3GGEv_" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 muted-1NRuDm clickable-18m--O" role="button">
|
|
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
|
|
</svg>
|
|
<div class="name-IbjUBS">muted category</div>
|
|
<div class="children-13TY0l">
|
|
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">default text</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerDefault-1ZnADq" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
|
|
<div class="content-3at_AU">
|
|
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
|
|
</svg>
|
|
<div class="name-3_Dsmg">default voice</div>
|
|
<div class="children-Bmpf2Q">
|
|
<div class="iconItem-1-bXkn iconBase-2IHuka">
|
|
<div tabindex="0" role="button">
|
|
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
|
|
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
|
|
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-4">
|
|
<div class="containerDefault-3GGEv_" draggable="true">
|
|
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 muted-1NRuDm collapsed-4WdoJ7 clickable-18m--O" role="button">
|
|
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
|
|
</svg>
|
|
<div class="name-IbjUBS">collapsed muted category</div>
|
|
<div class="children-13TY0l">
|
|
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
|
|
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; height: 15px; visibility: hidden;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="unreadBottom-1px0d1 unread-nWfX3W container-35XQWE">
|
|
<div class="bar-30k2ka unreadBar-3YD_k9 unread-1xRYoj active-1SSsBb" style="transform: translateY(150%);">New Unreads
|
|
<svg name="ArrowDown" class="icon-2aINcz" width="24" height="24" viewBox="0 0 24 24">
|
|
<polygon fill="currentColor" fill-rule="nonzero" points="13 4.16 11 4.16 11 16.16 5.5 10.66 4.08 12.08 12 20 19.92 12.08 18.5 10.66 13 16.16"></polygon>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-1UB9sr">
|
|
<div class="inner-btChU7">
|
|
<div class="">
|
|
<div class="rtc-connection-status rtc-connection-status-connected rtc-connection-quality-fine">
|
|
<span class="ping status-_2Z-j-"></span>
|
|
<div class="description-3ui3Rf">
|
|
<span class="status-_2Z-j-">Voice Connected</span>
|
|
<a class="channel-SEolQq" href="/channels/377831025201512448/377831025201512452">selected voice / Selected Server</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 0 auto;">
|
|
<div tabindex="0" class="" role="button">
|
|
<div class="buttonScreenShare-3zPiSA button-2KyEfG"></div>
|
|
</div>
|
|
<div tabindex="0" class="" role="button">
|
|
<div class="buttonDisconnect-3W_SJc button-2KyEfG"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-2Thooq">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb avatar-3JE4B3 avatarSmall-3ACRaI">
|
|
<div user="" status="online" class="inner-1W0Bkn stop-animation" style="background-image: REPLACE_AVATAR;"></div>
|
|
<div class="online-2S838R status-oxiHuE small-5Os1Bb status-2zcSVk status-2kJpnA status"></div>
|
|
</div>
|
|
<div class="accountDetails-3k9g4n nameTag-m8r81H">
|
|
<span class="username">REPLACE_USERNAME</span>
|
|
<span class="discriminator">#REPLACE_DISCRIMINATOR</span>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 1 auto;">
|
|
<div class="">
|
|
<button class="iconButtonDefault-2cKx7- iconButton-3V4WS5 button-2b6hmh small--aHOfS" style="background-image: url(https://discordapp.com/assets/4bc527c257233fc69b94342d77bcb9ee.svg);"></button>
|
|
</div>
|
|
<div class="">
|
|
<button class="iconButtonDefault-2cKx7- iconButton-3V4WS5 button-2b6hmh small--aHOfS" style="background-image: url(https://discordapp.com/assets/c7c47afdf35d5a3e06233319d3aa7674.svg);"></button>
|
|
</div>
|
|
<div class="button-2b6hmh">
|
|
<svg name="Gear" width="18" height="18" viewBox="0 0 18 18">
|
|
<path fill="currentColor" d="M7.15546853,6.47630098e-17 L5.84453147,6.47630098e-17 C5.36185778,-6.47630098e-17 4.97057344,0.391750844 4.97057344,0.875 L4.97057344,1.9775 C4.20662236,2.21136254 3.50613953,2.61688993 2.92259845,3.163125 L1.96707099,2.61041667 C1.76621819,2.49425295 1.52747992,2.46279536 1.30344655,2.52297353 C1.07941319,2.58315171 0.88846383,2.73002878 0.77266168,2.93125 L0.117193154,4.06875 C0.00116776262,4.26984227 -0.0302523619,4.50886517 0.0298541504,4.73316564 C0.0899606628,4.9574661 0.236662834,5.14864312 0.437644433,5.26458333 L1.39171529,5.81583333 C1.21064614,6.59536289 1.21064614,7.40609544 1.39171529,8.185625 L0.437644433,8.736875 C0.236662834,8.85281521 0.0899606628,9.04399223 0.0298541504,9.2682927 C-0.0302523619,9.49259316 0.00116776262,9.73161606 0.117193154,9.93270833 L0.77266168,11.06875 C0.88846383,11.2699712 1.07941319,11.4168483 1.30344655,11.4770265 C1.52747992,11.5372046 1.76621819,11.5057471 1.96707099,11.3895833 L2.92259845,10.836875 C3.50613953,11.3831101 4.20662236,11.7886375 4.97057344,12.0225 L4.97057344,13.125 C4.97057344,13.6082492 5.36185778,14 5.84453147,14 L7.15546853,14 C7.63814222,14 8.02942656,13.6082492 8.02942656,13.125 L8.02942656,12.0225 C8.79337764,11.7886375 9.49386047,11.3831101 10.0774016,10.836875 L11.032929,11.3895833 C11.2337818,11.5057471 11.4725201,11.5372046 11.6965534,11.4770265 C11.9205868,11.4168483 12.1115362,11.2699712 12.2273383,11.06875 L12.8828068,9.93270833 C12.9988322,9.73161606 13.0302524,9.49259316 12.9701458,9.2682927 C12.9100393,9.04399223 12.7633372,8.85281521 12.5623556,8.736875 L11.6082847,8.185625 C11.7893539,7.40609544 11.7893539,6.59536289 11.6082847,5.81583333 L12.5623556,5.26458333 C12.7633372,5.14864312 12.9100393,4.9574661 12.9701458,4.73316564 C13.0302524,4.50886517 12.9988322,4.26984227 12.8828068,4.06875 L12.2273383,2.93270833 C12.1115362,2.73148712 11.9205868,2.58461004 11.6965534,2.52443187 C11.4725201,2.46425369 11.2337818,2.49571128 11.032929,2.611875 L10.0774016,3.16458333 C9.49400565,2.61782234 8.79351153,2.2117896 8.02942656,1.9775 L8.02942656,0.875 C8.02942656,0.391750844 7.63814222,6.47630098e-17 7.15546853,6.47630098e-17 Z M8.5,7 C8.5,8.1045695 7.6045695,9 6.5,9 C5.3954305,9 4.5,8.1045695 4.5,7 C4.5,5.8954305 5.3954305,5 6.5,5 C7.03043298,5 7.53914081,5.21071368 7.91421356,5.58578644 C8.28928632,5.96085919 8.5,6.46956702 8.5,7 Z" transform="translate(2.5 2)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat-3bRxxu firefoxFixScrollFlex-cnI2ix">
|
|
<div class="title-3qD0b- container-1r6BKw">
|
|
<div class="children-19S4PO">
|
|
<div class="iconWrapper-2OrFZ1">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-22AiRD">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
|
|
</svg>
|
|
</div>
|
|
<h3 role="button" class="title-29uC1r base-1x0h_U size16-1P40sf">selected text</h3>
|
|
<div class="divider-3FBTu8"></div>
|
|
<div class="topic-TCb_qw expandable-9fI_e3">This is a Theme Preview inside a Dummy Version of Discord.</div>
|
|
</div>
|
|
<div class="toolbar-1t6TWx">
|
|
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
|
|
<svg x="0" y="0" name="Nova_Bell" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
|
|
<svg x="0" y="0" name="Nova_Pin" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn selected-1GqIat" role="button">
|
|
<svg x="0" y="0" name="Nova_People" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"></path>
|
|
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"></path>
|
|
<path fill="currentColor" d="M20.0001 20.006H22.0001V19.006C22.0001 16.4433 20.2697 14.4415 17.5213 13.5352C19.0621 14.9127 20.0001 16.8059 20.0001 19.006V20.006Z"></path>
|
|
<path fill="currentColor" d="M14.8834 11.9077C16.6657 11.5044 18.0001 9.9077 18.0001 8.00598C18.0001 5.96916 16.4693 4.28218 14.4971 4.0367C15.4322 5.09511 16.0001 6.48524 16.0001 8.00598C16.0001 9.44888 15.4889 10.7742 14.6378 11.8102C14.7203 11.8418 14.8022 11.8743 14.8834 11.9077Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="search-36MZv-">
|
|
<div tabindex="0" class="search-2oPWTC" role="button">
|
|
<div class="searchBar-3dMhjb">
|
|
<div class="DraftEditor-root">
|
|
<div class="public-DraftEditorPlaceholder-root">
|
|
<div class="public-DraftEditorPlaceholder-inner" id="placeholder-37gul" style="white-space: pre-wrap;">Search</div>
|
|
</div>
|
|
<div class="DraftEditor-editorContainer">
|
|
<div aria-describedby="placeholder-37gul" class="notranslate public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline: none; user-select: text; white-space: pre-wrap; overflow-wrap: break-word;">
|
|
<div data-contents="true">
|
|
<div class="" data-block="true" data-editor="37gul" data-offset-key="bipru-0-0">
|
|
<div data-offset-key="bipru-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr">
|
|
<span data-offset-key="bipru-0-0">
|
|
<br data-text="true">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="icon-38sknP iconLayout-1WxHy4 small-1lPjda" role="button">
|
|
<div class="iconContainer-O4O2CN">
|
|
<svg name="Search" class="icon-3cZ1F_ visible-3V0mGj" width="18" height="18" viewBox="0 0 18 18">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path fill="currentColor" d="M3.60091481,7.20297313 C3.60091481,5.20983419 5.20983419,3.60091481 7.20297313,3.60091481 C9.19611206,3.60091481 10.8050314,5.20983419 10.8050314,7.20297313 C10.8050314,9.19611206 9.19611206,10.8050314 7.20297313,10.8050314 C5.20983419,10.8050314 3.60091481,9.19611206 3.60091481,7.20297313 Z M12.0057176,10.8050314 L11.3733562,10.8050314 L11.1492281,10.5889079 C11.9336764,9.67638651 12.4059463,8.49170955 12.4059463,7.20297313 C12.4059463,4.32933105 10.0766152,2 7.20297313,2 C4.32933105,2 2,4.32933105 2,7.20297313 C2,10.0766152 4.32933105,12.4059463 7.20297313,12.4059463 C8.49170955,12.4059463 9.67638651,11.9336764 10.5889079,11.1492281 L10.8050314,11.3733562 L10.8050314,12.0057176 L14.8073185,16 L16,14.8073185 L12.2102538,11.0099776 L12.0057176,10.8050314 Z"></path>
|
|
</g>
|
|
</svg>
|
|
<svg name="Close" class="icon-3cZ1F_" width="12" height="12" viewBox="0 0 12 12">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path d="M0 0h12v12H0"></path>
|
|
<path class="fill" fill="currentColor" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
|
|
<svg x="0" y="0" name="Nova_At" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12C2 17.515 6.486 22 12 22C14.039 22 15.993 21.398 17.652 20.259L16.521 18.611C15.195 19.519 13.633 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V12.782C20 14.17 19.402 15 18.4 15L18.398 15.018C18.338 15.005 18.273 15 18.209 15H18C17.437 15 16.6 14.182 16.6 13.631V12C16.6 9.464 14.537 7.4 12 7.4C9.463 7.4 7.4 9.463 7.4 12C7.4 14.537 9.463 16.6 12 16.6C13.234 16.6 14.35 16.106 15.177 15.313C15.826 16.269 16.93 17 18 17L18.002 16.981C18.064 16.994 18.129 17 18.195 17H18.4C20.552 17 22 15.306 22 12.782V12C22 6.486 17.514 2 12 2ZM12 14.599C10.566 14.599 9.4 13.433 9.4 11.999C9.4 10.565 10.566 9.399 12 9.399C13.434 9.399 14.6 10.565 14.6 11.999C14.6 13.433 13.434 14.599 12 14.599Z"></path>
|
|
</svg>
|
|
</div>
|
|
<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" href="https://support.discordapp.com" rel="noreferrer noopener" target="_blank">
|
|
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
|
|
<svg x="0" y="0" name="Nova_Help" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"></path>
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="content-yTz4x3 firefoxFixScrollFlex-cnI2ix">
|
|
<div class="spacer-1fA9zc vertical-V37hAW flex-1O1GKY directionColumn-35P_nr" style="position: relative;">
|
|
<div class="messagesWrapper-3lZDfY">
|
|
<div class="newMessagesBar-mujexs">
|
|
<button type="button">10 new messages since Forever</button>
|
|
<button type="button">Mark As Read</button>
|
|
</div>
|
|
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerWrap-2su1QI scrollerThemed-2oenus themedWithTrack-q8E3vB">
|
|
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl messages-3amgkR">
|
|
<div class="default-1VPH9n base-34jWEe">
|
|
<h1 class="old-h1">Welcome to the beginning of the <strong>#adsdas</strong> channel.</h1>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Last Saturday at 3:25 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="markup-2BOw-j">Thanks for choosing to use my Theme Repo Plugin to find a Theme of your liking. If you have suggestions or are looking for more of my Plugins, feel free to visit my git at <a title="https://github.com/mwittrien/BetterDiscordAddons/" href="https://github.com/mwittrien/BetterDiscordAddons" target="_blank" rel="noreferrer">https://github.com/mwittrien/BetterDiscordAddons/</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed-IeVjo6 embedWrapper-3AbfJJ">
|
|
<div class="embedPill-1Zntps" style="background-color: rgb(30, 35, 39);"></div>
|
|
<div class="embedInner-1-fpTo">
|
|
<div class="embedContent-3fnYWm">
|
|
<div class="embedContentInner-FBnk7v markup-2BOw-j">
|
|
<div class="">
|
|
<span class="embedProvider-3k5pfl">GitHub</span>
|
|
</div>
|
|
<div class="embedMargin-UO5XwE">
|
|
<a target="_blank" rel="noreferrer noopener" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://github.com/mwittrien/BetterDiscordAddons/">mwittrien/BetterDiscordAddons</a>
|
|
</div>
|
|
<div class="embedDescription-1Cuq9a embedMargin-UO5XwE">BetterDiscordAddons - A series of plugins and themes for BetterDiscord.</div>
|
|
</div>
|
|
<a target="_blank" rel="noreferrer noopener" class="imageWrapper-2p5ogY imageZoom-1n-ADA clickable-3Ya1ho embedThumbnail-2Y84-K" href="https://github.com/mwittrien/BetterDiscordAddons/" style="width: 80px; height: 80px;">
|
|
<img src="https://i.imgur.com/EZUorCa.png?1" style="width: 80px; height: 80px;"></img>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="divider-32i8lo">
|
|
</div>
|
|
<div class="divider-3gKybi divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">November 21, 2017</span>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Last Tuesday at 7:06 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">
|
|
<code class="inline">Codeline</code>
|
|
<pre>
|
|
<code class="scrollbarGhost-2F9Zj2 scrollbar-3dvm_9 hljs">Normal CodeBlock<br>Second Line<br>Third Line</code>
|
|
</pre>
|
|
<pre>
|
|
<code class="scrollbarGhost-2F9Zj2 scrollbar-3dvm_9 hljs CSS"><span class="hljs-selector-tag">CSS CodeBlock</span><br><span class="hljs-selector-tag">Second Line</span><br><span class="hljs-selector-tag">Third Line</span></code>
|
|
</pre>
|
|
<span class="edited-DL9ECl">(edited)</span>
|
|
</div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
</div>
|
|
<hr class="divider-32i8lo">
|
|
</div>
|
|
<div class="divider-3gKybi divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">November 27, 2017</span>
|
|
</div>
|
|
<div class="messageGroupBlocked-3wrQQX">
|
|
<div class="messageGroupBlockedBtn-1PBBh-">1 Blocked Messages</div>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 8:55 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="isMentionedCozy-3isp7y isMentioned-N-h9aa containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><span class="mention wrapperHover-1GktnT wrapper-3WhCwL" style="color: rgb(26, 188, 156); background: rgba(26, 188, 156, 0.1);">@REPLACE_USERNAME</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="messageGroupBlocked-3wrQQX revealed-1_RKsf">
|
|
<div class="messageGroupBlockedBtn-1PBBh-">1 Blocked Message</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button">Anonymous</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 10:00 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Revealed Blocked Message</div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:10 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Expired<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
|
|
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
|
|
<div class="content-2U5lSY">
|
|
<div class="guildIconExpired-2Qcq05 guildIcon-lQ0uiM"></div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
|
|
<div class="guildNameExpired-2Hp80V marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Invite Expired</div>
|
|
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">Ask DevilBro for a new invite!</div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookFilled-1Gx00P colorBrand-3pXr91 buttonSize-DbrWhv grow-q77ONN">
|
|
<div class="contents-18-Yxp buttonInner-1IRxqd">
|
|
<div class="buttonContent-18Mz6_">Mention</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(52, 152, 219);">Bad Bot</strong><span class="botTagRegular-2HEhHi botTag-2WPJ74 botTagCozy-1875JY botTag-2BhDSU">BOT</span>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:15 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Valid<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a><span class="edited-DL9ECl">(edited)</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
|
|
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
|
|
<div class="content-2U5lSY">
|
|
<div class="icon-3o6xvg guildIconImage-3qTk45 guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z" style="background-image: url(https://i.imgur.com/EZUorCa.png?1);"></div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
|
|
<div class="guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">My Server</div>
|
|
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">
|
|
<i class="statusOnline-8PnF5L status-2L8Zc7"></i>
|
|
<span class="onlineCount-w6_WmG">50 Online</span>
|
|
<i class="statusOffline-37RKt7 status-2L8Zc7"></i>
|
|
<span>100 Member</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookFilled-1Gx00P colorGreen-29iAKY buttonSize-DbrWhv grow-q77ONN">
|
|
<div class="contents-18-Yxp buttonInner-1IRxqd">
|
|
<div class="buttonContent-18Mz6_">Join</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:20 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j">Accepted<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a><span class="edited-DL9ECl">(edited)</span></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
|
|
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
|
|
<div class="content-2U5lSY">
|
|
<div class="icon-3o6xvg guildIconJoined-1r7FRE guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z noIcon-1a_FrS" style="font-size: 18px;">A</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
|
|
<div class="guildNameJoined-H7D9uF guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Another Server</div>
|
|
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">
|
|
<i class="statusOnline-8PnF5L status-2L8Zc7"></i>
|
|
<span class="onlineCount-w6_WmG">50 Online</span>
|
|
<i class="statusOffline-37RKt7 status-2L8Zc7"></i>
|
|
<span>100 Members</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookOutlined-3sRXeN colorPrimary-3b3xI6 buttonSize-DbrWhv grow-q77ONN">
|
|
<div class="contents-18-Yxp buttonInner-1IRxqd">
|
|
<div class="buttonContent-18Mz6_">Joined</div>
|
|
<svg name="Checkmark" class="buttonIcon-1pYT18" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<polyline stroke="currentColor" stroke-width="2" points="3.5 9.5 7 13 15 5"></polyline>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="container-3-pyIM">
|
|
<div class="icon-2Po-VO" style="background-image: url(https://discordapp.com/assets/4e4e1d9c907a3dc53d68f34e868fcb12.svg);"></div>
|
|
<div class="content-2M3n_H">
|
|
<a style="color: rgb(26, 188, 156);">REPLACE_USERNAME </a>
|
|
pinned a message to this channel.
|
|
<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" rel="noreferrer">See all the pins.</a>
|
|
<span class="timestamp-1E3uAL">Yesterday at 11:30 AM</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 3:22 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><a title="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" target="_blank" rel="noreferrer">https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div aria-hidden="false" class="embed-IeVjo6 embedWrapper-3AbfJJ">
|
|
<a class="imageWrapper-2p5ogY imageZoom-1n-ADA clickable-3Ya1ho embedImage-2W1cML embedWrapper-3AbfJJ" href="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 210px;">
|
|
<img alt="" src="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" style="width: 400px; height: 210px;"></img>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 3:33 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"><a title="https://youtu.be/48Zh3h_SD-o" href="https://youtu.be/48Zh3h_SD-o" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" target="_blank" rel="noreferrer">https://youtu.be/48Zh3h_SD-o</a></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed-IeVjo6 embedWrapper-3AbfJJ" style="max-width: 426px;"><div class="embedPill-1Zntps" style="background-color: rgb(255, 0, 0);"></div><div class="embedInner-1-fpTo"><div class="embedContent-3fnYWm"><div class="embedContentInner-FBnk7v markup-2BOw-j markup-2BOw-j"><div class=""><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedProviderLink-2Pq1Uw embedLink-1G1K1D embedProvider-3k5pfl" href="https://www.youtube.com/" rel="noreferrer noopener" target="_blank">YouTube</a></div><div class="embedAuthor-3l5luH flex-1O1GKY embedMargin-UO5XwE"><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedAuthorNameLink-1gVryT embedLink-1G1K1D embedAuthorName-3mnTWj" href="https://www.youtube.com/user/ChrisBrosTV" rel="noreferrer noopener" target="_blank">CHRISONTV</a></div><div class="embedMargin-UO5XwE"><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">HOWTO | INSTALL BETTER DISCORD (WITH THEMES & PLUGINS) | ENGLISH</a></div></div></div><div class="embedVideo-3nf0O9 embedMarginLarge-YZDCEs" style="width: 400px; height: 225px;"><a class="imageWrapper-2p5ogY clickable-3Ya1ho embedVideoImageComponent-34z3di" href="" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 225px;"><img class="embedVideoImageComponentInner-2Ujh_1" alt="" src="https://images-ext-1.discordapp.net/external/sII8NgYjrqXEUjzhMwCs88bBx4DFSHCc5rWdE2LNNH8/https/i.ytimg.com/vi/48Zh3h_SD-o/maxresdefault.jpg?width=360&height=203" style="width: 400px; height: 225px;"></img></a><div class="embedVideoActions-O6vR7W"><div class="centerContent-1dpMl0"><div class="wrapper-129saQ"><div tabindex="0" class="iconWrapperActive-12kkfE iconWrapper-21idzA" role="button"><svg name="Play" class="iconPlay-2kgvwV icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24"><polygon fill="currentColor" points="0 0 0 14 11 7" transform="translate(7 5)"></polygon></svg></div><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB iconWrapperActive-12kkfE iconWrapper-21idzA" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank"><svg name="OpenExternal" class="iconExternalMargins-2v2mzg icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" transform="translate(3.000000, 4.000000)" d="M16 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4v-2H2V4h14v10h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2zM9 6l-4 4h3v6h2v-6h3L9 6z"></path></svg></a></div></div></div></div></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="divider-32i8lo">
|
|
</div>
|
|
<div class="divider-3gKybi dividerRed-MKoLlr divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">New Messages</span>
|
|
</div>
|
|
<div class="divider-3gKybi divider-3zi9LO">
|
|
<span class="dividerContent-2L12VI">November 16, 2017</span>
|
|
</div>
|
|
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(52, 152, 219);">Bad Bot</strong><span class="botTagRegular-2HEhHi botTag-2WPJ74 botTagCozy-1875JY botTag-2BhDSU">BOT</span>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Today at 11:52 AM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div class="containerCozy-336-Cz container-206Blv">
|
|
<div class="buttonContainer-KtQ8wc">
|
|
<div class="buttonContainer-37UsAw">
|
|
<div class="reactionBtn-2na4rd"></div>
|
|
<div class="button-3Jq0g9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="markup-2BOw-j"></div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot">
|
|
<div class="embed-IeVjo6 embedWrapper-3AbfJJ"><div class="embedPill-1Zntps"></div><div class="embedInner-1-fpTo"><div class="embedContent-3fnYWm"><div class="embedContentInner-FBnk7v markup-2BOw-j"><div class="embedAuthor-3l5luH"><img class="embedAuthorIcon--1zR3L" src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png"></img><span class="embedAuthorName-3mnTWj weightMedium-2iZe9B size14-3iUx6q">Bad Bot</span></div><div class="embedDescription-1Cuq9a embedMargin-UO5XwE">Embed Preview</div></div></div><div class="embedFooter-3yVop- embedMarginLarge-YZDCEs"><span class="embedFooterText-28V_Wb">in #general<span class="embedFooterSeparator-3klTIQ">•</span>01/01/2017</span></div></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
<div class="containerCozy-jafyvG container-1YxwTf">
|
|
<div class="messageCozy-2JPAPA message-1PNnaP">
|
|
<div class="headerCozy-2N9HOL">
|
|
<div tabindex="-1" class="wrapper-2F3Zv8 large-3ChYtB avatar-17mtNa" role="button">
|
|
<div class="image-33JSyf large-3ChYtB" style="background-image: REPLACE_AVATAR;"></div>
|
|
</div>
|
|
<h2 class="headerCozyMeta-rdohGq">
|
|
<span class="usernameWrapper-1S-G5O">
|
|
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
|
|
</span>
|
|
<time class="timestampCozy-2hLAPV" datetime="">Today at 5:02 PM</time>
|
|
</h2>
|
|
</div>
|
|
<div class="contentCozy-3XX413 content-3dzVd8">
|
|
<div>
|
|
<div class="channelTextArea-1LDbYG margin-top-8 charcounter-added">
|
|
<div class="inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO">
|
|
<div class="uploadInput-2lNPSo">
|
|
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
|
|
</div>
|
|
<textarea rows="1" tabindex="1" class="textArea-2Spzkt textAreaEdit-bNLDk3 textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="height: auto;">Edit Message</textarea>
|
|
<div class="buttons-205you">
|
|
<button tabindex="4" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw button-2vd_v_ button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="operations-36ENbA">escape to <a tabindex="0" class="anchor-3Z-8Bb" role="button">cancel</a> • enter to <a tabindex="0" class="anchor-3Z-8Bb" role="button">save</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="containerCozy-B4noqO container-1e22Ot"></div>
|
|
</div>
|
|
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="jumpToPresentBar-9P20AM">
|
|
<button type="button">You're viewing older messages</button>
|
|
<button type="button">Jump To Present</button>
|
|
</div>
|
|
</div>
|
|
<form>
|
|
<div class="channelTextAreaEnabled-iusU9o channelTextArea-1LDbYG channelTextArea-rNsIhG">
|
|
<div class="innerEnabled-3g80kR inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO" style="max-height:50px;">
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto max-height:inherit;">
|
|
<button tabindex="3" type="button" class="attachButton-1UjEWA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp attachButtonInner-1iyZ9F">
|
|
<svg width="24" height="24" viewBox="0 0 24 24">
|
|
<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
<div class="attachButtonDivider-3Glu60" style="max-height:inherit;"></div>
|
|
</div>
|
|
<div class="uploadInput-2lNPSo">
|
|
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
|
|
</div>
|
|
<textarea rows="1" placeholder="Message to #general" class="textAreaEnabled-3vQ5WZ textArea-2Spzkt textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="max-height:inherit;"></textarea>
|
|
<div class="buttons-205you">
|
|
<button tabindex="2" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
|
|
<svg name="Gift" class="icon-3D60ES" width="16" height="16" viewBox="0 0 16 16">
|
|
<path fill="currentColor" fill-rule="evenodd" d="M13.9499381,4.97031408 L15,4.97031408 C15.5522847,4.97031408 16,5.42245961 16,5.98020939 L16,8 L0,8 L0,5.98020939 C-6.76353751e-17,5.42245961 0.44771525,4.97031408 1,4.97031408 L1.97920984,4.97031408 C1.01782154,3.76290607 1.11036555,1.99225385 2.23546762,0.895004171 C3.42730882,-0.267332482 5.32651446,-0.233853688 6.47746213,0.969781151 C7.07300942,1.59259093 7.63216429,2.52072721 7.97475156,3.47225991 C8.3157709,2.50516262 8.88309781,1.55764854 9.48796509,0.925092131 C10.6389128,-0.278542708 12.5381184,-0.312021502 13.7299596,0.85031515 C14.8690241,1.96118164 14.9497436,3.76226816 13.9499381,4.97031408 Z M10.635938,5 C10.734461,4.96362465 10.837387,4.92192897 10.9436159,4.87518066 C11.6535979,4.56273792 12.4171451,4.06075227 12.7190202,3.74012812 C13.103105,3.33218843 13.0920422,2.68213425 12.6943108,2.28819147 C12.2965794,1.8942487 11.6627922,1.90559543 11.2787075,2.31353512 C10.9768324,2.63415927 10.514354,3.43434591 10.2346934,4.17301099 C10.1162728,4.48579438 10.0363609,4.77004854 10,5 L10.635938,5 Z M5.25139448,5 L6,5 C5.96063336,4.77507371 5.88337351,4.50341724 5.77235412,4.20642989 C5.49198082,3.45640483 5.02832378,2.64391205 4.72567933,2.318357 C4.34061573,1.90414358 3.7052133,1.89262234 3.30646827,2.29262359 C2.90772324,2.69262485 2.89663225,3.35267626 3.28169585,3.76688968 C3.58434031,4.09244473 4.34983347,4.60215046 5.06162485,4.91939828 C5.12617993,4.94817069 5.18951835,4.97505811 5.25139448,5 Z M1,10 L7,10 L7,16 L2,16 C1.44771525,16 1,15.5522847 1,15 L1,10 Z M9,10 L15,10 L15,15 C15,15.5522847 14.5522847,16 14,16 L9,16 L9,10 Z"></path>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
<div class="buttonContainer-21MN7J">
|
|
<button tabindex="3" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
|
|
<svg class="icon-3D60ES gifPickerIcon-132le6" width="24" height="18" viewBox="0 0 24 18">
|
|
<path fill="currentColor" d="M3,0 L21,0 C22.6568542,-3.04359188e-16 24,1.34314575 24,3 L24,15 C24,16.6568542 22.6568542,18 21,18 L3,18 C1.34314575,18 2.02906125e-16,16.6568542 0,15 L0,3 C-2.02906125e-16,1.34314575 1.34314575,-5.83819232e-16 3,-8.8817842e-16 Z M11,5 L11,13 L13,13 L13,5 L11,5 Z M8,5 L4,5 C3.28,5 3,5.33333333 3,6 L3,12 C3,12.6666667 3.28,13 4,13 L8,13 C8.72,13 9,12.6666667 9,12 L9,8 L6,8 L6,10 L7,10 L7,11 L5,11 L5,7 L9,7 L9,6 C9,5.33333333 8.72,5 8,5 Z M21,7 L21,5 L15,5 L15,13 L17,13 L17,10 L20,10 L20,8 L17,8 L17,7 L21,7 Z"></path>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<button tabindex="4" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw button-2vd_v_ button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
|
|
<div class="contents-18-Yxp">
|
|
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="membersWrap-2h-GB4">
|
|
<div class="scrollerWrap-2lJEkd scrollerThemed-2oenus themeGhost-28MSn0 scrollerFade-1Ijw5y">
|
|
<div class="scroller-2FKFPG members-1998pB">
|
|
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
|
|
<h2 class="membersGroup-v9BXpm">Developer—1</h2>
|
|
<div class="memberOnline-1CIh-0 member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=128);"></div>
|
|
<div class="dnd-1_xrcq status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H" style="color: rgb(255, 23, 189);">
|
|
<span class="usernameOnline-3jr_0Y username-1cB_5E">DevilBro</span>
|
|
<svg name="Crown" class="ownerIcon-1cARO0 ownerIcon-uZ6mE7" width="24" height="24" viewBox="0 0 24 24"> <g fill="none" fill-rule="evenodd">
|
|
<path fill="#faa61a" fill-rule="nonzero" d="M2,11 L0,0 L5.5,7 L9,0 L12.5,7 L18,0 L16,11 L2,11 L2,11 Z M16,14 C16,14.5522847 15.5522847,15 15,15 L3,15 C2.44771525,15 2,14.5522847 2,14 L2,13 L16,13 L16,14 Z" transform="translate(3 4)"></path>
|
|
<rect width="24" height="24"></rect>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2 class="membersGroup-v9BXpm">Users—1</h2>
|
|
<div comparator="REPLACE_USERNAMESMALL REPLACE_USERID" class="memberOnline-1CIh-0 member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: REPLACE_AVATAR;"></div>
|
|
<div class="online-2S838R status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H" style="color: rgb(26, 188, 156);">
|
|
<span class="usernameOnline-3jr_0Y username-1cB_5E">REPLACE_USERNAME</span>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 activity-1IYsbk" style="flex: 1 1 auto;">
|
|
<div class="activityText-sLG0UL">Playing <strong>with Themes</strong></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2 class="membersGroup-v9BXpm">Bots—1</h2>
|
|
<div class="memberOnline-1CIh-0 member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png);"></div>
|
|
<div class="streaming-2_dnHe status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H" style="color: rgb(52, 152, 219);">
|
|
<span class="usernameOnline-3jr_0Y username-1cB_5E">Bad Bot</span>
|
|
<span class="botTagRegular-2HEhHi botTag-2WPJ74 bot-2Fta1w">BOT</span>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 activity-1IYsbk" style="flex: 1 1 auto;">
|
|
<div class="activityText-sLG0UL">Streaming <strong>Bad Puns</strong></div>
|
|
<svg name="RichActivity" class="activityIcon-S3CciC" width="16" height="16" viewBox="0 0 16 16">
|
|
<path class="activityIconForeground-qYIPPg" fill="currentColor" d="M6,7 L2,7 L2,6 L6,6 L6,7 Z M8,5 L2,5 L2,4 L8,4 L8,5 Z M8,3 L2,3 L2,2 L8,2 L8,3 Z M8.88888889,0 L1.11111111,0 C0.494444444,0 0,0.494444444 0,1.11111111 L0,8.88888889 C0,9.50253861 0.497461389,10 1.11111111,10 L8.88888889,10 C9.50253861,10 10,9.50253861 10,8.88888889 L10,1.11111111 C10,0.494444444 9.5,0 8.88888889,0 Z" transform="translate(3 3)"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2 class="membersGroup-v9BXpm">Offline—1</h2>
|
|
<div class="memberOffline-2lN7gt member-3W1lQa">
|
|
<div class="content-OzHfo4">
|
|
<span class="avatarWrapper-3B0ndJ">
|
|
<div class="wrapper-2F3Zv8 small-5Os1Bb avatarOffline-3GF27z">
|
|
<div class="image-33JSyf small-5Os1Bb mask-3OgeRz" style="background-image: url(https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png?size=128&);"></div>
|
|
<div class="offline-3qoTek status-oxiHuE small-5Os1Bb statusStatic-3QpK4G status-2s6iDp"></div>
|
|
</div>
|
|
</span>
|
|
<div class="memberInner-2CPc3V">
|
|
<div class="nameTag-3p0yK- nameTag-m8r81H">
|
|
<span class="usernameOffline-3VSVLk username-1cB_5E">Anonymous</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uploadArea-3QgLtW">
|
|
<div class="uploadDropModal-2kTwbc">
|
|
<div class="bgScale-1otPtc"></div>
|
|
<div class="inner-3nWsbo">
|
|
<div class="icons-1w691d">
|
|
<div class="wrapOne-14G98n">
|
|
<div class="icon-kyxXVr one-2crnLX"></div>
|
|
</div>
|
|
<div class="wrapThree-1CNQ42">
|
|
<div class="icon-kyxXVr three-27ScFD"></div>
|
|
</div>
|
|
<div class="wrapTwo-mQGI3R">
|
|
<div class="icon-kyxXVr two-3BBQI9"></div>
|
|
</div>
|
|
</div>
|
|
<div class="title-2Vtl4y">Drag & Drop</div>
|
|
<div class="instructions-2Du9gG">
|
|
<pre>You can add comments before uploading. Hold shift to upload directly.</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pictureInPicture-3VocJq theme-light"></div>
|
|
<div class="theme-light container-wrYOxa"></div>
|
|
</div>
|
|
<div class="theme-light"></div>
|
|
</div>
|
|
<div class="layerContainer-yqaFcK">
|
|
<div class="layer-v9HyYc" style="left: 60px; top: 358px;">
|
|
<div class="tooltip-2QfLtc tooltipRight-2JM5PQ tooltipBlack-PPG47z">
|
|
Test Tooltip
|
|
<div class="tooltipPointer-3ZfirK"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="theme-light popouts-3dRSmE">
|
|
<div class="popout-3sVMXz popoutLeft-30WmrD noArrow-3BYQ0Z noShadow-321ZPm" style="z-index: 1000; visibility: visible; top: -120px; right: 300px; transform: translateX(0%) translateY(100%) translateZ(0px);">
|
|
<div class="userPopout-3XzG_A">
|
|
<div class="headerNormal-T_seeN header-2BwW8b size16-14cGz5">
|
|
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 headerTop-3C2Zn0" style="flex: 1 1 auto;">
|
|
<div class="avatarWrapperNormal-3wFMbf avatarWrapper-3H_478">
|
|
<div class="wrapper-2F3Zv8 popout-2fzvxG">
|
|
<div class="image-33JSyf maskProfile-1ObLFT mask-3OgeRz" style="background-image:url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png);"></div>
|
|
<div class="idle-3DEnRT status-oxiHuE popout-2fzvxG statusProfile-3ynqtt avatarStatus-3Ay1VL"></div>
|
|
</div>
|
|
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 avatarHint-1qgaV3 maskProfile-1ObLFT mask-3OgeRz size10-39i14u height12-2Ltw-k weightBold-2yjlgw" style="flex: 1 1 auto;">
|
|
<div class="avatarHintInner-Dco91E">Show profil</div>
|
|
</div>
|
|
</div>
|
|
<div class="headerText-2sdzFM userSelectText-1o1dQ7">
|
|
<div class="headerName-fajvi9">DevilBro</div>
|
|
<div class="headerTag-2pZJzA size14-3iUx6q weightNormal-WI4TcG nameTag-m8r81H">
|
|
<span class="username">DevilBro</span>
|
|
<span class="discriminator">#4401</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="body-3iLsc4">
|
|
<div class="bodyTitle-Y0qMQz marginBottom8-AtZOdT size12-3R0845 weightBold-2yjlgw">Rolle</div>
|
|
<ul class="root-3-B5F3 flex-1O1GKY wrap-ZIn9Iy rolesList-22qj2L endBodySection-Rf4s-7 marginBottom20-32qID7">
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(255, 23, 189, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(255, 23, 189);"></div>
|
|
<div class="roleName-32vpEy">Developer</div>
|
|
</li>
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(52, 152, 219, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(52, 152, 219);"></div>
|
|
<div class="roleName-32vpEy">Plugin Developer</div>
|
|
</li>
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(113, 54, 138, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(113, 54, 138);"></div>
|
|
<div class="roleName-32vpEy">Theme Developer</div>
|
|
</li>
|
|
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs size12-3R0845 weightMedium-2iZe9B" style="border-color: rgba(17, 128, 106, 0.6);">
|
|
<div class="roleCircle-3xAZ1j" style="background-color: rgb(17, 128, 106);"></div>
|
|
<div class="roleName-32vpEy">Human</div>
|
|
</li>
|
|
</ul>
|
|
<div class="bodyTitle-Y0qMQz marginBottom8-AtZOdT size12-3R0845 weightBold-2yjlgw">Notiz</div>
|
|
<div class="note-3kmerW note-3HfJZ5">
|
|
<textarea placeholder="Click to add a note" spellcheck="false" maxlength="256" class="scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="height: 21px;"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="footer-1fjuF6">
|
|
<input class="quickMessage-2XpSaN quickMessage-1yeL4E marginBottom8-AtZOdT" placeholder="Message to @DevilBro">
|
|
<div class="protip-12obwm inline-136HKr">
|
|
<div class="pro-1T8RK7 small-29zrCQ size12-3R0845 height16-2Lv3qA statusGreen-pvYWjA weightBold-2yjlgw">Protip:</div>
|
|
<div class="tip-2ab612 primary-jw0I4K">Right-click on a user for more interactions</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |