small changes
This commit is contained in:
@ -16,7 +16,7 @@
|
|||||||
<link rel="stylesheet" href="styles/main.css">
|
<link rel="stylesheet" href="styles/main.css">
|
||||||
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
|
||||||
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,600' rel='stylesheet' type='text/css'>
|
||||||
|
|
||||||
<!-- build:js scripts/vendor/modernizr.js -->
|
<!-- build:js scripts/vendor/modernizr.js -->
|
||||||
<script src="bower_components/modernizr/modernizr.js"></script>
|
<script src="bower_components/modernizr/modernizr.js"></script>
|
||||||
@ -58,45 +58,46 @@
|
|||||||
<h2>
|
<h2>
|
||||||
Easy file sharing from the command line
|
Easy file sharing from the command line
|
||||||
</h2>
|
</h2>
|
||||||
|
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> -->
|
||||||
<div class="row animated fadeInDown">
|
<div class="row animated fadeInDown">
|
||||||
<div id="from-terminal" class=" box col-md-6 col-xs-12">
|
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
|
||||||
<h3>Share from terminal</h3>
|
|
||||||
<div id="terminal">
|
|
||||||
<pre>
|
|
||||||
<code id="terminal-code" class="bash">ls this</code></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="from-web" class="col-md-6 col-xs-12">
|
|
||||||
<h3>Share from web</h3>
|
|
||||||
|
|
||||||
<div id="web">
|
<div id="terminal" class="terminal">
|
||||||
<a class="browse" href="#">
|
<div class="terminal-top"></div>
|
||||||
<i class="icon-upload-cloud"></i>
|
<div class="examples">
|
||||||
<p class="click">Drag your files here to upload or click to browse</p>
|
<code class="">
|
||||||
</a>
|
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt r
|
||||||
<input type="file" multiple="multiple" style='display: none;' />
|
<br>
|
||||||
<ul class='queue' style='; list-style-type: none; margin: 0;'>
|
<br>$ transfer hello.txt #################################################### 100.0% https://transfer.sh/eibhM/hello.txt
|
||||||
<li>
|
<br>
|
||||||
</li>
|
<br># Upload from web. Drag your files here, or <a class="browse" href="#"> click to browse.</a>
|
||||||
</ul>
|
</code>
|
||||||
<div class='all-files'>
|
<div id="web">
|
||||||
<h4>Download your files:</h4>
|
<input type="file" multiple="multiple" style='display: none;' />
|
||||||
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
|
<ul class='queue' style='; list-style-type: none; margin: 0;'>
|
||||||
</div>
|
<li>
|
||||||
<div>
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class='all-files'>
|
||||||
|
<h4>Download your files:</h4>
|
||||||
|
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<br>
|
|
||||||
<br>
|
<br>
|
||||||
<a href="#features" class="btn-cta">learn more</i> </a>
|
<a href="#features" class="btn-cta">learn more</i> </a>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section id="features">
|
<section id="features">
|
||||||
<div class="wrapper container">
|
<div class="wrapper container">
|
||||||
<div class="row animated fadeInDown ">
|
<div class="row animated fadeInDown ">
|
||||||
@ -106,7 +107,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-xs-6">
|
<div class="col-md-3 col-xs-6">
|
||||||
<i class="icon-link"></i>
|
<i class="icon-link"></i>
|
||||||
<h3>Share files with an URL</h3>
|
<h3>Share files with a URL</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-xs-6">
|
<div class="col-md-3 col-xs-6">
|
||||||
<i class="icon-database"></i>
|
<i class="icon-database"></i>
|
||||||
@ -151,13 +152,15 @@
|
|||||||
<h4>Create an alias, and add it to .bashrc for faster use</h4>
|
<h4>Create an alias, and add it to .bashrc for faster use</h4>
|
||||||
<pre>
|
<pre>
|
||||||
<code id="terminal-code" class="bash">
|
<code id="terminal-code" class="bash">
|
||||||
# transfer.sh alias
|
# transfer.sh alias
|
||||||
# write output to tmpfile because of progress bar
|
# write output to tmpfile because of progress bar
|
||||||
$ transfer()
|
$ transfer() {
|
||||||
{
|
tmpfile = $( mktemp -t transfer )
|
||||||
tmpfile=$( mktemp -t transfer )
|
curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile;
|
||||||
curl --progress-bar --upload-file $1 https://transfer.sh/$(basename $1) >> $tmpfile; cat $tmpfile; rm -f $tmpfile; }
|
cat $tmpfile;
|
||||||
alias transfer=transfer
|
rm -f $tmpfile;
|
||||||
|
}
|
||||||
|
alias transfer=transfers
|
||||||
</code>
|
</code>
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
@ -167,38 +170,37 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
|
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
|
||||||
|
|
||||||
<div class="collapse " id="coll">
|
<div class="collapse " id="coll">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<h3>Transfer multiple files</h3>
|
<h3>Transfer multiple files</h3>
|
||||||
<h4>Upload multiple files at once
|
<h4>Upload multiple files at once
|
||||||
</h4>
|
</h4>
|
||||||
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
|
<code>$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt https://transfer.sh/</code>
|
||||||
|
|
||||||
<h4>Combining downloads as zip or tar archive</h4>
|
<h4>Combining downloads as zip or tar archive</h4>
|
||||||
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
|
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).tar.gz</code>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
|
<code>$ curl https://transfer.sh/(15HKz/hello.txt,15HKz/hello.txt).zip</code>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h3>Encrypt your files before the transfer</h3>
|
||||||
|
<h4>You can encrypt files using gpg. The following command will encrypt the data before it leaves your server using the password you enter and upload it to transfer.sh.</h4>
|
||||||
|
<h4></h4>
|
||||||
|
<code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
|
||||||
|
<h4>Encrypt and upload</h4>
|
||||||
|
<code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
|
||||||
<h3>Encrypt your files before the transfer</h3>
|
|
||||||
<h4>You can encrypt files using gpg. The following command will encrypt the data before it leaves your server using the password you enter and upload it to transfer.sh.</h4>
|
|
||||||
<h4></h4>
|
|
||||||
<code>$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" https://transfer.sh/test.txt</code>
|
|
||||||
<h4>Encrypt and upload</h4>
|
|
||||||
<code>$ curl https://transfer.sh/1lDau/test.txt|gpg -o- > /tmp/hello.txt</code>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -326,6 +328,7 @@
|
|||||||
<!-- build:js scripts/main.js -->
|
<!-- build:js scripts/main.js -->
|
||||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||||
<script src="bower_components/highlightjs/highlight.pack.js"></script>
|
<script src="bower_components/highlightjs/highlight.pack.js"></script>
|
||||||
|
<!-- </*script*/ src="bower_components/typed.js/js/typed.js"></script> -->
|
||||||
<script src="bower_components/uri.js/src/URI.min.js"></script>
|
<script src="bower_components/uri.js/src/URI.min.js"></script>
|
||||||
<script src="bower_components/bootstrap/js/transition.js"></script>
|
<script src="bower_components/bootstrap/js/transition.js"></script>
|
||||||
<script src="bower_components/bootstrap/js/collapse.js"></script>
|
<script src="bower_components/bootstrap/js/collapse.js"></script>
|
||||||
|
@ -1,9 +1,9 @@
|
|||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
hljs.initHighlightingOnLoad();
|
/* hljs.initHighlightingOnLoad();*/
|
||||||
// Terminal typing animation
|
// Terminal typing animation
|
||||||
/* $("#from-terminal p").typed({
|
/* $("#terminal-code").typed({
|
||||||
strings: ["curl --upload-file ./hello.txt https://transfer.sh/hello.txt\n######################################################\nhttps://transfer.sh/66nb8/hello.txt \n "],
|
strings: ["# Upload using this \n acurl --upload-file ./hello.txt https://transfer.sh/hello.txt\n######################################################\nhttps://transfer.sh/66nb8/hello.txt \n "],
|
||||||
typeSpeed: 0, // typing speed
|
typeSpeed: 0, // typing speed
|
||||||
backSpeed: 0, // backspacing speed
|
backSpeed: 0, // backspacing speed
|
||||||
startDelay: 0, // time before typing starts
|
startDelay: 0, // time before typing starts
|
||||||
@ -13,42 +13,37 @@ $(document).ready(function() {
|
|||||||
showCursor: true,
|
showCursor: true,
|
||||||
attr: null, // attribute to type, null = text for everything except inputs, which default to placeholder
|
attr: null, // attribute to type, null = text for everything except inputs, which default to placeholder
|
||||||
callback: function(){ } // call function after typing is done
|
callback: function(){ } // call function after typing is done
|
||||||
});
|
});*/
|
||||||
*/
|
/*
|
||||||
var typewriter = require('typewriter');
|
var typewriter = require('typewriter');
|
||||||
|
|
||||||
var twSpan = document.getElementById('terminal-code');
|
var twSpan = document.getElementById('terminal-code');
|
||||||
|
|
||||||
var tw = typewriter(twSpan).withAccuracy(100)
|
var tw = typewriter(twSpan).withAccuracy(100)
|
||||||
.withMinimumSpeed(17)
|
.withMinimumSpeed()
|
||||||
.withMaximumSpeed(25)
|
.withMaximumSpeed(25)
|
||||||
.build();
|
.build();
|
||||||
|
|
||||||
tw.put('$ ')
|
tw.put('$ ')
|
||||||
|
.put('<span class="hljs-comment"># Upload using cURL </span>')
|
||||||
.waitRange(500, 1000)
|
.waitRange(500, 1000)
|
||||||
.type('curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
|
.put('<br/>')
|
||||||
|
.type('$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.put('https://transfer.sh/66nb8/hello.txt ')
|
.put('https://transfer.sh/66nb8/hello.txt ')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
.waitRange(500, 1000)
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
.waitRange(500, 1000)
|
||||||
|
.put('<span class="hljs-comment"># Upload using alias</span>')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.put('$ ')
|
|
||||||
.waitRange(500, 1000)
|
|
||||||
.type('transfer hello.txt')
|
.type('transfer hello.txt')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.type('####################################################')
|
.type('####################################################')
|
||||||
.put(' 100.0%')
|
.put(' 100.0%')
|
||||||
.put('<br/>')
|
.put('<br/>')
|
||||||
.put('https://transfer.sh/eibhM/hello.txt ')
|
.put('https://transfer.sh/eibhM/hello.txt ')*/
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
.waitRange(1000, 1500)
|
|
||||||
.put('<br/>')
|
|
||||||
.put('$ ')
|
|
||||||
|
|
||||||
// Smooth scrolling
|
// Smooth scrolling
|
||||||
$('a[href*=#]:not([href=#])').click(function() {
|
$('a[href*=#]:not([href=#])').click(function() {
|
||||||
@ -66,7 +61,7 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
|
|
||||||
// function resizePages() {
|
// function resizePages() {
|
||||||
// var h = $(window).height();
|
// var h = $(window).heightP();
|
||||||
// var height = h < 600 ? 600 : h;
|
// var height = h < 600 ? 600 : h;
|
||||||
/* $('section').css('height',height);
|
/* $('section').css('height',height);
|
||||||
$('#home').css('height',height*0.98);
|
$('#home').css('height',height*0.98);
|
||||||
@ -82,15 +77,16 @@ $(document).ready(function() {
|
|||||||
$('.browse').addClass('uploading');
|
$('.browse').addClass('uploading');
|
||||||
var li = $('<li style="clear:both;"/>');
|
var li = $('<li style="clear:both;"/>');
|
||||||
|
|
||||||
li.append($('<div><div class="progress active upload-progress" style="margin-bottom: 0;"><div class="progress-bar bar" style="width: 0%;"></div></div><p>Uploading... ' + file.name + '</p></div>'));
|
li.append($('<div><div class="progress active upload-progress" style="margin-bottom: 0;"><div class="bar" style="width: 0%;">############################>span></span></div></div><p>Uploading... ' + file.name + '</p></div>'));
|
||||||
$(li).appendTo($('.queue'));
|
$(li).appendTo($('.queue'));
|
||||||
|
|
||||||
var xhr = new XMLHttpRequest();
|
var xhr = new XMLHttpRequest();
|
||||||
|
|
||||||
xhr.upload.addEventListener("progress", function(e) {
|
xhr.upload.addEventListener("progress", function(e) {
|
||||||
var pc = parseInt((e.loaded / e.total * 100));
|
var pc = parseInt((e.loaded / e.total * 100));
|
||||||
$('.upload-progress', $(li)).show();
|
/* $('.upload-progress', $(li)).show();*/
|
||||||
$('.upload-progress .bar', $(li)).css('width', pc + "%");
|
$('.upload-progress .bar', $(li)).css('width', pc + "%");
|
||||||
|
$('.upload-progress .bar .span').append( pc + "%");
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
xhr.onreadystatechange = function(e) {
|
xhr.onreadystatechange = function(e) {
|
||||||
|
2
transfersh-web/styles/bootstrap.less
vendored
2
transfersh-web/styles/bootstrap.less
vendored
@ -9,7 +9,7 @@
|
|||||||
// Core CSS
|
// Core CSS
|
||||||
@import "../bower_components/bootstrap/less/scaffolding.less";
|
@import "../bower_components/bootstrap/less/scaffolding.less";
|
||||||
@import "../bower_components/bootstrap/less/type.less";
|
@import "../bower_components/bootstrap/less/type.less";
|
||||||
//@import "../bower_components/bootstrap/less/code.less";
|
/* @import "../bower_components/bootstrap/less/code.less"; */
|
||||||
@import "../bower_components/bootstrap/less/grid.less";
|
@import "../bower_components/bootstrap/less/grid.less";
|
||||||
//@import "../bower_components/bootstrap/less/tables.less";
|
//@import "../bower_components/bootstrap/less/tables.less";
|
||||||
//@import "../bower_components/bootstrap/less/forms.less";
|
//@import "../bower_components/bootstrap/less/forms.less";
|
||||||
|
@ -8,14 +8,15 @@
|
|||||||
|
|
||||||
@navbar-default-bg: #fff;
|
@navbar-default-bg: #fff;
|
||||||
|
|
||||||
@lik-color: @text-color;
|
@link-color: @dark-gray;
|
||||||
@text-color: @dark-blue;
|
|
||||||
|
|
||||||
@progress-bg: @blue;
|
@text-color: @dark-gray;
|
||||||
|
|
||||||
|
@progress-bg: @blue;
|
||||||
|
|
||||||
// Typography
|
// Typography
|
||||||
@font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
@font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
@font-family-mono: "Source code Pro", monospace;
|
@font-family-mono: "Source Code Pro", monospace;
|
||||||
|
|
||||||
@headings-font-family: @font-family-base;
|
@headings-font-family: @font-family-base;
|
||||||
@headings-font-weight: 100;
|
@headings-font-weight: 100;
|
||||||
|
@ -18,6 +18,9 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: @font-family-mono;
|
font-family: @font-family-mono;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
color: #3b3b3b;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
|
||||||
}
|
}
|
||||||
@media (min-width: @screen-sm-min) {
|
@media (min-width: @screen-sm-min) {
|
||||||
@ -49,6 +52,7 @@ h2 {
|
|||||||
color: @red;
|
color: @red;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-color: @dark-blue;
|
border-color: @dark-blue;
|
||||||
@ -71,14 +75,18 @@ img {
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: @dark-blue;
|
||||||
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit ;
|
color: inherit ;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background: @red; /* WebKit/Blink Browsers */
|
background: @red;
|
||||||
}
|
}
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background: @red; /* Gecko Browsers */
|
background: @red;
|
||||||
}
|
}
|
@ -1,103 +1,94 @@
|
|||||||
#home {
|
#home {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) {
|
@media (min-width: @screen-sm-min) {
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 60px;
|
font-size: 45px;
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
margin-bottom: 45px;
|
margin-bottom: 45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
#from-terminal, #from-web {
|
||||||
#from-terminal,
|
|
||||||
#from-web {
|
|
||||||
.make-md-column(6);
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#web {
|
#web {
|
||||||
.transition(all @animation-duration ease);
|
.transition(all @animation-duration ease);
|
||||||
border: 1px dashed @blue;
|
|
||||||
padding-top: 10px;
|
|
||||||
i {
|
i {
|
||||||
font-size: 160px;
|
font-size: 100px;
|
||||||
color: @blue;
|
color: @blue;
|
||||||
|
display: block;
|
||||||
|
margin-top: -20px;
|
||||||
}
|
}
|
||||||
p.click {
|
.btn-cta {
|
||||||
margin-top: -66px;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
border-radius: 5px;
|
|
||||||
.btn-cta {
|
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
}
|
}
|
||||||
cursor: pointer;
|
.click {
|
||||||
|
margin-top: -50px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.queue {
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#web, #terminal {
|
#terminal {
|
||||||
min-height: 150px;
|
min-height: 150px;
|
||||||
@media (min-width: @screen-sm-min) {
|
@media (min-width: @screen-sm-min) {
|
||||||
min-height: 270px;
|
min-height: 350px;
|
||||||
|
}
|
||||||
|
.examples {
|
||||||
|
padding: 10px 0px;
|
||||||
|
}
|
||||||
|
code {
|
||||||
|
font-family: @font-family-mono;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#web .uploading {
|
#web .uploading {
|
||||||
|
|
||||||
i {
|
i {
|
||||||
.transition(font @animation-duration ease);
|
.transition(font @animation-duration ease);
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
p.click {
|
p.click {
|
||||||
margin-top: -10px;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.dragged {
|
.dragged {
|
||||||
background: @light-gray;
|
background: @light-gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#terminal {
|
#terminal {
|
||||||
padding: 10px;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: @dark-blue;
|
background: @dark-blue;
|
||||||
background: url(../images/terminal.svg);
|
background: url(../images/terminal.svg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
font-family: @font-family-mono;
|
font-family: @font-family-mono;
|
||||||
font-size: 11px;
|
font-size: 15px;
|
||||||
@media (min-width: @screen-sm-min) {
|
@media (min-width: @screen-sm-min) {
|
||||||
padding: 30px 20px;
|
padding: 10px 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.all-files {
|
.all-files {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.all-files .show {
|
.all-files .show {
|
||||||
display:block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
@import "../bower_components/highlightjs/styles/zenburn.css";
|
|
||||||
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
||||||
article,
|
article,
|
||||||
aside,
|
aside,
|
||||||
@ -260,7 +259,7 @@ body {
|
|||||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.42857143;
|
line-height: 1.42857143;
|
||||||
color: #36535a;
|
color: #3b3b3b;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
input,
|
input,
|
||||||
@ -272,12 +271,12 @@ textarea {
|
|||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #428bca;
|
color: #3b3b3b;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
a:hover,
|
a:hover,
|
||||||
a:focus {
|
a:focus {
|
||||||
color: #2a6496;
|
color: #151515;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
a:focus {
|
a:focus {
|
||||||
@ -623,6 +622,7 @@ address {
|
|||||||
font-style: normal;
|
font-style: normal;
|
||||||
line-height: 1.42857143;
|
line-height: 1.42857143;
|
||||||
}
|
}
|
||||||
|
/* @import "../bower_components/bootstrap/less/code.less"; */
|
||||||
.container {
|
.container {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@ -5373,8 +5373,11 @@ body {
|
|||||||
}
|
}
|
||||||
#navigation h1 {
|
#navigation h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: "Source code Pro", monospace;
|
font-family: "Source Code Pro", monospace;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
color: #3b3b3b;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: -1px;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
#navigation ul {
|
#navigation ul {
|
||||||
@ -5403,6 +5406,7 @@ h2 {
|
|||||||
color: #e96e57;
|
color: #e96e57;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.btn-cta:hover {
|
.btn-cta:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -5452,17 +5456,19 @@ img {
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #36535a;
|
||||||
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit ;
|
color: inherit ;
|
||||||
}
|
}
|
||||||
::selection {
|
::selection {
|
||||||
background: #e96e57;
|
background: #e96e57;
|
||||||
/* WebKit/Blink Browsers */
|
|
||||||
}
|
}
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background: #e96e57;
|
background: #e96e57;
|
||||||
/* Gecko Browsers */
|
|
||||||
}
|
}
|
||||||
#home {
|
#home {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -5475,25 +5481,11 @@ a:hover {
|
|||||||
padding: 50px;
|
padding: 50px;
|
||||||
}
|
}
|
||||||
#home h2 {
|
#home h2 {
|
||||||
font-size: 60px;
|
font-size: 45px;
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
margin-bottom: 45px;
|
margin-bottom: 45px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#from-terminal,
|
|
||||||
#from-web {
|
|
||||||
position: relative;
|
|
||||||
min-height: 1px;
|
|
||||||
padding-left: 38px;
|
|
||||||
padding-right: 38px;
|
|
||||||
}
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
#from-terminal,
|
|
||||||
#from-web {
|
|
||||||
float: left;
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#from-terminal h3,
|
#from-terminal h3,
|
||||||
#from-web h3 {
|
#from-web h3 {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
@ -5501,59 +5493,67 @@ a:hover {
|
|||||||
#web {
|
#web {
|
||||||
-webkit-transition: all 0.3s ease;
|
-webkit-transition: all 0.3s ease;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
border: 1px dashed #85b5bb;
|
|
||||||
padding-top: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
#web i {
|
#web i {
|
||||||
font-size: 160px;
|
font-size: 100px;
|
||||||
color: #85b5bb;
|
color: #85b5bb;
|
||||||
}
|
display: block;
|
||||||
#web p.click {
|
margin-top: -20px;
|
||||||
margin-top: -66px;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
}
|
||||||
#web .btn-cta {
|
#web .btn-cta {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
#web,
|
#web .click {
|
||||||
|
margin-top: -50px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#web .queue {
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#web a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
#terminal {
|
#terminal {
|
||||||
min-height: 150px;
|
min-height: 150px;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
#web,
|
|
||||||
#terminal {
|
#terminal {
|
||||||
min-height: 270px;
|
min-height: 350px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#terminal .examples {
|
||||||
|
padding: 10px 0px;
|
||||||
|
}
|
||||||
|
#terminal code {
|
||||||
|
font-family: "Source Code Pro", monospace;
|
||||||
|
}
|
||||||
#web .uploading i {
|
#web .uploading i {
|
||||||
-webkit-transition: font 0.3s ease;
|
-webkit-transition: font 0.3s ease;
|
||||||
transition: font 0.3s ease;
|
transition: font 0.3s ease;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
#web .uploading p.click {
|
#web .uploading p.click {
|
||||||
margin-top: -10px;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.dragged {
|
.dragged {
|
||||||
background: #f6f8f8;
|
background: #f6f8f8;
|
||||||
}
|
}
|
||||||
#terminal {
|
#terminal {
|
||||||
padding: 10px;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #36535a;
|
background: #36535a;
|
||||||
background: url(../images/terminal.svg);
|
background: url(../images/terminal.svg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
font-family: "Source code Pro", monospace;
|
font-family: "Source Code Pro", monospace;
|
||||||
font-size: 11px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
#terminal {
|
#terminal {
|
||||||
padding: 30px 20px;
|
padding: 10px 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.progress {
|
.progress {
|
||||||
@ -5594,7 +5594,7 @@ a:hover {
|
|||||||
display: block;
|
display: block;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
background: #36535a;
|
background: #36535a;
|
||||||
font-family: "Source code Pro", monospace;
|
font-family: "Source Code Pro", monospace;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
File diff suppressed because one or more lines are too long
@ -2,9 +2,6 @@
|
|||||||
|
|
||||||
|
|
||||||
@import "../bower_components/animate.less/animate.less";
|
@import "../bower_components/animate.less/animate.less";
|
||||||
@import "../bower_components/highlightjs/styles/zenburn.css";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@import "config";
|
@import "config";
|
||||||
@import "includes/global";
|
@import "includes/global";
|
||||||
|
Reference in New Issue
Block a user