Skip to content

Commit

Permalink
Add plato directly
Browse files Browse the repository at this point in the history
  • Loading branch information
@johnkpaul
johnkpaul committed Dec 1, 2013
1 parent bd04352 commit ae99653
Show file tree
Hide file tree
Showing 174 changed files with 36,217 additions and 10 deletions.
15 changes: 5 additions & 10 deletions dotjs/2013/js-tools/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,10 +106,7 @@ <h2>Linting</h2>
4 doSomething(value)
5 }
6
7 test();
8
9 var test = function(){};
10 }());
7 }());
</code></pre>
<pre class='fragment'><code contenteditable style="max-height: 740px;">
line 3, col 3, Missing "use strict" statement.
Expand All @@ -118,8 +115,6 @@ <h2>Linting</h2>
and instead saw an assignment.

line 4, col 23, Missing semicolon.

line 9, col 12, 'test' was used before it was defined.
</code></pre>
</section>
<section fullscreen-img="img/javababy.jpg" style="background: rgba(255, 255, 255, .5);">
Expand Down Expand Up @@ -152,7 +147,7 @@ <h2>Decisions</h2>
<!--<img src="img/complexity.gif">-->
<!--</section>-->
<section fullscreen-img="img/c++baby.jpg" style="background: rgba(255, 255, 255, .5);">
<h4><a href="http://jsoverson.github.io/plato/examples/jquery/">Plato Analysis</a></h4>
<h4><a href="plato/jquery/index.html">Plato Analysis</a></h4>
<video src='video/plato.mp4' controls></video>
</section>
<section fullscreen-img="img/haskellbaby.jpg" style="background: rgba(255, 255, 255, .5);">
Expand Down Expand Up @@ -185,9 +180,9 @@ <h2>Beautification</h2>
<img src="img/beautifulcode.jpg" width="200">
<br>
<ul>
<li>Editor Config</li>
<li>code painter</li>
<li>js-beautify</li>
<li>EditorConfig</li>
<li>codepainter</li>
<!--<li>js-beautify</li>-->
<li>esformatter</li>
</ul>
</section>
Expand Down
84 changes: 84 additions & 0 deletions dotjs/2013/js-tools/plato/jquery/assets/css/plato-file.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
.historical .chart {
height: 200px;
}

.CodeMirror {
height: auto;
}

.CodeMirror-scroll {
overflow-x: hidden;
overflow-y: hidden;
}
.CodeMirror-lines {
cursor:default;
}

.plato-mark {
background-color:rgb(212, 250, 236);
border: 1px dashed red;
border-width:1px 0 1px 0;
cursor:pointer;
}

.plato-mark.focus {
background-color: rgb(235, 250, 166);
}
.plato-mark.active {
background-color: rgb(158, 180, 255);
}

.plato-mark-start {
border-left-width:1px;
padding-left:1px;
}
.plato-mark-end {
border-right-width:1px;
padding-right:1px;
}
.plato-gutter {
}

.plato-gutter-icon {
font-size:16px;
cursor:pointer;
color: #800000;
text-align:center;
}

.plato-gutter-jshint, .plato-gutter-complexity {
width:14px;
}

.charts {
margin-top:1em;
}

.charts .header {
font-weight:normal;
text-align:center;
}

.chart-header {
font-weight:normal;
text-align:center;
}

.CodeMirror-linewidget {
background-color: hsl(240, 20%, 96%);
font-size:12px;
box-shadow:inset 10px 10px 10px -12px hsl(240, 20%, 17%);
margin-top:10px;
padding-top:5px;
padding-left:5px;
padding-bottom:2px;
}

.CodeMirror-linewidget ~ .CodeMirror-linewidget{
box-shadow:inset 10px 0px 10px -12px hsl(240, 20%, 17%);
margin-top:0px;
padding-top:0px;
}

.plato-line-widget {
}
110 changes: 110 additions & 0 deletions dotjs/2013/js-tools/plato/jquery/assets/css/plato-overview.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
.chart {
margin: 0 auto;
height: 200px;
}

.overview .chart {
height: 250px;
}

.historical .chart {
height:200px;
}

.chart rect {
cursor:pointer;
}

.file-list li {
border-bottom:1px solid #ccc;
padding-bottom:10px;
padding-top:10px;
}

.file-list li:nth-child(odd) {
background-color: hsl(0, 0%, 98%);
}

.fade-left {
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.file-list li:nth-child(odd) .fade-left {
background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.fadeout {
position: absolute;
height: 50px;
z-index: 10;
float: left;
width:70px
}

.file {
white-space: nowrap;
}


.file-link {
text-align: right;
direction: rtl;
overflow: hidden;
height:40px;
font-size:20px;
color: #334B6D;
display:block;
padding:12px 12px 12px 0;
text-decoration: underline;
}

.file-link:hover {
color: #3B71B1;
}

.file-chart label {
width: 75px;
text-align: right;
margin-right: 10px;
}

.file-chart .chart-value {
margin-left: 3px;
font-size:11px;
}

.horizontal-bar {
display:inline-block;
height:8px;
border-radius: 0 4px 4px 0;
}

.threshold-0 .horizontal-bar {
background-color: #01939A;
}
.threshold-1 .horizontal-bar {
background-color: #FFAB00;
}
.threshold-2 .horizontal-bar {
background-color: #FF0700;
}


@media (max-width: 767px) {
.file-link {
text-align: center;
}
}

66 changes: 66 additions & 0 deletions dotjs/2013/js-tools/plato/jquery/assets/css/plato.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@

body {
}

.navbar {
margin-bottom:0;
padding: 0 20px;
background-color: #f2f2f2;
background-image: none;
border: 1px solid #d4d4d4;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
line-height:10px;
}

a:visited {
fill:inherit;
}

.jumbotron {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

color:#333;
box-shadow: 5px 5px 15px -6px black;
}

li {
line-height: 10px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.jumbotron h1 {
font-size: 40px;
}
}

.aggregate-stats {

}

.aggregate-stats .header {
text-align: center;
color: #5a5a5a;
font-weight:lighter;
}

.aggregate-stats .stat {
text-align: center;
color: #5a5a5a;
font-size:55px;
line-height:70px;
}

i.icon[rel=popover] {
font-size:23px;
color: #0088cc;
}
Loading

0 comments on commit ae99653

Please sign in to comment.