libretic
/
transfer.sh-web
mirror of https://github.com/dutchcoders/transfer.sh-web.git
5
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ISSUE-203

This commit is contained in:
Andrea Spacca 2019-03-30 12:35:24 +01:00
parent e7d393abbb
commit 2ca46c20e7
23 changed files with 10101 additions and 9876 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
Gruntfile.js
View File

@ -133,24 +133,49 @@ module.exports = function (grunt) {
server: { server: {
cwd: '<%= yeoman.app %>', cwd: '<%= yeoman.app %>',
src: ['*.html', 'includes/*.html'], src: ['*.html', 'includes/*.html'],
dest: '.tmp/', dest: '.tmp',
options: { options: {
flatten: true, flatten: true,
banner: '' banner: ''
} }
} }
}, },
// not used since Uglify task does concat, concat: {
// but still available if needed generated: {
/*concat: { files: [
dist: {} {
},*/ dest: '.tmp/scripts/main.js',
// not enabled since usemin task does concat and uglify src: ['<%= yeoman.app %>/scripts/main.js']
// check index.html to edit your build targets },
// enable this task if you prefer defining your build targets here {
/*uglify: { dest: '.tmp/scripts/vendor/modernizr.js',
dist: {} src: ['<%= yeoman.app %>/scripts/vendor/modernizr.js']
},*/ },
{
dest: '.tmp/scripts/vendor/video.js',
src: ['<%= yeoman.app %>/scripts/vendor/video.js']
}
]
}
},
uglify: {
generated: {
files: [
{
dest: '<%= yeoman.dist %>/scripts/main.js',
src: ['.tmp/scripts/main.js']
},
{
dest: '<%= yeoman.dist %>/scripts/vendor/modernizr.js',
src: ['.tmp/scripts/vendor/modernizr.js']
},
{
dest: '<%= yeoman.dist %>/scripts/vendor/video.js',
src: ['.tmp/scripts/vendor/video.js']
}
]
}
},
rev: { rev: {
dist: { dist: {
files: { files: {
@ -232,7 +257,8 @@ module.exports = function (grunt) {
} }
} }
} }
,copy: { ,
copy: {
dist: { dist: {
files: [{ files: [{
expand: true, expand: true,
@ -300,12 +326,12 @@ module.exports = function (grunt) {
'clean:server', 'clean:server',
'less', 'less',
'copy:server', 'copy:server',
'connect:test', 'connect:test'
]); ]);
grunt.registerTask('build', [ grunt.registerTask('build', [
'clean:dist', 'clean:dist',
'npm-command', //'npm-command',
'copy:server', 'copy:server',
'useminPrepare', 'useminPrepare',
'concurrent', 'concurrent',
@ -314,8 +340,7 @@ module.exports = function (grunt) {
'includes:build', 'includes:build',
'uglify', 'uglify',
'copy', 'copy',
'usemin', 'usemin'
]); ]);
grunt.registerTask('default', [ grunt.registerTask('default', [

2
README.md
View File

@ -5,7 +5,7 @@ This repository contains the web frontend for [transfer.sh](https://github.com/d
## How to use it ## How to use it
You must specify `web-path`directory, pointing to `dist` generated folder (Grunt & bindata) You must specify `web-path` directory, pointing to `dist` generated folder (Grunt & bindata)
Sample : Sample :
``` ```

18284
bindata_gen.go
View File

File diff suppressed because it is too large Load Diff

28
package.json
View File

@ -2,31 +2,31 @@
"name": "transfer.sh", "name": "transfer.sh",
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"wiredep": "^1.8.6" "wiredep": "^4.0.0"
}, },
"devDependencies": { "devDependencies": {
"grunt": "~0.4.5", "grunt": "^1.0.4",
"grunt-concurrent": "~1.0.0", "grunt-concurrent": "~1.0.0",
"grunt-contrib-clean": "~0.6.0", "grunt-contrib-clean": "~0.6.0",
"grunt-contrib-concat": "~0.5.0", "grunt-contrib-concat": "~0.5.0",
"grunt-contrib-connect": "~0.8.0", "grunt-contrib-connect": "^2.0.0",
"grunt-contrib-copy": "~0.6.0", "grunt-contrib-copy": "~0.6.0",
"grunt-contrib-cssmin": "~0.10.0", "grunt-contrib-cssmin": "^3.0.0",
"grunt-contrib-htmlmin": "~0.3.0", "grunt-contrib-htmlmin": "^3.0.0",
"grunt-contrib-imagemin": "0.8.1", "grunt-contrib-imagemin": "^3.1.0",
"grunt-contrib-jshint": "~0.10.0", "grunt-contrib-jshint": "^2.1.0",
"grunt-contrib-less": "~0.11.4", "grunt-contrib-less": "^2.0.0",
"grunt-contrib-uglify": "~0.6.0", "grunt-contrib-uglify": "^4.0.1",
"grunt-contrib-watch": "~0.6.1", "grunt-contrib-watch": "^1.1.0",
"grunt-include-replace": "^2.0.0", "grunt-include-replace": "^2.0.0",
"grunt-includes": "^0.4.5", "grunt-includes": "^0.4.5",
"grunt-npm-command": "^0.1.2", "grunt-npm-command": "^0.1.2",
"grunt-rev": "~0.1.0", "grunt-rev": "~0.1.0",
"grunt-svgmin": "1.0.0", "grunt-svgmin": "^6.0.0",
"grunt-usemin": "~2.4.0", "grunt-usemin": "^3.1.1",
"jshint-stylish": "~1.0.0", "jshint-stylish": "~1.0.0",
"load-grunt-tasks": "~0.6.0", "load-grunt-tasks": "^4.0.0",
"matchdep": "~0.3.0", "matchdep": "^2.0.0",
"time-grunt": "~1.0.0" "time-grunt": "~1.0.0"
}, },
"engines": { "engines": {

270
src/404.html
View File

@ -1,157 +1,157 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Page Not Found :(</title> <title>Page Not Found :(</title>
<style> <style>
::-moz-selection { ::-moz-selection {
background: #b3d4fc; background: #b3d4fc;
text-shadow: none; text-shadow: none;
} }
::selection { ::selection {
background: #b3d4fc; background: #b3d4fc;
text-shadow: none; text-shadow: none;
} }
html { html {
padding: 30px 10px; padding: 30px 10px;
font-size: 20px; font-size: 20px;
line-height: 1.4; line-height: 1.4;
color: #737373; color: #737373;
background: #f0f0f0; background: #f0f0f0;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
html, html,
input { input {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body { body {
max-width: 500px; max-width: 500px;
_width: 500px; _width: 500px;
padding: 30px 20px 50px; padding: 30px 20px 50px;
border: 1px solid #b3b3b3; border: 1px solid #b3b3b3;
border-radius: 4px; border-radius: 4px;
margin: 0 auto; margin: 0 auto;
box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
background: #fcfcfc; background: #fcfcfc;
} }
h1 { h1 {
margin: 0 10px; margin: 0 10px;
font-size: 50px; font-size: 50px;
text-align: center; text-align: center;
} }
h1 span { h1 span {
color: #bbb; color: #bbb;
} }
h3 { h3 {
margin: 1.5em 0 0.5em; margin: 1.5em 0 0.5em;
} }
p { p {
margin: 1em 0; margin: 1em 0;
} }
ul { ul {
padding: 0 0 0 40px; padding: 0 0 0 40px;
margin: 1em 0; margin: 1em 0;
} }
.container { .container {
max-width: 380px; max-width: 380px;
_width: 380px; _width: 380px;
margin: 0 auto; margin: 0 auto;
} }
/* google search */ /* google search */
#goog-fixurl ul { #goog-fixurl ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#goog-fixurl form { #goog-fixurl form {
margin: 0; margin: 0;
} }
#goog-wm-qt, #goog-wm-qt,
#goog-wm-sb { #goog-wm-sb {
border: 1px solid #bbb; border: 1px solid #bbb;
font-size: 16px; font-size: 16px;
line-height: normal; line-height: normal;
vertical-align: top; vertical-align: top;
color: #444; color: #444;
border-radius: 2px; border-radius: 2px;
} }
#goog-wm-qt { #goog-wm-qt {
width: 220px; width: 220px;
height: 20px; height: 20px;
padding: 5px; padding: 5px;
margin: 5px 10px 0 0; margin: 5px 10px 0 0;
box-shadow: inset 0 1px 1px #ccc; box-shadow: inset 0 1px 1px #ccc;
} }
#goog-wm-sb { #goog-wm-sb {
display: inline-block; display: inline-block;
height: 32px; height: 32px;
padding: 0 10px; padding: 0 10px;
margin: 5px 0 0; margin: 5px 0 0;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
background-color: #f5f5f5; background-color: #f5f5f5;
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
*overflow: visible; *overflow: visible;
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
} }
#goog-wm-sb:hover, #goog-wm-sb:hover,
#goog-wm-sb:focus { #goog-wm-sb:focus {
border-color: #aaa; border-color: #aaa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f8f8; background-color: #f8f8f8;
} }
#goog-wm-qt:hover, #goog-wm-qt:hover,
#goog-wm-qt:focus { #goog-wm-qt:focus {
border-color: #105cb6; border-color: #105cb6;
outline: 0; outline: 0;
color: #222; color: #222;
} }
input::-moz-focus-inner { input::-moz-focus-inner {
padding: 0; padding: 0;
border: 0; border: 0;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Not found <span>:(</span></h1> <h1>Not found <span>:(</span></h1>
<p>Sorry, but the page you were trying to view does not exist.</p> <p>Sorry, but the page you were trying to view does not exist.</p>
<p>It looks like this was the result of either:</p> <p>It looks like this was the result of either:</p>
<ul> <ul>
<li>a mistyped address</li> <li>a mistyped address</li>
<li>an out-of-date link</li> <li>an out-of-date link</li>
</ul> </ul>
<script> <script>
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host; var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
</script> </script>
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
</div> </div>
</body> </body>
</html> </html>

58
src/download.audio.html
View File

@ -6,46 +6,46 @@
<html class="no-js"> <html class="no-js">
<!--<![endif]--> <!--<![endif]-->
include "includes/head.html" include "includes/download-head.html"
<body id="download"> <body id="download">
<!-- build:js /scripts/vendor/video.js --> <!-- build:js../scripts/vendor/video.js -->
<script src="bower_components/videojs/dist/video.min.js"></script> <script src="bower_components/videojs/dist/video.min.js"></script>
<!-- endbuild --> <!-- endbuild -->
include "includes/ga.html" include "includes/ga.html"
include "includes/navigation.html" include "includes/navigation.html"
<section id="home">
<div class="wrapper">
include "includes/download-top.html"
<div class="row animated fadeInDown"> <section id="home">
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> <div class="wrapper">
<div class="terminal-top">
</div> include "includes/download-top.html"
<div id="terminal" class="terminal preview-image">
<audio id="audio-player" <div class="row animated fadeInDown">
class="video-js vjs-default-skin" <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
controls <div class="terminal-top">
preload="auto"
data-setup='{}'> </div>
<source src="{{.Url}}" type="{{.ContentType}}"></source> <div id="terminal" class="terminal preview-image">
</audio> <audio id="audio-player"
</div> class="video-js vjs-default-skin"
controls
preload="auto"
data-setup='{}'>
<source src="{{.Url}}" type="{{.ContentType}}"></source>
</audio>
</div> </div>
</div> </div>
<br/> </div>
</div> <br/>
</div>
</section> </section>
include "includes/footer.html" include "includes/download-footer.html"
include "includes/js.html" include "includes/download-js.html"
</body> </body>

152
src/download.code.html
View File

@ -13,52 +13,52 @@
<meta name="description" content="Easy and fast file sharing from the command-line."> <meta name="description" content="Easy and fast file sharing from the command-line.">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<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:400' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' 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>
<!-- endbuild --> <!-- endbuild -->
</head> </head>
<body id="download"> <body id="download">
<script> <script>
var gaKey = "{{.GAKey}}"; var gaKey = "{{.GAKey}}";
if (gaKey != "") { if (gaKey != "") {
(function (i, s, o, g, r, a, m) { (function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () { i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments) (i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); }, i[r].l = 1 * new Date();
a = s.createElement(o), a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; m = s.getElementsByTagName(o)[0];
a.async = 1; a.async = 1;
a.src = g; a.src = g;
m.parentNode.insertBefore(a, m) m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', gaKey, 'transfer.sh'); ga('create', gaKey, 'transfer.sh');
ga('send', 'pageview'); ga('send', 'pageview');
} }
</script> </script>
<div id="navigation"> <div id="navigation">
<div class="wrapper"> <div class="wrapper">
<h1>{{.Hostname}}</h1> <h1>{{.Hostname}}</h1>
<ul class="hidden-xs"> <ul class="hidden-xs">
<li><a href="#samples">sample use cases</a> <li><a href="#samples">sample use cases</a>
</li> </li>
<li><a href="#contact">contact us</a> <li><a href="#contact">contact us</a>
</li> </li>
</ul> </ul>
</div>
</div> </div>
</div>
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
<h2> <h2>
{{.Filename}}</h2> {{.Filename}}</h2>
<a href="{{.Url}}"></a> <a href="{{.Url}}"></a>
<div class="qrcode"> <div class="qrcode">
<img scr="data:image/png;base64,{{.QRCode}}"/> <img scr="data:image/png;base64,{{.QRCode}}"/>
@ -78,68 +78,68 @@
</div> </div>
<div> <div>
<a href="#" id="copy-link-btn" class="btn-cta btn">copy link</a> &nbsp;&nbsp; <a href="#" id="copy-link-btn" class="btn-cta btn">copy link</a> &nbsp;&nbsp;
<a href="{{.Url}}" class="btn-cta btn"> download</i> </a> <a href="{{.Url}}" class="btn-cta btn"> download</i> </a>
<div id="copy-link-wrapper" class="copy-link-wrapper"> <div id="copy-link-wrapper" class="copy-link-wrapper">
<p>Press Ctrl / CMD + C to copy link to your clipboard.</p> <p>Press Ctrl / CMD + C to copy link to your clipboard.</p>
<input readonly="readonly" type="text" value="{{.Url}}" /> <input readonly="readonly" type="text" value="{{.Url}}" />
</div>
<div id="overlay" class="overlay"></div>
</div> </div>
<div id="overlay" class="overlay"></div> <script src="../scripts/clipboard.js"></script>
</div>
<script src="scripts/clipboard.js"></script>
</section> </section>
<script> <script>
(function() { (function() {
var userVoiceKey = "{{.UserVoiceKey}}"; var userVoiceKey = "{{.UserVoiceKey}}";
if (userVoiceKey != "") { if (userVoiceKey != "") {
var uv = document.createElement('script'); var uv = document.createElement('script');
uv.type = 'text/javascript'; uv.type = 'text/javascript';
uv.async = true; uv.async = true;
uv.src = '//widget.uservoice.com/{{.UserVoiceKey}}.js'; uv.src = '//widget.uservoice.com/{{.UserVoiceKey}}.js';
var s = document.getElementsByTagName('script')[0]; var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(uv, s); s.parentNode.insertBefore(uv, s);
} }
})() })()
</script> </script>
<!--[if lt IE 7]> <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <![endif]-->
<script> <script>
var gaKey = "{{.GAKey}}"; var gaKey = "{{.GAKey}}";
if (gaKey != "") { if (gaKey != "") {
(function(b, o, i, l, e, r) { (function(b, o, i, l, e, r) {
b.GoogleAnalyticsObject = l; b.GoogleAnalyticsObject = l;
b[l] || (b[l] = b[l] || (b[l] =
function() { function() {
(b[l].q = b[l].q || []).push(arguments) (b[l].q = b[l].q || []).push(arguments)
}); });
b[l].l = +new Date; b[l].l = +new Date;
e = o.createElement(i); e = o.createElement(i);
r = o.getElementsByTagName(i)[0]; r = o.getElementsByTagName(i)[0];
e.src = '//www.google-analytics.com/analytics.js'; e.src = '//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e, r) r.parentNode.insertBefore(e, r)
}(window, document, 'script', 'ga')); }(window, document, 'script', 'ga'));
ga('create', gaKey, 'transfer.sh'); ga('create', gaKey, 'transfer.sh');
ga('send', 'pageview'); ga('send', 'pageview');
} }
</script> </script>
<!-- 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/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>
<script src="/scripts/showdown.js"></script> <script src="scripts/showdown.js"></script>
<script src="/scripts/main.js"></script> <script src="scripts/main.js"></script>
<!-- endbuild --> <!-- endbuild -->
<script> <script>
var text = "# Markdown *works*."; var text = "# Markdown *works*.";
@ -147,7 +147,7 @@
var html = converter.makeHtml(text); var html = converter.makeHtml(text);
$('#md-preview').append(html); $('#md-preview').append(html);
</script> </script>
</body> </body>

20
src/download.html
View File

@ -6,24 +6,24 @@
<html class="no-js"> <html class="no-js">
<!--<![endif]--> <!--<![endif]-->
include "includes/head.html" include "includes/download-head.html"
<body id="download"> <body id="download">
include "includes/ga.html" include "includes/ga.html"
include "includes/navigation.html" include "includes/navigation.html"
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
include "includes/download-top.html" include "includes/download-top.html"
</div> </div>
</section> </section>
include "includes/footer.html" include "includes/download-footer.html"
include "includes/js.html" include "includes/download-js.html"
</body> </body>

36
src/download.image.html
View File

@ -6,35 +6,35 @@
<html class="no-js"> <html class="no-js">
<!--<![endif]--> <!--<![endif]-->
include "includes/head.html" include "includes/download-head.html"
<body id="download"> <body id="download">
include "includes/ga.html" include "includes/ga.html"
include "includes/navigation.html" include "includes/navigation.html"
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
include "includes/download-top.html" include "includes/download-top.html"
<div class="row animated fadeInDown"> <div class="row animated fadeInDown">
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12"> <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
<div class="terminal-top"> <div class="terminal-top">
</div> </div>
<div id="terminal" class="terminal preview-image"> <div id="terminal" class="terminal preview-image">
<img src="{{.Url}}" alt=""> <img src="{{.Url}}" alt="">
</div>
</div> </div>
</div> </div>
<br/> </div>
<br/>
<div>
<div> <div>
<div> </section>
</section>
include "includes/footer.html" include "includes/download-footer.html"
include "includes/js.html" include "includes/download-js.html"
</body> </body>

12
src/download.markdown.html
View File

@ -6,12 +6,12 @@
<html class="no-js"> <html class="no-js">
<!--<![endif]--> <!--<![endif]-->
include "includes/head.html" include "includes/download-head.html"
<body id="download"> <body id="download">
include "includes/ga.html" include "includes/ga.html"
include "includes/navigation.html" include "includes/navigation.html"
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
@ -27,13 +27,13 @@ include "includes/head.html"
</div> </div>
</div> </div>
</div> </div>
<br/> <br/>
</section> </section>
include "includes/footer.html" include "includes/download-footer.html"
include "includes/js.html" include "includes/download-js.html"
</body> </body>
</html> </html>

12
src/download.sandbox.html
View File

@ -6,25 +6,25 @@
<html class="no-js"> <html class="no-js">
<!--<![endif]--> <!--<![endif]-->
include "includes/head.html" include "includes/download-head.html"
<body id="download"> <body id="download">
include "includes/ga.html" include "includes/ga.html"
include "includes/navigation.html" include "includes/navigation.html"
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
include "includes/download-top.html" include "includes/download-top.html"
<br/> <br/>
</section> </section>
include "includes/footer.html" include "includes/download-footer.html"
include "includes/js.html" include "includes/download-js.html"
</body> </body>
</html> </html>

56
src/download.video.html
View File

@ -6,44 +6,44 @@
<html class="no-js"> <html class="no-js">
<!--<![endif]--> <!--<![endif]-->
include "includes/head.html" include "includes/download-head.html"
<body id="download"> <body id="download">
<!-- build:js /scripts/vendor/video.js --> <!-- build:js ../scripts/vendor/video.js -->
<script src="bower_components/videojs/dist/video.min.js"></script> <script src="bower_components/videojs/dist/video.min.js"></script>
<!-- endbuild --> <!-- endbuild -->
include "includes/ga.html" include "includes/ga.html"
include "includes/navigation.html" include "includes/navigation.html"
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
include "includes/download-top.html"
<div class="row animated fadeInDown"> include "includes/download-top.html"
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
<div class="terminal-top">
</div> <div class="row animated fadeInDown">
<div id="terminal" class="terminal preview-image"> <div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
<video id="video-player" <div class="terminal-top">
class="video-js vjs-default-skin"
controls </div>
preload="auto" <div id="terminal" class="terminal preview-image">
data-setup='{}'> <video id="video-player"
<source src="{{.Url}}" type="{{.ContentType}}"></source> class="video-js vjs-default-skin"
</video> controls
</div> preload="auto"
data-setup='{}'>
<source src="{{.Url}}" type="{{.ContentType}}"></source>
</video>
</div> </div>
</div> </div>
<br/> </div>
</div> <br/>
</div>
</section> </section>
include "includes/footer.html" include "includes/download-footer.html"
include "includes/js.html" include "includes/download-js.html"
</body> </body>

2
src/includes/download-btn.html
View File

@ -7,4 +7,4 @@
</div> </div>
<div id="overlay" class="overlay"></div> <div id="overlay" class="overlay"></div>
</div> </div>
<script src="scripts/clipboard.js"></script> <script src="../scripts/clipboard.js"></script>

40
src/includes/download-footer.html Normal file
View File

@ -0,0 +1,40 @@
<footer>
<div class="wrapper">
<div style="">
<a href="bitcoin:164ybRMLbg1dhhWWiUkXtiNr7jUhMKdJqH" label="Bitcoin+Donation" style="word-wrap: break-word;">
<img border="0" src="../images/bitcoin.png" style="margin: 0 auto;;">
</a>
</div>
<br/>
<br/>
<img src="../images/Logo-orange.png" alt="Founded in Holland">
<p>Made with <i class="icon-heart"></i> by <a href="http://blog.dutchcoders.io/" title="Dutch Coders">Dutch Coders</a>
</p>
</div>
</footer>
<a href="https://github.com/dutchcoders/transfer.sh/"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
<script>
(function() {
var userVoiceKey = "{{.UserVoiceKey}}";
if (userVoiceKey != "") {
var uv = document.createElement('script');
uv.type = 'text/javascript';
uv.async = true;
uv.src = '//widget.uservoice.com/{{.UserVoiceKey}}.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(uv, s)
}
})()
</script>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

14
src/includes/download-head.html Normal file
View File

@ -0,0 +1,14 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{.Hostname}} - Easy and fast file sharing from the command-line.</title>
<meta name="description" content="Easy and fast file sharing from the command-line.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="../styles/main.css">
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
<!-- build:js ../scripts/vendor/modernizr.js -->
<script src="bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->
</head>

9
src/includes/download-js.html Normal file
View File

@ -0,0 +1,9 @@
<!-- build:js ../scripts/main.js -->
<script src="bower_components/jquery/dist/jquery.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/collapse.js"></script>
<script src="scripts/showdown.js"></script>
<script src="scripts/main.js"></script>
<!-- endbuild -->

4
src/includes/footer.html
View File

@ -2,13 +2,13 @@
<div class="wrapper"> <div class="wrapper">
<div style=""> <div style="">
<a href="bitcoin:164ybRMLbg1dhhWWiUkXtiNr7jUhMKdJqH" label="Bitcoin+Donation" style="word-wrap: break-word;"> <a href="bitcoin:164ybRMLbg1dhhWWiUkXtiNr7jUhMKdJqH" label="Bitcoin+Donation" style="word-wrap: break-word;">
<img border="0" src=" /images/bitcoin.png" style="margin: 0 auto;;"> <img border="0" src="/images/bitcoin.png" style="margin: 0 auto;;">
</a> </a>
</div> </div>
<br/> <br/>
<br/> <br/>
<img src="/images/Logo-orange.png" alt="Founded in Holland"> <img src="images/Logo-orange.png" alt="Founded in Holland">
<p>Made with <i class="icon-heart"></i> by <a href="http://blog.dutchcoders.io/" title="Dutch Coders">Dutch Coders</a> <p>Made with <i class="icon-heart"></i> by <a href="http://blog.dutchcoders.io/" title="Dutch Coders">Dutch Coders</a>
</p> </p>
</div> </div>

4
src/includes/head.html
View File

@ -5,10 +5,10 @@
<meta name="description" content="Easy and fast file sharing from the command-line."> <meta name="description" content="Easy and fast file sharing from the command-line.">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="/styles/main.css"> <link rel="stylesheet" href="styles/main.css">
<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Droid+Sans+Mono' 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>
<!-- endbuild --> <!-- endbuild -->
</head> </head>

6
src/includes/js.html
View File

@ -1,9 +1,9 @@
<!-- 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/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>
<script src="/scripts/showdown.js"></script> <script src="scripts/showdown.js"></script>
<script src="/scripts/main.js"></script> <script src="scripts/main.js"></script>
<!-- endbuild --> <!-- endbuild -->

4
src/includes/navigation.html
View File

@ -6,9 +6,9 @@
<ul class="hidden-xs"> <ul class="hidden-xs">
<li><a href="/">home</a> <li><a href="/">home</a>
</li> </li>
<li><a href="/#samples">sample use cases</a> <li><a href="#samples">sample use cases</a>
</li> </li>
<li><a href="/#contact">contact us</a> <li><a href="#contact">contact us</a>
</li> </li>
</ul> </ul>
</div> </div>

762
src/index.html
View File

@ -11,430 +11,430 @@ include "includes/head.html"
<body> <body>
<script> <script>
var gaKey = "{{.GAKey}}"; var gaKey = "{{.GAKey}}";
if (gaKey != "") { if (gaKey != "") {
(function (i, s, o, g, r, a, m) { (function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () { i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments) (i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); }, i[r].l = 1 * new Date();
a = s.createElement(o), a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; m = s.getElementsByTagName(o)[0];
a.async = 1; a.async = 1;
a.src = g; a.src = g;
m.parentNode.insertBefore(a, m) m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', gaKey, 'transfer.sh'); ga('create', gaKey, 'transfer.sh');
ga('send', 'pageview'); ga('send', 'pageview');
} }
</script> </script>
include "includes/navigation.html" include "includes/navigation.html"
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
<h2 class="page-title"> <h2 class="page-title">
Easy file sharing from the command line</h2> Easy file sharing from the command line</h2>
<div class="row animated fadeInDown"> <div class="row animated fadeInDown">
<div id="from-terminal" class="box col-md-8 col-md-offset-2 col-xs-12"> <div id="from-terminal" class="box col-md-8 col-md-offset-2 col-xs-12">
<div class="terminal-top">
</div>
<div id="terminal" class="terminal">
<code class="code-wrapper"><span class="code-title"># Upload using cURL</span>
$ curl --upload-file ./hello.txt {{.WebAddress}}/hello.txt {{.WebAddress}}/66nb8/hello.txt
<span class="code-title"># Using the shell function</span>
$ transfer hello.txt
##################################################### 100.0% {{.WebAddress}}/eibhM/hello.txt
</code>
</div>
<div id="web">
<code class="code-wrapper">
<span class="code-title"># Upload from web</span>
Drag your files here, or <a class="browse" href="#"> click to browse.</a>
</code>
<input type="file" multiple="multiple" style='display: none;' />
<ul class='queue'>
<li>
</li>
</ul>
<div class='all-files'>
<br>
<div>
<span class="code-title"># Download all your files</span>
<br/>
<br/>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
</div>
</div>
</div>
</div>
<div>
<a href="#features" class="btn-cta btn-home">learn more</i> </a>
</div>
</div>
</section>
<section id="features">
<div class="wrapper container">
<div class="row animated fadeInDown ">
<div class="col-md-3 col-xs-6">
<i class="icon-terminal"></i>
<h3>Made for use with shell</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-link"></i>
<h3>Share files with a URL</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-database"></i>
<h3>Upload up to 10 GB</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-clock"></i>
<h3>Files stored for 14 days</h3>
</div>
</div>
<div class="row animated fadeInDown">
<div class="col-md-offset-3 col-md-3 col-xs-6">
<i class="icon-tag"></i>
<h3>For free</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-lock"></i>
<h3>Encrypt your files</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-lock"></i>
<h3>Maximize amount of downloads</h3>
</div>
</div>
</div>
</section>
<section id="share">
<div class="wrapper">
<h2 class="page-title">Preview your files in the browser!</h2>
</div>
</section>
<section id="samples">
<div class="wrapper">
<h2 class="page-title">
Sample use cases
</h2>
<div class="row">
<div class="col-md-6 ">
<h3>How to upload</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Uploading is easy using curl</span>
$ curl --upload-file ./hello.txt {{.WebAddress}}/hello.txt
{{.WebAddress}}/66nb8/hello.txt
$ curl -H "Max-Downloads: 1" -H "Max-Days: 5" --upload-file ./hello.txt {{.WebAddress}}/hello.txt
{{.WebAddress}}/66nb8/hello.txt
<span class="code-title"># Download the file</span>
$ curl {{.WebAddress}}/66nb8/hello.txt -o hello.txt
</code>
</div>
</div>
<div class="col-md-6 ">
<h3>Add shell function to .bashrc or .zshrc</a></h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Add this to .bashrc or .zshrc or its equivalent</span>
transfer(){ if [ $# -eq 0 ];then echo &quot;No arguments specified.\nUsage:\n transfer &lt;file|directory&gt;\n ... | transfer &lt;file_name&gt;&quot;&gt;&amp;2;return 1;fi;if tty -s;then file=&quot;$1&quot;;file_name=$(basename &quot;$file&quot;);if [ ! -e &quot;$file&quot; ];then echo &quot;$file: No such file or directory&quot;&gt;&amp;2;return 1;fi;if [ -d &quot;$file&quot; ];then file_name=&quot;$file_name.zip&quot; ,;(cd &quot;$file&quot;&amp;&amp;zip -r -q - .)|curl --progress-bar --upload-file &quot;-&quot; &quot;{{.WebAddress}}/$file_name&quot;|tee /dev/null,;else cat &quot;$file&quot;|curl --progress-bar --upload-file &quot;-&quot; &quot;{{.WebAddress}}/$file_name&quot;|tee /dev/null;fi;else file_name=$1;curl --progress-bar --upload-file &quot;-&quot; &quot;{{.WebAddress}}/$file_name&quot;|tee /dev/null;fi;}
<span class="code-title"># Now you can use transfer function</span>
$ transfer hello.txt
</code>
</div>
</div>
</div>
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
<div class="collapse " id="coll">
<div class="row">
<div class="col-md-6 ">
<h3>Upload multiple files at once</h3>
<div class="terminal-top"> <div class="terminal-top">
</div> </div>
<div id="terminal" class="terminal"> <div class="terminal">
<code class="code-wrapper"><span class="code-title"># Upload using cURL</span>
$ curl --upload-file ./hello.txt {{.WebAddress}}/hello.txt {{.WebAddress}}/66nb8/hello.txt
<span class="code-title"># Using the shell function</span>
$ transfer hello.txt
##################################################### 100.0% {{.WebAddress}}/eibhM/hello.txt
</code>
</div>
<div id="web">
<code class="code-wrapper"> <code class="code-wrapper">
<span class="code-title"># Upload from web</span> $ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt {{.WebAddress}}/
Drag your files here, or <a class="browse" href="#"> click to browse.</a>
</code>
<input type="file" multiple="multiple" style='display: none;' />
<ul class='queue'>
<li>
</li>
</ul>
<div class='all-files'>
<br>
<div>
<span class="code-title"># Download all your files</span>
<br/>
<br/>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
</div>
</div>
</div>
</div>
<div> <span class="code-title"># Combining downloads as zip or tar archive</span>
<a href="#features" class="btn-cta btn-home">learn more</i> </a> $ curl {{.WebAddress}}/(15HKz/hello.txt,15HKz/hello.txt).tar.gz
</div> $ curl {{.WebAddress}}/(15HKz/hello.txt,15HKz/hello.txt).zip
</div>
</section>
<section id="features">
<div class="wrapper container">
<div class="row animated fadeInDown ">
<div class="col-md-3 col-xs-6">
<i class="icon-terminal"></i>
<h3>Made for use with shell</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-link"></i>
<h3>Share files with a URL</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-database"></i>
<h3>Upload up to 10 GB</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-clock"></i>
<h3>Files stored for 14 days</h3>
</div>
</div>
<div class="row animated fadeInDown">
<div class="col-md-offset-3 col-md-3 col-xs-6">
<i class="icon-tag"></i>
<h3>For free</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-lock"></i>
<h3>Encrypt your files</h3>
</div>
<div class="col-md-3 col-xs-6">
<i class="icon-lock"></i>
<h3>Maximize amount of downloads</h3>
</div>
</div>
</div>
</section>
<section id="share">
<div class="wrapper">
<h2 class="page-title">Preview your files in the browser!</h2>
</div>
</section>
<section id="samples">
<div class="wrapper">
<h2 class="page-title">
Sample use cases
</h2>
<div class="row">
<div class="col-md-6 ">
<h3>How to upload</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Uploading is easy using curl</span>
$ curl --upload-file ./hello.txt {{.WebAddress}}/hello.txt
{{.WebAddress}}/66nb8/hello.txt
$ curl -H "Max-Downloads: 1" -H "Max-Days: 5" --upload-file ./hello.txt {{.WebAddress}}/hello.txt
{{.WebAddress}}/66nb8/hello.txt
<span class="code-title"># Download the file</span>
$ curl {{.WebAddress}}/66nb8/hello.txt -o hello.txt
</code> </code>
</div> </div>
</div> </div>
<div class="col-md-6 "> <div class="col-md-6 ">
<h3>Add shell function to .bashrc or .zshrc</a></h3> <h3>Encrypt your files before the transfer</h3>
<div class="terminal-top"> <div class="terminal-top">
</div> </div>
<div class="terminal"> <div class="terminal">
<code class="code-wrapper"><span class="code-title"># Add this to .bashrc or .zshrc or its equivalent</span> <code class="code-wrapper"><span class="code-title"># Encrypt files with password using gpg</span>
transfer(){ if [ $# -eq 0 ];then echo &quot;No arguments specified.\nUsage:\n transfer &lt;file|directory&gt;\n ... | transfer &lt;file_name&gt;&quot;&gt;&amp;2;return 1;fi;if tty -s;then file=&quot;$1&quot;;file_name=$(basename &quot;$file&quot;);if [ ! -e &quot;$file&quot; ];then echo &quot;$file: No such file or directory&quot;&gt;&amp;2;return 1;fi;if [ -d &quot;$file&quot; ];then file_name=&quot;$file_name.zip&quot; ,;(cd &quot;$file&quot;&amp;&amp;zip -r -q - .)|curl --progress-bar --upload-file &quot;-&quot; &quot;{{.WebAddress}}/$file_name&quot;|tee /dev/null,;else cat &quot;$file&quot;|curl --progress-bar --upload-file &quot;-&quot; &quot;{{.WebAddress}}/$file_name&quot;|tee /dev/null;fi;else file_name=$1;curl --progress-bar --upload-file &quot;-&quot; &quot;{{.WebAddress}}/$file_name&quot;|tee /dev/null;fi;} $ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" {{.WebAddress}}/test.txt
<span class="code-title"># Now you can use transfer function</span> <span class="code-title"># Download and decrypt</span>
$ transfer hello.txt $ curl {{.WebAddress}}/1lDau/test.txt|gpg -o- > /tmp/hello.txt
</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Scan for malware</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Scan for malware or viruses using Clamav</span>
$ wget http://www.eicar.org/download/eicar.com
$ curl -X PUT --upload-file ./eicar.com {{.WebAddress}}/eicar.com/scan
<span class="code-title"># Upload malware to VirusTotal, get a permalink in return</span>
$ curl -X PUT --upload-file nhgbhhj {{.WebAddress}}/test.txt/virustotal
</code>
</div>
</div>
<div class="col-md-6">
<h3>Backup mysql database, encrypt and transfer</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Backup, encrypt and transfer</span>
$ mysqldump --all-databases|gzip|gpg -ac -o-|curl -X PUT --upload-file "-" {{.WebAddress}}/test.txt</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Send email with transfer link (uses shell function)</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Transfer and send email with link (uses shell function)</span>
$ transfer /tmp/hello.txt | mail -s "Hello World" user@yourmaildomain.com
</code>
</div>
</div>
<div class="col-md-6">
<h3>Using <a href="https://keybase.io/">Keybase.io</a></h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Import keys from keybase</span>
$ keybase track [them]
<span class="code-title"># Encrypt for recipient(s)</span>
$ cat somebackupfile.tar.gz | keybase encrypt [them] | curl --upload-file '-' {{.WebAddress}}/test.txt
<span class="code-title"># Decrypt</span>
$ curl {{.WebAddress}}/sqUFi/test.md |keybase decrypt
</code> </code>
</div> </div>
</div> </div>
</div> </div>
<a class="btn-cta" data-target="#coll" data-toggle="collapse">More examples</a>
<div class="collapse " id="coll">
<div class="row">
<div class="col-md-6 ">
<h3>Upload multiple files at once</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper">
$ curl -i -F filedata=@/tmp/hello.txt -F filedata=@/tmp/hello2.txt {{.WebAddress}}/
<span class="code-title"># Combining downloads as zip or tar archive</span>
$ curl {{.WebAddress}}/(15HKz/hello.txt,15HKz/hello.txt).tar.gz
$ curl {{.WebAddress}}/(15HKz/hello.txt,15HKz/hello.txt).zip
</code>
</div>
</div>
<div class="col-md-6 ">
<h3>Encrypt your files before the transfer</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Encrypt files with password using gpg</span>
$ cat /tmp/hello.txt|gpg -ac -o-|curl -X PUT --upload-file "-" {{.WebAddress}}/test.txt
<span class="code-title"># Download and decrypt</span>
$ curl {{.WebAddress}}/1lDau/test.txt|gpg -o- > /tmp/hello.txt
</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Scan for malware</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Scan for malware or viruses using Clamav</span>
$ wget http://www.eicar.org/download/eicar.com
$ curl -X PUT --upload-file ./eicar.com {{.WebAddress}}/eicar.com/scan
<span class="code-title"># Upload malware to VirusTotal, get a permalink in return</span>
$ curl -X PUT --upload-file nhgbhhj {{.WebAddress}}/test.txt/virustotal
</code>
</div>
</div>
<div class="col-md-6">
<h3>Backup mysql database, encrypt and transfer</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Backup, encrypt and transfer</span>
$ mysqldump --all-databases|gzip|gpg -ac -o-|curl -X PUT --upload-file "-" {{.WebAddress}}/test.txt</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Send email with transfer link (uses shell function)</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Transfer and send email with link (uses shell function)</span>
$ transfer /tmp/hello.txt | mail -s "Hello World" user@yourmaildomain.com
</code>
</div>
</div>
<div class="col-md-6">
<h3>Using <a href="https://keybase.io/">Keybase.io</a></h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Import keys from keybase</span>
$ keybase track [them]
<span class="code-title"># Encrypt for recipient(s)</span>
$ cat somebackupfile.tar.gz | keybase encrypt [them] | curl --upload-file '-' {{.WebAddress}}/test.txt
<span class="code-title"># Decrypt</span>
$ curl {{.WebAddress}}/sqUFi/test.md |keybase decrypt
</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>wget uploads also supported</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># wget</span>
$ wget --method PUT --body-file=/tmp/file.tar {{.WebAddress}}/file.tar -O - -nv
</code>
</div>
</div>
<div class="col-md-6">
<h3>Transfer pound logs</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># grep syslog for pound and transfer</span>
$ cat /var/log/syslog|grep pound|curl --upload-file - {{.WebAddress}}/pound.log
</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Upload a file using Powershell</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Upload using Powershell</span>
PS H:\&gt; invoke-webrequest -method put -infile .\file.txt {{.WebAddress}}/file.txt
</code>
</div>
</div>
<div class="col-md-6">
<h3>Upload a file using HTTPie</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># HTTPie</span>
$ http {{.WebAddress}}/ -vv &lt; /tmp/test.log
</code>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h3>Upload a file using Unofficially client in Python</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper">
<span class="code-title"># transfersh-cli (https://github.com/tanrax/transfersh-cli)</span>
$ trasnfersh photos.zip
<span class="code-title"># Uploading file</span>
<span class="code-title"># Download from here: {{.WebAddress}}/xxxxxx/photos.zip</span>
<span class="code-title"># It has also been copied to the clipboard!</span>
</code>
</div>
</div>
<div class="col-md-6">
<h3>Send us your awesome example</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># Your awesome sample will be put here</span>
</code>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="share">
<div class="wrapper">
<h2 class="page-title">Follow on GitHub</h2>
<br>
<br>
<iframe src="https://ghbtns.com/github-btn.html?user=dutchcoders&repo=transfer.sh&type=follow&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="250" height="50"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=dutchcoders&repo=transfer.sh&type=watch&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="200" height="50"></iframe>
</div>
</section>
<section id="reviews">
<div class="wrapper">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2 col-xs-12"> <div class="col-md-6">
<blockquote class="twitter-tweet tweet-xl" lang="en"> <h3>wget uploads also supported</h3>
<a href="https://twitter.com/FloifyDave/status/517383101425516544"> <div class="terminal-top">
<img class="twitter-profile" src="images/reviews/dave.jpg" alt=""> </div>
</a> <div class="terminal">
<p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p> <code class="code-wrapper"><span class="code-title"># wget</span>
<a href="https://twitter.com/FloifyDave/status/517383101425516544"> $ wget --method PUT --body-file=/tmp/file.tar {{.WebAddress}}/file.tar -O - -nv
&mdash; Dave Sims (@FloifyDave)</a> </code>
</blockquote> </div>
</div>
<div class="col-md-6">
<h3>Transfer pound logs</h3>
<div class="terminal-top">
</div>
<div class="terminal">
<code class="code-wrapper"><span class="code-title"># grep syslog for pound and transfer</span>
$ cat /var/log/syslog|grep pound|curl --upload-file - {{.WebAddress}}/pound.log
</code>
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en"> <div class="col-md-6">
<a href="https://twitter.com/kareemk/status/517029789191118849"> <h3>Upload a file using Powershell</h3>
<img class="twitter-profile" src="images/reviews/kareem.jpg" alt=""> <div class="terminal-top">
</a> </div>
<p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> love transfer.sh! any change we can *pay* for a self-hosted version?</p><a href="https://twitter.com/kareemk/status/517029789191118849">&mdash; Kareem Kouddous (@kareemk) </a> <div class="terminal">
</blockquote> <code class="code-wrapper"><span class="code-title"># Upload using Powershell</span>
PS H:\&gt; invoke-webrequest -method put -infile .\file.txt {{.WebAddress}}/file.txt
</code>
</div>
</div> </div>
<div class="col-md-6 col-xs-12"> <div class="col-md-6">
<blockquote class="twitter-tweet" lang="en"> <h3>Upload a file using HTTPie</h3>
<a href="https://twitter.com/drakpz/status/517008058841829376"> <div class="terminal-top">
<img class="twitter-profile" src="images/reviews/pg.jpeg" alt=""> </div>
</a> <div class="terminal">
<p><a href="http://t.co/JomAmqWYEB">http://t.co/JomAmqWYEB</a> by <a href="https://twitter.com/dutchcoders">@dutchcoders</a> is pure awesomeness! any chance of source on github? :-)</p><a href="https://twitter.com/drakpz/status/517008058841829376">&mdash; PJ Spagnolatti (@drakpz)</a> <code class="code-wrapper"><span class="code-title"># HTTPie</span>
</blockquote> $ http {{.WebAddress}}/ -vv &lt; /tmp/test.log
</code>
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 col-xs-12"> <div class="col-md-6">
<blockquote class="twitter-tweet" lang="en"> <h3>Upload a file using Unofficially client in Python</h3>
<a href="https://twitter.com/jacoblindgren11/status/516975006501203968"> <div class="terminal-top">
<img class="twitter-profile" src="images/reviews/jacob.jpg" alt=""> </div>
</a> <div class="terminal">
<p>Love transfer.sh! Will be using it from now on! Thanks for the amazing service we can use from the CLI <a href="https://twitter.com/dutchcoders">@dutchcoders</a> <code class="code-wrapper">
</p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a> <span class="code-title"># transfersh-cli (https://github.com/tanrax/transfersh-cli)</span>
</blockquote> $ trasnfersh photos.zip
<span class="code-title"># Uploading file</span>
<span class="code-title"># Download from here: {{.WebAddress}}/xxxxxx/photos.zip</span>
<span class="code-title"># It has also been copied to the clipboard!</span>
</code>
</div>
</div> </div>
<div class="col-md-6 col-xs-12"> <div class="col-md-6">
<blockquote class="twitter-tweet" lang="en"> <h3>Send us your awesome example</h3>
<a href="https://twitter.com/arvestad/status/519507976491499521"> <div class="terminal-top">
<img class="twitter-profile" src="images/reviews/lars.jpg" alt=""> </div>
</a> <div class="terminal">
<p>transfer.sh is my latest fav service! Try simple command-line and web file sharing! <a href="https://t.co/FSrsb1JKJd">https://t.co/FSrsb1JKJd</a>&#10;Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">&mdash; Lars Arvestad (@arvestad)</a> <code class="code-wrapper"><span class="code-title"># Your awesome sample will be put here</span>
</blockquote> </code>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</section>
<section id="share">
<div class="wrapper">
<h2 class="page-title">Follow on GitHub</h2>
<br>
<br>
<iframe src="https://ghbtns.com/github-btn.html?user=dutchcoders&repo=transfer.sh&type=follow&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="250" height="50"></iframe>
<section id="share"> <iframe src="https://ghbtns.com/github-btn.html?user=dutchcoders&repo=transfer.sh&type=watch&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="200" height="50"></iframe>
<div class="wrapper"> </div>
<h2 class="page-title">Share the love</h2> </section>
<ul class="share-buttons"> <section id="reviews">
<li> <div class="wrapper">
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Ftransfer.sh&t=" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&t=' + encodeURIComponent(document.URL)); return false;"> <i class="icon-facebook"></i> <div class="row">
<div class="col-md-8 col-md-offset-2 col-xs-12">
<blockquote class="twitter-tweet tweet-xl" lang="en">
<a href="https://twitter.com/FloifyDave/status/517383101425516544">
<img class="twitter-profile" src="images/reviews/dave.jpg" alt="">
</a> </a>
</li> <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> Thanks for transfer.sh. Just used it for a production purpose for a customer. So great, so easy, so https. :)</p>
<li> <a href="https://twitter.com/FloifyDave/status/517383101425516544">
<a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Ftransfer.sh&text=:%20http%3A%2F%2Ftransfer.sh" target="_blank" title="Tweet" onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20' + encodeURIComponent(document.URL)); return false;"> <i class="icon-twitter"></i> &mdash; Dave Sims (@FloifyDave)</a>
</li> </blockquote>
<li> </div>
<a href="https://plus.google.com/share?url=http%3A%2F%2Ftransfer.sh" target="_blank" title="Share on Google+" onclick="window.open('https://plus.google.com/share?url=' + encodeURIComponent(document.URL)); return false;"> <i class="icon-gplus"></i> </div>
<div class="row">
<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en">
<a href="https://twitter.com/kareemk/status/517029789191118849">
<img class="twitter-profile" src="images/reviews/kareem.jpg" alt="">
</a> </a>
</li> <p><a href="https://twitter.com/dutchcoders">@dutchcoders</a> love transfer.sh! any change we can *pay* for a self-hosted version?</p><a href="https://twitter.com/kareemk/status/517029789191118849">&mdash; Kareem Kouddous (@kareemk) </a>
<li> </blockquote>
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftransfer.sh&title=&summary=&source=http%3A%2F%2Ftransfer.sh" target="_blank" title="Share on LinkedIn" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(document.title)); return false;"> <i class="icon-linkedin"></i> </div>
<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en">
<a href="https://twitter.com/drakpz/status/517008058841829376">
<img class="twitter-profile" src="images/reviews/pg.jpeg" alt="">
</a> </a>
</li> <p><a href="http://t.co/JomAmqWYEB">http://t.co/JomAmqWYEB</a> by <a href="https://twitter.com/dutchcoders">@dutchcoders</a> is pure awesomeness! any chance of source on github? :-)</p><a href="https://twitter.com/drakpz/status/517008058841829376">&mdash; PJ Spagnolatti (@drakpz)</a>
</ul> </blockquote>
</div>
</div> </div>
</section> <div class="row">
<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en">
<section id="contact"> <a href="https://twitter.com/jacoblindgren11/status/516975006501203968">
<div class="wrapper"> <img class="twitter-profile" src="images/reviews/jacob.jpg" alt="">
<i class="icon-mail"></i> </a>
<h2 class="page-title"> <p>Love transfer.sh! Will be using it from now on! Thanks for the amazing service we can use from the CLI <a href="https://twitter.com/dutchcoders">@dutchcoders</a>
Any questions? </p><a href="https://twitter.com/jacoblindgren11/status/516975006501203968">&mdash; Jacob Lindgren (@jacoblindgren11) </a>
</h2> </blockquote>
<a href="#" data-uv-trigger class="btn-cta">contact us</a> </div>
<div class="col-md-6 col-xs-12">
<blockquote class="twitter-tweet" lang="en">
<a href="https://twitter.com/arvestad/status/519507976491499521">
<img class="twitter-profile" src="images/reviews/lars.jpg" alt="">
</a>
<p>transfer.sh is my latest fav service! Try simple command-line and web file sharing! <a href="https://t.co/FSrsb1JKJd">https://t.co/FSrsb1JKJd</a>&#10;Thanks <a href="https://twitter.com/dutchcoders">@dutchcoders</a> !</p> <a href="https://twitter.com/arvestad/status/519507976491499521">&mdash; Lars Arvestad (@arvestad)</a>
</blockquote>
</div>
</div> </div>
</section> </div>
<section id="tor"> </section>
<div class="wrapper">
<a href="https://www.torproject.org"><img src="images/tor.svg" alt="">
</a>
<br/>
<a href="http://jxm5d6emw5rknovg.onion/">http://jxm5d6emw5rknovg.onion/</a>
</div>
</section>
include "includes/footer.html"
include "includes/js.html" <section id="share">
<div class="wrapper">
<h2 class="page-title">Share the love</h2>
<ul class="share-buttons">
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Ftransfer.sh&t=" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&t=' + encodeURIComponent(document.URL)); return false;"> <i class="icon-facebook"></i>
</a>
</li>
<li>
<a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Ftransfer.sh&text=:%20http%3A%2F%2Ftransfer.sh" target="_blank" title="Tweet" onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20' + encodeURIComponent(document.URL)); return false;"> <i class="icon-twitter"></i>
</li>
<li>
<a href="https://plus.google.com/share?url=http%3A%2F%2Ftransfer.sh" target="_blank" title="Share on Google+" onclick="window.open('https://plus.google.com/share?url=' + encodeURIComponent(document.URL)); return false;"> <i class="icon-gplus"></i>
</a>
</li>
<li>
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftransfer.sh&title=&summary=&source=http%3A%2F%2Ftransfer.sh" target="_blank" title="Share on LinkedIn" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(document.title)); return false;"> <i class="icon-linkedin"></i>
</a>
</li>
</ul>
</div>
</section>
<section id="contact">
<div class="wrapper">
<i class="icon-mail"></i>
<h2 class="page-title">
Any questions?
</h2>
<a href="#" data-uv-trigger class="btn-cta">contact us</a>
</div>
</section>
<section id="tor">
<div class="wrapper">
<a href="https://www.torproject.org"><img src="images/tor.svg" alt="">
</a>
<br/>
<a href="http://jxm5d6emw5rknovg.onion/">http://jxm5d6emw5rknovg.onion/</a>
</div>
</section>
include "includes/footer.html"
include "includes/js.html"
</body> </body>

141
src/styles/main.css
View File

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
@import "../bower_components/videojs/dist/video-js.min.css";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
@import "../bower_components/videojs/dist/video-js.min.css";
article, article,
aside, aside,
details, details,
@ -208,7 +208,7 @@ table {
max-width: 100% !important; max-width: 100% !important;
} }
@page { @page {
margin: 2cm .5cm; margin: 2cm 0.5cm;
} }
p, p,
h2, h2,
@ -261,7 +261,7 @@ body {
font-size: 14px; font-size: 14px;
line-height: 1.42857143; line-height: 1.42857143;
color: #3b3b3b; color: #3b3b3b;
background-color: #ffffff; background-color: #fff;
} }
input, input,
button, button,
@ -299,8 +299,8 @@ img {
.img-thumbnail { .img-thumbnail {
padding: 4px; padding: 4px;
line-height: 1.42857143; line-height: 1.42857143;
background-color: #ffffff; background-color: #fff;
border: 1px solid #dddddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
@ -680,13 +680,71 @@ address {
.row:after { .row:after {
clear: both; clear: both;
} }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { .col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative; position: relative;
min-height: 1px; min-height: 1px;
padding-left: 35px; padding-left: 35px;
padding-right: 35px; padding-right: 35px;
} }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { .col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left; float: left;
} }
.col-xs-12 { .col-xs-12 {
@ -843,7 +901,18 @@ address {
margin-left: 0%; margin-left: 0%;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { .col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left; float: left;
} }
.col-sm-12 { .col-sm-12 {
@ -1001,7 +1070,18 @@ address {
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left; float: left;
} }
.col-md-12 { .col-md-12 {
@ -1159,7 +1239,18 @@ address {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { .col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left; float: left;
} }
.col-lg-12 { .col-lg-12 {
@ -1336,11 +1427,11 @@ th {
padding: 8px; padding: 8px;
line-height: 1.42857143; line-height: 1.42857143;
vertical-align: top; vertical-align: top;
border-top: 1px solid #dddddd; border-top: 1px solid #ddd;
} }
.table > thead > tr > th { .table > thead > tr > th {
vertical-align: bottom; vertical-align: bottom;
border-bottom: 2px solid #dddddd; border-bottom: 2px solid #ddd;
} }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th,
@ -1351,10 +1442,10 @@ th {
border-top: 0; border-top: 0;
} }
.table > tbody + tbody { .table > tbody + tbody {
border-top: 2px solid #dddddd; border-top: 2px solid #ddd;
} }
.table .table { .table .table {
background-color: #ffffff; background-color: #fff;
} }
.table-condensed > thead > tr > th, .table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th, .table-condensed > tbody > tr > th,
@ -1365,7 +1456,7 @@ th {
padding: 5px; padding: 5px;
} }
.table-bordered { .table-bordered {
border: 1px solid #dddddd; border: 1px solid #ddd;
} }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th, .table-bordered > tbody > tr > th,
@ -1373,7 +1464,7 @@ th {
.table-bordered > thead > tr > td, .table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { .table-bordered > tfoot > tr > td {
border: 1px solid #dddddd; border: 1px solid #ddd;
} }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { .table-bordered > thead > tr > td {
@ -1468,7 +1559,7 @@ table th[class*="col-"] {
overflow-y: hidden; overflow-y: hidden;
overflow-x: scroll; overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar; -ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #dddddd; border: 1px solid #ddd;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.table-responsive > .table { .table-responsive > .table {
@ -1581,9 +1672,9 @@ output {
line-height: 1.42857143; line-height: 1.42857143;
color: #555555; color: #555555;
vertical-align: middle; vertical-align: middle;
background-color: #ffffff; background-color: #fff;
background-image: none; background-image: none;
border: 1px solid #cccccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@ -1902,7 +1993,7 @@ textarea.input-lg {
height: 100%; height: 100%;
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
color: #ffffff; color: #fff;
text-align: center; text-align: center;
background-color: #428bca; background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
@ -6069,7 +6160,7 @@ a:hover {
background-size: cover; background-size: cover;
} }
.terminal a { .terminal a {
color: #ffffff; color: #fff;
} }
.terminal-top { .terminal-top {
border-top-right-radius: 5px; border-top-right-radius: 5px;
@ -6316,7 +6407,7 @@ blockquote.tweet-xl a {
font-size: 10px; font-size: 10px;
width: 100%; width: 100%;
/* The main font color changes the ICON COLORS as well as the text */ /* The main font color changes the ICON COLORS as well as the text */
color: #ffffff; color: #fff;
} }
/* The "Big Play Button" is the play button that shows before the video plays. /* The "Big Play Button" is the play button that shows before the video plays.
To center it set the align values to center and middle. The typical location To center it set the align values to center and middle. The typical location
@ -6331,7 +6422,7 @@ blockquote.tweet-xl a {
height: 1.5em; height: 1.5em;
width: 3em; width: 3em;
/* 0.06666em = 2px default */ /* 0.06666em = 2px default */
border: 0.06666em solid #ffffff; border: 0.06666em solid #fff;
/* 0.3em = 9px default */ /* 0.3em = 9px default */
border-radius: 0.3em; border-radius: 0.3em;
} }
@ -6362,7 +6453,7 @@ blockquote.tweet-xl a {
.video-js .vjs-volume-level, .video-js .vjs-volume-level,
.video-js .vjs-play-progress, .video-js .vjs-play-progress,
.video-js .vjs-slider-bar { .video-js .vjs-slider-bar {
background: #ffffff; background: #fff;
} }
/* The main progress bar also has a bar that shows how much has been loaded. */ /* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress { .video-js .vjs-load-progress {
@ -6576,4 +6667,4 @@ audio {
-webkit-appearance: none; -webkit-appearance: none;
background: red; background: red;
} }
/*# sourceMappingURL=/styles/main.css.map */ /*# sourceMappingURL=styles/main.css.map */

2
src/styles/main.css.map
View File

File diff suppressed because one or more lines are too long