JSFiddle - React, Tailwind, and code Playground
by shamaleyte
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.10/URI.min.js" integrity="sha256-OSWfaJ3kpLQv6ZzoiITKLVJczKgsDH2Z56uPkAvSQZY=" crossorigin="anonymous"></script>
<div class="row-fluid-wrapper">
<div class="row-fluid ">
<div class="span4">
<div class="cell-wrapper layout-widget-wrapper">
<select class="filter filterby" id="filterCategory">
<option selected value="all">CATEGORY+</option>
<option value="news">News Release</option>
<option value="press">Press Coverage</option>
</select>
</div>
</div>
<div class="span4 widget-span search-field">
<div class="cell-wrapper layout-widget-wrapper">
<form class="hs-form" action="#">
<div class="field" role="search">
<label for="search">Search...</label>
<div class="inpu search-boxt">
<input type="text" class="hs-input" id="search">
</div>
</div>
</form>
</div><!--end layout-widget-wrapper -->
</div>
</div>
</div>
<script>
$( document ).ready(function() {
String.prototype.toTitleCase = function() {
var i, j, str, lowers, uppers;
str = this.replace(/([^\W_]+[^\s-]*) */g, function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
});
// Certain minor words should be left lowercase unless
// they are the first or last words in the string
lowers = ['A', 'An', 'The', 'And', 'But', 'Or', 'For', 'Nor', 'As', 'At',
'By', 'For', 'From', 'In', 'Into', 'Near', 'Of', 'On', 'Onto', 'To', 'With'];
for (i = 0, j = lowers.length; i < j; i++)
str = str.replace(new RegExp('\\s' + lowers[i] + '\\s', 'g'),
function(txt) {
return txt.toLowerCase();
});
// Certain words such as initialisms or acronyms should be left uppercase
uppers = ['Id', 'Tv'];
for (i = 0, j = uppers.length; i < j; i++)
str = str.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'),
uppers[i].toUpperCase());
return str;
};
...