JSFiddle - React, Tailwind, and code Playground

by victorhooi

HTML

<h2>Hadoop Job job_201309180347_0346 on <a href="jobhistoryhome.jsp">History Viewer</a></h2>

<b>User: </b> victorhooi<br/> 
<b>JobName: </b> RowSimilarityJob-CooccurrencesMapper-Reducer<br/>  
<b>JobConf: </b> <a href="jobconf_history.jsp?logFile=file:/home/victorhooi/PredictionIO-0.6.1/vendors/hadoop-1.2.1/logs/history/done/version-1/localhost_1379476057312_/2013/09/18/000000/job_201309180347_0346_1379521202604_victorhooi_RowSimilarityJob-CooccurrencesMapper-Reducer"> 
                 hdfs://localhost:9001/tmp/hadoop-victorhooi/mapred/staging/victorhooi/.staging/job_201309180347_0346/job.xml</a><br/> 
<b>Job-ACLs: All users are allowed</b><br> 
<b>Submitted At: </b> 18-Sep-2013 16:20:02<br/> 
<b>Launched At: </b> 18-Sep-2013 16:20:03 (0sec)<br/>
<b>Finished At: </b>  18-Sep-2013 16:22:57 (2mins, 54sec)<br/>
<b>Status: </b> FAILED<br/> 
<b>Failure Info: </b> # of failed Reduce Tasks exceeded allowed limit. FailedCount: 1. LastFailedTask: task_201309180347_0346_r_000000<br/>

<b><a href="analysejobhistory.jsp?logFile=file:/home/victorhooi/PredictionIO-0.6.1/vendors/hadoop-1.2.1/logs/history/done/version-1/localhost_1379476057312_/2013/09/18/000000/job_201309180347_0346_1379521202604_victorhooi_RowSimilarityJob-CooccurrencesMapper-Reducer">Analyse This Job</a></b> 
<hr/>
<center>
<table border="2" cellpadding="5" cellspacing="2">
<tr>
<td>Kind</td><td>Total Tasks(successful+failed+killed)</td><td>Successful tasks</td><td>Failed tasks</td><td>Killed tasks</td><td>Start Time</td><td>Finish Time</td>
</tr>
<tr>
<td>Setup</td>
    <td><a href="jobtaskshistory.jsp?logFile=file:/home/victorhooi/PredictionIO-0.6.1/vendors/hadoop-1.2.1/logs/history/done/version-1/localhost_1379476057312_/2013/09/18/000000/job_201309180347_0346_1379521202604_victorhooi_RowSimilarityJob-CooccurrencesMapper-Reducer&taskType=SETUP&status=all">
        1</a></td>
    <td><a...

CSS

/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

body {
  background-color : #ffffff;
  font-family : sans-serif;
}

.small {
  font-size : smaller;
}

div#dfsnodetable tr#row1, div#dfstable td#col1 {
	font-weight : bolder;
}

div#dfstable td#col1 {
	vertical-align : top;
}

div#dfstable td#col3 {
	text-align : right;
}

div#dfsnodetable caption {
	text-align : left;
}

div#dfsnodetable a#title {
	font-size : larger;
	font-weight : bolder;
}

div#dfsnodetable td, th {
	border-bottom-style : none;
        padding-bottom : 4px;
        padding-top : 4px;       
}

div#dfsnodetable A:link, A:visited {
	text-decoration : none;       
}

div#dfsnodetable th.header, th.headerASC, th.headerDSC {
        padding-bottom : 8px;
        padding-top : 8px;       
}
div#dfsnodetable th.header:hover, th.headerASC:hover, th.headerDSC:hover,
                 td.name:hover {
        text-decoration : underline;
	cursor : pointer;
}

div#dfsnodetable td.blocks, td.size, td.pcused, td.adminstate, td.lastcontact {
	text-align : right;
}

div#dfsnodetable .rowNormal .header {
	background-color : #ffffff;
}
div#dfsnodetable .rowAlt, .headerASC, .headerDSC {
	background-color : lightyellow;
}

.warning {
        font-weight : bolder;
        color :...