JSFiddle - React, Tailwind, and code Playground

by victorhooi

HTML

<h2>task_201309180347_0346_r_000000 attempts for <a href="jobdetailshistory.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"> job_201309180347_0346 </a></h2>
<center>
<table border="2" cellpadding="5" cellspacing="2">
<tr><td>Task Id</td><td>Start Time</td>

    <td>Shuffle Finished</td><td>Sort Finished</td>

<td>Finish Time</td><td>Host</td><td>Error</td><td>Task Logs</td>
<td>Counters</td></tr>
<tr><td>attempt_201309180347_0346_r_000000_0</td><td>18/09 16:20:51</td><td></td><td></td><td>18/09 16:21:19 (27sec)</td><td>ip-10-240-77-87.ap-southeast-2.compute.internal</td><td>java.lang.IllegalArgumentException: Incorrect number of columns!
	at com.google.common.base.Preconditions.checkArgument(Preconditions.java:92)
	at org.apache.mahout.math.hadoop.similarity.cooccurrence.RowSimilarityJob$SimilarityReducer.setup(RowSimilarityJob.java:356)
	at org.apache.hadoop.mapreduce.Reducer.run(Reducer.java:174)
	at org.apache.hadoop.mapred.ReduceTask.runNewReducer(ReduceTask.java:649)
	at org.apache.hadoop.mapred.ReduceTask.run(ReduceTask.java:418)
	at org.apache.hadoop.mapred.Child$4.run(Child.java:255)
	at java.security.AccessController.doPrivileged(Native Method)
	at javax.security.auth.Subject.doAs(Subject.java:415)
	at org.apache.hadoop.security.UserGroupInformation.doAs(UserGroupInformation.java:1190)
	at org.apache.hadoop.mapred.Child.main(Child.java:249)
</td><td><a href="http://ip-10-240-77-87.ap-southeast-2.compute.internal:50060/tasklog?attemptid=attempt_201309180347_0346_r_000000_0&start=-4097">Last 4KB</a><br/><a href="http://ip-10-240-77-87.ap-southeast-2.compute.internal:50060/tasklog?attemptid=attempt_201309180347_0346_r_000000_0&start=-8193">Last 8KB</a><br/><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 :...