diff --git a/css/style.css b/css/style.css index 2dbe16d..d249ee0 100644 --- a/css/style.css +++ b/css/style.css @@ -63,7 +63,7 @@ 9.3. PRICING TABLE 3 9.4. PRICING TABLE 4 -10. THE VIDEO +10. THE VIDEO 10.1. VIDEO PLAYER 1 10.2. THE VIDEO 2 @@ -2596,7 +2596,7 @@ button:focus { } /* |---------------------------------------------------------------------------- -| THE VIDEO +| THE VIDEO |---------------------------------------------------------------------------- */ .video-player { @@ -4161,4 +4161,59 @@ button:focus { } } -/*# sourceMappingURL=style.css.map */ \ No newline at end of file +video { + position: absolute; + top: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + overflow: hidden; +} + +#video-background { + min-width: 100%; + min-height: 100%; + + /* Setting width & height to auto prevents the browser from stretching or squishing the video */ + width: auto; + height: auto; + overflow: hidden; + + /* Center the video */ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + z-index: -99; +} + +.app-home-2 { + padding-top: 90px; +} + +.home-download-btn .btn { + margin-bottom: 10px; +} + +.mb50 { + margin-bottom: 15px; +} + +#app-home-2 { + background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0.7), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */ + background: -o-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0.7), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */ + background: -moz-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0.7), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */ + background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.7), rgba(0,0,0,0)); +} + +.clearfix { + height: 74px; +} + +.padbot { + padding-bottom: 10vh; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/images/bg.gif b/images/bg.gif new file mode 100644 index 0000000..42d932b Binary files /dev/null and b/images/bg.gif differ diff --git a/images/favicon.ico b/images/favicon.ico index 21c57ef..f37d8bc 100644 Binary files a/images/favicon.ico and b/images/favicon.ico differ diff --git a/images/favicon2.ico b/images/favicon2.ico new file mode 100644 index 0000000..21c57ef Binary files /dev/null and b/images/favicon2.ico differ diff --git a/images/ssocks.jpg b/images/ssocks.jpg new file mode 100644 index 0000000..e09a697 Binary files /dev/null and b/images/ssocks.jpg differ diff --git a/index.html b/index.html index e2d9354..15ee6e2 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@ @@ -20,12 +20,12 @@ - + @@ -33,13 +33,13 @@ - - - + + + @@ -50,14 +50,14 @@ -
+
- +
@@ -92,36 +92,40 @@ -
-
-
-
- -

EthVPN: Airbnb for VPNs

-

Decentralized VPN powered by Ethereum.

- -
- - Try it out! -
- Available on   - - - -
- -
- - -
-
-
-
+
+
+
+
+
+ +

EthVPN: Airbnb for VPNs

+

Decentralized VPN powered by Ethereum.

+ +
+ + Try it out! +
+ Available on   + + + +
+ +
+ + +
+
+
+ +
@@ -145,10 +149,10 @@

Features

- +
- +
@@ -162,9 +166,9 @@

1. Use your Ether currency!

- + - +
@@ -176,7 +180,7 @@

2. Installs on any platform.

- +
@@ -191,10 +195,10 @@

3. Even works in China.

-
+
@@ -243,10 +247,10 @@
Is this in any way related to or sponsored by the illustr
- +
@@ -289,7 +293,7 @@

Loi Luu

Contributor

- +
@@ -303,21 +307,21 @@

You?

- +
- +

- +
@@ -328,7 +332,7 @@

- +

@@ -342,50 +346,50 @@

- +

- +
- +

- +
- +

- +
- +
@@ -395,10 +399,10 @@

- +
@@ -406,10 +410,10 @@

-
+ diff --git a/less/colors/green.less b/less/colors/green.less index 5e473bf..8af56d6 100644 --- a/less/colors/green.less +++ b/less/colors/green.less @@ -5,8 +5,8 @@ .gradient(@startColor: @base_color, @endColor: @base_color_fall, @alpha: 1) { background-image: linear-gradient( - to bottom right, - rgba(red(@startColor), green(@startColor), blue(@startColor), @alpha), + to bottom right, + rgba(red(@startColor), green(@startColor), blue(@startColor), @alpha), rgba( red(@endColor), green(@endColor), blue(@endColor), @alpha) ); } @@ -515,4 +515,4 @@ a { stop-color: @base_color_fall; } } -} \ No newline at end of file +} diff --git a/video/bgimg.mp4 b/video/bgimg.mp4 new file mode 100644 index 0000000..d42e3ba Binary files /dev/null and b/video/bgimg.mp4 differ diff --git a/video/final.mp4 b/video/final.mp4 new file mode 100644 index 0000000..066d5cf Binary files /dev/null and b/video/final.mp4 differ