HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
Any URL's added here will be added as <script>
s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<main role="main">
<section class="o-container">
<h2 class="t-topic-page-title" role="heading" aria-level="2">
<svg class="o-icon t-topic-page-title-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M15.414 2L20 6.586V20c0 1.103-.897 2-2 2H6c-1.103 0-2-.897-2-2V4c0-1.102.897-2 2-2h9.414zm2.587 18L18 8h-4V4H6v16h12.001zm-8.488-2l.669-2.978L8 13.047l2.873-.283L12 10l1.127 2.794 2.873.253-2.182 1.975.67 2.978L12 16.423 9.513 18z" />
</svg> <a class="t-topic-page-title-link" href="" title="Purpose of this Sticky is a long title to test">Purpose of this Sticky is a long title to test</a>
</h2>
</section>
<section class="o-container">
<div class="o-bar c-toolbar t-toolbar">
<div class="o-bar-left c-toolbar-left t-toolbar-left"></div>
<div class="o-bar-right c-toolbar-right t-toolbar-right">
<span class="o-bar-item c-toolbar-item t-toolbar-item">
<a class="o-action c-toolbar-action t-toolbar-action" href="#" data-tooltip="true" data-toggle="menu" title="Topic Tools">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-toolbar-action-icon t-toolbar-action-icon" data-icon="mdi:wrench-outline" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:eye-plus-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Watch Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:star-plus-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Favorite Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:update" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Bump Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:send-circle-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Email Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-ic o-icon c-menu-link-icon t-menu-topic-icon" data-icon="ic:outline-print" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Print View</span>
</a>
</li>
</ul>
</div>
</span>
<span class="o-bar-item c-toolbar-item t-toolbar-item">
<a class="o-action c-toolbar-action t-toolbar-action" href="#" data-tooltip="true" data-toggle="menu" title="Quick Mod Tools">
<svg class="o-icon o-action-icon c-toolbar-action-icon t-toolbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M12,1 L21,5 L21,11 C21,16.55 17.16,21.74 12,23 C6.84,21.74 3,16.55 3,11 L3,5 L12,1 Z M12,3.18 L5,6.3 L5,11.22 C5,15.54 8.25,20 12,21 C15.75,20 19,15.54 19,11.22 L19,6.3 L12,3.18 Z M12,5.5 L14,7.14707661 L13,13 L14.5,13 C14.7761424,13 15,13.2238576 15,13.5 L15,14.5 C15,14.7761424 14.7761424,15 14.5,15 L13,15 L13,17.5 C13,17.7761424 12.7761424,18 12.5,18 L11.5,18 C11.2238576,18 11,17.7761424 11,17.5 L11,15 L9.5,15 C9.22385763,15 9,14.7761424 9,14.5 L9,13.5 C9,13.2238576 9.22385763,13 9.5,13 L11,13 L10,7.14707661 L12,5.5 Z" />
</svg>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-lock-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Lock Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Unlock Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<svg class="o-icon c-menu-link-icon t-menu-topic-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M15.414,2 L20,6.586 L20,20 C20,21.103 19.103,22 18,22 L6,22 C4.897,22 4,21.103 4,20 L4,4 C4,2.898 4.897,2 6,2 L15.414,2 Z M14,4 L6,4 L6,20 L18.001,20 L18,8 L14,8 L14,4 Z M14.4742379,10 L16,11.5257621 L13.5257621,14 L16,16.4742379 L14.4742379,18 L12,15.5257621 L9.52576207,18 L8,16.4742379 L10.4742379,14 L8,11.5257621 L9.52576207,10 L12,12.4742379 L14.4742379,10 Z" />
</svg>
<span class="c-menu-text t-topic-text">Delete Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-send-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Move Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-swap-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Split Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-replace-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Merge Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:clipboard-file-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Copy Topic</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:comment-arrow-right-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Move Topic Posts</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-star-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Make Sticky</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<svg class="o-icon c-menu-link-icon t-menu-topic-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M15.414 2L20 6.586V20c0 1.103-.897 2-2 2H6c-1.103 0-2-.897-2-2V4c0-1.102.897-2 2-2h9.414zm2.587 18L18 8h-4V4H6v16h12.001zM11 12v-2h2v2h-2zm0 6v-4h2v4h-2z" />
</svg>
<span class="c-menu-text t-topic-text">Make Announce</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Make Normal</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:file-clock-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">View Topic Logs</span>
</a>
</li>
</ul>
</div>
</span>
<span class="o-bar-item c-toolbar-item t-toolbar-item">
<a class="o-action c-toolbar-action t-toolbar-action" href="#" data-tooltip="true" data-toggle="menu" title="Filter">
<svg class="o-icon o-action-icon c-toolbar-action-icon t-toolbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M6,13H18V11H6M3,6V8H21V6M10,18H14V16H10V18Z" />
</svg>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">All Topics</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">1 Day</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">7 Days</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">2 Weeks</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">1 Month</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">3 Months</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">6 Months</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">1 Year</a>
</li>
</ul>
</div>
</span>
<span class="o-bar-item c-toolbar-item t-toolbar-item">
<a class="o-action c-toolbar-action t-toolbar-action" href="#" data-tooltip="true" data-toggle="menu" title="Sort">
<svg class="o-icon o-action-icon c-toolbar-action-icon t-toolbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M10,13V11H18V13H10M10,19V17H14V19H10M10,7V5H22V7H10M6,17H8.5L5,20.5L1.5,17H4V7H1.5L5,3.5L8.5,7H6V17Z" />
</svg>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">Author</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">Time</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">Subject</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">Relies</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-link" href="#">views</a>
</li>
</ul>
</div>
</span>
<a class="o-bar-item o-action c-toolbar-action t-toolbar-action" href="#" data-tooltip="true" title="Order">
<svg class="o-icon o-action-icon c-toolbar-action-icon t-toolbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M10,11V13H18V11H10M10,5V7H14V5H10M10,17V19H22V17H10M6,7H8.5L5,3.5L1.5,7H4V20H6V7Z" />
</svg>
</a>
<a class="o-bar-item o-action c-toolbar-action t-toolbar-action" href="#" data-tooltip="true" title="Post Reply">
<span class="c-toolbar-action-text t-toolbar-action-text u-hidden-sm-down">Post Reply</span>
<svg class="o-icon o-action-icon c-toolbar-action-icon t-toolbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M21 19H10a1 1 0 0 1-.707-1.707l3.51-3.509A3.994 3.994 0 0 0 9 11a4.005 4.005 0 0 0-4 3.998V15a1 1 0 1 1-2 0v-.005C3.002 10.035 7.039 6 12 6c2.297 0 4.482.879 6.144 2.442l2.149-2.149A1.001 1.001 0 0 1 22 7v11a1 1 0 0 1-1 1zm-8.586-2H20V9.414l-1.169 1.168a1.002 1.002 0 0 1-1.474-.065 6.975 6.975 0 0 0-9.019-1.481 5.995 5.995 0 0 1 6.554 4.875c.06.323-.044.656-.276.889L12.414 17z" />
</svg>
</a>
</div>
</div>
</section>
<section class="o-container">
<div class="c-post">
<div class="o-bar c-post-bar">
<div class="o-bar-left c-post-bar-left">
<span class="o-bar-item c-post-bar-item">
<a class="o-action o-bar-profile" href="" data-toggle="profile">
<span class="o-avatar-wrap o-bar-avatar">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/73085?v=4&amp;s=460" alt="User Avatar">
<span class="o-avatar-online o-bar-avatar-online"></span>
</span>
<span class="o-bar-user" style="color: #00bfa5;">
John bob
<small class="o-bar-user-title">Development Team Leader</small>
</span>
</a>
<div class="c-profile" data-container="profile">
<a class="c-profile-action" href="" data-toggle="menu" data-placement="top" data-tooltip="true" title="Contact Menu">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-processing-outline" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu c-profile-menu t-menu t-profile-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Private Message User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-account-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Private Message User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Email User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:at" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Email User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Skype User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:skype" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Skype User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Website">
<svg class="o-icon c-profile-menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M21.167 7.333h-2.519C17.127 5.314 14.718 4 12 4 9.283 4 6.873 5.314 5.352 7.333H2.833A.834.834 0 0 0 2 8.167V16.5c0 .46.373.833.833.833h2.519c1.52 2.02 3.93 3.334 6.648 3.334 2.718 0 5.127-1.314 6.648-3.334h2.519c.46 0 .833-.372.833-.833V8.167a.833.833 0 0 0-.833-.834zm-4.781 0h-1.053v-.758c.376.22.728.474 1.053.758zm-2.72-1.447v1.447h-3.333V5.886A6.632 6.632 0 0 1 12 5.666c.576 0 1.133.081 1.667.22zm-5 .689v.758H7.615a6.916 6.916 0 0 1 1.053-.758zM7.615 17.333h1.053v.76a6.7 6.7 0 0 1-1.053-.76zm2.72 1.449v-1.449h3.333v1.449A6.627 6.627 0 0 1 12 19c-.576 0-1.133-.08-1.667-.218zm5-.69v-.759h1.052a6.66 6.66 0 0 1-1.053.76zm5-2.425H3.666V9h16.666v6.667zM6.366 14h.851l-.009-.035.411-1.625.407 1.66h.858l-.01-.035.834-3.298h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626h-.833L6.36 14h.007zm4.166 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.008-.033.832-3.3h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626H9.71L10.527 14h.006zm4.167 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.009-.033.833-3.3h-.857l-.4 1.626-.41-1.626h-.857l-.399 1.626-.41-1.626h-.834L14.693 14h.007z" />
</svg>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Website</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Facebook">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:facebook-box" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Facebook</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Twitter">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:twitter" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Twitter</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Youtube">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:youtube" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Youtube</span>
</a>
</li>
</ul>
</div>
<a class="c-profile-action c-profile-close" href="" data-tooltip="true" data-close="true" title="Close">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:close" data-inline="false" aria-hidden="false"></span>
</a>
<div class="o-avatar-wrap">
<a class="o-avatar-rate-good" href="" data-tooltip="true" title="Rate User Up"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-up-outline" data-inline="false" aria-hidden="false"></span></a>
<a class="" href="./memberlist.php?mode=viewprofile&amp;u=61815">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/73085?v=4&amp;s=460" alt="User Avatar">
</a>
<a class="o-avatar-rate-bad" href="" data-tooltip="true" title="Rate User Down"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-down-outline" data-inline="false" aria-hidden="false"></span></a>
<span class="o-avatar-online" data-tooltip="true" title="User is online"></span>
</div>
<h4 class="c-profile-meta">
<a class="c-profile-user" href="./memberlist.php?mode=viewprofile&amp;u=61815" style="color: #00bfa5;">John bob</a>
<small class="c-profile-user-title">Development Team Leader</small>
<a class="c-group-link" href="./memberlist.php?mode=group&g=1">
<svg class="c-profile-group" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261 48">
<g fill="none" fill-rule="evenodd">
<path fill="#00bfa5" stroke="#00bfa5" d="M25.5,11.0042577 L25.5,34.9957423 C25.5,36.9334947 27.0671191,38.5 29.0032423,38.5 L218.05721,38.5 C219.990729,38.5 221.560452,36.9304068 221.560452,34.9957423 L221.560452,11.0042577 C221.560452,9.06650534 219.993333,7.5 218.05721,7.5 L29.0032423,7.5 C27.0697239,7.5 25.5,9.06959322 25.5,11.0042577 Z" />
<path fill="#FFF" fill-rule="nonzero" d="M34.2285156,30 L34.2285156,17.9140625 L37.7978516,17.9140625 C38.8658908,17.9140625 39.8135538,18.1520158 40.6408691,18.6279297 C41.4681845,19.1038435 42.1087217,19.778967 42.5625,20.6533203 C43.0162783,21.5276736 43.2431641,22.5292912 43.2431641,23.6582031 L43.2431641,24.2641602 C43.2431641,25.4096737 43.0148949,26.4168251 42.5583496,27.2856445 C42.1018044,28.154464 41.451583,28.8240536 40.607666,29.2944336 C39.763749,29.7648135 38.7967177,30 37.706543,30 L34.2285156,30 Z M36.3286133,19.6074219 L36.3286133,28.3232422 L37.6982422,28.3232422 C38.7994847,28.3232422 39.6447724,27.9787632 40.2341309,27.2897949 C40.8234893,26.6008266 41.1236979,25.6116601 41.1347656,24.3222656 L41.1347656,23.6499023 C41.1347656,22.3383723 40.849775,21.3367548 40.2797852,20.6450195 C39.7097953,19.9532843 38.8824924,19.6074219 37.7978516,19.6074219 L36.3286133,19.6074219 Z M52.4429258,24.6044922 L47.4790586,24.6044922 L47.4790586,28.3232422 L53.2813047,28.3232422 L53.2813047,30 L45.3789609,30 L45.3789609,17.9140625 L53.2231992,17.9140625 L53.2231992,19.6074219 L47.4790586,19.6074219 L47.4790586,22.9443359 L52.4429258,22.9443359 L52.4429258,24.6044922 Z M59.2935664,27.3686523 L62.3648555,17.9140625 L64.6724727,17.9140625 L60.3228633,30 L58.2891719,30 L53.9561641,17.9140625 L56.2554805,17.9140625 L59.2935664,27.3686523 Z M73.1417656,24.6044922 L68.1778984,24.6044922 L68.1778984,28.3232422 L73.9801445,28.3232422 L73.9801445,30 L66.0778008,30 L66.0778008,17.9140625 L73.9220391,17.9140625 L73.9220391,19.6074219 L68.1778984,19.6074219 L68.1778984,22.9443359 L73.1417656,22.9443359 L73.1417656,24.6044922 Z M77.8342031,28.3232422 L83.3210195,28.3232422 L83.3210195,30 L75.7341055,30 L75.7341055,17.9140625 L77.8342031,17.9140625 L77.8342031,28.3232422 Z M94.0896289,24.2724609 C94.0896289,25.4567117 93.8848783,26.4956824 93.4753711,27.3894043 C93.0658638,28.2831262 92.4806646,28.9693173 91.7197559,29.447998 C90.9588471,29.9266788 90.0831234,30.1660156 89.0925586,30.1660156 C88.1130615,30.1660156 87.2401047,29.9266788 86.4736621,29.447998 C85.7072195,28.9693173 85.115103,28.2872766 84.6972949,27.4018555 C84.2794868,26.5164344 84.067819,25.4954485 84.0622852,24.3388672 L84.0622852,23.6582031 C84.0622852,22.4794863 84.2711861,21.4391321 84.6889941,20.5371094 C85.1068022,19.6350866 85.6961518,18.9447452 86.4570605,18.4660645 C87.2179693,17.9873837 88.0909261,17.7480469 89.075957,17.7480469 C90.060988,17.7480469 90.9339448,17.9846168 91.6948535,18.4577637 C92.4557623,18.9309106 93.0437284,19.6115678 93.4587695,20.4997559 C93.8738107,21.3879439 94.084095,22.4213808 94.0896289,23.6000977 L94.0896289,24.2724609 Z M91.9895312,23.6416016 C91.9895312,22.3024022 91.73636,21.2758825 91.2300098,20.5620117 C90.7236596,19.848141 90.0056492,19.4912109 89.075957,19.4912109 C88.1684004,19.4912109 87.4586907,19.8467575 86.9468066,20.5578613 C86.4349226,21.2689651 86.1734506,22.2747331 86.1623828,23.5751953 L86.1623828,24.2724609 C86.1623828,25.6005926 86.4210879,26.6271123 86.9385059,27.3520508 C87.4559238,28.0769893 88.1739342,28.4394531 89.0925586,28.4394531 C90.0222507,28.4394531 90.7374942,28.08529 91.2383105,27.3769531 C91.7391269,26.6686162 91.9895312,25.6337959 91.9895312,24.2724609 L91.9895312,23.6416016 Z M98.3255234,25.5092773 L98.3255234,30 L96.2254258,30 L96.2254258,17.9140625 L100.848961,17.9140625 C102.199228,17.9140625 103.271402,18.2654587 104.065514,18.9682617 C104.859626,19.6710647 105.256676,20.6007429 105.256676,21.7573242 C105.256676,22.9415749 104.867926,23.8629524 104.090416,24.5214844 C103.312906,25.1800163 102.224131,25.5092773 100.824059,25.5092773 L98.3255234,25.5092773 Z M98.3255234,23.8242188 L100.848961,23.8242188 C101.596035,23.8242188 102.166016,23.6485206 102.558922,23.2971191 C102.951827,22.9457176 103.148277,22.4379916 103.148277,21.7739258 C103.148277,21.1209277 102.949061,20.5993672 102.550621,20.2092285 C102.152182,19.8190898 101.604336,19.6184896 100.907066,19.6074219 L98.3255234,19.6074219 L98.3255234,23.8242188 Z M109.857805,17.9140625 L113.344133,27.1777344 L116.82216,17.9140625 L119.536516,17.9140625 L119.536516,30 L117.444719,30 L117.444719,26.015625 L117.652238,20.6865234 L114.082902,30 L112.580461,30 L109.019426,20.6948242 L109.226945,26.015625 L109.226945,30 L107.135148,30 L107.135148,17.9140625 L109.857805,17.9140625 Z M129.126414,24.6044922 L124.162547,24.6044922 L124.162547,28.3232422 L129.964793,28.3232422 L129.964793,30 L122.062449,30 L122.062449,17.9140625 L129.906687,17.9140625 L129.906687,19.6074219 L124.162547,19.6074219 L124.162547,22.9443359 L129.126414,22.9443359 L129.126414,24.6044922 Z M141.306156,30 L139.206059,30 L133.818852,21.425293 L133.818852,30 L131.718754,30 L131.718754,17.9140625 L133.818852,17.9140625 L139.22266,26.5219727 L139.22266,17.9140625 L141.306156,17.9140625 L141.306156,30 Z M152.323789,19.6074219 L148.555234,19.6074219 L148.555234,30 L146.471738,30 L146.471738,19.6074219 L142.736387,19.6074219 L142.736387,17.9140625 L152.323789,17.9140625 L152.323789,19.6074219 Z M165.966965,19.6074219 L162.19841,19.6074219 L162.19841,30 L160.114914,30 L160.114914,19.6074219 L156.379562,19.6074219 L156.379562,17.9140625 L165.966965,17.9140625 L165.966965,19.6074219 Z M174.660379,24.6044922 L169.696512,24.6044922 L169.696512,28.3232422 L175.498758,28.3232422 L175.498758,30 L167.596414,30 L167.596414,17.9140625 L175.440652,17.9140625 L175.440652,19.6074219 L169.696512,19.6074219 L169.696512,22.9443359 L174.660379,22.9443359 L174.660379,24.6044922 Z M184.017855,27.1860352 L179.336215,27.1860352 L178.356723,30 L176.173617,30 L180.739047,17.9140625 L182.623324,17.9140625 L187.197055,30 L185.005648,30 L184.017855,27.1860352 Z M179.92557,25.4926758 L183.4285,25.4926758 L181.677035,20.4790039 L179.92557,25.4926758 Z M191.33334,17.9140625 L194.819668,27.1777344 L198.297695,17.9140625 L201.012051,17.9140625 L201.012051,30 L198.920254,30 L198.920254,26.015625 L199.127773,20.6865234 L195.558437,30 L194.055996,30 L190.494961,20.6948242 L190.70248,26.015625 L190.70248,30 L188.610684,30 L188.610684,17.9140625 L191.33334,17.9140625 Z" />
<path fill="#78909C" fill-rule="nonzero" d="M0 29L48 29 48 34 0 34z" transform="translate(213 6)" />
<path fill="#546E7A" fill-rule="nonzero" d="M2.842 36L45.158 36 48 34 0 34zM18 31L30 31 30 32 18 32z" transform="translate(213 6)" />
<path fill="#546E7A" d="M46,29 L46,0.905472561 C46,0.412275107 45.6327122,0 45.1796398,0 L2.82036024,0 C2.36716666,0 2,0.405393874 2,0.905472561 L2,29 L46,29 L46,29 Z" transform="translate(213 6)" />
<path fill="#ECEFF1" d="M5 3L43 3 43 27 5 27z" transform="translate(213 6)" />
<g fill-rule="nonzero" style="mix-blend-mode: color-burn;">
<path fill="#ACB3BA" d="M2.27414327,4.21082501 C1.68276218,4.21082501 1.23643683,4.02228061 0.946325351,3.6451918 C0.656213873,3.268103 0.5,2.76531792 0.5,2.12636188 C0.5,1.49788054 0.645055739,0.984620774 0.946325351,0.607531967 C1.23643683,0.23044316 1.68276218,0.0418987563 2.27414327,0.0418987563 C2.86552436,0.0418987563 3.31184971,0.23044316 3.60196119,0.607531967 C3.89207267,0.984620774 4.04828654,1.48740585 4.04828654,2.12636188 C4.04828654,2.75484323 3.9032308,3.268103 3.60196119,3.6451918 C3.31184971,4.02228061 2.86552436,4.21082501 2.27414327,4.21082501 Z M1.63812964,1.16269049 C1.50423204,1.40360834 1.43728324,1.73879839 1.43728324,2.13683657 C1.43728324,2.54534945 1.50423204,2.87006481 1.63812964,3.11098266 C1.77202725,3.35190051 1.98403179,3.47759678 2.27414327,3.47759678 C2.56425475,3.47759678 2.77625929,3.35190051 2.9101569,3.11098266 C3.0440545,2.87006481 3.1110033,2.53487476 3.1110033,2.13683657 C3.1110033,1.7283237 3.0440545,1.40360834 2.9101569,1.16269049 C2.77625929,0.92177264 2.56425475,0.796076371 2.27414327,0.796076371 C1.98403179,0.785601682 1.77202725,0.911297951 1.63812964,1.16269049 Z" transform="translate(218 9.35)" />
<path fill="#324A5E" d="M4.749 0.136L6.489 0.136 6.489 4.169 5.563 4.169 5.563 0.901 4.749 0.901 4.749 0.136z" transform="translate(218 9.35)" />
<path fill="#4CDBC4" d="M8.9641335,4.21082501 C8.37275241,4.21082501 7.92642706,4.02228061 7.63631559,3.6451918 C7.34620411,3.268103 7.18999023,2.76531792 7.18999023,2.12636188 C7.18999023,1.49788054 7.33504597,0.984620774 7.63631559,0.607531967 C7.92642706,0.23044316 8.37275241,0.0418987563 8.9641335,0.0418987563 C9.55551459,0.0418987563 10.0018399,0.23044316 10.2919514,0.607531967 C10.5820629,0.984620774 10.7382768,1.48740585 10.7382768,2.12636188 C10.7382768,2.75484323 10.593221,3.268103 10.2919514,3.6451918 C10.0018399,4.02228061 9.56667273,4.21082501 8.9641335,4.21082501 Z M8.33927801,1.16269049 C8.20538041,1.40360834 8.13843161,1.73879839 8.13843161,2.13683657 C8.13843161,2.54534945 8.20538041,2.87006481 8.33927801,3.11098266 C8.47317562,3.35190051 8.68518016,3.47759678 8.97529164,3.47759678 C9.26540312,3.47759678 9.47740766,3.35190051 9.61130526,3.11098266 C9.74520287,2.87006481 9.81215167,2.53487476 9.81215167,2.13683657 C9.81215167,1.7283237 9.74520287,1.40360834 9.61130526,1.16269049 C9.47740766,0.92177264 9.26540312,0.796076371 8.97529164,0.796076371 C8.68518016,0.785601682 8.47317562,0.911297951 8.33927801,1.16269049 Z" transform="translate(218 9.35)" />
<path fill="#324A5E" d="M11.439 0.136L13.179 0.136 13.179 4.169 12.253 4.169 12.253 0.901 11.439 0.901 11.439 0.136z" transform="translate(218 9.35)" />
<path fill="#2C9984" d="M15.6541237,4.21082501 C15.0627426,4.21082501 14.6164173,4.02228061 14.3263058,3.6451918 C14.0361943,3.268103 13.8799805,2.76531792 13.8799805,2.12636188 C13.8799805,1.49788054 14.0250362,0.984620774 14.3263058,0.607531967 C14.6275754,0.23044316 15.0627426,0.0418987563 15.6541237,0.0418987563 C16.2455048,0.0418987563 16.6918302,0.23044316 16.9819417,0.607531967 C17.2720531,0.984620774 17.428267,1.48740585 17.428267,2.12636188 C17.428267,2.75484323 17.2832113,3.268103 16.9819417,3.6451918 C16.6918302,4.02228061 16.2455048,4.21082501 15.6541237,4.21082501 Z M15.0181101,1.16269049 C14.8842125,1.40360834 14.8172637,1.73879839 14.8172637,2.13683657 C14.8172637,2.54534945 14.8842125,2.87006481 15.0181101,3.11098266 C15.1520077,3.35190051 15.3640123,3.47759678 15.6541237,3.47759678 C15.9442352,3.47759678 16.1562398,3.35190051 16.2901374,3.11098266 C16.424035,2.87006481 16.4909838,2.53487476 16.4909838,2.13683657 C16.4909838,1.7283237 16.424035,1.40360834 16.2901374,1.16269049 C16.1562398,0.92177264 15.9442352,0.796076371 15.6541237,0.796076371 C15.3640123,0.785601682 15.1520077,0.911297951 15.0181101,1.16269049 Z" transform="translate(218 9.35)" />
<path fill="#324A5E" d="M18.129 0.136L19.869 0.136 19.869 4.169 18.943 4.169 18.943 0.901 18.129 0.901z" transform="translate(218 9.35)" />
<path fill="#F1543F" d="M22.344114,4.21082501 C21.7527329,4.21082501 21.3064075,4.02228061 21.0162961,3.6451918 C20.7261846,3.268103 20.5699707,2.76531792 20.5699707,2.12636188 C20.5699707,1.49788054 20.7150264,0.984620774 21.0162961,0.607531967 C21.3175657,0.23044316 21.7527329,0.0418987563 22.344114,0.0418987563 C22.9354951,0.0418987563 23.3818204,0.23044316 23.6719319,0.607531967 C23.9620434,0.984620774 24.1182572,1.48740585 24.1182572,2.12636188 C24.1182572,2.75484323 23.9732015,3.268103 23.6719319,3.6451918 C23.3706623,4.02228061 22.9354951,4.21082501 22.344114,4.21082501 Z M21.7081003,1.16269049 C21.5742027,1.40360834 21.5072539,1.73879839 21.5072539,2.13683657 C21.5072539,2.54534945 21.5742027,2.87006481 21.7081003,3.11098266 C21.841998,3.35190051 22.0540025,3.47759678 22.344114,3.47759678 C22.6342255,3.47759678 22.84623,3.35190051 22.9801276,3.11098266 C23.1140252,2.87006481 23.180974,2.53487476 23.180974,2.13683657 C23.180974,1.7283237 23.1140252,1.40360834 22.9801276,1.16269049 C22.84623,0.92177264 22.6342255,0.796076371 22.344114,0.796076371 C22.0540025,0.785601682 21.841998,0.911297951 21.7081003,1.16269049 Z" transform="translate(218 9.35)" />
<path fill="#324A5E" d="M24.819 0.136L26.559 0.136 26.559 4.169 25.633 4.169 25.633 0.901 24.819 0.901z" transform="translate(218 9.35)" />
<path fill="#ACB3BA" d="M29.0341042,4.21082501 C28.4427231,4.21082501 27.9963978,4.02228061 27.7062863,3.6451918 C27.4161748,3.268103 27.2599609,2.76531792 27.2599609,2.12636188 C27.2599609,1.49788054 27.4050167,0.984620774 27.7062863,0.607531967 C27.9963978,0.23044316 28.4427231,0.0418987563 29.0341042,0.0418987563 C29.6254853,0.0418987563 30.0718106,0.23044316 30.3619221,0.607531967 C30.6520336,0.984620774 30.8082475,1.48740585 30.8082475,2.12636188 C30.8082475,2.75484323 30.6631917,3.268103 30.3619221,3.6451918 C30.0718106,4.02228061 29.6254853,4.21082501 29.0341042,4.21082501 Z M28.3980906,1.16269049 C28.264193,1.40360834 28.1972442,1.73879839 28.1972442,2.13683657 C28.1972442,2.54534945 28.264193,2.87006481 28.3980906,3.11098266 C28.5319882,3.35190051 28.7439927,3.47759678 29.0341042,3.47759678 C29.3242157,3.47759678 29.5362202,3.35190051 29.6701178,3.11098266 C29.8040154,2.87006481 29.8709642,2.53487476 29.8709642,2.13683657 C29.8709642,1.7283237 29.8040154,1.40360834 29.6701178,1.16269049 C29.5362202,0.92177264 29.3242157,0.796076371 29.0341042,0.796076371 C28.7439927,0.785601682 28.5319882,0.911297951 28.3980906,1.16269049 Z" transform="translate(218 9.35)" />
<path fill="#324A5E" d="M31.509 0.136L33.249 0.136 33.249 4.169 32.323 4.169 32.323 0.901 31.509 0.901 31.509 0.136z" transform="translate(218 9.35)" />
<path fill="#4CDBC4" d="M35.7240944,4.21082501 C35.1327134,4.21082501 34.686388,4.02228061 34.3962765,3.6451918 C34.106165,3.268103 33.9499512,2.76531792 33.9499512,2.12636188 C33.9499512,1.49788054 34.0950069,0.984620774 34.3962765,0.607531967 C34.686388,0.23044316 35.1327134,0.0418987563 35.7240944,0.0418987563 C36.3154755,0.0418987563 36.7618009,0.23044316 37.0519124,0.607531967 C37.3420238,0.984620774 37.4982377,1.48740585 37.4982377,2.12636188 C37.4982377,2.75484323 37.353182,3.268103 37.0519124,3.6451918 C36.7618009,4.02228061 36.3266337,4.21082501 35.7240944,4.21082501 Z M35.099239,1.16269049 C34.9653413,1.40360834 34.8983925,1.73879839 34.8983925,2.13683657 C34.8983925,2.54534945 34.9653413,2.87006481 35.099239,3.11098266 C35.2331366,3.35190051 35.4451411,3.47759678 35.7352526,3.47759678 C36.0253641,3.47759678 36.2373686,3.35190051 36.3712662,3.11098266 C36.5051638,2.87006481 36.5721126,2.53487476 36.5721126,2.13683657 C36.5721126,1.7283237 36.5051638,1.40360834 36.3712662,1.16269049 C36.2373686,0.92177264 36.0253641,0.796076371 35.7352526,0.796076371 C35.4451411,0.785601682 35.2331366,0.911297951 35.099239,1.16269049 Z" transform="translate(218 9.35)" />
<path fill="#324A5E" d="M2.27414327 4.8315642C1.68276218 4.8315642 1.23643683 4.64301979.946325351 4.26593099.656213873 3.88884218.5 3.3860571.5 2.74710107.5 2.11861972.645055739 1.60535996.946325351 1.22827115 1.23643683.851182344 1.68276218.66263794 2.27414327.66263794 2.86552436.66263794 3.31184971.851182344 3.60196119 1.22827115 3.89207267 1.60535996 4.04828654 2.10814503 4.04828654 2.74710107 4.04828654 3.37558241 3.9032308 3.88884218 3.60196119 4.26593099 3.31184971 4.64301979 2.86552436 4.8315642 2.27414327 4.8315642zM1.63812964 1.77295498C1.50423204 2.01387283 1.43728324 2.34906288 1.43728324 2.74710107 1.43728324 3.15561394 1.50423204 3.4803293 1.63812964 3.72124715 1.77202725 3.962165 1.98403179 4.08786127 2.27414327 4.08786127 2.56425475 4.08786127 2.77625929 3.962165 2.9101569 3.72124715 3.0440545 3.4803293 3.1110033 3.14513925 3.1110033 2.74710107 3.1110033 2.33858819 3.0440545 2.01387283 2.9101569 1.77295498 2.77625929 1.53203713 2.56425475 1.40634087 2.27414327 1.40634087 1.98403179 1.40634087 1.77202725 1.53203713 1.63812964 1.77295498zM4.749.757L6.489.757 6.489 4.79 5.563 4.79 5.563 1.522 4.749 1.522 4.749.757z" transform="translate(218 15.35)" />
<path fill="#F1543F" d="M8.9641335,4.8315642 C8.37275241,4.8315642 7.92642706,4.64301979 7.63631559,4.26593099 C7.34620411,3.88884218 7.18999023,3.3860571 7.18999023,2.74710107 C7.18999023,2.11861972 7.33504597,1.60535996 7.63631559,1.22827115 C7.92642706,0.851182344 8.37275241,0.66263794 8.9641335,0.66263794 C9.55551459,0.66263794 10.0018399,0.851182344 10.2919514,1.22827115 C10.5820629,1.60535996 10.7382768,2.10814503 10.7382768,2.74710107 C10.7382768,3.37558241 10.593221,3.88884218 10.2919514,4.26593099 C10.0018399,4.64301979 9.56667273,4.8315642 8.9641335,4.8315642 Z M8.33927801,1.77295498 C8.20538041,2.01387283 8.13843161,2.34906288 8.13843161,2.74710107 C8.13843161,3.15561394 8.20538041,3.4803293 8.33927801,3.72124715 C8.47317562,3.962165 8.68518016,4.08786127 8.97529164,4.08786127 C9.26540312,4.08786127 9.47740766,3.962165 9.61130526,3.72124715 C9.74520287,3.4803293 9.81215167,3.14513925 9.81215167,2.74710107 C9.81215167,2.33858819 9.74520287,2.01387283 9.61130526,1.77295498 C9.47740766,1.53203713 9.26540312,1.40634087 8.97529164,1.40634087 C8.68518016,1.40634087 8.47317562,1.53203713 8.33927801,1.77295498 Z" transform="translate(218 15.35)" />
<path fill="#54C0EB" d="M11.439 0.757L13.179 0.757 13.179 4.79 12.253 4.79 12.253 1.522 11.439 1.522 11.439 0.757z" transform="translate(218 15.35)" />
<path fill="#324A5E" d="M15.6541237,4.8315642 C15.0627426,4.8315642 14.6164173,4.64301979 14.3263058,4.26593099 C14.0361943,3.88884218 13.8799805,3.3860571 13.8799805,2.74710107 C13.8799805,2.11861972 14.0250362,1.60535996 14.3263058,1.22827115 C14.6275754,0.851182344 15.0627426,0.66263794 15.6541237,0.66263794 C16.2455048,0.66263794 16.6918302,0.851182344 16.9819417,1.22827115 C17.2720531,1.60535996 17.428267,2.10814503 17.428267,2.74710107 C17.428267,3.37558241 17.2832113,3.88884218 16.9819417,4.26593099 C16.6918302,4.64301979 16.2455048,4.8315642 15.6541237,4.8315642 Z M15.0181101,1.77295498 C14.8842125,2.01387283 14.8172637,2.34906288 14.8172637,2.74710107 C14.8172637,3.15561394 14.8842125,3.4803293 15.0181101,3.72124715 C15.1520077,3.962165 15.3640123,4.08786127 15.6541237,4.08786127 C15.9442352,4.08786127 16.1562398,3.962165 16.2901374,3.72124715 C16.424035,3.4803293 16.4909838,3.14513925 16.4909838,2.74710107 C16.4909838,2.33858819 16.424035,2.01387283 16.2901374,1.77295498 C16.1562398,1.53203713 15.9442352,1.40634087 15.6541237,1.40634087 C15.3640123,1.40634087 15.1520077,1.53203713 15.0181101,1.77295498 Z" transform="translate(218 15.35)" />
<path fill="#4CDBC4" d="M18.129 0.757L19.869 0.757 19.869 4.79 18.943 4.79 18.943 1.522 18.129 1.522z" transform="translate(218 15.35)" />
<path fill="#324A5E" d="M22.344114,4.8315642 C21.7527329,4.8315642 21.3064075,4.64301979 21.0162961,4.26593099 C20.7261846,3.88884218 20.5699707,3.3860571 20.5699707,2.74710107 C20.5699707,2.11861972 20.7150264,1.60535996 21.0162961,1.22827115 C21.3175657,0.851182344 21.7527329,0.66263794 22.344114,0.66263794 C22.9354951,0.66263794 23.3818204,0.851182344 23.6719319,1.22827115 C23.9620434,1.60535996 24.1182572,2.10814503 24.1182572,2.74710107 C24.1182572,3.37558241 23.9732015,3.88884218 23.6719319,4.26593099 C23.3706623,4.64301979 22.9354951,4.8315642 22.344114,4.8315642 Z M21.7081003,1.77295498 C21.5742027,2.01387283 21.5072539,2.34906288 21.5072539,2.74710107 C21.5072539,3.15561394 21.5742027,3.4803293 21.7081003,3.72124715 C21.841998,3.962165 22.0540025,4.08786127 22.344114,4.08786127 C22.6342255,4.08786127 22.84623,3.962165 22.9801276,3.72124715 C23.1140252,3.4803293 23.180974,3.14513925 23.180974,2.74710107 C23.180974,2.33858819 23.1140252,2.01387283 22.9801276,1.77295498 C22.84623,1.53203713 22.6342255,1.40634087 22.344114,1.40634087 C22.0540025,1.40634087 21.841998,1.53203713 21.7081003,1.77295498 Z" transform="translate(218 15.35)" />
<path fill="#F9B54C" d="M24.819 0.757L26.559 0.757 26.559 4.79 25.633 4.79 25.633 1.522 24.819 1.522z" transform="translate(218 15.35)" />
<path fill="#324A5E" d="M29.0341042 5.01338238C28.4427231 5.01338238 27.9963978 4.82483798 27.7062863 4.44774917 27.4161748 4.07066036 27.2599609 3.56787528 27.2599609 2.92891925 27.2599609 2.30043791 27.4050167 1.78717814 27.7062863 1.41008933 27.9963978 1.03300053 28.4427231.844456122 29.0341042.844456122 29.6254853.844456122 30.0718106 1.03300053 30.3619221 1.41008933 30.6520336 1.78717814 30.8082475 2.28996322 30.8082475 2.92891925 30.8082475 3.5574006 30.6631917 4.07066036 30.3619221 4.44774917 30.0718106 4.82483798 29.6254853 5.01338238 29.0341042 5.01338238zM28.3980906 1.95477317C28.264193 2.19569101 28.1972442 2.53088106 28.1972442 2.92891925 28.1972442 3.33743212 28.264193 3.66214749 28.3980906 3.90306534 28.5319882 4.14398318 28.7439927 4.26967945 29.0341042 4.26967945 29.3242157 4.26967945 29.5362202 4.14398318 29.6701178 3.90306534 29.8040154 3.66214749 29.8709642 3.32695744 29.8709642 2.92891925 29.8709642 2.52040638 29.8040154 2.19569101 29.6701178 1.95477317 29.5362202 1.71385532 29.3242157 1.58815905 29.0341042 1.58815905 28.7439927 1.58815905 28.5319882 1.71385532 28.3980906 1.95477317zM31.509.939L33.249.939 33.249 4.971 32.323 4.971 32.323 1.703 31.509 1.703 31.509.939z" transform="translate(218 15.35)" />
<path fill="#F1543F" d="M35.7240944,5.01338238 C35.1327134,5.01338238 34.686388,4.82483798 34.3962765,4.44774917 C34.106165,4.07066036 33.9499512,3.56787528 33.9499512,2.92891925 C33.9499512,2.30043791 34.0950069,1.78717814 34.3962765,1.41008933 C34.686388,1.03300053 35.1327134,0.844456122 35.7240944,0.844456122 C36.3154755,0.844456122 36.7618009,1.03300053 37.0519124,1.41008933 C37.3420238,1.78717814 37.4982377,2.28996322 37.4982377,2.92891925 C37.4982377,3.5574006 37.353182,4.07066036 37.0519124,4.44774917 C36.7618009,4.82483798 36.3266337,5.01338238 35.7240944,5.01338238 Z M35.099239,1.95477317 C34.9653413,2.19569101 34.8983925,2.53088106 34.8983925,2.92891925 C34.8983925,3.33743212 34.9653413,3.66214749 35.099239,3.90306534 C35.2331366,4.14398318 35.4451411,4.26967945 35.7352526,4.26967945 C36.0253641,4.26967945 36.2373686,4.14398318 36.3712662,3.90306534 C36.5051638,3.66214749 36.5721126,3.32695744 36.5721126,2.92891925 C36.5721126,2.52040638 36.5051638,2.19569101 36.3712662,1.95477317 C36.2373686,1.71385532 36.0253641,1.58815905 35.7352526,1.58815905 C35.4451411,1.58815905 35.2331366,1.71385532 35.099239,1.95477317 Z" transform="translate(218 15.35)" />
<path fill="#2C9984" d="M2.27414327,4.66442459 C1.68276218,4.66442459 1.23643683,4.47588019 0.946325351,4.09879138 C0.656213873,3.72170257 0.5,3.2189175 0.5,2.57996146 C0.5,1.95148012 0.645055739,1.43822035 0.946325351,1.06113155 C1.23643683,0.68404274 1.68276218,0.495498336 2.27414327,0.495498336 C2.86552436,0.495498336 3.31184971,0.68404274 3.60196119,1.06113155 C3.89207267,1.43822035 4.04828654,1.94100543 4.04828654,2.57996146 C4.04828654,3.20844281 3.9032308,3.72170257 3.60196119,4.09879138 C3.31184971,4.4654055 2.86552436,4.66442459 2.27414327,4.66442459 Z M1.63812964,1.60581538 C1.50423204,1.84673323 1.43728324,2.18192328 1.43728324,2.57996146 C1.43728324,2.98847434 1.50423204,3.3131897 1.63812964,3.55410755 C1.77202725,3.7950254 1.98403179,3.92072167 2.27414327,3.92072167 C2.56425475,3.92072167 2.77625929,3.7950254 2.9101569,3.55410755 C3.0440545,3.3131897 3.1110033,2.97799965 3.1110033,2.57996146 C3.1110033,2.17144859 3.0440545,1.84673323 2.9101569,1.60581538 C2.77625929,1.36489753 2.56425475,1.23920126 2.27414327,1.23920126 C1.98403179,1.23920126 1.77202725,1.35442284 1.63812964,1.60581538 Z" transform="translate(218 22.35)" />
<path fill="#324A5E" d="M4.749 0.579L6.489 0.579 6.489 4.612 5.563 4.612 5.563 1.344 4.749 1.344 4.749 0.579z" transform="translate(218 22.35)" />
<path fill="#ACB3BA" d="M8.9641335,4.66442459 C8.37275241,4.66442459 7.92642706,4.47588019 7.63631559,4.09879138 C7.34620411,3.72170257 7.18999023,3.2189175 7.18999023,2.57996146 C7.18999023,1.95148012 7.33504597,1.43822035 7.63631559,1.06113155 C7.92642706,0.68404274 8.37275241,0.495498336 8.9641335,0.495498336 C9.55551459,0.495498336 10.0018399,0.68404274 10.2919514,1.06113155 C10.5820629,1.43822035 10.7382768,1.94100543 10.7382768,2.57996146 C10.7382768,3.20844281 10.593221,3.72170257 10.2919514,4.09879138 C10.0018399,4.4654055 9.56667273,4.66442459 8.9641335,4.66442459 Z M8.33927801,1.60581538 C8.20538041,1.84673323 8.13843161,2.18192328 8.13843161,2.57996146 C8.13843161,2.98847434 8.20538041,3.3131897 8.33927801,3.55410755 C8.47317562,3.7950254 8.68518016,3.92072167 8.97529164,3.92072167 C9.26540312,3.92072167 9.47740766,3.7950254 9.61130526,3.55410755 C9.74520287,3.3131897 9.81215167,2.97799965 9.81215167,2.57996146 C9.81215167,2.17144859 9.74520287,1.84673323 9.61130526,1.60581538 C9.47740766,1.36489753 9.26540312,1.23920126 8.97529164,1.23920126 C8.68518016,1.23920126 8.47317562,1.35442284 8.33927801,1.60581538 Z" transform="translate(218 22.35)" />
<path fill="#F9B54C" d="M11.439 0.579L13.179 0.579 13.179 4.612 12.253 4.612 12.253 1.344 11.439 1.344 11.439 0.579z" transform="translate(218 22.35)" />
<path fill="#324A5E" d="M15.6541237 4.66442459C15.0627426 4.66442459 14.6164173 4.47588019 14.3263058 4.09879138 14.0361943 3.72170257 13.8799805 3.2189175 13.8799805 2.57996146 13.8799805 1.95148012 14.0250362 1.43822035 14.3263058 1.06113155 14.6275754.68404274 15.0627426.495498336 15.6541237.495498336 16.2455048.495498336 16.6918302.68404274 16.9819417 1.06113155 17.2720531 1.43822035 17.428267 1.94100543 17.428267 2.57996146 17.428267 3.20844281 17.2832113 3.72170257 16.9819417 4.09879138 16.6918302 4.4654055 16.2455048 4.66442459 15.6541237 4.66442459zM15.0181101 1.60581538C14.8842125 1.84673323 14.8172637 2.18192328 14.8172637 2.57996146 14.8172637 2.98847434 14.8842125 3.3131897 15.0181101 3.55410755 15.1520077 3.7950254 15.3640123 3.92072167 15.6541237 3.92072167 15.9442352 3.92072167 16.1562398 3.7950254 16.2901374 3.55410755 16.424035 3.3131897 16.4909838 2.97799965 16.4909838 2.57996146 16.4909838 2.17144859 16.424035 1.84673323 16.2901374 1.60581538 16.1562398 1.36489753 15.9442352 1.23920126 15.6541237 1.23920126 15.3640123 1.23920126 15.1520077 1.35442284 15.0181101 1.60581538zM18.129.579L19.869.579 19.869 4.612 18.943 4.612 18.943 1.344 18.129 1.344z" transform="translate(218 22.35)" />
<path fill="#54C0EB" d="M22.344114,4.66442459 C21.7527329,4.66442459 21.3064075,4.47588019 21.0162961,4.09879138 C20.7261846,3.72170257 20.5699707,3.2189175 20.5699707,2.57996146 C20.5699707,1.95148012 20.7150264,1.43822035 21.0162961,1.06113155 C21.3175657,0.68404274 21.7527329,0.495498336 22.344114,0.495498336 C22.9354951,0.495498336 23.3818204,0.68404274 23.6719319,1.06113155 C23.9620434,1.43822035 24.1182572,1.94100543 24.1182572,2.57996146 C24.1182572,3.20844281 23.9732015,3.72170257 23.6719319,4.09879138 C23.3706623,4.47588019 22.9354951,4.66442459 22.344114,4.66442459 Z M21.7081003,1.60581538 C21.5742027,1.84673323 21.5072539,2.18192328 21.5072539,2.57996146 C21.5072539,2.98847434 21.5742027,3.3131897 21.7081003,3.55410755 C21.841998,3.7950254 22.0540025,3.92072167 22.344114,3.92072167 C22.6342255,3.92072167 22.84623,3.7950254 22.9801276,3.55410755 C23.1140252,3.3131897 23.180974,2.97799965 23.180974,2.57996146 C23.180974,2.17144859 23.1140252,1.84673323 22.9801276,1.60581538 C22.84623,1.36489753 22.6342255,1.23920126 22.344114,1.23920126 C22.0540025,1.23920126 21.841998,1.35442284 21.7081003,1.60581538 Z" transform="translate(218 22.35)" />
<path fill="#324A5E" d="M24.819 0.579L26.559 0.579 26.559 4.612 25.633 4.612 25.633 1.344 24.819 1.344z" transform="translate(218 22.35)" />
<path fill="#2C9984" d="M29.0341042,4.75533368 C28.4427231,4.75533368 27.9963978,4.56678928 27.7062863,4.18970047 C27.4161748,3.81261167 27.2599609,3.30982659 27.2599609,2.67087056 C27.2599609,2.04238921 27.4050167,1.52912944 27.7062863,1.15204064 C27.9963978,0.77495183 28.4427231,0.586407427 29.0341042,0.586407427 C29.6254853,0.586407427 30.0718106,0.77495183 30.3619221,1.15204064 C30.6520336,1.52912944 30.8082475,2.03191452 30.8082475,2.67087056 C30.8082475,3.2993519 30.6631917,3.81261167 30.3619221,4.18970047 C30.0718106,4.55631459 29.6254853,4.75533368 29.0341042,4.75533368 Z M28.3980906,1.69672447 C28.264193,1.93764232 28.1972442,2.27283237 28.1972442,2.67087056 C28.1972442,3.07938343 28.264193,3.40409879 28.3980906,3.64501664 C28.5319882,3.88593449 28.7439927,4.01163076 29.0341042,4.01163076 C29.3242157,4.01163076 29.5362202,3.88593449 29.6701178,3.64501664 C29.8040154,3.40409879 29.8709642,3.06890874 29.8709642,2.67087056 C29.8709642,2.26235768 29.8040154,1.93764232 29.6701178,1.69672447 C29.5362202,1.45580662 29.3242157,1.33011035 29.0341042,1.33011035 C28.7439927,1.33011035 28.5319882,1.44533193 28.3980906,1.69672447 Z" transform="translate(218 22.35)" />
<path fill="#324A5E" d="M31.509 0.67L33.249 0.67 33.249 4.703 32.323 4.703 32.323 1.435 31.509 1.435 31.509 0.67z" transform="translate(218 22.35)" />
<path fill="#ACB3BA" d="M35.7240944,4.75533368 C35.1327134,4.75533368 34.686388,4.56678928 34.3962765,4.18970047 C34.106165,3.81261167 33.9499512,3.30982659 33.9499512,2.67087056 C33.9499512,2.04238921 34.0950069,1.52912944 34.3962765,1.15204064 C34.686388,0.77495183 35.1327134,0.586407427 35.7240944,0.586407427 C36.3154755,0.586407427 36.7618009,0.77495183 37.0519124,1.15204064 C37.3420238,1.52912944 37.4982377,2.03191452 37.4982377,2.67087056 C37.4982377,3.2993519 37.353182,3.81261167 37.0519124,4.18970047 C36.7618009,4.55631459 36.3266337,4.75533368 35.7240944,4.75533368 Z M35.099239,1.69672447 C34.9653413,1.93764232 34.8983925,2.27283237 34.8983925,2.67087056 C34.8983925,3.07938343 34.9653413,3.40409879 35.099239,3.64501664 C35.2331366,3.88593449 35.4451411,4.01163076 35.7352526,4.01163076 C36.0253641,4.01163076 36.2373686,3.88593449 36.3712662,3.64501664 C36.5051638,3.40409879 36.5721126,3.06890874 36.5721126,2.67087056 C36.5721126,2.26235768 36.5051638,1.93764232 36.3712662,1.69672447 C36.2373686,1.45580662 36.0253641,1.33011035 35.7352526,1.33011035 C35.4451411,1.33011035 35.2331366,1.44533193 35.099239,1.69672447 Z" transform="translate(218 22.35)" />
<path fill="#ACB3BA" d="M2.27414327,4.21082501 C1.68276218,4.21082501 1.23643683,4.02228061 0.946325351,3.6451918 C0.656213873,3.268103 0.5,2.76531792 0.5,2.12636188 C0.5,1.49788054 0.645055739,0.984620774 0.946325351,0.607531967 C1.23643683,0.23044316 1.68276218,0.0418987563 2.27414327,0.0418987563 C2.86552436,0.0418987563 3.31184971,0.23044316 3.60196119,0.607531967 C3.89207267,0.984620774 4.04828654,1.48740585 4.04828654,2.12636188 C4.04828654,2.75484323 3.9032308,3.268103 3.60196119,3.6451918 C3.31184971,4.02228061 2.86552436,4.21082501 2.27414327,4.21082501 Z M1.63812964,1.16269049 C1.50423204,1.40360834 1.43728324,1.73879839 1.43728324,2.13683657 C1.43728324,2.54534945 1.50423204,2.87006481 1.63812964,3.11098266 C1.77202725,3.35190051 1.98403179,3.47759678 2.27414327,3.47759678 C2.56425475,3.47759678 2.77625929,3.35190051 2.9101569,3.11098266 C3.0440545,2.87006481 3.1110033,2.53487476 3.1110033,2.13683657 C3.1110033,1.7283237 3.0440545,1.40360834 2.9101569,1.16269049 C2.77625929,0.92177264 2.56425475,0.796076371 2.27414327,0.796076371 C1.98403179,0.785601682 1.77202725,0.911297951 1.63812964,1.16269049 Z" transform="translate(218 28.35)" />
<path fill="#324A5E" d="M4.749 0.136L6.489 0.136 6.489 4.169 5.563 4.169 5.563 0.901 4.749 0.901 4.749 0.136z" transform="translate(218 28.35)" />
<path fill="#4CDBC4" d="M8.9641335,4.21082501 C8.37275241,4.21082501 7.92642706,4.02228061 7.63631559,3.6451918 C7.34620411,3.268103 7.18999023,2.76531792 7.18999023,2.12636188 C7.18999023,1.49788054 7.33504597,0.984620774 7.63631559,0.607531967 C7.92642706,0.23044316 8.37275241,0.0418987563 8.9641335,0.0418987563 C9.55551459,0.0418987563 10.0018399,0.23044316 10.2919514,0.607531967 C10.5820629,0.984620774 10.7382768,1.48740585 10.7382768,2.12636188 C10.7382768,2.75484323 10.593221,3.268103 10.2919514,3.6451918 C10.0018399,4.02228061 9.56667273,4.21082501 8.9641335,4.21082501 Z M8.33927801,1.16269049 C8.20538041,1.40360834 8.13843161,1.73879839 8.13843161,2.13683657 C8.13843161,2.54534945 8.20538041,2.87006481 8.33927801,3.11098266 C8.47317562,3.35190051 8.68518016,3.47759678 8.97529164,3.47759678 C9.26540312,3.47759678 9.47740766,3.35190051 9.61130526,3.11098266 C9.74520287,2.87006481 9.81215167,2.53487476 9.81215167,2.13683657 C9.81215167,1.7283237 9.74520287,1.40360834 9.61130526,1.16269049 C9.47740766,0.92177264 9.26540312,0.796076371 8.97529164,0.796076371 C8.68518016,0.785601682 8.47317562,0.911297951 8.33927801,1.16269049 Z" transform="translate(218 28.35)" />
<path fill="#324A5E" d="M11.439 0.136L13.179 0.136 13.179 4.169 12.253 4.169 12.253 0.901 11.439 0.901 11.439 0.136z" transform="translate(218 28.35)" />
<path fill="#2C9984" d="M15.6541237,4.21082501 C15.0627426,4.21082501 14.6164173,4.02228061 14.3263058,3.6451918 C14.0361943,3.268103 13.8799805,2.76531792 13.8799805,2.12636188 C13.8799805,1.49788054 14.0250362,0.984620774 14.3263058,0.607531967 C14.6275754,0.23044316 15.0627426,0.0418987563 15.6541237,0.0418987563 C16.2455048,0.0418987563 16.6918302,0.23044316 16.9819417,0.607531967 C17.2720531,0.984620774 17.428267,1.48740585 17.428267,2.12636188 C17.428267,2.75484323 17.2832113,3.268103 16.9819417,3.6451918 C16.6918302,4.02228061 16.2455048,4.21082501 15.6541237,4.21082501 Z M15.0181101,1.16269049 C14.8842125,1.40360834 14.8172637,1.73879839 14.8172637,2.13683657 C14.8172637,2.54534945 14.8842125,2.87006481 15.0181101,3.11098266 C15.1520077,3.35190051 15.3640123,3.47759678 15.6541237,3.47759678 C15.9442352,3.47759678 16.1562398,3.35190051 16.2901374,3.11098266 C16.424035,2.87006481 16.4909838,2.53487476 16.4909838,2.13683657 C16.4909838,1.7283237 16.424035,1.40360834 16.2901374,1.16269049 C16.1562398,0.92177264 15.9442352,0.796076371 15.6541237,0.796076371 C15.3640123,0.785601682 15.1520077,0.911297951 15.0181101,1.16269049 Z" transform="translate(218 28.35)" />
<path fill="#324A5E" d="M18.129 0.136L19.869 0.136 19.869 4.169 18.943 4.169 18.943 0.901 18.129 0.901z" transform="translate(218 28.35)" />
<path fill="#F1543F" d="M22.344114,4.21082501 C21.7527329,4.21082501 21.3064075,4.02228061 21.0162961,3.6451918 C20.7261846,3.268103 20.5699707,2.76531792 20.5699707,2.12636188 C20.5699707,1.49788054 20.7150264,0.984620774 21.0162961,0.607531967 C21.3175657,0.23044316 21.7527329,0.0418987563 22.344114,0.0418987563 C22.9354951,0.0418987563 23.3818204,0.23044316 23.6719319,0.607531967 C23.9620434,0.984620774 24.1182572,1.48740585 24.1182572,2.12636188 C24.1182572,2.75484323 23.9732015,3.268103 23.6719319,3.6451918 C23.3706623,4.02228061 22.9354951,4.21082501 22.344114,4.21082501 Z M21.7081003,1.16269049 C21.5742027,1.40360834 21.5072539,1.73879839 21.5072539,2.13683657 C21.5072539,2.54534945 21.5742027,2.87006481 21.7081003,3.11098266 C21.841998,3.35190051 22.0540025,3.47759678 22.344114,3.47759678 C22.6342255,3.47759678 22.84623,3.35190051 22.9801276,3.11098266 C23.1140252,2.87006481 23.180974,2.53487476 23.180974,2.13683657 C23.180974,1.7283237 23.1140252,1.40360834 22.9801276,1.16269049 C22.84623,0.92177264 22.6342255,0.796076371 22.344114,0.796076371 C22.0540025,0.785601682 21.841998,0.911297951 21.7081003,1.16269049 Z" transform="translate(218 28.35)" />
<path fill="#324A5E" d="M24.819 0.136L26.559 0.136 26.559 4.169 25.633 4.169 25.633 0.901 24.819 0.901z" transform="translate(218 28.35)" />
<path fill="#ACB3BA" d="M29.0341042,4.21082501 C28.4427231,4.21082501 27.9963978,4.02228061 27.7062863,3.6451918 C27.4161748,3.268103 27.2599609,2.76531792 27.2599609,2.12636188 C27.2599609,1.49788054 27.4050167,0.984620774 27.7062863,0.607531967 C27.9963978,0.23044316 28.4427231,0.0418987563 29.0341042,0.0418987563 C29.6254853,0.0418987563 30.0718106,0.23044316 30.3619221,0.607531967 C30.6520336,0.984620774 30.8082475,1.48740585 30.8082475,2.12636188 C30.8082475,2.75484323 30.6631917,3.268103 30.3619221,3.6451918 C30.0718106,4.02228061 29.6254853,4.21082501 29.0341042,4.21082501 Z M28.3980906,1.16269049 C28.264193,1.40360834 28.1972442,1.73879839 28.1972442,2.13683657 C28.1972442,2.54534945 28.264193,2.87006481 28.3980906,3.11098266 C28.5319882,3.35190051 28.7439927,3.47759678 29.0341042,3.47759678 C29.3242157,3.47759678 29.5362202,3.35190051 29.6701178,3.11098266 C29.8040154,2.87006481 29.8709642,2.53487476 29.8709642,2.13683657 C29.8709642,1.7283237 29.8040154,1.40360834 29.6701178,1.16269049 C29.5362202,0.92177264 29.3242157,0.796076371 29.0341042,0.796076371 C28.7439927,0.785601682 28.5319882,0.911297951 28.3980906,1.16269049 Z" transform="translate(218 28.35)" />
<path fill="#324A5E" d="M31.509 0.136L33.249 0.136 33.249 4.169 32.323 4.169 32.323 0.901 31.509 0.901 31.509 0.136z" transform="translate(218 28.35)" />
<path fill="#4CDBC4" d="M35.7240944,4.16892626 C35.1327134,4.16892626 34.686388,3.98038185 34.3962765,3.60329305 C34.106165,3.22620424 33.9499512,2.72341916 33.9499512,2.08446313 C33.9499512,1.45598178 34.0950069,0.942722018 34.3962765,0.565633211 C34.686388,0.188544404 35.1327134,0 35.7240944,0 C36.3154755,0 36.7618009,0.188544404 37.0519124,0.565633211 C37.3420238,0.942722018 37.4982377,1.44550709 37.4982377,2.08446313 C37.4982377,2.71294447 37.353182,3.22620424 37.0519124,3.60329305 C36.7618009,3.98038185 36.3266337,4.16892626 35.7240944,4.16892626 Z M35.099239,1.12079173 C34.9653413,1.36170958 34.8983925,1.69689963 34.8983925,2.09493782 C34.8983925,2.50345069 34.9653413,2.82816605 35.099239,3.0690839 C35.2331366,3.31000175 35.4451411,3.43569802 35.7352526,3.43569802 C36.0253641,3.43569802 36.2373686,3.31000175 36.3712662,3.0690839 C36.5051638,2.82816605 36.5721126,2.492976 36.5721126,2.09493782 C36.5721126,1.68642494 36.5051638,1.36170958 36.3712662,1.12079173 C36.2373686,0.879873883 36.0253641,0.754177614 35.7352526,0.754177614 C35.4451411,0.743702925 35.2331366,0.869399194 35.099239,1.12079173 Z" transform="translate(218 28.35)" />
</g>
<g fill-rule="nonzero">
<path fill="#00bfa5" d="M4.70920304,4.65200583 C6.1219493,3.22283229 7.88780883,2.50839381 9.65366835,2.50839381 L9.65366835,4.29478659 L15.4809901,1.7045393 C11.5960112,-0.885707983 6.3868209,-0.528488741 2.94334352,2.95502908 C-0.500133868,6.43854689 -0.853247141,11.7084575 1.70722719,15.6384623 L3.47308672,13.8520695 C1.88385711,10.8150387 2.23697039,7.06356935 4.70920304,4.65200583 Z" transform="translate(227 11)" />
<path fill="#ef5350" d="M15.2161185,15.2810948 C13.8033723,16.7102683 12.0375128,17.4247068 10.2716532,17.4247068 L10.2716532,15.638314 L4.44433144,18.2285613 C8.32931035,20.8188086 13.5385007,20.4615893 16.9819781,16.9780715 C20.4254555,13.4945537 20.7785687,8.2246431 18.2180944,4.2946383 L16.4522349,6.08103108 C18.0414645,9.11791363 17.6883512,12.869383 15.2161185,15.2810948 Z" transform="translate(227 11)" />
</g>
<path fill="#FFF" fill-opacity=".1" fill-rule="nonzero" d="M24,36 L24,0 L45.1796398,0 C45.6327122,0 46,0.497573405 46,1.09281171 L46,29 L48,29 L48,34 L47,34 L48,34 L45.1580247,36 L24,36 Z" transform="translate(213 6)" />
</g>
</svg>
</a>
</h4>
<ul class="c-profile-stats">
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:comment-text-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Posts</span>
<small class="c-profile-stat-value">56471</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:clock-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Joined</span>
<small class="c-profile-stat-value">
<time>5 years ago</time>
</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:thumb-up-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title"></span>
<small class="c-profile-stat-value"><span class="c-profile-rating-good">5821</span></small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-ic o-icon" data-icon="ic:outline-room" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Location</span>
<small class="c-profile-stat-value">somewhere...</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Likes</span>
<small class="c-profile-stat-value"><span class="c-profile-rating-bad">-985</span></small>
</h5>
</li>
</ul>
</div>
</span>
</div>
<div class="o-bar-right c-post-bar-right">
<span class="o-bar-item o-bar-info c-post-meta-time u-hidden-xs-down">
<time class="c-post-meta-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">5 years ago</time>
</span>
<a class="o-bar-item o-action c-post-meta-number" href="#">
<span class="c-post-meta-number-text">#1</span>
</a>
</div>
</div>
<div class="c-post-body">
<div class="c-copy">
<p>We need some text here to showcase as content for a post</p>
</div>
<div class="o-bar c-post-action-bar">
<div class="o-bar-left c-post-action-bar-right"></div>
<div class="o-bar-right c-post-action-bar-right">
<span class="o-bar-item c-post-action-bar-item u-hidden-md-up">
<a class="o-action c-post-action" href="#" data-tooltip="true" data-toggle="menu" data-placement="top" title="More Post Actions">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:more-vert" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Info</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Warn</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-fa-regular o-icon c-menu-link-icon t-menu-topic-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Report</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Share</span>
</a>
</li>
</ul>
</div>
</span>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Info">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Warn">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class=" o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Report">
<span class="iconify o-icon o-icon-src-fa-regular o-icon o-action-icon c-post-action-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Share">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Quote">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:comment-quote-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Delete">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:trash-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Edit">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:pencil-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Like Post">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span>
</a>
</div>
</div>
</div>
</div>
<div class="c-post">
<div class="o-bar c-post-bar">
<div class="o-bar-left c-post-bar-left">
<span class="o-bar-item c-post-bar-item">
<a class="o-action o-bar-profile" href="" data-toggle="profile">
<span class="o-avatar-wrap o-bar-avatar">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/73087?v=4&amp;s=460" alt="User Avatar">
<span class="o-avatar-online o-bar-avatar-online"></span>
</span>
<span class="o-bar-user" style="color: #4f6772;">
francona
<small class="o-bar-user-title">Production Manager</small>
</span>
</a>
<div class="c-profile" data-container="profile">
<a class="c-profile-action" href="" data-toggle="menu" data-placement="top" data-tooltip="true" title="Contact Menu">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-processing-outline" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu c-profile-menu t-menu t-profile-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Private Message User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-account-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Private Message User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Email User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:at" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Email User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Skype User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:skype" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Skype User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Website">
<svg class="o-icon c-profile-menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M21.167 7.333h-2.519C17.127 5.314 14.718 4 12 4 9.283 4 6.873 5.314 5.352 7.333H2.833A.834.834 0 0 0 2 8.167V16.5c0 .46.373.833.833.833h2.519c1.52 2.02 3.93 3.334 6.648 3.334 2.718 0 5.127-1.314 6.648-3.334h2.519c.46 0 .833-.372.833-.833V8.167a.833.833 0 0 0-.833-.834zm-4.781 0h-1.053v-.758c.376.22.728.474 1.053.758zm-2.72-1.447v1.447h-3.333V5.886A6.632 6.632 0 0 1 12 5.666c.576 0 1.133.081 1.667.22zm-5 .689v.758H7.615a6.916 6.916 0 0 1 1.053-.758zM7.615 17.333h1.053v.76a6.7 6.7 0 0 1-1.053-.76zm2.72 1.449v-1.449h3.333v1.449A6.627 6.627 0 0 1 12 19c-.576 0-1.133-.08-1.667-.218zm5-.69v-.759h1.052a6.66 6.66 0 0 1-1.053.76zm5-2.425H3.666V9h16.666v6.667zM6.366 14h.851l-.009-.035.411-1.625.407 1.66h.858l-.01-.035.834-3.298h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626h-.833L6.36 14h.007zm4.166 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.008-.033.832-3.3h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626H9.71L10.527 14h.006zm4.167 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.009-.033.833-3.3h-.857l-.4 1.626-.41-1.626h-.857l-.399 1.626-.41-1.626h-.834L14.693 14h.007z" />
</svg>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Website</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Facebook">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:facebook-box" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Facebook</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Twitter">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:twitter" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Twitter</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Youtube">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:youtube" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Youtube</span>
</a>
</li>
</ul>
</div>
<a class="c-profile-action c-profile-close" href="" data-tooltip="true" data-close="true" title="Close">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:close" data-inline="false" aria-hidden="false"></span>
</a>
<div class="o-avatar-wrap">
<a class="o-avatar-rate-good" href="" data-tooltip="true" title="Rate User Up"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-up-outline" data-inline="false" aria-hidden="false"></span></a>
<a class="" href="./memberlist.php?mode=viewprofile&amp;u=61815">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/73087?v=4&amp;s=460" alt="User Avatar">
</a>
<a class="o-avatar-rate-bad" href="" data-tooltip="true" title="Rate User Down"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-down-outline" data-inline="false" aria-hidden="false"></span></a>
<span class="o-avatar-online" data-tooltip="true" title="User is online"></span>
</div>
<h4 class="c-profile-meta">
<a class="c-profile-user" href="./memberlist.php?mode=viewprofile&amp;u=61815" style="color: #4f6772;">francona</a>
<small class="c-profile-user-title">Production Manager</small>
<a class="c-group-link" href="./memberlist.php?mode=group&g=0">
<svg class="c-profile-group" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261 48">
<g fill="none" fill-rule="evenodd">
<path fill="#37474F" d="M4.99861434,8 C2.78854132,8 1,9.79276724 1,12.0042577 L1,35.9957423 C1,38.2109725 2.79024062,40 4.99861434,40 L237,40 L237,8 L4.99861434,8 Z" transform="translate(0 -.048)" />
<path fill="#FFF" fill-rule="nonzero" d="M13.3286133,25.557476 L13.3286133,30.0481987 L11.2285156,30.0481987 L11.2285156,17.9622612 L15.8520508,17.9622612 C17.2023179,17.9622612 18.2744915,18.3136574 19.0686035,19.0164604 C19.8627156,19.7192634 20.2597656,20.6489416 20.2597656,21.8055229 C20.2597656,22.9897736 19.8710163,23.9111511 19.0935059,24.569683 C18.3159955,25.228215 17.2272205,25.557476 15.8271484,25.557476 L13.3286133,25.557476 Z M13.3286133,23.8724174 L15.8520508,23.8724174 C16.5991248,23.8724174 17.1691061,23.6967193 17.5620117,23.3453178 C17.9549173,22.9939163 18.1513672,22.4861903 18.1513672,21.8221244 C18.1513672,21.1691264 17.9521504,20.6475658 17.5537109,20.2574272 C17.1552714,19.8672885 16.6074254,19.6666883 15.9101562,19.6556205 L13.3286133,19.6556205 L13.3286133,23.8724174 Z M26.5791563,25.3914604 L24.2383359,25.3914604 L24.2383359,30.0481987 L22.1382383,30.0481987 L22.1382383,17.9622612 L26.3882383,17.9622612 C27.7827765,17.9622612 28.8591004,18.2749208 29.6172422,18.9002494 C30.375384,19.5255781 30.7544492,20.4303542 30.7544492,21.6146049 C30.7544492,22.4225517 30.5593828,23.0990586 30.1692441,23.6441459 C29.7791055,24.1892333 29.2354097,24.6084185 28.5381406,24.9017143 L31.2524961,29.9402885 L31.2524961,30.0481987 L29.0029844,30.0481987 L26.5791563,25.3914604 Z M24.2383359,23.7064018 L26.3965391,23.7064018 C27.1048759,23.7064018 27.6582558,23.5279368 28.0566953,23.1710014 C28.4551348,22.814066 28.6543516,22.3257083 28.6543516,21.7059135 C28.6543516,21.0584493 28.4703528,20.5576405 28.1023496,20.2034721 C27.7343465,19.8493037 27.1851169,19.6666883 26.4546445,19.6556205 L24.2383359,19.6556205 L24.2383359,23.7064018 Z M42.4361445,24.3206596 C42.4361445,25.5049103 42.231394,26.543881 41.8218867,27.437603 C41.4123795,28.3313249 40.8271802,29.0175159 40.0662715,29.4961967 C39.3053627,29.9748775 38.4296391,30.2142143 37.4390742,30.2142143 C36.4595771,30.2142143 35.5866204,29.9748775 34.8201777,29.4961967 C34.0537351,29.0175159 33.4616186,28.3354752 33.0438105,27.4500541 C32.6260025,26.564633 32.4143347,25.5436471 32.4088008,24.3870658 L32.4088008,23.7064018 C32.4088008,22.5276849 32.6177017,21.4873308 33.0355098,20.585308 C33.4533178,19.6832853 34.0426674,18.9929439 34.8035762,18.5142631 C35.5644849,18.0355823 36.4374417,17.7962455 37.4224727,17.7962455 C38.4075036,17.7962455 39.2804604,18.0328154 40.0413691,18.5059623 C40.8022779,18.9791092 41.390244,19.6597665 41.8052852,20.5479545 C42.2203263,21.4361425 42.4306106,22.4695795 42.4361445,23.6482963 L42.4361445,24.3206596 Z M40.3360469,23.6898002 C40.3360469,22.3506008 40.0828756,21.3240811 39.5765254,20.6102104 C39.0701752,19.8963396 38.3521648,19.5394096 37.4224727,19.5394096 C36.514916,19.5394096 35.8052063,19.8949562 35.2933223,20.60606 C34.7814382,21.3171638 34.5199662,22.3229317 34.5088984,23.623394 L34.5088984,24.3206596 C34.5088984,25.6487912 34.7676035,26.6753109 35.2850215,27.4002494 C35.8024394,28.125188 36.5204498,28.4876518 37.4390742,28.4876518 C38.3687664,28.4876518 39.0840099,28.1334887 39.5848262,27.4251518 C40.0856425,26.7168149 40.3360469,25.6819945 40.3360469,24.3206596 L40.3360469,23.6898002 Z M44.5719414,30.0481987 L44.5719414,17.9622612 L48.1412773,17.9622612 C49.2093165,17.9622612 50.1569796,18.2002145 50.9842949,18.6761283 C51.8116103,19.1520422 52.4521475,19.8271656 52.9059258,20.701519 C53.3597041,21.5758723 53.5865898,22.5774899 53.5865898,23.7064018 L53.5865898,24.3123588 C53.5865898,25.4578724 53.3583206,26.4650237 52.9017754,27.3338432 C52.4452301,28.2026626 51.7950088,28.8722523 50.9510918,29.3426322 C50.1071748,29.8130122 49.1401435,30.0481987 48.0499688,30.0481987 L44.5719414,30.0481987 Z M46.6720391,19.6556205 L46.6720391,28.3714408 L48.041668,28.3714408 C49.1429105,28.3714408 49.9881982,28.0269619 50.5775566,27.3379936 C51.1669151,26.6490253 51.4671236,25.6598587 51.4781914,24.3704643 L51.4781914,23.698101 C51.4781914,22.386571 51.1932008,21.3849534 50.6232109,20.6932182 C50.0532211,20.001483 49.2259182,19.6556205 48.1412773,19.6556205 L46.6720391,19.6556205 Z M64.5627188,17.9622612 L64.5627188,26.0389213 C64.5627188,27.3227819 64.1518342,28.3396174 63.3300527,29.0894584 C62.5082713,29.8392994 61.4139626,30.2142143 60.0470938,30.2142143 C58.6636233,30.2142143 57.5651642,29.8448332 56.7516836,29.10606 C55.938203,28.3672868 55.5314688,27.3421505 55.5314688,26.0306205 L55.5314688,17.9622612 L57.6232656,17.9622612 L57.6232656,26.0472221 C57.6232656,26.8551688 57.8280162,27.4721874 58.2375234,27.8982963 C58.6470307,28.3244052 59.2502148,28.5374565 60.0470938,28.5374565 C61.6629872,28.5374565 62.4709219,27.6852514 62.4709219,25.9808158 L62.4709219,17.9622612 L64.5627188,17.9622612 Z M76.0700977,26.1136283 C75.9483523,27.4030228 75.4724456,28.4087907 74.6423633,29.1309623 C73.812281,29.8531339 72.7082881,30.2142143 71.3303516,30.2142143 C70.3674561,30.2142143 69.5194015,29.9859451 68.7861621,29.5293998 C68.0529228,29.0728546 67.4870918,28.4240167 67.0886523,27.5828666 C66.6902129,26.7417166 66.4826954,25.7650011 66.4660937,24.6526908 L66.4660937,23.5237846 C66.4660937,22.3838049 66.6680774,21.3794204 67.0720508,20.510601 C67.4760242,19.6417815 68.0556896,18.9721919 68.8110645,18.5018119 C69.5664393,18.031432 70.4393961,17.7962455 71.4299609,17.7962455 C72.7636265,17.7962455 73.8371834,18.1587094 74.6506641,18.8836479 C75.4641447,19.6085864 75.9372845,20.6323392 76.0700977,21.9549369 L73.9783008,21.9549369 C73.8786909,21.0861175 73.6255196,20.4594148 73.2187793,20.07481 C72.812039,19.6902052 72.2157722,19.4979057 71.4299609,19.4979057 C70.5168704,19.4979057 69.8154614,19.8313171 69.3257129,20.4981498 C68.8359643,21.1649826 68.58556,22.1430815 68.5744922,23.432476 L68.5744922,24.5032768 C68.5744922,25.8092729 68.8082952,26.8053567 69.2759082,27.491558 C69.7435212,28.1777594 70.4283288,28.5208549 71.3303516,28.5208549 C72.1549,28.5208549 72.7746854,28.3354726 73.1897266,27.9647026 C73.6047677,27.5939325 73.8676231,26.9769139 73.9783008,26.1136283 L76.0700977,26.1136283 Z M86.4817734,19.6556205 L82.7132187,19.6556205 L82.7132187,30.0481987 L80.6297227,30.0481987 L80.6297227,19.6556205 L76.8943711,19.6556205 L76.8943711,17.9622612 L86.4817734,17.9622612 L86.4817734,19.6556205 Z M90.3275312,30.0481987 L88.2357344,30.0481987 L88.2357344,17.9622612 L90.3275312,17.9622612 L90.3275312,30.0481987 Z M102.598582,24.3206596 C102.598582,25.5049103 102.393831,26.543881 101.984324,27.437603 C101.574817,28.3313249 100.989618,29.0175159 100.228709,29.4961967 C99.4678002,29.9748775 98.5920766,30.2142143 97.6015117,30.2142143 C96.6220146,30.2142143 95.7490579,29.9748775 94.9826152,29.4961967 C94.2161726,29.0175159 93.6240561,28.3354752 93.206248,27.4500541 C92.78844,26.564633 92.5767722,25.5436471 92.5712383,24.3870658 L92.5712383,23.7064018 C92.5712383,22.5276849 92.7801392,21.4873308 93.1979473,20.585308 C93.6157553,19.6832853 94.2051049,18.9929439 94.9660137,18.5142631 C95.7269224,18.0355823 96.5998792,17.7962455 97.5849102,17.7962455 C98.5699411,17.7962455 99.4428979,18.0328154 100.203807,18.5059623 C100.964715,18.9791092 101.552682,19.6597665 101.967723,20.5479545 C102.382764,21.4361425 102.593048,22.4695795 102.598582,23.6482963 L102.598582,24.3206596 Z M100.498484,23.6898002 C100.498484,22.3506008 100.245313,21.3240811 99.7389629,20.6102104 C99.2326127,19.8963396 98.5146023,19.5394096 97.5849102,19.5394096 C96.6773535,19.5394096 95.9676438,19.8949562 95.4557598,20.60606 C94.9438757,21.3171638 94.6824037,22.3229317 94.6713359,23.623394 L94.6713359,24.3206596 C94.6713359,25.6487912 94.930041,26.6753109 95.447459,27.4002494 C95.9648769,28.125188 96.6828873,28.4876518 97.6015117,28.4876518 C98.5312039,28.4876518 99.2464474,28.1334887 99.7472637,27.4251518 C100.24808,26.7168149 100.498484,25.6819945 100.498484,24.3206596 L100.498484,23.6898002 Z M114.321781,30.0481987 L112.221684,30.0481987 L106.834477,21.4734916 L106.834477,30.0481987 L104.734379,30.0481987 L104.734379,17.9622612 L106.834477,17.9622612 L112.238285,26.5701713 L112.238285,17.9622612 L114.321781,17.9622612 L114.321781,30.0481987 Z M123.84777,17.9622612 L127.334098,27.225933 L130.812125,17.9622612 L133.52648,17.9622612 L133.52648,30.0481987 L131.434684,30.0481987 L131.434684,26.0638237 L131.642203,20.7347221 L128.072867,30.0481987 L126.570426,30.0481987 L123.009391,20.7430229 L123.21691,26.0638237 L123.21691,30.0481987 L121.125113,30.0481987 L121.125113,17.9622612 L123.84777,17.9622612 Z M142.966965,27.2342338 L138.285324,27.2342338 L137.305832,30.0481987 L135.122727,30.0481987 L139.688156,17.9622612 L141.572434,17.9622612 L146.146164,30.0481987 L143.954758,30.0481987 L142.966965,27.2342338 Z M138.87468,25.5408744 L142.377609,25.5408744 L140.626145,20.5272026 L138.87468,25.5408744 Z M157.147195,30.0481987 L155.047098,30.0481987 L149.659891,21.4734916 L149.659891,30.0481987 L147.559793,30.0481987 L147.559793,17.9622612 L149.659891,17.9622612 L155.063699,26.5701713 L155.063699,17.9622612 L157.147195,17.9622612 L157.147195,30.0481987 Z M166.58768,27.2342338 L161.906039,27.2342338 L160.926547,30.0481987 L158.743441,30.0481987 L163.308871,17.9622612 L165.193148,17.9622612 L169.766879,30.0481987 L167.575473,30.0481987 L166.58768,27.2342338 Z M162.495395,25.5408744 L165.998324,25.5408744 L164.246859,20.5272026 L162.495395,25.5408744 Z M180.269863,28.479351 C179.832687,29.0493408 179.226736,29.4809771 178.451992,29.7742729 C177.677249,30.0675686 176.797375,30.2142143 175.812344,30.2142143 C174.799643,30.2142143 173.903168,29.9845616 173.122891,29.5252494 C172.342613,29.0659372 171.740813,28.4087986 171.317471,27.5538139 C170.894129,26.6988291 170.67416,25.7013619 170.657559,24.5613822 L170.657559,23.6150932 C170.657559,21.7889122 171.094729,20.3625755 171.969082,19.3360405 C172.843435,18.3095054 174.063638,17.7962455 175.629727,17.7962455 C176.97446,17.7962455 178.042483,18.1282735 178.833828,18.7923393 C179.625173,19.4564051 180.10108,20.4137523 180.261562,21.6644096 L178.202969,21.6644096 C177.970546,20.2089987 177.126641,19.4813041 175.67123,19.4813041 C174.730471,19.4813041 174.015227,19.8202493 173.525479,20.4981498 C173.03573,21.1760504 172.782559,22.1707507 172.765957,23.4822807 L172.765957,24.4119682 C172.765957,25.7179643 173.041264,26.7320329 173.591885,27.4542045 C174.142506,28.1763761 174.907554,28.5374565 175.887051,28.5374565 C176.960624,28.5374565 177.724288,28.2939693 178.178066,27.8069877 L178.178066,25.4412651 L175.687832,25.4412651 L175.687832,23.8475151 L180.269863,23.8475151 L180.269863,28.479351 Z M189.685445,24.6526908 L184.721578,24.6526908 L184.721578,28.3714408 L190.523824,28.3714408 L190.523824,30.0481987 L182.62148,30.0481987 L182.62148,17.9622612 L190.465719,17.9622612 L190.465719,19.6556205 L184.721578,19.6556205 L184.721578,22.9925346 L189.685445,22.9925346 L189.685445,24.6526908 Z M196.718703,25.3914604 L194.377883,25.3914604 L194.377883,30.0481987 L192.277785,30.0481987 L192.277785,17.9622612 L196.527785,17.9622612 C197.922323,17.9622612 198.998647,18.2749208 199.756789,18.9002494 C200.514931,19.5255781 200.893996,20.4303542 200.893996,21.6146049 C200.893996,22.4225517 200.69893,23.0990586 200.308791,23.6441459 C199.918652,24.1892333 199.374957,24.6084185 198.677688,24.9017143 L201.392043,29.9402885 L201.392043,30.0481987 L199.142531,30.0481987 L196.718703,25.3914604 Z M194.377883,23.7064018 L194.377883,19.6556205 L196.594191,19.6556205 C197.324664,19.6666883 197.873893,19.8493037 198.241896,20.2034721 C198.6099,20.5576405 198.793898,21.0584493 198.793898,21.7059135 C198.793898,22.3257083 198.594682,22.814066 198.196242,23.1710014 C197.797803,23.5279368 197.244423,23.7064018 196.536086,23.7064018 L194.377883,23.7064018 Z" transform="translate(0 -.048)" />
<g transform="translate(213 -.048)">
<path fill="#4f6772" fill-rule="nonzero" d="M25,43 C14.5065898,43 6,34.4934102 6,24 C6,13.5065898 14.5065898,5 25,5 C35.4934102,5 44,13.5065898 44,24 C44,34.4934102 35.4934102,43 25,43 Z" />
<path fill="#EEE" d="M24,42.5 C27.0675098,42.5 29.9590615,41.7466336 32.4997249,40.4148307 C32.53736,40.2745693 32.5641108,40.1398623 32.5787253,40.0156418 L33.9538574,32.6288001 C34.181605,30.6923063 33.5590817,28.7465976 32.24575,27.2909292 C30.9325165,25.8350669 29.0467699,25 27.0721053,25 L20.9278312,25 C18.9531667,25 17.0674201,25.8350669 15.7541866,27.2909292 C14.4408549,28.7466946 13.8183315,30.6924033 14.0461774,32.6288001 L15.4213095,40.0156418 C15.4359247,40.1398686 15.4626775,40.2745829 15.5003156,40.414852 C18.0409693,41.7466416 20.9325065,42.5 24,42.5 Z" />
<path fill="#FFF" d="M20.9278312,25 C18.9531667,25 17.0674201,25.8350669 15.7541866,27.2909292 C14.4408549,28.7466946 13.8183315,30.6924033 14.0461774,32.6288001 L15.4213095,40.0156418 C15.4359247,40.1398686 15.4626775,40.2745829 15.5003156,40.414852 C18.0409693,41.7466416 20.9325065,42.5 24,42.5 L24,25 L20.9278312,25 Z" />
<path fill="#FFECB3" fill-rule="nonzero" d="M23.9999396,13 C20.6916249,13 18,15.6916521 18,19 C18,22.3083479 20.6916249,25 23.9999396,25 C27.3083751,25 30,22.3083479 30,19 C30,15.6916521 27.3083751,13 23.9999396,13 Z" />
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M24,13 C27.3084078,13.0000328 30,15.6916722 30,19 C30,22.3083278 27.3084078,24.9999672 24,25 L24,13 L24,13 Z" />
<path fill="#3f54c0" fill-rule="nonzero" d="M26 35L24 37 22 35 23 25 25 25z" />
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M24 37L26 35 25 25 24 25 24 37z" />
<path fill="#b0bec5" d="M26.3468533,0 C26.9008013,0 27.4757563,0.432936172 27.6264444,0.951146851 L28.6214324,4.37226002 C30.7688569,4.87592023 32.784043,5.72288796 34.6059276,6.85210027 L37.7526777,5.12364617 C38.2191781,4.86733012 38.9009036,4.96309709 39.276105,5.33829849 L42.6559955,8.71818898 C43.0308607,9.09305423 43.1270091,9.77503349 42.8706478,10.2416163 L41.1431078,13.3862475 C42.2735221,15.2081755 43.1215925,17.2236233 43.6261949,19.3714668 L47.0745564,20.3737609 C47.546432,20.5109753 47.9356963,20.9903562 47.992791,21.4802643 L48,21.6027687 L48,26.3826557 C48,26.8724541 47.646957,27.3785741 47.190642,27.5704364 L47.0745564,27.6116636 L43.6297721,28.6134556 C43.1260646,30.7650495 42.2777444,32.7840076 41.1462026,34.6089386 L42.8706478,37.7485564 C43.1056457,38.1762572 43.0444375,38.784951 42.7438625,39.1721715 L42.6559955,39.2719837 L39.276105,42.6518741 C38.9321704,42.9958088 38.3306704,43.1049408 37.8734847,42.9233125 L37.7526777,42.8665265 L34.6139115,41.1431245 C32.7899309,42.2748123 30.7719942,43.1235197 28.6214324,43.6279158 L27.6189702,47.0745466 C27.4817558,47.5464223 27.0023749,47.9356865 26.5124668,47.9927812 L26.3899624,47.9999902 L21.6100754,47.9999902 C21.120277,47.9999902 20.614157,47.6469472 20.4222947,47.1906323 L20.3810675,47.0745466 L19.3784219,43.6278482 C17.2275758,43.1233519 15.2093941,42.2744522 13.385233,41.1425053 L10.2409018,42.8698693 C9.8132009,43.1048671 9.20450714,43.0436589 8.81728663,42.743084 L8.71747449,42.655217 L5.33758399,39.2753265 C4.99364938,38.9313918 4.8845173,38.3298919 5.06614568,37.8727062 L5.12293167,37.7518992 L6.85146494,34.6049462 C5.72116103,32.7810631 4.87371048,30.7634806 4.37037023,28.6134556 L0.925443649,27.6116636 C0.414335235,27.4630408 0,26.9132706 0,26.3826557 L0,21.6027687 C0,21.0726292 0.414244995,20.5224099 0.925443649,20.3737609 L4.37394749,19.3714668 C4.87799719,17.225976 5.72476284,15.212591 6.85332099,13.3922352 L5.12293167,10.2425031 C4.86661563,9.77600268 4.9623826,9.0942772 5.33758399,8.71907581 L8.71747449,5.33918531 C9.09233974,4.96432006 9.774319,4.86817169 10.2409018,5.12453299 L13.3902225,6.85457534 C15.2130739,5.72417604 17.2295366,4.87636392 19.3784219,4.37232759 L20.3735934,0.951146851 C20.526344,0.42584295 21.0897584,0 21.6531845,0 L26.3468533,0 Z M24,8.99999512 C15.7157288,8.99999512 9,15.7157239 9,23.9999951 C9,32.2842664 15.7157288,38.9999951 24,38.9999951 C32.2842712,38.9999951 39,32.2842664 39,23.9999951 C39,15.7157239 32.2842712,8.99999512 24,8.99999512 Z" />
<circle cx="24" cy="24" r="15" stroke="#CFD8DC" />
</g>
</g>
</svg>
</a>
</h4>
<ul class="c-profile-stats">
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:comment-text-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Posts</span>
<small class="c-profile-stat-value">56471</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:clock-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Joined</span>
<small class="c-profile-stat-value">
<time>5 years ago</time>
</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:thumb-up-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title"></span>
<small class="c-profile-stat-value"><span class="c-profile-rating-good">5821</span></small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-ic o-icon" data-icon="ic:outline-room" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Location</span>
<small class="c-profile-stat-value">somewhere...</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Likes</span>
<small class="c-profile-stat-value"><span class="c-profile-rating-good">985</span></small>
</h5>
</li>
</ul>
</div>
</span>
</div>
<div class="o-bar-right c-post-bar-right">
<span class="o-bar-item o-bar-info c-post-meta-time u-hidden-xs-down">
<time class="c-post-meta-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">5 years ago</time>
</span>
<a class="o-bar-item o-action c-post-meta-number" href="#">
<span class="c-post-meta-number-text">#2</span>
</a>
</div>
</div>
<div class="c-post-body">
<div class="c-copy">
<p>We will also eventually have to work out a parser for testing the content to handle html as well</p>
</div>
<div class="o-bar c-post-action-bar">
<div class="o-bar-left c-post-action-bar-right"></div>
<div class="o-bar-right c-post-action-bar-right">
<span class="o-bar-item c-post-action-bar-item u-hidden-md-up">
<a class="o-action c-post-action" href="#" data-tooltip="true" data-toggle="menu" data-placement="top" title="More Post Actions">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:more-vert" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Info</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Warn</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-fa-regular o-icon c-menu-link-icon t-menu-topic-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Report</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Share</span>
</a>
</li>
</ul>
</div>
</span>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Info">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Warn">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class=" o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Report">
<span class="iconify o-icon o-icon-src-fa-regular o-icon o-action-icon c-post-action-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Share">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Quote">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:comment-quote-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Delete">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:trash-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Edit">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:pencil-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Like Post">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span>
</a>
</div>
</div>
</div>
</div>
<div class="c-post">
<div class="o-bar c-post-bar">
<div class="o-bar-left c-post-bar-left">
<span class="o-bar-item c-post-bar-item">
<a class="o-action o-bar-profile" href="" data-toggle="profile">
<span class="o-avatar-wrap o-bar-avatar">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/72581?v=4&amp;s=460" alt="User Avatar">
<span class="o-avatar-online o-bar-avatar-online"></span>
</span>
<span class="o-bar-user" style="color: #3f54c0;">
I have a long username
<small class="o-bar-user-title">Community Team Leader</small>
</span>
</a>
<div class="c-profile" data-container="profile">
<a class="c-profile-action" href="" data-toggle="menu" data-placement="top" data-tooltip="true" title="Contact Menu">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-processing-outline" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu c-profile-menu t-menu t-profile-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Private Message User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-account-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Private Message User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Email User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:at" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Email User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Skype User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:skype" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Skype User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Website">
<svg class="o-icon c-profile-menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M21.167 7.333h-2.519C17.127 5.314 14.718 4 12 4 9.283 4 6.873 5.314 5.352 7.333H2.833A.834.834 0 0 0 2 8.167V16.5c0 .46.373.833.833.833h2.519c1.52 2.02 3.93 3.334 6.648 3.334 2.718 0 5.127-1.314 6.648-3.334h2.519c.46 0 .833-.372.833-.833V8.167a.833.833 0 0 0-.833-.834zm-4.781 0h-1.053v-.758c.376.22.728.474 1.053.758zm-2.72-1.447v1.447h-3.333V5.886A6.632 6.632 0 0 1 12 5.666c.576 0 1.133.081 1.667.22zm-5 .689v.758H7.615a6.916 6.916 0 0 1 1.053-.758zM7.615 17.333h1.053v.76a6.7 6.7 0 0 1-1.053-.76zm2.72 1.449v-1.449h3.333v1.449A6.627 6.627 0 0 1 12 19c-.576 0-1.133-.08-1.667-.218zm5-.69v-.759h1.052a6.66 6.66 0 0 1-1.053.76zm5-2.425H3.666V9h16.666v6.667zM6.366 14h.851l-.009-.035.411-1.625.407 1.66h.858l-.01-.035.834-3.298h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626h-.833L6.36 14h.007zm4.166 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.008-.033.832-3.3h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626H9.71L10.527 14h.006zm4.167 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.009-.033.833-3.3h-.857l-.4 1.626-.41-1.626h-.857l-.399 1.626-.41-1.626h-.834L14.693 14h.007z" />
</svg>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Website</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Facebook">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:facebook-box" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Facebook</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Twitter">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:twitter" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Twitter</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Youtube">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:youtube" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Youtube</span>
</a>
</li>
</ul>
</div>
<a class="c-profile-action c-profile-close" href="" data-tooltip="true" data-close="true" title="Close">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:close" data-inline="false" aria-hidden="false"></span>
</a>
<div class="o-avatar-wrap">
<a class="o-avatar-rate-good" href="" data-tooltip="true" title="Rate User Up"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-up-outline" data-inline="false" aria-hidden="false"></span></a>
<a class="" href="./memberlist.php?mode=viewprofile&amp;u=61815">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/72581?v=4&amp;s=460" alt="User Avatar">
</a>
<a class="o-avatar-rate-bad" href="" data-tooltip="true" title="Rate User Down"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-down-outline" data-inline="false" aria-hidden="false"></span></a>
<span class="o-avatar-online" data-tooltip="true" title="User is online"></span>
</div>
<h4 class="c-profile-meta">
<a class="c-profile-user" href="./memberlist.php?mode=viewprofile&amp;u=61815" style="color: #3f54c0;">I have a long username</a>
<small class="c-profile-user-title">Community Team Leader</small>
<a class="c-group-link" href="./memberlist.php?mode=group&g=4">
<svg class="c-profile-group" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261 48">
<g fill="none" fill-rule="evenodd">
<path fill="#3f54c0" stroke="#3f54c0" d="M41.5,13.0042577 L41.5,36.9957423 C41.5,38.9337896 43.0626967,40.5 44.9926971,40.5 L222.007303,40.5 C223.936681,40.5 225.5,38.9318389 225.5,36.9957423 L225.5,13.0042577 C225.5,11.0662104 223.937303,9.5 222.007303,9.5 L44.9926971,9.5 C43.063319,9.5 41.5,11.0681611 41.5,13.0042577 Z" transform="translate(0 -.548)" />
<path fill="#FFF" fill-rule="nonzero" d="M61.4506836,27.6136283 C61.3289382,28.9030228 60.8530315,29.9087907 60.0229492,30.6309623 C59.1928669,31.3531339 58.0888741,31.7142143 56.7109375,31.7142143 C55.7480421,31.7142143 54.8999874,31.4859451 54.166748,31.0293998 C53.4335087,30.5728546 52.8676778,29.9240167 52.4692383,29.0828666 C52.0707988,28.2417166 51.8632813,27.2650011 51.8466797,26.1526908 L51.8466797,25.0237846 C51.8466797,23.8838049 52.0486633,22.8794204 52.4526367,22.010601 C52.8566101,21.1417815 53.4362755,20.4721919 54.1916504,20.0018119 C54.9470253,19.531432 55.819982,19.2962455 56.8105469,19.2962455 C58.1442124,19.2962455 59.2177694,19.6587094 60.03125,20.3836479 C60.8447306,21.1085864 61.3178704,22.1323392 61.4506836,23.4549369 L59.3588867,23.4549369 C59.2592768,22.5861175 59.0061055,21.9594148 58.5993652,21.57481 C58.1926249,21.1902052 57.5963581,20.9979057 56.8105469,20.9979057 C55.8974564,20.9979057 55.1960474,21.3313171 54.7062988,21.9981498 C54.2165503,22.6649826 53.9661459,23.6430815 53.9550781,24.932476 L53.9550781,26.0032768 C53.9550781,27.3092729 54.1888811,28.3053567 54.6564941,28.991558 C55.1241072,29.6777594 55.8089148,30.0208549 56.7109375,30.0208549 C57.5354859,30.0208549 58.1552714,29.8354726 58.5703125,29.4647026 C58.9853536,29.0939325 59.2482091,28.4769139 59.3588867,27.6136283 L61.4506836,27.6136283 Z M73.016168,25.8206596 C73.016168,27.0049103 72.8114174,28.043881 72.4019102,28.937603 C71.9924029,29.8313249 71.4072037,30.5175159 70.6462949,30.9961967 C69.8853862,31.4748775 69.0096625,31.7142143 68.0190977,31.7142143 C67.0396006,31.7142143 66.1666438,31.4748775 65.4002012,30.9961967 C64.6337585,30.5175159 64.0416421,29.8354752 63.623834,28.9500541 C63.2060259,28.064633 62.9943581,27.0436471 62.9888242,25.8870658 L62.9888242,25.2064018 C62.9888242,24.0276849 63.1977251,22.9873308 63.6155332,22.085308 C64.0333413,21.1832853 64.6226909,20.4929439 65.3835996,20.0142631 C66.1445084,19.5355823 67.0174651,19.2962455 68.0024961,19.2962455 C68.9875271,19.2962455 69.8604838,19.5328154 70.6213926,20.0059623 C71.3823013,20.4791092 71.9702675,21.1597665 72.3853086,22.0479545 C72.8003497,22.9361425 73.0106341,23.9695795 73.016168,25.1482963 L73.016168,25.8206596 Z M70.9160703,25.1898002 C70.9160703,23.8506008 70.662899,22.8240811 70.1565488,22.1102104 C69.6501986,21.3963396 68.9321882,21.0394096 68.0024961,21.0394096 C67.0949395,21.0394096 66.3852298,21.3949562 65.8733457,22.10606 C65.3614616,22.8171638 65.0999896,23.8229317 65.0889219,25.123394 L65.0889219,25.8206596 C65.0889219,27.1487912 65.347627,28.1753109 65.8650449,28.9002494 C66.3824629,29.625188 67.1004733,29.9876518 68.0190977,29.9876518 C68.9487898,29.9876518 69.6640333,29.6334887 70.1648496,28.9251518 C70.6656659,28.2168149 70.9160703,27.1819945 70.9160703,25.8206596 L70.9160703,25.1898002 Z M77.8746211,19.4622612 L81.3609492,28.725933 L84.8389766,19.4622612 L87.553332,19.4622612 L87.553332,31.5481987 L85.4615352,31.5481987 L85.4615352,27.5638237 L85.6690547,22.2347221 L82.0997187,31.5481987 L80.5972773,31.5481987 L77.0362422,22.2430229 L77.2437617,27.5638237 L77.2437617,31.5481987 L75.1519648,31.5481987 L75.1519648,19.4622612 L77.8746211,19.4622612 Z M92.8019219,19.4622612 L96.28825,28.725933 L99.7662773,19.4622612 L102.480633,19.4622612 L102.480633,31.5481987 L100.388836,31.5481987 L100.388836,27.5638237 L100.596355,22.2347221 L97.0270195,31.5481987 L95.5245781,31.5481987 L91.963543,22.2430229 L92.1710625,27.5638237 L92.1710625,31.5481987 L90.0792656,31.5481987 L90.0792656,19.4622612 L92.8019219,19.4622612 Z M113.846898,19.4622612 L113.846898,27.5389213 C113.846898,28.8227819 113.436014,29.8396174 112.614232,30.5894584 C111.792451,31.3392994 110.698142,31.7142143 109.331273,31.7142143 C107.947803,31.7142143 106.849344,31.3448332 106.035863,30.60606 C105.222383,29.8672868 104.815648,28.8421505 104.815648,27.5306205 L104.815648,19.4622612 L106.907445,19.4622612 L106.907445,27.5472221 C106.907445,28.3551688 107.112196,28.9721874 107.521703,29.3982963 C107.93121,29.8244052 108.534394,30.0374565 109.331273,30.0374565 C110.947167,30.0374565 111.755102,29.1852514 111.755102,27.4808158 L111.755102,19.4622612 L113.846898,19.4622612 Z M125.719512,31.5481987 L123.619414,31.5481987 L118.232207,22.9734916 L118.232207,31.5481987 L116.132109,31.5481987 L116.132109,19.4622612 L118.232207,19.4622612 L123.636016,28.0701713 L123.636016,19.4622612 L125.719512,19.4622612 L125.719512,31.5481987 Z M130.461754,31.5481987 L128.369957,31.5481987 L128.369957,19.4622612 L130.461754,19.4622612 L130.461754,31.5481987 Z M141.578996,21.1556205 L137.810441,21.1556205 L137.810441,31.5481987 L135.726945,31.5481987 L135.726945,21.1556205 L131.991594,21.1556205 L131.991594,19.4622612 L141.578996,19.4622612 L141.578996,21.1556205 Z M147.284129,25.1898002 L150.064891,19.4622612 L152.389109,19.4622612 L148.338328,27.0989799 L148.338328,31.5481987 L146.22993,31.5481987 L146.22993,27.0989799 L142.170848,19.4622612 L144.503367,19.4622612 L147.284129,25.1898002 Z M166.256406,21.1556205 L162.487852,21.1556205 L162.487852,31.5481987 L160.404355,31.5481987 L160.404355,21.1556205 L156.669004,21.1556205 L156.669004,19.4622612 L166.256406,19.4622612 L166.256406,21.1556205 Z M174.94982,26.1526908 L169.985953,26.1526908 L169.985953,29.8714408 L175.788199,29.8714408 L175.788199,31.5481987 L167.885855,31.5481987 L167.885855,19.4622612 L175.730094,19.4622612 L175.730094,21.1556205 L169.985953,21.1556205 L169.985953,24.4925346 L174.94982,24.4925346 L174.94982,26.1526908 Z M184.307297,28.7342338 L179.625656,28.7342338 L178.646164,31.5481987 L176.463059,31.5481987 L181.028488,19.4622612 L182.912766,19.4622612 L187.486496,31.5481987 L185.29509,31.5481987 L184.307297,28.7342338 Z M180.215012,27.0408744 L183.717941,27.0408744 L181.966477,22.0272026 L180.215012,27.0408744 Z M191.622781,19.4622612 L195.109109,28.725933 L198.587137,19.4622612 L201.301492,19.4622612 L201.301492,31.5481987 L199.209695,31.5481987 L199.209695,27.5638237 L199.417215,22.2347221 L195.847879,31.5481987 L194.345437,31.5481987 L190.784402,22.2430229 L190.991922,27.5638237 L190.991922,31.5481987 L188.900125,31.5481987 L188.900125,19.4622612 L191.622781,19.4622612 Z" transform="translate(0 -.548)" />
<g fill-rule="nonzero">
<path fill="#ef5350" d="M14.5966,11.1660767 C13.5460132,10.0013868 12.0374159,9.33333333 10.4576843,9.33333333 L5.54226499,9.33333333 C3.96253337,9.33333333 2.45393604,10.0013868 1.40334928,11.1660767 C0.352683911,12.330689 -0.145334775,13.887256 0.0369419503,15.4363734 L1.13704762,26.0125134 C1.22563144,26.7654607 1.87157802,28 2.63927823,28 L13.3607496,28 C14.1284498,28 14.7743964,26.7654607 14.8629802,26.0125134 L15.9630859,15.4363734 C16.145284,13.8871784 15.6472653,12.3306114 14.5966,11.1660767 Z" transform="matrix(-1 0 0 1 261 16.452)" />
<path fill="#FFF" fill-opacity=".2" d="M8,28 L2.63927823,28 C1.87157802,28 1.22563144,26.7654607 1.13704762,26.0125134 L0.0369419503,15.4363734 C-0.145334775,13.887256 0.352683911,12.330689 1.40334928,11.1660767 C2.45393604,10.0013868 3.96253337,9.33333333 5.54226499,9.33333333 L8,9.33333333 L8,28 Z" transform="matrix(-1 0 0 1 261 16.452)" />
<path fill="#ef5350" d="M7.99995298,0 C5.4268194,0 3.33333333,2.09350716 3.33333333,4.66666667 C3.33333333,7.23982618 5.4268194,9.33333333 7.99995298,9.33333333 C10.5731806,9.33333333 12.6666667,7.23982618 12.6666667,4.66666667 C12.6666667,2.09350716 10.5731806,0 7.99995298,0 Z" transform="matrix(-1 0 0 1 261 16.452)" />
<path fill="#FFF" fill-opacity=".2" d="M7.99995298,0 C5.4268194,0 3.33333333,2.09350716 3.33333333,4.66666667 C3.33333333,7.23982618 5.4268194,9.33333333 7.99995298,9.33333333 L8,2.16341907e-10 L7.99995298,0 Z" transform="matrix(-1 0 0 1 261 16.452)" />
<path fill="#3f54c0" d="M18.24575,13.9575959 C16.9325165,12.5017336 15.0467699,11.6666667 13.0721053,11.6666667 L6.92783123,11.6666667 C4.95316671,11.6666667 3.06742006,12.5017336 1.7541866,13.9575959 C0.440854888,15.4133612 -0.181668469,17.35907 0.0461774379,19.2954668 L1.42130953,32.5156418 C1.5320393,33.4568259 2.33947253,35 3.29909778,35 L16.700937,35 C17.6605623,35 18.4679955,33.4568259 18.5787253,32.5156418 L19.9538574,19.2954668 C20.181605,17.358973 19.5590817,15.4132642 18.24575,13.9575959 Z" transform="matrix(-1 0 0 1 250 9.452)" />
<path fill="#FFF" fill-opacity=".2" d="M10,35 L3.29909778,35 C2.33947253,35 1.5320393,33.4568259 1.42130953,32.5156418 L0.0461774379,19.2954668 C-0.181668469,17.35907 0.440854888,15.4133612 1.7541866,13.9575959 C3.06742006,12.5017336 4.95316671,11.6666667 6.92783123,11.6666667 L10,11.6666667 L10,35 Z" transform="matrix(-1 0 0 1 250 9.452)" />
<path fill="#3f54c0" d="M9.99994123,0 C6.78352425,0 4.16666667,2.61688395 4.16666667,5.83333333 C4.16666667,9.04978272 6.78352425,11.6666667 9.99994123,11.6666667 C13.2164758,11.6666667 15.8333333,9.04978272 15.8333333,5.83333333 C15.8333333,2.61688395 13.2164758,0 9.99994123,0 Z" transform="matrix(-1 0 0 1 250 9.452)" />
<path fill="#FFF" fill-opacity=".2" d="M9.99994123,0 C6.78352425,0 4.16666667,2.61688395 4.16666667,5.83333333 C4.16666667,9.04978272 6.78352425,11.6666667 9.99994123,11.6666667 L10,2.70427384e-10 L9.99994123,0 Z" transform="matrix(-1 0 0 1 250 9.452)" />
<path fill="#FFAB00" d="M21.8949,16.7491151 C20.3190198,15.0020803 18.0561238,14 15.6865264,14 L8.31339748,14 C5.94380005,14 3.68090407,15.0020803 2.10502392,16.7491151 C0.529025866,18.4960335 -0.218002163,20.830884 0.0554129255,23.1545602 L1.70557143,39.0187701 C1.83844715,40.148191 2.80736703,42 3.95891734,42 L20.0411244,42 C21.1926747,42 22.1615946,40.148191 22.2944703,39.0187701 L23.9446288,23.1545602 C24.217926,20.8307676 23.470898,18.4959171 21.8949,16.7491151 Z" transform="matrix(-1 0 0 1 237 2.452)" />
<path fill="#FFF" fill-opacity=".2" d="M12,42 L3.95891734,42 C2.80736703,42 1.83844715,40.148191 1.70557143,39.0187701 L0.0554129255,23.1545602 C-0.218002163,20.830884 0.529025866,18.4960335 2.10502392,16.7491151 C3.68090407,15.0020803 5.94380005,14 8.31339748,14 L12,14 L12,42 Z" transform="matrix(-1 0 0 1 237 2.452)" />
<path fill="#FFAB00" d="M11.9999295,0 C8.1402291,0 5,3.14026073 5,7 C5,10.8597393 8.1402291,14 11.9999295,14 C15.8597709,14 19,10.8597393 19,7 C19,3.14026073 15.8597709,0 11.9999295,0 Z" transform="matrix(-1 0 0 1 237 2.452)" />
<path fill="#FFF" fill-opacity=".2" d="M11.9999295,0 C8.1402291,0 5,3.14026073 5,7 C5,10.8597393 8.1402291,14 11.9999295,14 L12,3.24512861e-10 L11.9999295,0 Z" transform="matrix(-1 0 0 1 237 2.452)" />
<path fill="#459AC4" d="M46.465875,4 L1.534125,4 C0.68690625,4 0,3.10449768 0,2 C0,0.895502322 0.68690625,0 1.534125,0 L46.465875,0 C47.3130938,0 48,0.895502322 48,2 C48,3.10449768 47.3130938,4 46.465875,4 Z" transform="matrix(-1 0 0 1 261 41.452)" />
<path fill="#FFF" fill-opacity=".2" d="M24,4 L1.53400618,4 C0.686786481,4 -0.000120535714,3.10449768 -0.000120535714,2 C-0.000120535714,0.895502322 0.686786481,0 1.53400618,0 L24,0 L24,4 Z" transform="matrix(-1 0 0 1 261 41.452)" />
</g>
</g>
</svg>
</a>
</h4>
<ul class="c-profile-stats">
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:comment-text-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Posts</span>
<small class="c-profile-stat-value">56471</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:clock-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Joined</span>
<small class="c-profile-stat-value">
<time>5 years ago</time>
</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:thumb-up-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title"></span>
<small class="c-profile-stat-value"><span class="c-profile-rating-bad">-5821</span></small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-ic o-icon" data-icon="ic:outline-room" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Location</span>
<small class="c-profile-stat-value">somewhere...</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Likes</span>
<small class="c-profile-stat-value"><span class="c-profile-rating-good">985</span></small>
</h5>
</li>
</ul>
</div>
</span>
</div>
<div class="o-bar-right c-post-bar-right">
<span class="o-bar-item o-bar-info c-post-meta-time u-hidden-xs-down">
<time class="c-post-meta-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">5 years ago</time>
</span>
<a class="o-bar-item o-action c-post-meta-number" href="#">
<span class="c-post-meta-number-text">#3</span>
</a>
</div>
</div>
<div class="c-post-body">
<div class="c-copy">
<p>For now though we will manually add a post to test the actually html classes for the post copy</p>
</div>
<div class="o-bar c-post-action-bar">
<div class="o-bar-left c-post-action-bar-right"></div>
<div class="o-bar-right c-post-action-bar-right">
<span class="o-bar-item c-post-action-bar-item u-hidden-md-up">
<a class="o-action c-post-action" href="#" data-tooltip="true" data-toggle="menu" data-placement="top" title="More Post Actions">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:more-vert" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Info</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Warn</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-fa-regular o-icon c-menu-link-icon t-menu-topic-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Report</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Share</span>
</a>
</li>
</ul>
</div>
</span>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Info">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Warn">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class=" o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Report">
<span class="iconify o-icon o-icon-src-fa-regular o-icon o-action-icon c-post-action-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Share">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Quote">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:comment-quote-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Delete">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:trash-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Edit">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:pencil-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Like Post">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span>
</a>
</div>
</div>
</div>
</div>
<div class="c-post">
<div class="o-bar c-post-bar">
<div class="o-bar-left c-post-bar-left">
<span class="o-bar-item c-post-bar-item">
<a class="o-action o-bar-profile" href="" data-toggle="profile">
<span class="o-avatar-wrap o-bar-avatar">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/10946388?v=4&s=460" alt="User Avatar">
<span class="o-avatar-online o-bar-avatar-online"></span>
</span>
<span class="o-bar-user" style="color: #00bfa5;">
CHiTA
<small class="o-bar-user-title">Development Team Member</small>
</span>
</a>
<div class="c-profile" data-container="profile">
<a class="c-profile-action" href="" data-toggle="menu" data-placement="top" data-tooltip="true" title="Contact Menu">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-processing-outline" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu c-profile-menu t-menu t-profile-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Private Message User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:comment-account-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Private Message User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Email User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:at" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Email User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Skype User">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:skype" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Skype User</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Website">
<svg class="o-icon c-profile-menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
<path fill-rule="evenodd" d="M21.167 7.333h-2.519C17.127 5.314 14.718 4 12 4 9.283 4 6.873 5.314 5.352 7.333H2.833A.834.834 0 0 0 2 8.167V16.5c0 .46.373.833.833.833h2.519c1.52 2.02 3.93 3.334 6.648 3.334 2.718 0 5.127-1.314 6.648-3.334h2.519c.46 0 .833-.372.833-.833V8.167a.833.833 0 0 0-.833-.834zm-4.781 0h-1.053v-.758c.376.22.728.474 1.053.758zm-2.72-1.447v1.447h-3.333V5.886A6.632 6.632 0 0 1 12 5.666c.576 0 1.133.081 1.667.22zm-5 .689v.758H7.615a6.916 6.916 0 0 1 1.053-.758zM7.615 17.333h1.053v.76a6.7 6.7 0 0 1-1.053-.76zm2.72 1.449v-1.449h3.333v1.449A6.627 6.627 0 0 1 12 19c-.576 0-1.133-.08-1.667-.218zm5-.69v-.759h1.052a6.66 6.66 0 0 1-1.053.76zm5-2.425H3.666V9h16.666v6.667zM6.366 14h.851l-.009-.035.411-1.625.407 1.66h.858l-.01-.035.834-3.298h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626h-.833L6.36 14h.007zm4.166 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.008-.033.832-3.3h-.857l-.399 1.626-.41-1.626h-.857l-.4 1.626-.41-1.626H9.71L10.527 14h.006zm4.167 0h.851l-.008-.033.41-1.627.407 1.66h.858l-.009-.033.833-3.3h-.857l-.4 1.626-.41-1.626h-.857l-.399 1.626-.41-1.626h-.834L14.693 14h.007z" />
</svg>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Website</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Facebook">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:facebook-box" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Facebook</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Twitter">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:twitter" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Twitter</span>
</a>
<a class="c-menu-link c-menu-action" href="#" data-tooltip="true" title="Visit User's Youtube">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:youtube" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text u-sr-only">Visit User's Youtube</span>
</a>
</li>
</ul>
</div>
<a class="c-profile-action c-profile-close" href="" data-tooltip="true" data-close="true" title="Close">
<span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:close" data-inline="false" aria-hidden="false"></span>
</a>
<div class="o-avatar-wrap">
<a class="o-avatar-rate-good" href="" data-tooltip="true" title="Rate User Up"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-up-outline" data-inline="false" aria-hidden="false"></span></a>
<a class="" href="./memberlist.php?mode=viewprofile&amp;u=61815">
<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/10946388?v=4&s=460" alt="User Avatar">
</a>
<a class="o-avatar-rate-bad" href="" data-tooltip="true" title="Rate User Down"><span class="iconify o-icon o-icon-src-mdi o-icon c-profile-menu-icon" data-icon="mdi:thumbs-down-outline" data-inline="false" aria-hidden="false"></span></a>
<span class="o-avatar-online" data-tooltip="true" title="User is online"></span>
</div>
<h4 class="c-profile-meta">
<a class="c-profile-user" href="./memberlist.php?mode=viewprofile&amp;u=61815" style="color: #00bfa5;">CHiTA</a>
<small class="c-profile-user-title">Development Team Member</small>
<a class="c-group-link" href="./memberlist.php?mode=group&g=1">
<svg class="c-profile-group" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261 48">
<g fill="none" fill-rule="evenodd">
<path stroke="#00bfa5" d="M25.5,12.0524564 L25.5,36.043941 C25.5,37.9816933 27.0671191,39.5481987 29.0032423,39.5481987 L218.05721,39.5481987 C219.990729,39.5481987 221.560452,37.9786054 221.560452,36.043941 L221.560452,12.0524564 C221.560452,10.114704 219.993333,8.54819865 218.05721,8.54819865 L29.0032423,8.54819865 C27.0697239,8.54819865 25.5,10.1177919 25.5,12.0524564 Z" transform="translate(0 .952)" />
<path fill="#00bfa5" fill-rule="nonzero" d="M34.2285156,31.0481987 L34.2285156,18.9622612 L37.7978516,18.9622612 C38.8658908,18.9622612 39.8135538,19.2002145 40.6408691,19.6761283 C41.4681845,20.1520422 42.1087217,20.8271656 42.5625,21.701519 C43.0162783,22.5758723 43.2431641,23.5774899 43.2431641,24.7064018 L43.2431641,25.3123588 C43.2431641,26.4578724 43.0148949,27.4650237 42.5583496,28.3338432 C42.1018044,29.2026626 41.451583,29.8722523 40.607666,30.3426322 C39.763749,30.8130122 38.7967177,31.0481987 37.706543,31.0481987 L34.2285156,31.0481987 Z M36.3286133,20.6556205 L36.3286133,29.3714408 L37.6982422,29.3714408 C38.7994847,29.3714408 39.6447724,29.0269619 40.2341309,28.3379936 C40.8234893,27.6490253 41.1236979,26.6598587 41.1347656,25.3704643 L41.1347656,24.698101 C41.1347656,23.386571 40.849775,22.3849534 40.2797852,21.6932182 C39.7097953,21.001483 38.8824924,20.6556205 37.7978516,20.6556205 L36.3286133,20.6556205 Z M52.4429258,25.6526908 L47.4790586,25.6526908 L47.4790586,29.3714408 L53.2813047,29.3714408 L53.2813047,31.0481987 L45.3789609,31.0481987 L45.3789609,18.9622612 L53.2231992,18.9622612 L53.2231992,20.6556205 L47.4790586,20.6556205 L47.4790586,23.9925346 L52.4429258,23.9925346 L52.4429258,25.6526908 Z M59.2935664,28.416851 L62.3648555,18.9622612 L64.6724727,18.9622612 L60.3228633,31.0481987 L58.2891719,31.0481987 L53.9561641,18.9622612 L56.2554805,18.9622612 L59.2935664,28.416851 Z M73.1417656,25.6526908 L68.1778984,25.6526908 L68.1778984,29.3714408 L73.9801445,29.3714408 L73.9801445,31.0481987 L66.0778008,31.0481987 L66.0778008,18.9622612 L73.9220391,18.9622612 L73.9220391,20.6556205 L68.1778984,20.6556205 L68.1778984,23.9925346 L73.1417656,23.9925346 L73.1417656,25.6526908 Z M77.8342031,29.3714408 L83.3210195,29.3714408 L83.3210195,31.0481987 L75.7341055,31.0481987 L75.7341055,18.9622612 L77.8342031,18.9622612 L77.8342031,29.3714408 Z M94.0896289,25.3206596 C94.0896289,26.5049103 93.8848783,27.543881 93.4753711,28.437603 C93.0658638,29.3313249 92.4806646,30.0175159 91.7197559,30.4961967 C90.9588471,30.9748775 90.0831234,31.2142143 89.0925586,31.2142143 C88.1130615,31.2142143 87.2401047,30.9748775 86.4736621,30.4961967 C85.7072195,30.0175159 85.115103,29.3354752 84.6972949,28.4500541 C84.2794868,27.564633 84.067819,26.5436471 84.0622852,25.3870658 L84.0622852,24.7064018 C84.0622852,23.5276849 84.2711861,22.4873308 84.6889941,21.585308 C85.1068022,20.6832853 85.6961518,19.9929439 86.4570605,19.5142631 C87.2179693,19.0355823 88.0909261,18.7962455 89.075957,18.7962455 C90.060988,18.7962455 90.9339448,19.0328154 91.6948535,19.5059623 C92.4557623,19.9791092 93.0437284,20.6597665 93.4587695,21.5479545 C93.8738107,22.4361425 94.084095,23.4695795 94.0896289,24.6482963 L94.0896289,25.3206596 Z M91.9895312,24.6898002 C91.9895312,23.3506008 91.73636,22.3240811 91.2300098,21.6102104 C90.7236596,20.8963396 90.0056492,20.5394096 89.075957,20.5394096 C88.1684004,20.5394096 87.4586907,20.8949562 86.9468066,21.60606 C86.4349226,22.3171638 86.1734506,23.3229317 86.1623828,24.623394 L86.1623828,25.3206596 C86.1623828,26.6487912 86.4210879,27.6753109 86.9385059,28.4002494 C87.4559238,29.125188 88.1739342,29.4876518 89.0925586,29.4876518 C90.0222507,29.4876518 90.7374942,29.1334887 91.2383105,28.4251518 C91.7391269,27.7168149 91.9895312,26.6819945 91.9895312,25.3206596 L91.9895312,24.6898002 Z M98.3255234,26.557476 L98.3255234,31.0481987 L96.2254258,31.0481987 L96.2254258,18.9622612 L100.848961,18.9622612 C102.199228,18.9622612 103.271402,19.3136574 104.065514,20.0164604 C104.859626,20.7192634 105.256676,21.6489416 105.256676,22.8055229 C105.256676,23.9897736 104.867926,24.9111511 104.090416,25.569683 C103.312906,26.228215 102.224131,26.557476 100.824059,26.557476 L98.3255234,26.557476 Z M98.3255234,24.8724174 L100.848961,24.8724174 C101.596035,24.8724174 102.166016,24.6967193 102.558922,24.3453178 C102.951827,23.9939163 103.148277,23.4861903 103.148277,22.8221244 C103.148277,22.1691264 102.949061,21.6475658 102.550621,21.2574272 C102.152182,20.8672885 101.604336,20.6666883 100.907066,20.6556205 L98.3255234,20.6556205 L98.3255234,24.8724174 Z M109.857805,18.9622612 L113.344133,28.225933 L116.82216,18.9622612 L119.536516,18.9622612 L119.536516,31.0481987 L117.444719,31.0481987 L117.444719,27.0638237 L117.652238,21.7347221 L114.082902,31.0481987 L112.580461,31.0481987 L109.019426,21.7430229 L109.226945,27.0638237 L109.226945,31.0481987 L107.135148,31.0481987 L107.135148,18.9622612 L109.857805,18.9622612 Z M129.126414,25.6526908 L124.162547,25.6526908 L124.162547,29.3714408 L129.964793,29.3714408 L129.964793,31.0481987 L122.062449,31.0481987 L122.062449,18.9622612 L129.906687,18.9622612 L129.906687,20.6556205 L124.162547,20.6556205 L124.162547,23.9925346 L129.126414,23.9925346 L129.126414,25.6526908 Z M141.306156,31.0481987 L139.206059,31.0481987 L133.818852,22.4734916 L133.818852,31.0481987 L131.718754,31.0481987 L131.718754,18.9622612 L133.818852,18.9622612 L139.22266,27.5701713 L139.22266,18.9622612 L141.306156,18.9622612 L141.306156,31.0481987 Z M152.323789,20.6556205 L148.555234,20.6556205 L148.555234,31.0481987 L146.471738,31.0481987 L146.471738,20.6556205 L142.736387,20.6556205 L142.736387,18.9622612 L152.323789,18.9622612 L152.323789,20.6556205 Z M165.966965,20.6556205 L162.19841,20.6556205 L162.19841,31.0481987 L160.114914,31.0481987 L160.114914,20.6556205 L156.379562,20.6556205 L156.379562,18.9622612 L165.966965,18.9622612 L165.966965,20.6556205 Z M174.660379,25.6526908 L169.696512,25.6526908 L169.696512,29.3714408 L175.498758,29.3714408 L175.498758,31.0481987 L167.596414,31.0481987 L167.596414,18.9622612 L175.440652,18.9622612 L175.440652,20.6556205 L169.696512,20.6556205 L169.696512,23.9925346 L174.660379,23.9925346 L174.660379,25.6526908 Z M184.017855,28.2342338 L179.336215,28.2342338 L178.356723,31.0481987 L176.173617,31.0481987 L180.739047,18.9622612 L182.623324,18.9622612 L187.197055,31.0481987 L185.005648,31.0481987 L184.017855,28.2342338 Z M179.92557,26.5408744 L183.4285,26.5408744 L181.677035,21.5272026 L179.92557,26.5408744 Z M191.33334,18.9622612 L194.819668,28.225933 L198.297695,18.9622612 L201.012051,18.9622612 L201.012051,31.0481987 L198.920254,31.0481987 L198.920254,27.0638237 L199.127773,21.7347221 L195.558437,31.0481987 L194.055996,31.0481987 L190.494961,21.7430229 L190.70248,27.0638237 L190.70248,31.0481987 L188.610684,31.0481987 L188.610684,18.9622612 L191.33334,18.9622612 Z" transform="translate(0 .952)" />
<path fill="#78909C" fill-rule="nonzero" d="M0 29L48 29 48 34 0 34z" transform="translate(213 6.952)" />
<path fill="#546E7A" fill-rule="nonzero" d="M2.842 36L45.158 36 48 34 0 34zM18 31L30 31 30 32 18 32z" transform="translate(213 6.952)" />
<path fill="#546E7A" d="M46,29 L46,0.905472561 C46,0.412275107 45.6327122,0 45.1796398,0 L2.82036024,0 C2.36716666,0 2,0.405393874 2,0.905472561 L2,29 L46,29 L46,29 Z" transform="translate(213 6.952)" />
<path fill="#ECEFF1" d="M5 3L43 3 43 27 5 27z" transform="translate(213 6.952)" />
<g fill-rule="nonzero" style="mix-blend-mode: color-burn;">
<path fill="#ACB3BA" d="M2.27414327,4.21082501 C1.68276218,4.21082501 1.23643683,4.02228061 0.946325351,3.6451918 C0.656213873,3.268103 0.5,2.76531792 0.5,2.12636188 C0.5,1.49788054 0.645055739,0.984620774 0.946325351,0.607531967 C1.23643683,0.23044316 1.68276218,0.0418987563 2.27414327,0.0418987563 C2.86552436,0.0418987563 3.31184971,0.23044316 3.60196119,0.607531967 C3.89207267,0.984620774 4.04828654,1.48740585 4.04828654,2.12636188 C4.04828654,2.75484323 3.9032308,3.268103 3.60196119,3.6451918 C3.31184971,4.02228061 2.86552436,4.21082501 2.27414327,4.21082501 Z M1.63812964,1.16269049 C1.50423204,1.40360834 1.43728324,1.73879839 1.43728324,2.13683657 C1.43728324,2.54534945 1.50423204,2.87006481 1.63812964,3.11098266 C1.77202725,3.35190051 1.98403179,3.47759678 2.27414327,3.47759678 C2.56425475,3.47759678 2.77625929,3.35190051 2.9101569,3.11098266 C3.0440545,2.87006481 3.1110033,2.53487476 3.1110033,2.13683657 C3.1110033,1.7283237 3.0440545,1.40360834 2.9101569,1.16269049 C2.77625929,0.92177264 2.56425475,0.796076371 2.27414327,0.796076371 C1.98403179,0.785601682 1.77202725,0.911297951 1.63812964,1.16269049 Z" transform="translate(218 10.302)" />
<path fill="#324A5E" d="M4.749 0.136L6.489 0.136 6.489 4.169 5.563 4.169 5.563 0.901 4.749 0.901 4.749 0.136z" transform="translate(218 10.302)" />
<path fill="#4CDBC4" d="M8.9641335,4.21082501 C8.37275241,4.21082501 7.92642706,4.02228061 7.63631559,3.6451918 C7.34620411,3.268103 7.18999023,2.76531792 7.18999023,2.12636188 C7.18999023,1.49788054 7.33504597,0.984620774 7.63631559,0.607531967 C7.92642706,0.23044316 8.37275241,0.0418987563 8.9641335,0.0418987563 C9.55551459,0.0418987563 10.0018399,0.23044316 10.2919514,0.607531967 C10.5820629,0.984620774 10.7382768,1.48740585 10.7382768,2.12636188 C10.7382768,2.75484323 10.593221,3.268103 10.2919514,3.6451918 C10.0018399,4.02228061 9.56667273,4.21082501 8.9641335,4.21082501 Z M8.33927801,1.16269049 C8.20538041,1.40360834 8.13843161,1.73879839 8.13843161,2.13683657 C8.13843161,2.54534945 8.20538041,2.87006481 8.33927801,3.11098266 C8.47317562,3.35190051 8.68518016,3.47759678 8.97529164,3.47759678 C9.26540312,3.47759678 9.47740766,3.35190051 9.61130526,3.11098266 C9.74520287,2.87006481 9.81215167,2.53487476 9.81215167,2.13683657 C9.81215167,1.7283237 9.74520287,1.40360834 9.61130526,1.16269049 C9.47740766,0.92177264 9.26540312,0.796076371 8.97529164,0.796076371 C8.68518016,0.785601682 8.47317562,0.911297951 8.33927801,1.16269049 Z" transform="translate(218 10.302)" />
<path fill="#324A5E" d="M11.439 0.136L13.179 0.136 13.179 4.169 12.253 4.169 12.253 0.901 11.439 0.901 11.439 0.136z" transform="translate(218 10.302)" />
<path fill="#2C9984" d="M15.6541237,4.21082501 C15.0627426,4.21082501 14.6164173,4.02228061 14.3263058,3.6451918 C14.0361943,3.268103 13.8799805,2.76531792 13.8799805,2.12636188 C13.8799805,1.49788054 14.0250362,0.984620774 14.3263058,0.607531967 C14.6275754,0.23044316 15.0627426,0.0418987563 15.6541237,0.0418987563 C16.2455048,0.0418987563 16.6918302,0.23044316 16.9819417,0.607531967 C17.2720531,0.984620774 17.428267,1.48740585 17.428267,2.12636188 C17.428267,2.75484323 17.2832113,3.268103 16.9819417,3.6451918 C16.6918302,4.02228061 16.2455048,4.21082501 15.6541237,4.21082501 Z M15.0181101,1.16269049 C14.8842125,1.40360834 14.8172637,1.73879839 14.8172637,2.13683657 C14.8172637,2.54534945 14.8842125,2.87006481 15.0181101,3.11098266 C15.1520077,3.35190051 15.3640123,3.47759678 15.6541237,3.47759678 C15.9442352,3.47759678 16.1562398,3.35190051 16.2901374,3.11098266 C16.424035,2.87006481 16.4909838,2.53487476 16.4909838,2.13683657 C16.4909838,1.7283237 16.424035,1.40360834 16.2901374,1.16269049 C16.1562398,0.92177264 15.9442352,0.796076371 15.6541237,0.796076371 C15.3640123,0.785601682 15.1520077,0.911297951 15.0181101,1.16269049 Z" transform="translate(218 10.302)" />
<path fill="#324A5E" d="M18.129 0.136L19.869 0.136 19.869 4.169 18.943 4.169 18.943 0.901 18.129 0.901z" transform="translate(218 10.302)" />
<path fill="#F1543F" d="M22.344114,4.21082501 C21.7527329,4.21082501 21.3064075,4.02228061 21.0162961,3.6451918 C20.7261846,3.268103 20.5699707,2.76531792 20.5699707,2.12636188 C20.5699707,1.49788054 20.7150264,0.984620774 21.0162961,0.607531967 C21.3175657,0.23044316 21.7527329,0.0418987563 22.344114,0.0418987563 C22.9354951,0.0418987563 23.3818204,0.23044316 23.6719319,0.607531967 C23.9620434,0.984620774 24.1182572,1.48740585 24.1182572,2.12636188 C24.1182572,2.75484323 23.9732015,3.268103 23.6719319,3.6451918 C23.3706623,4.02228061 22.9354951,4.21082501 22.344114,4.21082501 Z M21.7081003,1.16269049 C21.5742027,1.40360834 21.5072539,1.73879839 21.5072539,2.13683657 C21.5072539,2.54534945 21.5742027,2.87006481 21.7081003,3.11098266 C21.841998,3.35190051 22.0540025,3.47759678 22.344114,3.47759678 C22.6342255,3.47759678 22.84623,3.35190051 22.9801276,3.11098266 C23.1140252,2.87006481 23.180974,2.53487476 23.180974,2.13683657 C23.180974,1.7283237 23.1140252,1.40360834 22.9801276,1.16269049 C22.84623,0.92177264 22.6342255,0.796076371 22.344114,0.796076371 C22.0540025,0.785601682 21.841998,0.911297951 21.7081003,1.16269049 Z" transform="translate(218 10.302)" />
<path fill="#324A5E" d="M24.819 0.136L26.559 0.136 26.559 4.169 25.633 4.169 25.633 0.901 24.819 0.901z" transform="translate(218 10.302)" />
<path fill="#ACB3BA" d="M29.0341042,4.21082501 C28.4427231,4.21082501 27.9963978,4.02228061 27.7062863,3.6451918 C27.4161748,3.268103 27.2599609,2.76531792 27.2599609,2.12636188 C27.2599609,1.49788054 27.4050167,0.984620774 27.7062863,0.607531967 C27.9963978,0.23044316 28.4427231,0.0418987563 29.0341042,0.0418987563 C29.6254853,0.0418987563 30.0718106,0.23044316 30.3619221,0.607531967 C30.6520336,0.984620774 30.8082475,1.48740585 30.8082475,2.12636188 C30.8082475,2.75484323 30.6631917,3.268103 30.3619221,3.6451918 C30.0718106,4.02228061 29.6254853,4.21082501 29.0341042,4.21082501 Z M28.3980906,1.16269049 C28.264193,1.40360834 28.1972442,1.73879839 28.1972442,2.13683657 C28.1972442,2.54534945 28.264193,2.87006481 28.3980906,3.11098266 C28.5319882,3.35190051 28.7439927,3.47759678 29.0341042,3.47759678 C29.3242157,3.47759678 29.5362202,3.35190051 29.6701178,3.11098266 C29.8040154,2.87006481 29.8709642,2.53487476 29.8709642,2.13683657 C29.8709642,1.7283237 29.8040154,1.40360834 29.6701178,1.16269049 C29.5362202,0.92177264 29.3242157,0.796076371 29.0341042,0.796076371 C28.7439927,0.785601682 28.5319882,0.911297951 28.3980906,1.16269049 Z" transform="translate(218 10.302)" />
<path fill="#324A5E" d="M31.509 0.136L33.249 0.136 33.249 4.169 32.323 4.169 32.323 0.901 31.509 0.901 31.509 0.136z" transform="translate(218 10.302)" />
<path fill="#4CDBC4" d="M35.7240944,4.21082501 C35.1327134,4.21082501 34.686388,4.02228061 34.3962765,3.6451918 C34.106165,3.268103 33.9499512,2.76531792 33.9499512,2.12636188 C33.9499512,1.49788054 34.0950069,0.984620774 34.3962765,0.607531967 C34.686388,0.23044316 35.1327134,0.0418987563 35.7240944,0.0418987563 C36.3154755,0.0418987563 36.7618009,0.23044316 37.0519124,0.607531967 C37.3420238,0.984620774 37.4982377,1.48740585 37.4982377,2.12636188 C37.4982377,2.75484323 37.353182,3.268103 37.0519124,3.6451918 C36.7618009,4.02228061 36.3266337,4.21082501 35.7240944,4.21082501 Z M35.099239,1.16269049 C34.9653413,1.40360834 34.8983925,1.73879839 34.8983925,2.13683657 C34.8983925,2.54534945 34.9653413,2.87006481 35.099239,3.11098266 C35.2331366,3.35190051 35.4451411,3.47759678 35.7352526,3.47759678 C36.0253641,3.47759678 36.2373686,3.35190051 36.3712662,3.11098266 C36.5051638,2.87006481 36.5721126,2.53487476 36.5721126,2.13683657 C36.5721126,1.7283237 36.5051638,1.40360834 36.3712662,1.16269049 C36.2373686,0.92177264 36.0253641,0.796076371 35.7352526,0.796076371 C35.4451411,0.785601682 35.2331366,0.911297951 35.099239,1.16269049 Z" transform="translate(218 10.302)" />
<path fill="#324A5E" d="M2.27414327 4.8315642C1.68276218 4.8315642 1.23643683 4.64301979.946325351 4.26593099.656213873 3.88884218.5 3.3860571.5 2.74710107.5 2.11861972.645055739 1.60535996.946325351 1.22827115 1.23643683.851182344 1.68276218.66263794 2.27414327.66263794 2.86552436.66263794 3.31184971.851182344 3.60196119 1.22827115 3.89207267 1.60535996 4.04828654 2.10814503 4.04828654 2.74710107 4.04828654 3.37558241 3.9032308 3.88884218 3.60196119 4.26593099 3.31184971 4.64301979 2.86552436 4.8315642 2.27414327 4.8315642zM1.63812964 1.77295498C1.50423204 2.01387283 1.43728324 2.34906288 1.43728324 2.74710107 1.43728324 3.15561394 1.50423204 3.4803293 1.63812964 3.72124715 1.77202725 3.962165 1.98403179 4.08786127 2.27414327 4.08786127 2.56425475 4.08786127 2.77625929 3.962165 2.9101569 3.72124715 3.0440545 3.4803293 3.1110033 3.14513925 3.1110033 2.74710107 3.1110033 2.33858819 3.0440545 2.01387283 2.9101569 1.77295498 2.77625929 1.53203713 2.56425475 1.40634087 2.27414327 1.40634087 1.98403179 1.40634087 1.77202725 1.53203713 1.63812964 1.77295498zM4.749.757L6.489.757 6.489 4.79 5.563 4.79 5.563 1.522 4.749 1.522 4.749.757z" transform="translate(218 16.302)" />
<path fill="#F1543F" d="M8.9641335,4.8315642 C8.37275241,4.8315642 7.92642706,4.64301979 7.63631559,4.26593099 C7.34620411,3.88884218 7.18999023,3.3860571 7.18999023,2.74710107 C7.18999023,2.11861972 7.33504597,1.60535996 7.63631559,1.22827115 C7.92642706,0.851182344 8.37275241,0.66263794 8.9641335,0.66263794 C9.55551459,0.66263794 10.0018399,0.851182344 10.2919514,1.22827115 C10.5820629,1.60535996 10.7382768,2.10814503 10.7382768,2.74710107 C10.7382768,3.37558241 10.593221,3.88884218 10.2919514,4.26593099 C10.0018399,4.64301979 9.56667273,4.8315642 8.9641335,4.8315642 Z M8.33927801,1.77295498 C8.20538041,2.01387283 8.13843161,2.34906288 8.13843161,2.74710107 C8.13843161,3.15561394 8.20538041,3.4803293 8.33927801,3.72124715 C8.47317562,3.962165 8.68518016,4.08786127 8.97529164,4.08786127 C9.26540312,4.08786127 9.47740766,3.962165 9.61130526,3.72124715 C9.74520287,3.4803293 9.81215167,3.14513925 9.81215167,2.74710107 C9.81215167,2.33858819 9.74520287,2.01387283 9.61130526,1.77295498 C9.47740766,1.53203713 9.26540312,1.40634087 8.97529164,1.40634087 C8.68518016,1.40634087 8.47317562,1.53203713 8.33927801,1.77295498 Z" transform="translate(218 16.302)" />
<path fill="#54C0EB" d="M11.439 0.757L13.179 0.757 13.179 4.79 12.253 4.79 12.253 1.522 11.439 1.522 11.439 0.757z" transform="translate(218 16.302)" />
<path fill="#324A5E" d="M15.6541237,4.8315642 C15.0627426,4.8315642 14.6164173,4.64301979 14.3263058,4.26593099 C14.0361943,3.88884218 13.8799805,3.3860571 13.8799805,2.74710107 C13.8799805,2.11861972 14.0250362,1.60535996 14.3263058,1.22827115 C14.6275754,0.851182344 15.0627426,0.66263794 15.6541237,0.66263794 C16.2455048,0.66263794 16.6918302,0.851182344 16.9819417,1.22827115 C17.2720531,1.60535996 17.428267,2.10814503 17.428267,2.74710107 C17.428267,3.37558241 17.2832113,3.88884218 16.9819417,4.26593099 C16.6918302,4.64301979 16.2455048,4.8315642 15.6541237,4.8315642 Z M15.0181101,1.77295498 C14.8842125,2.01387283 14.8172637,2.34906288 14.8172637,2.74710107 C14.8172637,3.15561394 14.8842125,3.4803293 15.0181101,3.72124715 C15.1520077,3.962165 15.3640123,4.08786127 15.6541237,4.08786127 C15.9442352,4.08786127 16.1562398,3.962165 16.2901374,3.72124715 C16.424035,3.4803293 16.4909838,3.14513925 16.4909838,2.74710107 C16.4909838,2.33858819 16.424035,2.01387283 16.2901374,1.77295498 C16.1562398,1.53203713 15.9442352,1.40634087 15.6541237,1.40634087 C15.3640123,1.40634087 15.1520077,1.53203713 15.0181101,1.77295498 Z" transform="translate(218 16.302)" />
<path fill="#4CDBC4" d="M18.129 0.757L19.869 0.757 19.869 4.79 18.943 4.79 18.943 1.522 18.129 1.522z" transform="translate(218 16.302)" />
<path fill="#324A5E" d="M22.344114,4.8315642 C21.7527329,4.8315642 21.3064075,4.64301979 21.0162961,4.26593099 C20.7261846,3.88884218 20.5699707,3.3860571 20.5699707,2.74710107 C20.5699707,2.11861972 20.7150264,1.60535996 21.0162961,1.22827115 C21.3175657,0.851182344 21.7527329,0.66263794 22.344114,0.66263794 C22.9354951,0.66263794 23.3818204,0.851182344 23.6719319,1.22827115 C23.9620434,1.60535996 24.1182572,2.10814503 24.1182572,2.74710107 C24.1182572,3.37558241 23.9732015,3.88884218 23.6719319,4.26593099 C23.3706623,4.64301979 22.9354951,4.8315642 22.344114,4.8315642 Z M21.7081003,1.77295498 C21.5742027,2.01387283 21.5072539,2.34906288 21.5072539,2.74710107 C21.5072539,3.15561394 21.5742027,3.4803293 21.7081003,3.72124715 C21.841998,3.962165 22.0540025,4.08786127 22.344114,4.08786127 C22.6342255,4.08786127 22.84623,3.962165 22.9801276,3.72124715 C23.1140252,3.4803293 23.180974,3.14513925 23.180974,2.74710107 C23.180974,2.33858819 23.1140252,2.01387283 22.9801276,1.77295498 C22.84623,1.53203713 22.6342255,1.40634087 22.344114,1.40634087 C22.0540025,1.40634087 21.841998,1.53203713 21.7081003,1.77295498 Z" transform="translate(218 16.302)" />
<path fill="#F9B54C" d="M24.819 0.757L26.559 0.757 26.559 4.79 25.633 4.79 25.633 1.522 24.819 1.522z" transform="translate(218 16.302)" />
<path fill="#324A5E" d="M29.0341042 5.01338238C28.4427231 5.01338238 27.9963978 4.82483798 27.7062863 4.44774917 27.4161748 4.07066036 27.2599609 3.56787528 27.2599609 2.92891925 27.2599609 2.30043791 27.4050167 1.78717814 27.7062863 1.41008933 27.9963978 1.03300053 28.4427231.844456122 29.0341042.844456122 29.6254853.844456122 30.0718106 1.03300053 30.3619221 1.41008933 30.6520336 1.78717814 30.8082475 2.28996322 30.8082475 2.92891925 30.8082475 3.5574006 30.6631917 4.07066036 30.3619221 4.44774917 30.0718106 4.82483798 29.6254853 5.01338238 29.0341042 5.01338238zM28.3980906 1.95477317C28.264193 2.19569101 28.1972442 2.53088106 28.1972442 2.92891925 28.1972442 3.33743212 28.264193 3.66214749 28.3980906 3.90306534 28.5319882 4.14398318 28.7439927 4.26967945 29.0341042 4.26967945 29.3242157 4.26967945 29.5362202 4.14398318 29.6701178 3.90306534 29.8040154 3.66214749 29.8709642 3.32695744 29.8709642 2.92891925 29.8709642 2.52040638 29.8040154 2.19569101 29.6701178 1.95477317 29.5362202 1.71385532 29.3242157 1.58815905 29.0341042 1.58815905 28.7439927 1.58815905 28.5319882 1.71385532 28.3980906 1.95477317zM31.509.939L33.249.939 33.249 4.971 32.323 4.971 32.323 1.703 31.509 1.703 31.509.939z" transform="translate(218 16.302)" />
<path fill="#F1543F" d="M35.7240944,5.01338238 C35.1327134,5.01338238 34.686388,4.82483798 34.3962765,4.44774917 C34.106165,4.07066036 33.9499512,3.56787528 33.9499512,2.92891925 C33.9499512,2.30043791 34.0950069,1.78717814 34.3962765,1.41008933 C34.686388,1.03300053 35.1327134,0.844456122 35.7240944,0.844456122 C36.3154755,0.844456122 36.7618009,1.03300053 37.0519124,1.41008933 C37.3420238,1.78717814 37.4982377,2.28996322 37.4982377,2.92891925 C37.4982377,3.5574006 37.353182,4.07066036 37.0519124,4.44774917 C36.7618009,4.82483798 36.3266337,5.01338238 35.7240944,5.01338238 Z M35.099239,1.95477317 C34.9653413,2.19569101 34.8983925,2.53088106 34.8983925,2.92891925 C34.8983925,3.33743212 34.9653413,3.66214749 35.099239,3.90306534 C35.2331366,4.14398318 35.4451411,4.26967945 35.7352526,4.26967945 C36.0253641,4.26967945 36.2373686,4.14398318 36.3712662,3.90306534 C36.5051638,3.66214749 36.5721126,3.32695744 36.5721126,2.92891925 C36.5721126,2.52040638 36.5051638,2.19569101 36.3712662,1.95477317 C36.2373686,1.71385532 36.0253641,1.58815905 35.7352526,1.58815905 C35.4451411,1.58815905 35.2331366,1.71385532 35.099239,1.95477317 Z" transform="translate(218 16.302)" />
<path fill="#2C9984" d="M2.27414327,4.66442459 C1.68276218,4.66442459 1.23643683,4.47588019 0.946325351,4.09879138 C0.656213873,3.72170257 0.5,3.2189175 0.5,2.57996146 C0.5,1.95148012 0.645055739,1.43822035 0.946325351,1.06113155 C1.23643683,0.68404274 1.68276218,0.495498336 2.27414327,0.495498336 C2.86552436,0.495498336 3.31184971,0.68404274 3.60196119,1.06113155 C3.89207267,1.43822035 4.04828654,1.94100543 4.04828654,2.57996146 C4.04828654,3.20844281 3.9032308,3.72170257 3.60196119,4.09879138 C3.31184971,4.4654055 2.86552436,4.66442459 2.27414327,4.66442459 Z M1.63812964,1.60581538 C1.50423204,1.84673323 1.43728324,2.18192328 1.43728324,2.57996146 C1.43728324,2.98847434 1.50423204,3.3131897 1.63812964,3.55410755 C1.77202725,3.7950254 1.98403179,3.92072167 2.27414327,3.92072167 C2.56425475,3.92072167 2.77625929,3.7950254 2.9101569,3.55410755 C3.0440545,3.3131897 3.1110033,2.97799965 3.1110033,2.57996146 C3.1110033,2.17144859 3.0440545,1.84673323 2.9101569,1.60581538 C2.77625929,1.36489753 2.56425475,1.23920126 2.27414327,1.23920126 C1.98403179,1.23920126 1.77202725,1.35442284 1.63812964,1.60581538 Z" transform="translate(218 23.302)" />
<path fill="#324A5E" d="M4.749 0.579L6.489 0.579 6.489 4.612 5.563 4.612 5.563 1.344 4.749 1.344 4.749 0.579z" transform="translate(218 23.302)" />
<path fill="#ACB3BA" d="M8.9641335,4.66442459 C8.37275241,4.66442459 7.92642706,4.47588019 7.63631559,4.09879138 C7.34620411,3.72170257 7.18999023,3.2189175 7.18999023,2.57996146 C7.18999023,1.95148012 7.33504597,1.43822035 7.63631559,1.06113155 C7.92642706,0.68404274 8.37275241,0.495498336 8.9641335,0.495498336 C9.55551459,0.495498336 10.0018399,0.68404274 10.2919514,1.06113155 C10.5820629,1.43822035 10.7382768,1.94100543 10.7382768,2.57996146 C10.7382768,3.20844281 10.593221,3.72170257 10.2919514,4.09879138 C10.0018399,4.4654055 9.56667273,4.66442459 8.9641335,4.66442459 Z M8.33927801,1.60581538 C8.20538041,1.84673323 8.13843161,2.18192328 8.13843161,2.57996146 C8.13843161,2.98847434 8.20538041,3.3131897 8.33927801,3.55410755 C8.47317562,3.7950254 8.68518016,3.92072167 8.97529164,3.92072167 C9.26540312,3.92072167 9.47740766,3.7950254 9.61130526,3.55410755 C9.74520287,3.3131897 9.81215167,2.97799965 9.81215167,2.57996146 C9.81215167,2.17144859 9.74520287,1.84673323 9.61130526,1.60581538 C9.47740766,1.36489753 9.26540312,1.23920126 8.97529164,1.23920126 C8.68518016,1.23920126 8.47317562,1.35442284 8.33927801,1.60581538 Z" transform="translate(218 23.302)" />
<path fill="#F9B54C" d="M11.439 0.579L13.179 0.579 13.179 4.612 12.253 4.612 12.253 1.344 11.439 1.344 11.439 0.579z" transform="translate(218 23.302)" />
<path fill="#324A5E" d="M15.6541237 4.66442459C15.0627426 4.66442459 14.6164173 4.47588019 14.3263058 4.09879138 14.0361943 3.72170257 13.8799805 3.2189175 13.8799805 2.57996146 13.8799805 1.95148012 14.0250362 1.43822035 14.3263058 1.06113155 14.6275754.68404274 15.0627426.495498336 15.6541237.495498336 16.2455048.495498336 16.6918302.68404274 16.9819417 1.06113155 17.2720531 1.43822035 17.428267 1.94100543 17.428267 2.57996146 17.428267 3.20844281 17.2832113 3.72170257 16.9819417 4.09879138 16.6918302 4.4654055 16.2455048 4.66442459 15.6541237 4.66442459zM15.0181101 1.60581538C14.8842125 1.84673323 14.8172637 2.18192328 14.8172637 2.57996146 14.8172637 2.98847434 14.8842125 3.3131897 15.0181101 3.55410755 15.1520077 3.7950254 15.3640123 3.92072167 15.6541237 3.92072167 15.9442352 3.92072167 16.1562398 3.7950254 16.2901374 3.55410755 16.424035 3.3131897 16.4909838 2.97799965 16.4909838 2.57996146 16.4909838 2.17144859 16.424035 1.84673323 16.2901374 1.60581538 16.1562398 1.36489753 15.9442352 1.23920126 15.6541237 1.23920126 15.3640123 1.23920126 15.1520077 1.35442284 15.0181101 1.60581538zM18.129.579L19.869.579 19.869 4.612 18.943 4.612 18.943 1.344 18.129 1.344z" transform="translate(218 23.302)" />
<path fill="#54C0EB" d="M22.344114,4.66442459 C21.7527329,4.66442459 21.3064075,4.47588019 21.0162961,4.09879138 C20.7261846,3.72170257 20.5699707,3.2189175 20.5699707,2.57996146 C20.5699707,1.95148012 20.7150264,1.43822035 21.0162961,1.06113155 C21.3175657,0.68404274 21.7527329,0.495498336 22.344114,0.495498336 C22.9354951,0.495498336 23.3818204,0.68404274 23.6719319,1.06113155 C23.9620434,1.43822035 24.1182572,1.94100543 24.1182572,2.57996146 C24.1182572,3.20844281 23.9732015,3.72170257 23.6719319,4.09879138 C23.3706623,4.47588019 22.9354951,4.66442459 22.344114,4.66442459 Z M21.7081003,1.60581538 C21.5742027,1.84673323 21.5072539,2.18192328 21.5072539,2.57996146 C21.5072539,2.98847434 21.5742027,3.3131897 21.7081003,3.55410755 C21.841998,3.7950254 22.0540025,3.92072167 22.344114,3.92072167 C22.6342255,3.92072167 22.84623,3.7950254 22.9801276,3.55410755 C23.1140252,3.3131897 23.180974,2.97799965 23.180974,2.57996146 C23.180974,2.17144859 23.1140252,1.84673323 22.9801276,1.60581538 C22.84623,1.36489753 22.6342255,1.23920126 22.344114,1.23920126 C22.0540025,1.23920126 21.841998,1.35442284 21.7081003,1.60581538 Z" transform="translate(218 23.302)" />
<path fill="#324A5E" d="M24.819 0.579L26.559 0.579 26.559 4.612 25.633 4.612 25.633 1.344 24.819 1.344z" transform="translate(218 23.302)" />
<path fill="#2C9984" d="M29.0341042,4.75533368 C28.4427231,4.75533368 27.9963978,4.56678928 27.7062863,4.18970047 C27.4161748,3.81261167 27.2599609,3.30982659 27.2599609,2.67087056 C27.2599609,2.04238921 27.4050167,1.52912944 27.7062863,1.15204064 C27.9963978,0.77495183 28.4427231,0.586407427 29.0341042,0.586407427 C29.6254853,0.586407427 30.0718106,0.77495183 30.3619221,1.15204064 C30.6520336,1.52912944 30.8082475,2.03191452 30.8082475,2.67087056 C30.8082475,3.2993519 30.6631917,3.81261167 30.3619221,4.18970047 C30.0718106,4.55631459 29.6254853,4.75533368 29.0341042,4.75533368 Z M28.3980906,1.69672447 C28.264193,1.93764232 28.1972442,2.27283237 28.1972442,2.67087056 C28.1972442,3.07938343 28.264193,3.40409879 28.3980906,3.64501664 C28.5319882,3.88593449 28.7439927,4.01163076 29.0341042,4.01163076 C29.3242157,4.01163076 29.5362202,3.88593449 29.6701178,3.64501664 C29.8040154,3.40409879 29.8709642,3.06890874 29.8709642,2.67087056 C29.8709642,2.26235768 29.8040154,1.93764232 29.6701178,1.69672447 C29.5362202,1.45580662 29.3242157,1.33011035 29.0341042,1.33011035 C28.7439927,1.33011035 28.5319882,1.44533193 28.3980906,1.69672447 Z" transform="translate(218 23.302)" />
<path fill="#324A5E" d="M31.509 0.67L33.249 0.67 33.249 4.703 32.323 4.703 32.323 1.435 31.509 1.435 31.509 0.67z" transform="translate(218 23.302)" />
<path fill="#ACB3BA" d="M35.7240944,4.75533368 C35.1327134,4.75533368 34.686388,4.56678928 34.3962765,4.18970047 C34.106165,3.81261167 33.9499512,3.30982659 33.9499512,2.67087056 C33.9499512,2.04238921 34.0950069,1.52912944 34.3962765,1.15204064 C34.686388,0.77495183 35.1327134,0.586407427 35.7240944,0.586407427 C36.3154755,0.586407427 36.7618009,0.77495183 37.0519124,1.15204064 C37.3420238,1.52912944 37.4982377,2.03191452 37.4982377,2.67087056 C37.4982377,3.2993519 37.353182,3.81261167 37.0519124,4.18970047 C36.7618009,4.55631459 36.3266337,4.75533368 35.7240944,4.75533368 Z M35.099239,1.69672447 C34.9653413,1.93764232 34.8983925,2.27283237 34.8983925,2.67087056 C34.8983925,3.07938343 34.9653413,3.40409879 35.099239,3.64501664 C35.2331366,3.88593449 35.4451411,4.01163076 35.7352526,4.01163076 C36.0253641,4.01163076 36.2373686,3.88593449 36.3712662,3.64501664 C36.5051638,3.40409879 36.5721126,3.06890874 36.5721126,2.67087056 C36.5721126,2.26235768 36.5051638,1.93764232 36.3712662,1.69672447 C36.2373686,1.45580662 36.0253641,1.33011035 35.7352526,1.33011035 C35.4451411,1.33011035 35.2331366,1.44533193 35.099239,1.69672447 Z" transform="translate(218 23.302)" />
<path fill="#ACB3BA" d="M2.27414327,4.21082501 C1.68276218,4.21082501 1.23643683,4.02228061 0.946325351,3.6451918 C0.656213873,3.268103 0.5,2.76531792 0.5,2.12636188 C0.5,1.49788054 0.645055739,0.984620774 0.946325351,0.607531967 C1.23643683,0.23044316 1.68276218,0.0418987563 2.27414327,0.0418987563 C2.86552436,0.0418987563 3.31184971,0.23044316 3.60196119,0.607531967 C3.89207267,0.984620774 4.04828654,1.48740585 4.04828654,2.12636188 C4.04828654,2.75484323 3.9032308,3.268103 3.60196119,3.6451918 C3.31184971,4.02228061 2.86552436,4.21082501 2.27414327,4.21082501 Z M1.63812964,1.16269049 C1.50423204,1.40360834 1.43728324,1.73879839 1.43728324,2.13683657 C1.43728324,2.54534945 1.50423204,2.87006481 1.63812964,3.11098266 C1.77202725,3.35190051 1.98403179,3.47759678 2.27414327,3.47759678 C2.56425475,3.47759678 2.77625929,3.35190051 2.9101569,3.11098266 C3.0440545,2.87006481 3.1110033,2.53487476 3.1110033,2.13683657 C3.1110033,1.7283237 3.0440545,1.40360834 2.9101569,1.16269049 C2.77625929,0.92177264 2.56425475,0.796076371 2.27414327,0.796076371 C1.98403179,0.785601682 1.77202725,0.911297951 1.63812964,1.16269049 Z" transform="translate(218 29.302)" />
<path fill="#324A5E" d="M4.749 0.136L6.489 0.136 6.489 4.169 5.563 4.169 5.563 0.901 4.749 0.901 4.749 0.136z" transform="translate(218 29.302)" />
<path fill="#4CDBC4" d="M8.9641335,4.21082501 C8.37275241,4.21082501 7.92642706,4.02228061 7.63631559,3.6451918 C7.34620411,3.268103 7.18999023,2.76531792 7.18999023,2.12636188 C7.18999023,1.49788054 7.33504597,0.984620774 7.63631559,0.607531967 C7.92642706,0.23044316 8.37275241,0.0418987563 8.9641335,0.0418987563 C9.55551459,0.0418987563 10.0018399,0.23044316 10.2919514,0.607531967 C10.5820629,0.984620774 10.7382768,1.48740585 10.7382768,2.12636188 C10.7382768,2.75484323 10.593221,3.268103 10.2919514,3.6451918 C10.0018399,4.02228061 9.56667273,4.21082501 8.9641335,4.21082501 Z M8.33927801,1.16269049 C8.20538041,1.40360834 8.13843161,1.73879839 8.13843161,2.13683657 C8.13843161,2.54534945 8.20538041,2.87006481 8.33927801,3.11098266 C8.47317562,3.35190051 8.68518016,3.47759678 8.97529164,3.47759678 C9.26540312,3.47759678 9.47740766,3.35190051 9.61130526,3.11098266 C9.74520287,2.87006481 9.81215167,2.53487476 9.81215167,2.13683657 C9.81215167,1.7283237 9.74520287,1.40360834 9.61130526,1.16269049 C9.47740766,0.92177264 9.26540312,0.796076371 8.97529164,0.796076371 C8.68518016,0.785601682 8.47317562,0.911297951 8.33927801,1.16269049 Z" transform="translate(218 29.302)" />
<path fill="#324A5E" d="M11.439 0.136L13.179 0.136 13.179 4.169 12.253 4.169 12.253 0.901 11.439 0.901 11.439 0.136z" transform="translate(218 29.302)" />
<path fill="#2C9984" d="M15.6541237,4.21082501 C15.0627426,4.21082501 14.6164173,4.02228061 14.3263058,3.6451918 C14.0361943,3.268103 13.8799805,2.76531792 13.8799805,2.12636188 C13.8799805,1.49788054 14.0250362,0.984620774 14.3263058,0.607531967 C14.6275754,0.23044316 15.0627426,0.0418987563 15.6541237,0.0418987563 C16.2455048,0.0418987563 16.6918302,0.23044316 16.9819417,0.607531967 C17.2720531,0.984620774 17.428267,1.48740585 17.428267,2.12636188 C17.428267,2.75484323 17.2832113,3.268103 16.9819417,3.6451918 C16.6918302,4.02228061 16.2455048,4.21082501 15.6541237,4.21082501 Z M15.0181101,1.16269049 C14.8842125,1.40360834 14.8172637,1.73879839 14.8172637,2.13683657 C14.8172637,2.54534945 14.8842125,2.87006481 15.0181101,3.11098266 C15.1520077,3.35190051 15.3640123,3.47759678 15.6541237,3.47759678 C15.9442352,3.47759678 16.1562398,3.35190051 16.2901374,3.11098266 C16.424035,2.87006481 16.4909838,2.53487476 16.4909838,2.13683657 C16.4909838,1.7283237 16.424035,1.40360834 16.2901374,1.16269049 C16.1562398,0.92177264 15.9442352,0.796076371 15.6541237,0.796076371 C15.3640123,0.785601682 15.1520077,0.911297951 15.0181101,1.16269049 Z" transform="translate(218 29.302)" />
<path fill="#324A5E" d="M18.129 0.136L19.869 0.136 19.869 4.169 18.943 4.169 18.943 0.901 18.129 0.901z" transform="translate(218 29.302)" />
<path fill="#F1543F" d="M22.344114,4.21082501 C21.7527329,4.21082501 21.3064075,4.02228061 21.0162961,3.6451918 C20.7261846,3.268103 20.5699707,2.76531792 20.5699707,2.12636188 C20.5699707,1.49788054 20.7150264,0.984620774 21.0162961,0.607531967 C21.3175657,0.23044316 21.7527329,0.0418987563 22.344114,0.0418987563 C22.9354951,0.0418987563 23.3818204,0.23044316 23.6719319,0.607531967 C23.9620434,0.984620774 24.1182572,1.48740585 24.1182572,2.12636188 C24.1182572,2.75484323 23.9732015,3.268103 23.6719319,3.6451918 C23.3706623,4.02228061 22.9354951,4.21082501 22.344114,4.21082501 Z M21.7081003,1.16269049 C21.5742027,1.40360834 21.5072539,1.73879839 21.5072539,2.13683657 C21.5072539,2.54534945 21.5742027,2.87006481 21.7081003,3.11098266 C21.841998,3.35190051 22.0540025,3.47759678 22.344114,3.47759678 C22.6342255,3.47759678 22.84623,3.35190051 22.9801276,3.11098266 C23.1140252,2.87006481 23.180974,2.53487476 23.180974,2.13683657 C23.180974,1.7283237 23.1140252,1.40360834 22.9801276,1.16269049 C22.84623,0.92177264 22.6342255,0.796076371 22.344114,0.796076371 C22.0540025,0.785601682 21.841998,0.911297951 21.7081003,1.16269049 Z" transform="translate(218 29.302)" />
<path fill="#324A5E" d="M24.819 0.136L26.559 0.136 26.559 4.169 25.633 4.169 25.633 0.901 24.819 0.901z" transform="translate(218 29.302)" />
<path fill="#ACB3BA" d="M29.0341042,4.21082501 C28.4427231,4.21082501 27.9963978,4.02228061 27.7062863,3.6451918 C27.4161748,3.268103 27.2599609,2.76531792 27.2599609,2.12636188 C27.2599609,1.49788054 27.4050167,0.984620774 27.7062863,0.607531967 C27.9963978,0.23044316 28.4427231,0.0418987563 29.0341042,0.0418987563 C29.6254853,0.0418987563 30.0718106,0.23044316 30.3619221,0.607531967 C30.6520336,0.984620774 30.8082475,1.48740585 30.8082475,2.12636188 C30.8082475,2.75484323 30.6631917,3.268103 30.3619221,3.6451918 C30.0718106,4.02228061 29.6254853,4.21082501 29.0341042,4.21082501 Z M28.3980906,1.16269049 C28.264193,1.40360834 28.1972442,1.73879839 28.1972442,2.13683657 C28.1972442,2.54534945 28.264193,2.87006481 28.3980906,3.11098266 C28.5319882,3.35190051 28.7439927,3.47759678 29.0341042,3.47759678 C29.3242157,3.47759678 29.5362202,3.35190051 29.6701178,3.11098266 C29.8040154,2.87006481 29.8709642,2.53487476 29.8709642,2.13683657 C29.8709642,1.7283237 29.8040154,1.40360834 29.6701178,1.16269049 C29.5362202,0.92177264 29.3242157,0.796076371 29.0341042,0.796076371 C28.7439927,0.785601682 28.5319882,0.911297951 28.3980906,1.16269049 Z" transform="translate(218 29.302)" />
<path fill="#324A5E" d="M31.509 0.136L33.249 0.136 33.249 4.169 32.323 4.169 32.323 0.901 31.509 0.901 31.509 0.136z" transform="translate(218 29.302)" />
<path fill="#4CDBC4" d="M35.7240944,4.16892626 C35.1327134,4.16892626 34.686388,3.98038185 34.3962765,3.60329305 C34.106165,3.22620424 33.9499512,2.72341916 33.9499512,2.08446313 C33.9499512,1.45598178 34.0950069,0.942722018 34.3962765,0.565633211 C34.686388,0.188544404 35.1327134,0 35.7240944,0 C36.3154755,0 36.7618009,0.188544404 37.0519124,0.565633211 C37.3420238,0.942722018 37.4982377,1.44550709 37.4982377,2.08446313 C37.4982377,2.71294447 37.353182,3.22620424 37.0519124,3.60329305 C36.7618009,3.98038185 36.3266337,4.16892626 35.7240944,4.16892626 Z M35.099239,1.12079173 C34.9653413,1.36170958 34.8983925,1.69689963 34.8983925,2.09493782 C34.8983925,2.50345069 34.9653413,2.82816605 35.099239,3.0690839 C35.2331366,3.31000175 35.4451411,3.43569802 35.7352526,3.43569802 C36.0253641,3.43569802 36.2373686,3.31000175 36.3712662,3.0690839 C36.5051638,2.82816605 36.5721126,2.492976 36.5721126,2.09493782 C36.5721126,1.68642494 36.5051638,1.36170958 36.3712662,1.12079173 C36.2373686,0.879873883 36.0253641,0.754177614 35.7352526,0.754177614 C35.4451411,0.743702925 35.2331366,0.869399194 35.099239,1.12079173 Z" transform="translate(218 29.302)" />
</g>
<g fill-rule="nonzero">
<path fill="#00bfa5" d="M4.70920304,4.65200583 C6.1219493,3.22283229 7.88780883,2.50839381 9.65366835,2.50839381 L9.65366835,4.29478659 L15.4809901,1.7045393 C11.5960112,-0.885707983 6.3868209,-0.528488741 2.94334352,2.95502908 C-0.500133868,6.43854689 -0.853247141,11.7084575 1.70722719,15.6384623 L3.47308672,13.8520695 C1.88385711,10.8150387 2.23697039,7.06356935 4.70920304,4.65200583 Z" transform="translate(227 11.952)" />
<path fill="#ef5350" d="M15.2161185,15.2810948 C13.8033723,16.7102683 12.0375128,17.4247068 10.2716532,17.4247068 L10.2716532,15.638314 L4.44433144,18.2285613 C8.32931035,20.8188086 13.5385007,20.4615893 16.9819781,16.9780715 C20.4254555,13.4945537 20.7785687,8.2246431 18.2180944,4.2946383 L16.4522349,6.08103108 C18.0414645,9.11791363 17.6883512,12.869383 15.2161185,15.2810948 Z" transform="translate(227 11.952)" />
</g>
<path fill="#FFF" fill-opacity=".1" fill-rule="nonzero" d="M24,36 L24,0 L45.1796398,0 C45.6327122,0 46,0.497573405 46,1.09281171 L46,29 L48,29 L48,34 L47,34 L48,34 L45.1580247,36 L24,36 Z" transform="translate(213 6.952)" />
</g>
</svg>
</a>
</h4>
<ul class="c-profile-stats">
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:comment-text-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Posts</span>
<small class="c-profile-stat-value">56471</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:clock-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Joined</span>
<small class="c-profile-stat-value">
<time>5 years ago</time>
</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:thumb-up-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title"></span>
<small class="c-profile-stat-value"><span class="c-profile-rating-good">5821</span></small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-ic o-icon" data-icon="ic:outline-room" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Location</span>
<small class="c-profile-stat-value">somewhere...</small>
</h5>
</li>
<li class="c-profile-stat">
<h5 class="c-profile-stat-wrap">
<span class="iconify o-icon o-icon-src-mdi o-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span><span class="c-profile-stat-title">Likes</span>
<small class="c-profile-stat-value"><span class="c-profile-rating-good">985</span></small>
</h5>
</li>
</ul>
</div>
</span>
</div>
<div class="o-bar-right c-post-bar-right">
<span class="o-bar-item o-bar-info c-post-meta-time u-hidden-xs-down">
<time class="c-post-meta-time-text" datetime="2019-04-11T19:18:00Z" title="2019-04-11T19:18:00Z" data-short="2019-04-11T19:18:00Z">2 years ago</time>
</span>
<a class="o-bar-item o-action c-post-meta-number" href="#">
<span class="c-post-meta-number-text">#4</span>
</a>
</div>
</div>
<div class="c-post-body">
<div class="c-copy">
<p>Creating a new theme for <em class="c-copy-italic">phpBB</em> is a daunting task especially given the small number of individuals on the team and the fact that most of us have day jobs.</p>
<p>In order to help drive this thing and generate community involvement both in discussions and development, I wanted to put together a sort of outline of what we need to help steer the individual posts as well as provide a sort of table of contents for reference and ultimately a <strong class="c-copy-bold">checklist/progression</strong> chart.</p>
<p>Before we start let me preface how this is laid out for better understanding.</p>
<p>There are four main stages or areas of focus each with their own sub task. They are listed in order of requirement/workload.</p>
<ol class="c-copy-list" style="list-style-type: decimal;">
<li>StyleGuide ( GUI for editing, maintaining & documenting themes )</li>
<li>Themes Code</li>
<li>Themes Design</li>
<li>Any Core Improvements/fixes</li>
</ol>
<p>Each task/subtask should have its own dedicated discussion thread to avoid confusion</p>
<p>sub task will be defined and added/linked appropriately as we progress.</p>
<p>This should also allow for community involvement with the actual development in an easier to follow manner</p>
<p><strong class="c-copy-bold"><span class="c-copy-underline">KEY</span></strong></p>
<p><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:question-mark" data-inline="false" aria-hidden="false"></span> Have not started working on it or still in discussion</p>
<p><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:construction" data-inline="false" aria-hidden="false"></span> Working on it, still in progress</p>
<p><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:hourglass-done" data-inline="false" aria-hidden="false"></span> Needs reviewed</p>
<p><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:check-mark-button" data-inline="false" aria-hidden="false"></span> Merged or completed</p>
<p>[status] [discussion link] [pull-request]</p>
<p>EXP: <span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:construction" data-inline="false" aria-hidden="false"></span> <a class="c-copy-links" href="http://area51.phpbb.com/phpBB/viewtopic.php?f=131&t=50381">How to handle icons</a> (<a class="c-copy-links" href="http://area51.phpbb.com/phpBB/viewtopic.php?f=131&t=50381">#ticket-18273</a>)</p>
<p><strong><span class="c-copy-underline"><span class="c-copy-color" style="color: #ff0000;">PLEASE KEEP DISCUSSION IN THIS THREAD RELATED TO IMPROVING, CHANGING OR UPDATING THE LIST ONLY</span></span></strong></p>
<ol class="c-copy-list" style="list-style-type: decimal;">
<li> StyleGuide</li>
<li>Theme Code<ul class="c-copy-list">
<li><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:hourglass-done" data-inline="false" aria-hidden="false"></span> <a class="c-copy-links" href="http://area51.phpbb.com/phpBB/viewtopic.php?f=131&t=47746">1. What browsers should we support?</a></li>
<li><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:construction" data-inline="false" aria-hidden="false"></span> <a class="c-copy-links" href="http://area51.phpbb.com/phpBB/viewtopic.php?f=131&t=50326">2. Why is a framework so useful?</a>(<a class="c-copy-links" href="https://github.com/hanakin/base-l">https://github.com/hanakin/base-l</a>)</li>
<li><span class="iconify o-icon o-icon-src-twemoji" data-icon="twemoji:construction" data-inline="false" aria-hidden="false"></span> <a class="c-copy-links" href="https://area51.phpbb.com/phpBB/viewtopic.php?f=131&t=50426">3. Lets talk grids</a></li>
</ul>
</li>
<li> Design</li>
<li> Core Changes</li>
</ol>
<p>If you open <code class="inline">styles/prosilver/template/viewtopic_body.html</code> you'll find this at the top.</p>
<div class="c-copy-code">
<div class="o-bar c-copy-code-bar">
<div class="o-bar-left c-copy-code-bar-left"><span class="o-bar-title c-copy-code-bar-title">HTML</span></div>
<div class="o-bar-right c-copy-code-bar-right"><a class="o-action c-copy-code-action" href="#" onclick="selectCode(this); return false;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify o-icon o-action-icon c-copy-code-icon" data-icon="mdi:clipboard-outline" data-inline="false">
<path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-7 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M7 7h10V5h2v14H5V5h2v2z" fill="currentColor"></path>
</svg></a></div>
</div>
<pre><code class="hljs xml"><span class="hljs-comment"><!-- IF S_FORUM_RULES --></span><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->"</span>></span><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inner"</span>></span><span class="hljs-comment"><!-- IF U_FORUM_RULES --></span><span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"{U_FORUM_RULES}"</span>></span>{L_FORUM_RULES}<span class="hljs-tag"></<span class="hljs-name">a</span>></span><span class="hljs-comment"><!-- ELSE --></span><span class="hljs-tag"><<span class="hljs-name">strong</span>></span>{L_FORUM_RULES}<span class="hljs-tag"></<span class="hljs-name">strong</span>></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span>{FORUM_RULES}<span class="hljs-comment"><!-- ENDIF --></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><span class="hljs-comment"><!-- ENDIF --></span></code></pre>
</div>
<p>You can either remove it or comment it out, leaving comment is preferable. To comment out something in template you would do it like this:</p>
<div class="c-copy-code">
<div class="o-bar c-copy-code-bar">
<div class="o-bar-left c-copy-code-bar-left"><span class="o-bar-title c-copy-code-bar-title">Javascript</span></div>
<div class="o-bar-right c-copy-code-bar-right"><a class="o-action c-copy-code-action" href="#" onclick="selectCode(this); return false;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify o-icon o-action-icon c-copy-code-icon" data-icon="mdi:clipboard-outline" data-inline="false">
<path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-7 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M7 7h10V5h2v14H5V5h2v2z" fill="currentColor"></path>
</svg></a></div>
</div>
<pre><code class="hljs xml"><span class="hljs-comment"><!-- IF 0 --></span>Removed this because of blah, blah, blah....// Template code to remove<span class="hljs-comment"><!-- ENDIF --></span></code></pre>
</div>
<div class="c-copy-code">
<div class="o-bar c-copy-code-bar">
<div class="o-bar-left c-copy-code-bar-left"></div>
<div class="o-bar-right c-copy-code-bar-right"><a class="o-action c-copy-code-bar-action" href="#" onclick="selectCode(this); return false;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify o-icon o-action-icon c-copy-code-bar-action-icon" data-icon="mdi:clipboard-outline" data-inline="false">
<path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-7 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M7 7h10V5h2v14H5V5h2v2z" fill="currentColor"></path>
</svg></a></div>
</div>
<pre><code class="hljs xml"><span class="hljs-comment"><!-- IF 0 --></span>Removed this because of blah, blah, blah....</code></pre>
</div>
<p>Example for your case:</p>
<div class="c-copy-code">
<div class="o-bar c-copy-code-bar">
<div class="o-bar-left c-copy-code-bar-left"><span class="o-bar-title c-copy-code-bar-title">PHP</span></div>
<div class="o-bar-right c-copy-code-bar-right"><a class="o-action c-copy-code-bar-action" href="#" onclick="selectCode(this); return false;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify o-icon o-action-icon c-copy-code-icon" data-icon="mdi:clipboard-outline" data-inline="false">
<path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-7 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M7 7h10V5h2v14H5V5h2v2z" fill="currentColor"></path>
</svg></a></div>
</div>
<pre><code class="hljs xml"><span class="hljs-comment"><!-- IF 0 --></span>Removed this because of blah, blah, blah....<span class="hljs-comment"><!-- IF S_FORUM_RULES --></span><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->"</span>></span><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inner"</span>></span><span class="hljs-comment"><!-- IF U_FORUM_RULES --></span><span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"{U_FORUM_RULES}"</span>></span>{L_FORUM_RULES}<span class="hljs-tag"></<span class="hljs-name">a</span>></span><span class="hljs-comment"><!-- ELSE --></span><span class="hljs-tag"><<span class="hljs-name">strong</span>></span>{L_FORUM_RULES}<span class="hljs-tag"></<span class="hljs-name">strong</span>></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span>{FORUM_RULES}<span class="hljs-comment"><!-- ENDIF --></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><span class="hljs-comment"><!-- ENDIF --></span><span class="hljs-comment"><!-- ENDIF --></span></code></pre>
</div>
<p>Keep a list of any file you edit, your edits will need to be merged into new files when you update.</p>
<blockquote class="c-copy-blockquote-wrap">
<div class="c-copy-blockquote"><cite class="c-copy-blockquote-header">
<div class="c-copy-blockquote-meta"><a class="c-copy-blockquote-author" href="">DavidIQ</a> wrote: <a class="c-copy-blockquote-jumpto" href="./viewtopic.php?p=320981#p320981"><span class="iconify o-icon" data-icon="mdi:arrow-up-thick" data-inline="false"></span></a></div><time class="c-copy-blockquote-date">4 Days Ago</time>
</cite>
<div class="c-copy-blockquote-body">
<blockquote class="c-copy-blockquote-wrap">
<div class="c-copy-blockquote"><cite class="c-copy-blockquote-header">
<div class="c-copy-blockquote-meta"><a class="c-copy-blockquote-author" href="">Tom</a> wrote:<a class="c-copy-blockquote-jumpto" href="./viewtopic.php?p=320981#p320981"><span class="iconify o-icon" data-icon="mdi:arrow-up-thick" data-inline="false"></span></a></div><time class="c-copy-blockquote-date">1 Year Ago</time>
</cite>
<div class="c-copy-blockquote-body">
<p>- Is there some list of what changes will be done in 3.3 ?</p>
</div>
</div>
</blockquote>
<p>You'd have to use GitHub for finding what's already been done:</p>
<p><a class="c-copy-link" href="https://github.com/phpbb/phpbb/compare/3.2.x...master"></a></p>
<p>And there are also pending pull requests that are tagged as 3.3.</p>
</div>
</div>
</blockquote>
</div>
<div class="o-bar c-post-action-bar">
<div class="o-bar-left c-post-action-bar-right"></div>
<div class="o-bar-right c-post-action-bar-right">
<span class="o-bar-item c-post-action-bar-item u-hidden-md-up">
<a class="o-action c-post-action" href="#" data-tooltip="true" data-toggle="menu" data-placement="top" title="More Post Actions">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:more-vert" data-inline="false" aria-hidden="false"></span>
</a>
<div class="c-menu-container t-menu-container" data-container="menu">
<ul class="c-menu t-menu">
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Info</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Warn</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-fa-regular o-icon c-menu-link-icon t-menu-topic-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Report</span>
</a>
</li>
<li class="c-menu-item t-menu-item">
<a class="c-menu-link t-menu-item" href="">
<span class="iconify o-icon o-icon-src-mdi o-icon c-menu-link-icon t-menu-topic-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
<span class="c-menu-text t-topic-text">Post Share</span>
</a>
</li>
</ul>
</div>
</span>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Info">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:info-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Warn">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:shield-alert-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class=" o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Report">
<span class="iconify o-icon o-icon-src-fa-regular o-icon o-action-icon c-post-action-icon" data-icon="fa-regular:flag" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action u-hidden-sm-down" href="" data-tooltip="true" title="Post Share">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:share-variant" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Quote">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:comment-quote-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Delete">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:trash-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Post Edit">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:pencil-outline" data-inline="false" aria-hidden="false"></span>
</a>
<a class="o-bar-item o-action c-post-action" href="" data-tooltip="true" title="Like Post">
<span class="iconify o-icon o-icon-src-mdi o-icon o-action-icon c-post-action-icon" data-icon="mdi:heart-outline" data-inline="false" aria-hidden="false"></span>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
const $drawerToggle = '[data-toggle="drawer"]';
const $drawer = '[data-container="drawer"]';
const $drawerMenuToggle = '[data-toggle="drawer-menu"]';
const $drawerMenu = '[data-container="drawer-menu"]';
const $page = '[data-container="page"]';
const $notificationToggle = '[data-toggle="notifications"]';
const $notification = '[data-container="notifications"]';
const $menuToggle = '[data-toggle="menu"]';
const $menu = '[data-container="menu"]';
const $searchToggle = '[data-toggle="search"]';
const $search = '[data-container="search"]';
const $profileToggle = '[data-toggle="profile"]';
const $profile = '[data-container="profile"]';
const $tabs = '[data-toggle="tabs"]';
const $modalToggle = '[data-toggle="modal"]';
const $modal = '[data-container="modal"]';
const $toastToggle = '[data-toggle="toast"]';
const $toast = '[data-container="toast"]';
const $collapseToggle = '[data-toggle="collapse"]';
const $collapseToggleParent = '[data-toggle-parent="collapse"]';
const $collapse = '[data-container="collapse"]';
const $tooltip = '[data-tooltip="true"]';
const $tooltipContainer = '[data-tooltip-container="true"]';
const $toolbarToggle = '[data-toggle="toolbar"]';
const $toolbar = '[data-container="toolbar"]';
const $jumpToggle = '[data-toggle="jump"]';
const $jump = '[data-container="jump"]';
const $emojis = '[data-emoji-preview="emoji" ]';
const $emojiPreview = '[data-emoji-preview="container"]';
const $emojiFilter = '[data-emoji-filter="input"]';
const $closeToggle = '[data-close="true"]';
/**
* Clears the active state of the provided elements
*
* @param {object} event_ Event
* @param {object} $el The element with the state
* @param {object} $toggle The element that controls the state
*/
const clearToggle = function (event_, $element, $toggle) {
const { target } = event_;
if (
!$(target).is($element) &&
!$(target).parents().is($element) &&
!$(target).is($toggle) &&
!$(target).parents().is($toggle)
) {
$($element).each(function () {
$(this).toggleClass('is-active', false);
});
}
};
/**
* Returns clearance object for displaying content to avoid edges
*
* @param {object} $target Element to test
* @param {number} x custom top offset
* @param {number} y custom left offset
* @returns {object} boolean for each edge of window and all dimensions and positions
*/
const edgeDetect = ($target, x, y) => {
const $win = $(window);
const tgt = {};
if (!x) {
x = $target.offset().left;
}
if (!y) {
y = $target.offset().top;
}
tgt.left = x;
tgt.top = y;
tgt.width = $target.innerWidth();
tgt.height = $target.innerHeight();
tgt.bottom = (tgt.top + tgt.height);
tgt.right = (tgt.left + tgt.width);
tgt.currentTop = tgt.top - $win.scrollTop();
tgt.currentLeft = tgt.left - $win.scrollLeft();
tgt.currentRight = (tgt.currentLeft + tgt.width);
tgt.currentBottom = (tgt.currentTop + tgt.height);
tgt.isTop = (tgt.top - tgt.bottom) < 0;
tgt.isLeft = (tgt.left - tgt.right) < 0;
tgt.isRight = ($win.width - tgt.right) > tgt.width;
tgt.isBottom = ($win.height - tgt.bottom) > tgt.height;
return tgt;
};
/**
* Clears the active state of the provided tabs
*
* @todo Look at refactoring into clearToggle
* @param {object} event_ Event
* @param {object} $links The elements with the state
* @constant {object} $this
* @constant {object} $that
*/
const clearTabs = function (event_, $links) {
$($links).children().each(function () {
const $this = $(this);
const $that = $this.attr('href');
$this.toggleClass('is-active', false);
$($that).toggleClass('is-active', false);
});
};
//---------------------------------------------
/**
* Toggles the "is-active" class for the given element
*
* @this {object}
* @param {object} target element to apply toggle class on
*/
// const isActive = function(target) {
// this.click(event_ => {
// event_.preventDefault();
// event_.stopPropagation();
// target.toggleClass('is-active');
// });
// };
/**
* Toggles the state for Modals
*
* @todo Refactor to toggle function
* @param {object} event_ Event
*/
$($modalToggle).click(event_ => {
event_.preventDefault();
event_.stopPropagation();
$($modal).toggleClass('is-active');
});
//---------------------------------------------
/**
* Replaces emoji preview with selected emoji
*
* @todo Refactor to toggle function
* @param {object} event_ Event
* @constant {object} $this
* @constant {object} $emoji stored emoji html
* @constant {object} $desc stored updated emoji shortname
*/
$($emojis).hover(event_ => {
const $this = event_.target;
const $emoji = $($this).children();
const emojiLastClass = $emoji.attr('class').split(' ').pop();
let $desc = $($this).attr('data-emoji-name');
$desc = $($emojiPreview).children().last().text($desc);
const newClass = $($emojiPreview).children().first().attr('class').split(' ').pop();
$($emojiPreview).children().remove();
$emoji.clone().removeClass(emojiLastClass).addClass(newClass).appendTo($emojiPreview);
$($emojiPreview).append($desc);
});
//---------------------------------------------
/* eslint-disable no-negated-condition */
/**
* Replaces emoji preview with selected emoji
*
* @todo Refactor to toggle function
* @constant {object} query value to filter
*/
$($emojiFilter).on('input', function () {
const query = this.value;
if (query !== '') {
$('[data-emoji-preview="emoji"]:not([data-emoji-name*="' + query + '"])').hide();
} else {
$($emojis).show();
}
});
/* eslint-enable no-negated-condition */
//---------------------------------------------
/**
* Toggles the state for Collapse
*
* @todo Refactor to toggle function
* @param {object} event_ Event
* @constant {object} $this
*/
$($collapseToggle).click(function (event_) {
const $this = $(this);
const $that = $this.parents($collapseToggleParent).next($collapse);
const tip = $this.attr('data-toggle-tooltip');
event_.preventDefault();
event_.stopPropagation();
$that.toggleClass('is-collapsed');
$this.attr('data-toggle-tooltip', $this.attr('title'));
$this.attr('title', tip);
$this.toggleClass('is-collapsed');
$($tooltipContainer).remove();
});
//---------------------------------------------
/**
* Toggles the state for Toasts
*
* @todo Refactor to toggle function
* @param {object} event_ Event
*/
$($toastToggle).click(event_ => {
event_.preventDefault();
event_.stopPropagation();
$($toast).toggleClass('is-active');
});
//---------------------------------------------
/**
* Toggles the state for Editor Toolbar
*
* @todo Refactor to toggle function
* @param {object} event_ Event
*/
$($toolbarToggle).click(event_ => {
event_.preventDefault();
event_.stopPropagation();
$($toolbar).toggleClass('is-active');
});
//---------------------------------------------
/**
* Toggles the state for Jump Menu
*
* @todo Refactor to toggle function
* @param {object} event_ Event
*/
$($jumpToggle).click(event_ => {
event_.preventDefault();
event_.stopPropagation();
$($jump).toggleClass('is-active');
});
//---------------------------------------------
/**
* Toggles the state for Search
*
* @todo Refactor to toggle function
* @param {object} event_ Event
*/
$($searchToggle).click(event_ => {
event_.preventDefault();
event_.stopPropagation();
$($search).toggleClass('is-active');
});
//---------------------------------------------
/**
* Toggles the state for Drawer
*
* @todo Refactor to toggle function
* @param {object} event_ Event
* @constant {object} $that
*/
$($drawerToggle).click(event_ => {
const $that = $($drawer);
event_.preventDefault();
event_.stopPropagation();
$that.toggleClass('is-active');
$($page).attr('style', 'position: relative; transition: 0.35s ease-in-out; left: -' + $that.width() + 'px');
});
/**
* Toggles the state for DrawerMenu
*
* @todo Refactor to toggle function
* @param {object} event_ Event
* @constant {object} $this
*/
$($drawerMenuToggle).click(function (event_) {
const $this = $(this);
event_.preventDefault();
event_.stopPropagation();
$this.next($drawerMenu).toggleClass('is-active');
});
//---------------------------------------------
/**
* Toggles state for Tabs
*
* @constant {object} $this
* @constant {object} $that
* @event Toggle#Tab
* @event Toggle#Content
*/
$($tabs).children().each(function () {
const $this = $(this);
const $that = $($this.attr('href'));
$this.on({
mouseup: event_ => {
event_.preventDefault();
event_.stopPropagation();
clearTabs(event_, $tabs);
$this.toggleClass('is-active');
$that.toggleClass('is-active');
},
});
});
//---------------------------------------------
/**
* Handle state for Notification Menu
*
* @param {object} event_ Event
* @constant {object} $that Container to be displayed
*/
$($notificationToggle).click(event_ => {
const $that = $($notification);
event_.preventDefault();
event_.stopPropagation();
$that.toggleClass('is-active');
});
//---------------------------------------------
/**
* Handle state for Menus
*
* @todo Refactor Menu into this
* @param {object} event_ Event
* @constant {object} $this
* @constant {object} $that
*/
$($menuToggle).click(function (event_) {
const $this = $(this);
const $that = $(this).next();
event_.preventDefault();
event_.stopPropagation();
const link = edgeDetect($this);
const menu = edgeDetect($that);
let vertical = 'top';
let horizontal = 'left';
// not enough space in default location below link set above
if ((link.currentTop + menu.height) > $(window).height()) {
menu.top = (0 - menu.height + link.height);
vertical = 'bottom';
} else {
menu.top = 0;
}
// not enough space in default location right of link set to left
if ((link.currentLeft + menu.width) > $(window).width()) {
menu.left = (0 - menu.width + link.width);
horizontal = 'right';
} else {
menu.left = 0;
}
// $that.attr('style', 'transform-origin: ' + horizontal + ' ' + vertical + ';');
$that.attr('style', 'left: ' + menu.left + 'px; top: ' + menu.top + 'px; transform-origin: ' + horizontal + ' ' + vertical + ';');
$that.each(() => {
$this.toggleClass('is-active', false);
});
$this.next($menu).toggleClass('is-active');
});
//---------------------------------------------
/**
* Handle animation direction for Profiles
*
* @todo Refactor into Profile toggle
* @constant {object} $this
* @constant {object} targetOffset
*/
$($profile).each(function () {
const $this = $(this);
const targetOffset = $this.offset();
const $direction = $this.data('direction');
if ($direction) {
$this.css({ 'transform-origin': $direction, top: 'inherit', bottom: 0 });
} else {
if (targetOffset.left > $(window).width() / 2) {
$this.css({ 'transform-origin': 'right top', right: 0 });
} else {
$this.css('transform-origin', 'left top');
}
}
});
//---------------------------------------------
/**
* Toggles the state for Profile
*
* @todo Refactor to toggle function
* @param {object} event_ Event
* @constant {object} $this
* @constant {object} $that
*/
$($profileToggle).click(function (event_) {
const $this = $(this);
const $that = $($profile);
event_.preventDefault();
event_.stopPropagation();
$that.each(() => {
$this.toggleClass('is-active', false);
});
$this.next($profile).toggleClass('is-active');
});
//---------------------------------------------
/**
* Handles state and creation of Tool Tips
*
* @param {object} event_ Event
* @constant {object} $this
* @constant {object} $that
* @constant {string} tip
* @constant {object} link
* @constant {object} tipPos
* @event Toggle#ShowTip
* @event Toggle#HideTip
*/
$($tooltip).each(function () {
const $this = $(this);
let $that = {};
$this.on({
mouseenter: () => {
$('body').append('<span class="c-tooltip" data-tooltip-container="true"></span>');
$that = $($tooltipContainer);
$that.append($this.attr('title'));
const gap = 8; // set equal to default spacing unit size
const link = edgeDetect($this);
const tip = edgeDetect($that);
// set left to center of link
tip.left = ((link.left + (link.width / 2)) - (tip.width / 2));
// not enough space in default location below link set above
if ((link.currentBottom + gap + tip.height) > $(window).height()) {
tip.top = (link.top - tip.height - gap);
} else {
tip.top = (link.bottom + gap);
}
$that.attr('style', 'left: ' + tip.left + 'px; top: ' + tip.top + 'px;');
$that.toggleClass('is-active');
},
mouseleave: () => {
$that.remove();
},
});
});
//----------------------------------------------
/**
* Hide all elements on document load
*
* @event Hide#Search
* @event Hide#Menu
* @event Hide#Profile
* @event Hide#Toolbar
* @event Hide#Jump
* @event Hide#NotificationMenu
*/
$(document).on('touchstart mouseup', event_ => {
clearToggle(event_, $search, $searchToggle);
clearToggle(event_, $menu, $menuToggle);
clearToggle(event_, $profile, $profileToggle);
clearToggle(event_, $toolbar, $toolbarToggle);
clearToggle(event_, $jump, $jumpToggle);
clearToggle(event_, $notification, $notificationToggle);
});
//---------------------------------------------
/**
* Hide drawer properly
*
* @event Hide#Drawer
*/
$($page).on('touchstart mouseup', event_ => {
const $this = $(this);
clearToggle(event_, $drawer, $drawerToggle);
$($page).removeAttr('style');
});
//---------------------------------------------
/**
* Hide social menu properly
*
* @event Hide#Social
*/
$($profile).on('touchstart mouseup', event_ => {
clearToggle(event_, $menu, $menuToggle);
});
//---------------------------------------------
/**
* Handle state for Menus
*
* @todo Refactor Menu into this
* @param {object} event_ Event
* @constant {object} $this
*/
$($closeToggle).click(function (event_) {
const $this = $(this);
event_.preventDefault();
event_.stopPropagation();
$this.parent().toggleClass('is-active', false);
});
Also see: Tab Triggers