WEBDIENSTE/YellowLabTools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Same header and same footer on all pages

Browse Source
This commit is contained in:
Gaël Métais
2014-09-04 16:28:54 +02:00
parent 24d9690b09
commit 73dc5a6332
8 changed files with 61 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/node_views/launchTest.html
+6 -2
View File
@@ -7,12 +7,16 @@
<script src="/socket.io/socket.io.js"></script>
</head>
<body>
<h1>Javascript Spaghetti Profiler</h1>
<h1>Yellow Lab <span class="icon-lab"></span> Tools</h1>
<div id="status"></div>
<div>%%TEST_URL%%</div>
<div class="footer">
<p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
</div>
<script>
var testId = '%%TEST_ID%%';
var statusElement = document.getElementById('status');
@@ -24,7 +28,7 @@
socket.on('position', function(position) {
if (position === 0) {
statusElement.innerHTML = 'Running';
statusElement.innerHTML = 'Test is running...';
} else {
statusElement.innerHTML = 'Waiting behind ' + (position) + ' other tests';
}
app/node_views/results.html
+4 -2
View File
@@ -10,7 +10,7 @@
<script src="/public/scripts/filters.js"></script>
</head>
<body ng-app="YellowLabTools" ng-controller="ResultsCtrl">
<h1>Javascript Spaghetti Profiler</h1>
<h1>Yellow Lab <span class="icon-lab"></span> Tools</h1>
<div ng-if="undefined">Untangling and counting the spaghettis...</div>
@@ -263,9 +263,11 @@
</div>
</div>
</div>
</div>
<div class="footer">
<p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
</div>
<script>
app/public/fonts/icons.woff
BIN
View File
Binary file not shown.
app/public/styles/index.css
-18
View File
@@ -1,7 +1,3 @@
h1 span {
color: #ffa319;
}
.promess {
padding: 0em 2em 3em;
font-weight: normal;
@@ -36,18 +32,4 @@ input[type=submit].clicked {
left: 0.1em;
top: 0.2em;
box-shadow: none;
}
.footer {
padding: 3em;
color: #5e2846;
}
.footer a {
color: inherit;
}
.footer .star {
font-weight: bold;
}
.footer .star span {
font-size: 1.2em;
}
app/public/styles/launchTest.css
+2 -1
View File
@@ -1,3 +1,4 @@
#status {
font-size: 1.5em;
margin-top: 2em;
font-size: 2.5em;
}
app/public/styles/less/icons.less
+15 -15
View File
@@ -1,24 +1,24 @@
@warning-font-family: "fontsmith-icons";
@warning-value: "\e000";
@warning: '"fontsmith-icons"' '"\\e000"';
@arrow-left3-font-family: "fontsmith-icons";
@arrow-left3-value: "\e006";
@arrow-left3: '"fontsmith-icons"' '"\\e006"';
@drawer3-font-family: "fontsmith-icons";
@drawer3-value: "\e005";
@drawer3: '"fontsmith-icons"' '"\\e005"';
@list-font-family: "fontsmith-icons";
@list-value: "\e003";
@list: '"fontsmith-icons"' '"\\e003"';
@lab-font-family: "fontsmith-icons";
@lab-value: "\e004";
@lab: '"fontsmith-icons"' '"\\e004"';
@tree-font-family: "fontsmith-icons";
@tree-value: "\e001";
@tree: '"fontsmith-icons"' '"\\e001"';
@question-font-family: "fontsmith-icons";
@question-value: "\e002";
@question: '"fontsmith-icons"' '"\\e002"';
@lab-font-family: "fontsmith-icons";
@lab-value: "\e004";
@lab: '"fontsmith-icons"' '"\\e004"';
@warning-font-family: "fontsmith-icons";
@warning-value: "\e000";
@warning: '"fontsmith-icons"' '"\\e000"';
@tree-font-family: "fontsmith-icons";
@tree-value: "\e001";
@tree: '"fontsmith-icons"' '"\\e001"';
@list-font-family: "fontsmith-icons";
@list-value: "\e003";
@list: '"fontsmith-icons"' '"\\e003"';
@arrow-left3-font-family: "fontsmith-icons";
@arrow-left3-value: "\e006";
@arrow-left3: '"fontsmith-icons"' '"\\e006"';
.icon-font-family(@char) {
font-family: ~`@{char}[0]`;
app/public/styles/less/main.less
+18
View File
@@ -25,6 +25,24 @@ input[type=submit] {
cursor: pointer;
}
h1 span {
color: #ffa319;
}
.footer {
padding: 3em;
color: #5e2846;
a {
color: inherit;
}
.star {
font-weight: bold;
span {
font-size: 1.2em;
}
}
}
/* Icons */
.icon-lab {
.icon(@lab);
app/public/styles/main.css
+16
View File
@@ -25,6 +25,22 @@ button {
input[type=submit] {
cursor: pointer;
}
h1 span {
color: #ffa319;
}
.footer {
padding: 3em;
color: #5e2846;
}
.footer a {
color: inherit;
}
.footer .star {
font-weight: bold;
}
.footer .star span {
font-size: 1.2em;
}
/* Icons */
.icon-lab {
font-family: "fontsmith-icons";