JSFiddle - React, Tailwind, and code Playground

by InfinitiesLoop

HTML

<div id="thing">
    <span class="user">
        Welcome,
        <script src="http://dareed-w7/inspector/externalwidget/Load/CurrentUser"></script>!
    </span>
    
<!--    
    <h1>Recent Tasks</h1>
<script src="http://dareed-w7/inspector/externalwidget/Load/Search?projectId=1&pageSize=10&q=Type=Task and ProjectId=2&sortBy=InternalId&sortDesc=true&columns=InternalId,PrimaryAssignment,Status,Summary"></script>
    -->
    
    <!--

    <h1>Recent Bugs</h1>    
<script src="http://dareed-w7/inspector/externalwidget/Load/Search?projectId=1&pageSize=10&q=Type=Bug and ProjectId=2&sortBy=InternalId&sortDesc=true&columns=InternalId,PrimaryAssignment,Status,Feature,Milestone,Summary"></script>
-->
    
    <!--
    <script src="http://dareed-w7/observer/externalwidget/Load/Counters?key=ProdBack1"></script>
    
    -->
    

    
</div>

CSS

body {
    font-size: 12px;
}

h1 {
    font-size:18px;
    border-bottom: 1px solid black;
    margin-top:10px;
}

a {
    color:#0d7ebf;
    text-decoration: none;
}

a:hover {
    color:#33b5ff;
    text-decoration:none;
}

#thing {
    width: 700px;
}

.user {
    font-size: 25px;
    
}

JavaScript

// no script here