@@ -0,0 +1,257 @@ | |||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||
<!-- Created with Inkscape (http://www.inkscape.org/) --> | |||
<svg | |||
xmlns:dc="http://purl.org/dc/elements/1.1/" | |||
xmlns:cc="http://creativecommons.org/ns#" | |||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |||
xmlns:svg="http://www.w3.org/2000/svg" | |||
xmlns="http://www.w3.org/2000/svg" | |||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||
width="750" | |||
height="30" | |||
id="svg4149" | |||
version="1.1" | |||
inkscape:version="0.48.3.1 r9886" | |||
sodipodi:docname="terminal-top.svg"> | |||
<defs | |||
id="defs4151"> | |||
<clipPath | |||
clipPathUnits="userSpaceOnUse" | |||
id="clipPath60"> | |||
<path | |||
inkscape:connector-curvature="0" | |||
d="m 186.202,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z" | |||
id="path62" /> | |||
</clipPath> | |||
<clipPath | |||
clipPathUnits="userSpaceOnUse" | |||
id="clipPath44"> | |||
<path | |||
inkscape:connector-curvature="0" | |||
d="m 170.791,744.209 9.418,0 0,-9.418 -9.418,0 0,9.418 z" | |||
id="path46" /> | |||
</clipPath> | |||
<clipPath | |||
clipPathUnits="userSpaceOnUse" | |||
id="clipPath28"> | |||
<path | |||
inkscape:connector-curvature="0" | |||
d="m 155.379,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z" | |||
id="path30" /> | |||
</clipPath> | |||
</defs> | |||
<sodipodi:namedview | |||
id="base" | |||
pagecolor="#ffffff" | |||
bordercolor="#666666" | |||
borderopacity="1.0" | |||
inkscape:pageopacity="0.0" | |||
inkscape:pageshadow="2" | |||
inkscape:zoom="1.4" | |||
inkscape:cx="596.66813" | |||
inkscape:cy="145.67588" | |||
inkscape:document-units="px" | |||
inkscape:current-layer="layer1" | |||
showgrid="false" | |||
fit-margin-top="0" | |||
fit-margin-left="0" | |||
fit-margin-right="0" | |||
fit-margin-bottom="0" | |||
borderlayer="true" | |||
inkscape:showpageshadow="false" | |||
showborder="true" | |||
showguides="false" | |||
inkscape:window-width="1680" | |||
inkscape:window-height="1023" | |||
inkscape:window-x="0" | |||
inkscape:window-y="0" | |||
inkscape:window-maximized="1"> | |||
<sodipodi:guide | |||
position="0,0" | |||
orientation="0,482.82629" | |||
id="guide4830" /> | |||
<sodipodi:guide | |||
position="482.82629,0" | |||
orientation="-25.270071,0" | |||
id="guide4832" /> | |||
<sodipodi:guide | |||
position="482.82629,25.270071" | |||
orientation="0,-482.82629" | |||
id="guide4834" /> | |||
<sodipodi:guide | |||
position="0,25.270071" | |||
orientation="25.270071,0" | |||
id="guide4836" /> | |||
<inkscape:grid | |||
type="xygrid" | |||
id="grid4844" | |||
empspacing="5" | |||
visible="true" | |||
enabled="true" | |||
snapvisiblegridlinesonly="true" /> | |||
<sodipodi:guide | |||
position="0,0" | |||
orientation="0,1000" | |||
id="guide4884" /> | |||
<sodipodi:guide | |||
position="1000,0" | |||
orientation="-25,0" | |||
id="guide4886" /> | |||
<sodipodi:guide | |||
position="1000,25" | |||
orientation="0,-1000" | |||
id="guide4888" /> | |||
<sodipodi:guide | |||
position="0,25" | |||
orientation="25,0" | |||
id="guide4890" /> | |||
<sodipodi:guide | |||
position="0,0" | |||
orientation="0,750" | |||
id="guide4892" /> | |||
<sodipodi:guide | |||
position="750,0" | |||
orientation="-25,0" | |||
id="guide4894" /> | |||
<sodipodi:guide | |||
position="750,25" | |||
orientation="0,-750" | |||
id="guide4896" /> | |||
<sodipodi:guide | |||
position="0,25" | |||
orientation="25,0" | |||
id="guide4898" /> | |||
<sodipodi:guide | |||
position="0,0" | |||
orientation="0,750" | |||
id="guide4999" /> | |||
<sodipodi:guide | |||
position="750,0" | |||
orientation="-30,0" | |||
id="guide5001" /> | |||
<sodipodi:guide | |||
position="750,30" | |||
orientation="0,-750" | |||
id="guide5003" /> | |||
<sodipodi:guide | |||
position="0,30" | |||
orientation="30,0" | |||
id="guide5005" /> | |||
</sodipodi:namedview> | |||
<metadata | |||
id="metadata4154"> | |||
<rdf:RDF> | |||
<cc:Work | |||
rdf:about=""> | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title></dc:title> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
<g | |||
inkscape:label="Layer 1" | |||
inkscape:groupmode="layer" | |||
id="layer1" | |||
transform="translate(-93.957497,-365.26607)"> | |||
<rect | |||
style="fill:#85b5bb;fill-opacity:1;stroke:none" | |||
id="rect4487" | |||
width="750" | |||
height="29.555786" | |||
x="93.957497" | |||
y="365.26608" | |||
rx="10" /> | |||
<g | |||
transform="matrix(1.1097131,0,0,-1.1097131,-61.488805,1196.9771)" | |||
id="g24" | |||
style="fill:#ff7050"> | |||
<g | |||
id="g26" | |||
style="fill:#ff7050" /> | |||
<g | |||
id="g32" | |||
style="fill:#ff7050"> | |||
<g | |||
clip-path="url(#clipPath28)" | |||
id="g34" | |||
style="opacity:0.71000701;fill:#ff7050"> | |||
<g | |||
transform="translate(164.7979,739.5)" | |||
id="g36" | |||
style="fill:#ff7050"> | |||
<path | |||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0" | |||
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
id="path38" | |||
inkscape:connector-curvature="0" /> | |||
</g> | |||
</g> | |||
</g> | |||
</g> | |||
<g | |||
transform="matrix(1.1097131,0,0,-1.1097131,-61.488805,1196.9771)" | |||
id="g40" | |||
style="fill:#ffed5d"> | |||
<g | |||
id="g42" | |||
style="fill:#ffed5d" /> | |||
<g | |||
id="g48" | |||
style="fill:#ffed5d"> | |||
<g | |||
clip-path="url(#clipPath44)" | |||
id="g50" | |||
style="opacity:0.71000701;fill:#ffed5d"> | |||
<g | |||
transform="translate(180.209,739.5)" | |||
id="g52" | |||
style="fill:#ffed5d"> | |||
<path | |||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0" | |||
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
id="path54" | |||
inkscape:connector-curvature="0" /> | |||
</g> | |||
</g> | |||
</g> | |||
</g> | |||
<g | |||
transform="matrix(1.1097131,0,0,-1.1097131,-61.837185,1196.9771)" | |||
id="g56" | |||
style="fill:#93de7f"> | |||
<g | |||
id="g58" | |||
style="fill:#93de7f" /> | |||
<g | |||
id="g64" | |||
style="fill:#93de7f"> | |||
<g | |||
clip-path="url(#clipPath60)" | |||
id="g66" | |||
style="opacity:0.71000701;fill:#93de7f"> | |||
<g | |||
transform="translate(195.6206,739.5)" | |||
id="g68" | |||
style="fill:#93de7f"> | |||
<path | |||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0" | |||
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
id="path70" | |||
inkscape:connector-curvature="0" /> | |||
</g> | |||
</g> | |||
</g> | |||
</g> | |||
<rect | |||
style="fill:#36535a;fill-opacity:1;stroke:none" | |||
id="rect4838" | |||
width="750" | |||
height="7.8571429" | |||
x="93.957497" | |||
y="387.40894" /> | |||
</g> | |||
</svg> |
@@ -7,29 +7,60 @@ | |||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |||
xmlns:svg="http://www.w3.org/2000/svg" | |||
xmlns="http://www.w3.org/2000/svg" | |||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |||
version="1.2" | |||
width="350.00003" | |||
height="201.67628" | |||
id="svg3340"> | |||
width="880.62976" | |||
height="385.37302" | |||
id="svg3340" | |||
inkscape:version="0.48.3.1 r9886" | |||
sodipodi:docname="terminal.svg"> | |||
<sodipodi:namedview | |||
pagecolor="#ffffff" | |||
bordercolor="#666666" | |||
borderopacity="1" | |||
objecttolerance="10" | |||
gridtolerance="10" | |||
guidetolerance="10" | |||
inkscape:pageopacity="0" | |||
inkscape:pageshadow="2" | |||
inkscape:window-width="1680" | |||
inkscape:window-height="1023" | |||
id="namedview5700" | |||
showgrid="false" | |||
fit-margin-top="0" | |||
fit-margin-left="0" | |||
fit-margin-right="0" | |||
fit-margin-bottom="0" | |||
inkscape:zoom="0.82745079" | |||
inkscape:cx="303.76759" | |||
inkscape:cy="201.44631" | |||
inkscape:window-x="0" | |||
inkscape:window-y="0" | |||
inkscape:window-maximized="1" | |||
inkscape:current-layer="layer1" /> | |||
<defs | |||
id="defs3342"> | |||
<clipPath | |||
id="clipPath60"> | |||
<path | |||
d="m 186.202,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z" | |||
id="path62" /> | |||
id="path62" | |||
inkscape:connector-curvature="0" /> | |||
</clipPath> | |||
<clipPath | |||
id="clipPath44"> | |||
<path | |||
d="m 170.791,744.209 9.418,0 0,-9.418 -9.418,0 0,9.418 z" | |||
id="path46" /> | |||
id="path46" | |||
inkscape:connector-curvature="0" /> | |||
</clipPath> | |||
<clipPath | |||
id="clipPath28"> | |||
<path | |||
d="m 155.379,744.209 9.419,0 0,-9.418 -9.419,0 0,9.418 z" | |||
id="path30" /> | |||
id="path30" | |||
inkscape:connector-curvature="0" /> | |||
</clipPath> | |||
</defs> | |||
<metadata | |||
@@ -40,12 +71,12 @@ | |||
<dc:format>image/svg+xml</dc:format> | |||
<dc:type | |||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||
<dc:title></dc:title> | |||
<dc:title /> | |||
</cc:Work> | |||
</rdf:RDF> | |||
</metadata> | |||
<g | |||
transform="translate(-73.571411,-371.52405)" | |||
transform="matrix(2.5160848,0,0,2.5160848,-185.11191,-934.78601)" | |||
id="layer1"> | |||
<rect | |||
width="350.00003" | |||
@@ -76,7 +107,8 @@ | |||
<path | |||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0" | |||
id="path38" | |||
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none" /> | |||
style="fill:#ff7050;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
inkscape:connector-curvature="0" /> | |||
</g> | |||
</g> | |||
</g> | |||
@@ -102,7 +134,8 @@ | |||
<path | |||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0" | |||
id="path54" | |||
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none" /> | |||
style="fill:#ffed5d;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
inkscape:connector-curvature="0" /> | |||
</g> | |||
</g> | |||
</g> | |||
@@ -128,19 +161,29 @@ | |||
<path | |||
d="m 0,0 c 0,-2.601 -2.108,-4.709 -4.709,-4.709 -2.601,0 -4.709,2.108 -4.709,4.709 0,2.601 2.108,4.709 4.709,4.709 C -2.108,4.709 0,2.601 0,0" | |||
id="path70" | |||
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none" /> | |||
style="fill:#93de7f;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
inkscape:connector-curvature="0" /> | |||
</g> | |||
</g> | |||
</g> | |||
</g> | |||
<g | |||
transform="matrix(0.70173695,0,0,-0.36734185,635.66274,570.97167)" | |||
transform="matrix(0.70173695,0,0,-0.2729595,635.66274,523.03176)" | |||
id="g76" | |||
style="fill:#36535a;fill-opacity:1"> | |||
<path | |||
d="m -302.23764,0 c 0,-3.351 -1.56167,-6.067 -3.48885,-6.067 l -491.78466,0 C -799.43833,-6.067 -801,-3.351 -801,0 l 0,507.933 498.76236,0 0,-507.933 z" | |||
id="path78" | |||
style="fill:#36535a;fill-opacity:1;fill-rule:nonzero;stroke:none" /> | |||
style="fill:#36535a;fill-opacity:1;fill-rule:nonzero;stroke:none" | |||
inkscape:connector-curvature="0" | |||
clip-path="none" /> | |||
</g> | |||
</g> | |||
<rect | |||
style="fill:#36535a;fill-opacity:1;stroke:none" | |||
id="rect5720" | |||
width="43.507118" | |||
height="147.4408" | |||
x="343.22284" | |||
y="223.42982" /> | |||
</svg> |
@@ -16,8 +16,8 @@ | |||
<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+Code+Pro:300,400,600' 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'> | |||
<!-- build:js scripts/vendor/modernizr.js --> | |||
<script src="bower_components/modernizr/modernizr.js"></script> | |||
<!-- endbuild --> | |||
@@ -61,39 +61,42 @@ | |||
<!-- <p class="lead">Share your files using this and drag and rop or click here to upload</p> --> | |||
<div class="row animated fadeInDown"> | |||
<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"> | |||
<div class="terminal-top"></div> | |||
<div class="examples"> | |||
<code class=""> | |||
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt r | |||
<br> | |||
<br>$ transfer hello.txt #################################################### 100.0% https://transfer.sh/eibhM/hello.txt | |||
<code> | |||
<span class="code-title"># Upload using cURL</span> | |||
<br>$ curl --upload-file ./hello.txt https://transfer.sh/hello.txt https://transfer.sh/66nb8/hello.txt <br> | |||
<br> | |||
<br># Upload from web. Drag your files here, or <a class="browse" href="#"> click to browse.</a> | |||
<span class="code-title"># Create an alias</span> | |||
<br>$ transfer hello.txt <br>#################################################### 100.0% https://transfer.sh/eibhM/hello.txt | |||
</code> | |||
<div id="web"> | |||
<input type="file" multiple="multiple" style='display: none;' /> | |||
<ul class='queue' style='; list-style-type: none; margin: 0;'> | |||
<li> | |||
</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 id="web"> | |||
<code> | |||
<br> | |||
<span class="code-title"># Upload from web</span> | |||
<br>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' style='; list-style-type: none; margin: 0;'> | |||
<li> | |||
</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> | |||
<br> | |||
<a href="#features" class="btn-cta">learn more</i> </a> | |||
<br> | |||
<div> | |||
<a href="#features" class="btn-cta btn-home">learn more</i> </a> | |||
</div> | |||
</div> | |||
</section> | |||
@@ -8,15 +8,16 @@ | |||
@navbar-default-bg: #fff; | |||
@link-color: @dark-gray; | |||
@text-color: @dark-gray; | |||
@link-color: @dark-gray; | |||
@progress-bg: @blue; | |||
// Typography | |||
@font-family-base: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; | |||
@font-family-mono: "Source Code Pro", monospace; | |||
@font-family-mono: "Droid Sans Mono", monospace; | |||
@headings-font-family: @font-family-base; | |||
@headings-font-weight: 100; | |||
@@ -29,4 +30,4 @@ | |||
// Layout | |||
@grid-gutter-width: 76px; | |||
@grid-gutter-width: 70px; |
@@ -7,35 +7,42 @@ | |||
} | |||
#navigation { | |||
margin-top: 40px; | |||
ul { | |||
list-style: none; | |||
max-width: 300px; | |||
margin: 0 auto; | |||
} | |||
li { | |||
display: inline-block; | |||
padding: 0 10px; | |||
padding: 0 15px; | |||
} | |||
h1 { | |||
text-align: center; | |||
font-family: @font-family-mono; | |||
font-family: monospace; | |||
margin-bottom: 15px; | |||
color: #3b3b3b; | |||
color: @dark-blue; | |||
font-weight: 600; | |||
letter-spacing: -1px; | |||
font-size: 40px; | |||
} | |||
@media (min-width: @screen-sm-min) { | |||
ul { | |||
float: right; | |||
margin: 30px 0; | |||
margin: 33px 0; | |||
} | |||
h1 { | |||
float: left | |||
} | |||
} | |||
a { | |||
text-decoration: none; | |||
font-size: 15px; | |||
color: @dark-gray; | |||
} | |||
} | |||
h2 { | |||
text-align: center; | |||
font-size: 35px; | |||
@@ -78,11 +85,13 @@ img { | |||
a { | |||
text-decoration: underline; | |||
color: @dark-blue; | |||
&:hover { | |||
text-decoration: none; | |||
color: inherit; | |||
} | |||
} | |||
a:hover { | |||
text-decoration: none; | |||
color: inherit ; | |||
} | |||
::selection { | |||
background: @red; | |||
@@ -11,24 +11,45 @@ | |||
margin-bottom: 45px; | |||
} | |||
} | |||
.btn-home { | |||
margin: 50px 0 25px 0; | |||
} | |||
} | |||
#from-terminal, #from-web { | |||
h3 { | |||
font-size: 30px; | |||
#web, #terminal { | |||
word-wrap: break-word; | |||
.code-title { | |||
color: @red; | |||
} | |||
padding: 35px 0 0 10px; | |||
@media (min-width: @screen-sm-min) { | |||
padding: 50px 0 0 20px; | |||
} | |||
code { | |||
font-family: @font-family-mono; | |||
} | |||
font-family: @font-family-mono; | |||
font-size: 15px; | |||
text-align: left; | |||
color: #fff; | |||
} | |||
#web { | |||
margin-top: -2px; | |||
.border-bottom-radius (10px); | |||
padding-top: 0; | |||
padding-bottom: 50px; | |||
width: 100%; | |||
display: block; | |||
background: @dark-blue; | |||
.transition(all @animation-duration ease); | |||
i { | |||
font-size: 100px; | |||
color: @blue; | |||
display: block; | |||
margin-top: -20px; | |||
} | |||
.btn-cta { | |||
padding: 5px 10px; | |||
font-size: 14px; | |||
border-color: #fff; | |||
} | |||
.click { | |||
margin-top: -50px; | |||
@@ -44,48 +65,36 @@ | |||
} | |||
} | |||
#terminal { | |||
min-height: 150px; | |||
.border-top-radius (10px); | |||
// min-height: 150px; | |||
@media (min-width: @screen-sm-min) { | |||
min-height: 350px; | |||
} | |||
.examples { | |||
padding: 10px 0px; | |||
} | |||
code { | |||
font-family: @font-family-mono; | |||
//min-height: 350px; | |||
} | |||
} | |||
#web .uploading { | |||
i { | |||
.transition(font @animation-duration ease); | |||
font-size: 40px; | |||
} | |||
p.click { | |||
font-size: 14px; | |||
} | |||
} | |||
.dragged { | |||
background: @light-gray; | |||
} | |||
#terminal { | |||
text-align: left; | |||
color: #fff; | |||
background: @dark-blue; | |||
background: url(../images/terminal.svg); | |||
background-repeat: no-repeat; | |||
background-size: 100% auto; | |||
font-family: @font-family-mono; | |||
font-size: 15px; | |||
@media (min-width: @screen-sm-min) { | |||
padding: 10px 20px; | |||
} | |||
background-size: cover; | |||
} | |||
.progress { | |||
max-width: 80%; | |||
margin: 0 auto; | |||
} | |||
.all-files { | |||
display: none; | |||
} | |||
@@ -626,8 +626,8 @@ address { | |||
.container { | |||
margin-right: auto; | |||
margin-left: auto; | |||
padding-left: 38px; | |||
padding-right: 38px; | |||
padding-left: 35px; | |||
padding-right: 35px; | |||
} | |||
.container:before, | |||
.container:after { | |||
@@ -647,22 +647,22 @@ address { | |||
} | |||
@media (min-width: 768px) { | |||
.container { | |||
width: 796px; | |||
width: 790px; | |||
} | |||
} | |||
@media (min-width: 992px) { | |||
.container { | |||
width: 1016px; | |||
width: 1010px; | |||
} | |||
} | |||
@media (min-width: 1200px) { | |||
.container { | |||
width: 1216px; | |||
width: 1210px; | |||
} | |||
} | |||
.row { | |||
margin-left: -38px; | |||
margin-right: -38px; | |||
margin-left: -35px; | |||
margin-right: -35px; | |||
} | |||
.row:before, | |||
.row:after { | |||
@@ -683,8 +683,8 @@ address { | |||
.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; | |||
min-height: 1px; | |||
padding-left: 38px; | |||
padding-right: 38px; | |||
padding-left: 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 { | |||
float: left; | |||
@@ -5364,30 +5364,40 @@ body { | |||
color: white; | |||
padding: 0.2em 0; | |||
} | |||
#navigation { | |||
margin-top: 40px; | |||
} | |||
#navigation ul { | |||
list-style: none; | |||
max-width: 300px; | |||
margin: 0 auto; | |||
} | |||
#navigation li { | |||
display: inline-block; | |||
padding: 0 10px; | |||
padding: 0 15px; | |||
} | |||
#navigation h1 { | |||
text-align: center; | |||
font-family: "Source Code Pro", monospace; | |||
font-family: monospace; | |||
margin-bottom: 15px; | |||
color: #3b3b3b; | |||
color: #36535a; | |||
font-weight: 600; | |||
letter-spacing: -1px; | |||
font-size: 40px; | |||
} | |||
@media (min-width: 768px) { | |||
#navigation ul { | |||
float: right; | |||
margin: 30px 0; | |||
margin: 33px 0; | |||
} | |||
#navigation h1 { | |||
float: left; | |||
} | |||
} | |||
#navigation a { | |||
text-decoration: none; | |||
font-size: 15px; | |||
color: #3b3b3b; | |||
} | |||
h2 { | |||
text-align: center; | |||
font-size: 35px; | |||
@@ -5418,8 +5428,8 @@ h2 { | |||
max-width: 1100px; | |||
margin-right: auto; | |||
margin-left: auto; | |||
padding-left: 38px; | |||
padding-right: 38px; | |||
padding-left: 35px; | |||
padding-right: 35px; | |||
} | |||
.wrapper:before, | |||
.wrapper:after { | |||
@@ -5439,17 +5449,17 @@ h2 { | |||
} | |||
@media (min-width: 768px) { | |||
.wrapper { | |||
width: 796px; | |||
width: 790px; | |||
} | |||
} | |||
@media (min-width: 992px) { | |||
.wrapper { | |||
width: 1016px; | |||
width: 1010px; | |||
} | |||
} | |||
@media (min-width: 1200px) { | |||
.wrapper { | |||
width: 1216px; | |||
width: 1210px; | |||
} | |||
} | |||
img { | |||
@@ -5462,7 +5472,7 @@ a { | |||
} | |||
a:hover { | |||
text-decoration: none; | |||
color: inherit ; | |||
color: inherit; | |||
} | |||
::selection { | |||
background: #e96e57; | |||
@@ -5486,23 +5496,48 @@ a:hover { | |||
margin-bottom: 45px; | |||
} | |||
} | |||
#from-terminal h3, | |||
#from-web h3 { | |||
font-size: 30px; | |||
#home .btn-home { | |||
margin: 50px 0 25px 0; | |||
} | |||
#web, | |||
#terminal { | |||
word-wrap: break-word; | |||
padding: 35px 0 0 10px; | |||
font-family: "Droid Sans Mono", monospace; | |||
font-size: 15px; | |||
text-align: left; | |||
color: #fff; | |||
} | |||
#web .code-title, | |||
#terminal .code-title { | |||
color: #e96e57; | |||
} | |||
@media (min-width: 768px) { | |||
#web, | |||
#terminal { | |||
padding: 50px 0 0 20px; | |||
} | |||
} | |||
#web code, | |||
#terminal code { | |||
font-family: "Droid Sans Mono", monospace; | |||
} | |||
#web { | |||
margin-top: -2px; | |||
border-bottom-right-radius: 10px; | |||
border-bottom-left-radius: 10px; | |||
padding-top: 0; | |||
padding-bottom: 50px; | |||
width: 100%; | |||
display: block; | |||
background: #36535a; | |||
-webkit-transition: all 0.3s ease; | |||
transition: all 0.3s ease; | |||
} | |||
#web i { | |||
font-size: 100px; | |||
color: #85b5bb; | |||
display: block; | |||
margin-top: -20px; | |||
} | |||
#web .btn-cta { | |||
padding: 5px 10px; | |||
font-size: 14px; | |||
border-color: #fff; | |||
} | |||
#web .click { | |||
margin-top: -50px; | |||
@@ -5517,44 +5552,16 @@ a:hover { | |||
color: #fff; | |||
} | |||
#terminal { | |||
min-height: 150px; | |||
} | |||
@media (min-width: 768px) { | |||
#terminal { | |||
min-height: 350px; | |||
} | |||
} | |||
#terminal .examples { | |||
padding: 10px 0px; | |||
} | |||
#terminal code { | |||
font-family: "Source Code Pro", monospace; | |||
} | |||
#web .uploading i { | |||
-webkit-transition: font 0.3s ease; | |||
transition: font 0.3s ease; | |||
font-size: 40px; | |||
} | |||
#web .uploading p.click { | |||
font-size: 14px; | |||
border-top-right-radius: 10px; | |||
border-top-left-radius: 10px; | |||
} | |||
.dragged { | |||
background: #f6f8f8; | |||
} | |||
#terminal { | |||
text-align: left; | |||
color: #fff; | |||
background: #36535a; | |||
background: url(../images/terminal.svg); | |||
background-repeat: no-repeat; | |||
background-size: 100% auto; | |||
font-family: "Source Code Pro", monospace; | |||
font-size: 15px; | |||
} | |||
@media (min-width: 768px) { | |||
#terminal { | |||
padding: 10px 20px; | |||
} | |||
background-size: cover; | |||
} | |||
.progress { | |||
max-width: 80%; | |||
@@ -5594,7 +5601,7 @@ a:hover { | |||
display: block; | |||
padding: 10px 20px; | |||
background: #36535a; | |||
font-family: "Source Code Pro", monospace; | |||
font-family: "Droid Sans Mono", monospace; | |||
font-size: 12px; | |||
border-radius: 5px; | |||
color: #fff; | |||