rondomoon/peer-calls
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Redesigned front page

Browse Source
This commit is contained in:
Jerko Steiner 2016-04-05 20:12:12 -04:00
parent 46ccd1d26a
commit 8969ff219f
7 changed files with 67 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/less/main.less
View File

@ -1,18 +1,17 @@
@import "fonts.less"; @import "fonts.less";
@font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; @font-monospace: Menlo, Monaco, Consolas, "Ubuntu Mono", monospace;
@color-bg: #086788; @color-bg: #086788;
@color-fg: #07A0C3; @color-fg: #07A0C3;
// @color-btn: #F0C808;
@color-btn: #FFF1D0; @color-btn: #FFF1D0;
@color-active: #F0C808;
@icon-size: 48px; @icon-size: 48px;
@color-info: white; @color-primary: white;
@color-warning: @color-active; @color-info: #31EF40;
@color-error: #FF4400; @color-warning: #F0C808;
@color-error: #EE7600;
* { * {
box-sizing: border-box; box-sizing: border-box;
@ -38,37 +37,60 @@ body.call {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#github-ribbon {
position: absolute;
top: 0;
right: 0;
border: 0;
}
#form { #form {
padding-top: 3em; padding-top: 50px;
text-align: center; text-align: center;
width: 300px; width: 300px;
margin: 0 auto; margin: 0 auto;
h1 { h1 {
margin: 0; margin: 0;
}
img { img {
margin-bottom: 1em; }
} }
p { p {
margin-bottom: 2em; margin: 50px 0;
color: @color-primary;
}
.button(@color-fg, @color-bg) {
background-color: @color-bg;
border: none;
border-bottom: 2px solid darken(@color-bg, 10%);
border-radius: 4px;
box-sizing: border-box;
color: @color-fg;
// font-size: 1.2rem;
text-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.6);
padding: 1rem 1rem;
} }
input { input {
width: 100%; font-family: @font-monospace;
border: 1px solid @color-fg; .button(@color-primary, @color-warning);
background-color: @color-bg; font-size: 1.1rem;
border-radius: 5px; }
padding: 1em 2em;
margin-bottom: 1em; input:hover {
color: @color-active; .button(@color-primary, darken(@color-warning, 5%));
}
input:active {
transform: translate(0px, 1px);
.button(@color-primary, darken(@color-warning, 10%));
} }
input:active, input:active,
input:focus { input:focus {
border: 1px solid @color-active;
outline: none; outline: none;
} }
@ -112,7 +134,7 @@ body.call {
.app { .app {
.alert { .alert {
background-color: #000; background-color: black;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
left: 0; left: 0;
opacity: 1; opacity: 1;
@ -178,18 +200,20 @@ body.call {
right: 0px; right: 0px;
text-align: right; text-align: right;
@video-size: 100px;
.video-container { .video-container {
background-color: black; background-color: black;
box-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px black;
border-radius: 50px; border-radius: @video-size / 2;
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
width: 100px; width: @video-size;
height: 100%; height: 100%;
z-index: 2; z-index: 2;
video { video {
border-radius: 50px; border-radius: @video-size / 2;
cursor: pointer; cursor: pointer;
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;

BIN
src/res/fork.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
src/res/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

24
src/res/peer-calls.svg
View File

@ -60,53 +60,53 @@
transform="translate(-226.96012,260.79652)"> transform="translate(-226.96012,260.79652)">
<g <g
transform="translate(207.07484,-679.35394)" transform="translate(207.07484,-679.35394)"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';letter-spacing:0px;word-spacing:0px;fill:#07a0c3;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';letter-spacing:0px;word-spacing:0px;fill:#fff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="flowRoot3336"> id="flowRoot3336">
<path <path
d="m 179.24516,741.87617 1.92,0 q 18.72,-18.24 38.4,-28.8 20.16,-10.56 43.68,-10.56 27.36,0 48,10.08 21.12,9.6 34.08,27.36 13.44,17.76 17.76,42.24 4.8,24 -0.96,52.8 -5.76,29.28 -20.64,53.76 -14.4,24 -34.56,41.28 -20.16,17.28 -45.12,26.88 -24.96,9.6 -51.84,9.6 -22.08,0 -38.88,-7.2 -16.32,-7.68 -28.8,-24.48 l -13.92,70.08003 q -3.84,19.2 -4.32,30.72 -0.48,11.52 3.84,17.76 4.8,6.24 14.88,8.64 10.56,2.4 28.32,2.88 l -3.36,16.8 -147.840004,0 3.36,-16.8 q 14.4,-0.48 23.52,-2.88 9.6,-2.4 15.84,-8.64 6.24,-6.24 10.08,-17.28 4.32,-10.56 8.16,-27.84 L 116.36516,828.75617 q 5.76,-27.84 8.64,-45.6 2.88,-17.76 2.4,-24.48 -0.48,-11.52 -8.16,-15.36 -7.68,-4.32 -31.680004,-4.32 l 3.36,-16.32 95.520004,-18.24 -7.2,37.44 z m 11.52,13.92 q -8.16,9.6 -13.92,23.04 -5.76,12.96 -10.08,34.08 l -7.68,37.44 q -2.4,12.96 -3.84,22.56 -0.96,9.12 -0.96,15.84 0.48,6.72 1.44,12 1.44,5.28 4.32,10.08 8.16,15.36 21.6,24 13.92,8.16 30.72,8.16 33.12,0 59.04,-27.84 25.92,-27.84 36,-78.24 4.8,-24.96 3.36,-45.12 -1.44,-20.64 -8.64,-35.04 -6.72,-14.88 -19.68,-23.04 -12.48,-8.16 -29.76,-8.16 -17.28,0 -33.6,8.16 -15.84,7.68 -28.32,22.08 z" d="m 179.24516,741.87617 1.92,0 q 18.72,-18.24 38.4,-28.8 20.16,-10.56 43.68,-10.56 27.36,0 48,10.08 21.12,9.6 34.08,27.36 13.44,17.76 17.76,42.24 4.8,24 -0.96,52.8 -5.76,29.28 -20.64,53.76 -14.4,24 -34.56,41.28 -20.16,17.28 -45.12,26.88 -24.96,9.6 -51.84,9.6 -22.08,0 -38.88,-7.2 -16.32,-7.68 -28.8,-24.48 l -13.92,70.08003 q -3.84,19.2 -4.32,30.72 -0.48,11.52 3.84,17.76 4.8,6.24 14.88,8.64 10.56,2.4 28.32,2.88 l -3.36,16.8 -147.840004,0 3.36,-16.8 q 14.4,-0.48 23.52,-2.88 9.6,-2.4 15.84,-8.64 6.24,-6.24 10.08,-17.28 4.32,-10.56 8.16,-27.84 L 116.36516,828.75617 q 5.76,-27.84 8.64,-45.6 2.88,-17.76 2.4,-24.48 -0.48,-11.52 -8.16,-15.36 -7.68,-4.32 -31.680004,-4.32 l 3.36,-16.32 95.520004,-18.24 -7.2,37.44 z m 11.52,13.92 q -8.16,9.6 -13.92,23.04 -5.76,12.96 -10.08,34.08 l -7.68,37.44 q -2.4,12.96 -3.84,22.56 -0.96,9.12 -0.96,15.84 0.48,6.72 1.44,12 1.44,5.28 4.32,10.08 8.16,15.36 21.6,24 13.92,8.16 30.72,8.16 33.12,0 59.04,-27.84 25.92,-27.84 36,-78.24 4.8,-24.96 3.36,-45.12 -1.44,-20.64 -8.64,-35.04 -6.72,-14.88 -19.68,-23.04 -12.48,-8.16 -29.76,-8.16 -17.28,0 -33.6,8.16 -15.84,7.68 -28.32,22.08 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5204" /> id="path5204" />
<path <path
d="m 620.21516,917.07617 q -50.88,49.44 -111.36,49.44 -28.32,0 -49.44,-9.12 -21.12,-9.6 -34.56,-26.4 -12.96,-17.28 -17.28,-40.8 -4.32,-24 1.44,-52.8 5.76,-29.28 20.16,-54.24 14.88,-24.96 36,-42.72 21.12,-17.76 47.04,-27.84 26.4,-10.08 55.2,-10.08 46.56,0 66.72,25.44 20.64,24.96 11.04,72 -0.96,6.72 -4.32,8.16 -2.88,1.44 -12.48,1.44 l -157.92,0 q -1.44,3.84 -3.36,9.6 -1.44,5.28 -2.88,12 -4.8,24.96 -2.88,45.6 1.92,20.16 10.08,34.56 8.64,14.4 22.56,22.56 13.92,7.68 33.12,7.68 20.16,0 39.36,-8.64 19.2,-9.12 41.28,-29.28 l 12.48,13.44 z m -53.28,-129.6 q 9.6,0 15.36,-0.48 5.76,-0.48 8.64,-1.92 3.36,-1.44 4.8,-3.84 1.44,-2.88 2.4,-7.2 4.32,-22.08 -7.2,-35.04 -11.52,-13.44 -36,-13.44 -51.84,0 -76.32,61.92 l 88.32,0 z" d="m 620.21516,917.07617 q -50.88,49.44 -111.36,49.44 -28.32,0 -49.44,-9.12 -21.12,-9.6 -34.56,-26.4 -12.96,-17.28 -17.28,-40.8 -4.32,-24 1.44,-52.8 5.76,-29.28 20.16,-54.24 14.88,-24.96 36,-42.72 21.12,-17.76 47.04,-27.84 26.4,-10.08 55.2,-10.08 46.56,0 66.72,25.44 20.64,24.96 11.04,72 -0.96,6.72 -4.32,8.16 -2.88,1.44 -12.48,1.44 l -157.92,0 q -1.44,3.84 -3.36,9.6 -1.44,5.28 -2.88,12 -4.8,24.96 -2.88,45.6 1.92,20.16 10.08,34.56 8.64,14.4 22.56,22.56 13.92,7.68 33.12,7.68 20.16,0 39.36,-8.64 19.2,-9.12 41.28,-29.28 l 12.48,13.44 z m -53.28,-129.6 q 9.6,0 15.36,-0.48 5.76,-0.48 8.64,-1.92 3.36,-1.44 4.8,-3.84 1.44,-2.88 2.4,-7.2 4.32,-22.08 -7.2,-35.04 -11.52,-13.44 -36,-13.44 -51.84,0 -76.32,61.92 l 88.32,0 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5206" /> id="path5206" />
<path <path
d="m 894.90266,917.07617 q -50.88,49.44 -111.36,49.44 -28.32,0 -49.44,-9.12 -21.12,-9.6 -34.56,-26.4 -12.96,-17.28 -17.28,-40.8 -4.32,-24 1.44,-52.8 5.76,-29.28 20.16,-54.24 14.88,-24.96 36,-42.72 21.12,-17.76 47.04,-27.84 26.4,-10.08 55.2,-10.08 46.56,0 66.72,25.44 20.64,24.96 11.04,72 -0.96,6.72 -4.32,8.16 -2.88,1.44 -12.48,1.44 l -157.92,0 q -1.44,3.84 -3.36,9.6 -1.44,5.28 -2.88,12 -4.8,24.96 -2.88,45.6 1.92,20.16 10.08,34.56 8.64,14.4 22.56,22.56 13.92,7.68 33.12,7.68 20.16,0 39.36,-8.64 19.2,-9.12 41.28,-29.28 l 12.48,13.44 z m -53.28,-129.6 q 9.6,0 15.36,-0.48 5.76,-0.48 8.64,-1.92 3.36,-1.44 4.8,-3.84 1.44,-2.88 2.4,-7.2 4.32,-22.08 -7.2,-35.04 -11.52,-13.44 -36,-13.44 -51.84,0 -76.32,61.92 l 88.32,0 z" d="m 894.90266,917.07617 q -50.88,49.44 -111.36,49.44 -28.32,0 -49.44,-9.12 -21.12,-9.6 -34.56,-26.4 -12.96,-17.28 -17.28,-40.8 -4.32,-24 1.44,-52.8 5.76,-29.28 20.16,-54.24 14.88,-24.96 36,-42.72 21.12,-17.76 47.04,-27.84 26.4,-10.08 55.2,-10.08 46.56,0 66.72,25.44 20.64,24.96 11.04,72 -0.96,6.72 -4.32,8.16 -2.88,1.44 -12.48,1.44 l -157.92,0 q -1.44,3.84 -3.36,9.6 -1.44,5.28 -2.88,12 -4.8,24.96 -2.88,45.6 1.92,20.16 10.08,34.56 8.64,14.4 22.56,22.56 13.92,7.68 33.12,7.68 20.16,0 39.36,-8.64 19.2,-9.12 41.28,-29.28 l 12.48,13.44 z m -53.28,-129.6 q 9.6,0 15.36,-0.48 5.76,-0.48 8.64,-1.92 3.36,-1.44 4.8,-3.84 1.44,-2.88 2.4,-7.2 4.32,-22.08 -7.2,-35.04 -11.52,-13.44 -36,-13.44 -51.84,0 -76.32,61.92 l 88.32,0 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5208" /> id="path5208" />
<path <path
d="m 1031.8302,885.39617 q -3.84,19.68 -5.28,31.2 -1.44,11.52 1.44,17.76 2.88,5.76 10.08,7.68 7.2,1.92 21.12,2.88 l -3.36,16.8 -127.68004,0 3.36,-16.8 q 13.92,-0.48 22.56,-2.4 8.64,-2.4 13.92,-8.16 5.76,-5.76 9.12,-16.32 3.36,-11.04 6.72,-29.28 l 11.52,-56.16 q 6.24004,-32.64 9.12004,-50.88 3.36,-18.24 0.96,-26.88 -2.4,-8.64 -11.04004,-10.08 -8.16,-1.92 -23.52,-1.92 l 3.36,-16.8 87.84004,-18.24 -5.28,59.52 1.92,0 q 9.12,-14.4 20.64,-26.4 12,-12 24.48,-20.16 12.96,-8.64 25.92,-13.44 12.96,-4.8 25.44,-4.8 15.36,0 22.56,7.68 7.68,7.2 5.28,19.68 -2.4,11.52 -11.04,18.24 -8.64,6.24 -22.08,6.24 -7.68,0 -12.48,-1.92 -4.8,-1.92 -8.64,-3.84 -3.36,-2.4 -6.72,-4.32 -3.36,-1.92 -7.68,-1.92 -12.96,0 -29.28,16.8 -15.84,16.32 -28.32,41.76 -6.72,13.92 -12.48,31.68 -5.28,17.28 -9.12,36.48 l -3.36,16.32 z" d="m 1031.8302,885.39617 q -3.84,19.68 -5.28,31.2 -1.44,11.52 1.44,17.76 2.88,5.76 10.08,7.68 7.2,1.92 21.12,2.88 l -3.36,16.8 -127.68004,0 3.36,-16.8 q 13.92,-0.48 22.56,-2.4 8.64,-2.4 13.92,-8.16 5.76,-5.76 9.12,-16.32 3.36,-11.04 6.72,-29.28 l 11.52,-56.16 q 6.24004,-32.64 9.12004,-50.88 3.36,-18.24 0.96,-26.88 -2.4,-8.64 -11.04004,-10.08 -8.16,-1.92 -23.52,-1.92 l 3.36,-16.8 87.84004,-18.24 -5.28,59.52 1.92,0 q 9.12,-14.4 20.64,-26.4 12,-12 24.48,-20.16 12.96,-8.64 25.92,-13.44 12.96,-4.8 25.44,-4.8 15.36,0 22.56,7.68 7.68,7.2 5.28,19.68 -2.4,11.52 -11.04,18.24 -8.64,6.24 -22.08,6.24 -7.68,0 -12.48,-1.92 -4.8,-1.92 -8.64,-3.84 -3.36,-2.4 -6.72,-4.32 -3.36,-1.92 -7.68,-1.92 -12.96,0 -29.28,16.8 -15.84,16.32 -28.32,41.76 -6.72,13.92 -12.48,31.68 -5.28,17.28 -9.12,36.48 l -3.36,16.32 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5210" /> id="path5210" />
</g> </g>
<path <path
id="path3392" id="path3392"
d="m 2168.8632,411.23321 -48.4143,48.71077 c -8.6494,8.65647 -33.97,14.12794 -34.7274,14.12794 -153.2658,1.30041 -300.8238,-59.24895 -409.2648,-168.37703 -108.7504,-109.39648 -168.9996,-258.442505 -167.3276,-413.09491 0,-0.0904 5.5508,-24.84842 14.1774,-33.46039 l 48.4142,-48.75526 c 17.7654,-17.8512 51.7781,-25.92492 75.6065,-17.94162 l 10.2087,3.4534 c 23.8283,7.9833 48.7252,34.44646 55.3232,58.80113 l 24.3847,90.01954 c 6.6194,24.400593 -2.274,59.1154614 -20.0165,76.96665 l -32.3651,32.563314 c 31.7416,118.367296 123.9979,211.168506 241.5775,243.147636 l 32.3651,-32.5633 c 17.7439,-17.85263 52.3373,-26.7775 76.5894,-20.13912 l 89.4715,24.58001 c 24.1622,6.59391 50.4642,31.62031 58.4445,55.61614 l 3.3882,10.27122 c 7.9318,24.00014 -0.091,58.2227 -17.8352,76.07388 z m -248.933,-304.59551 45.6494,0 c 0,-50.728842 -40.8789,-91.858203 -91.2989,-91.858203 l 0,45.929098 c 25.165,0 45.6495,20.631424 45.6495,45.929105 z m 182.5979,0 c 0,-126.844355 -102.1767,-229.64693 -228.2474,-229.64693 l 0,45.930533 c 100.7059,0 182.5979,82.4395639 182.5979,183.716397 l 45.6495,0 z m -228.2474,-367.43422 0,45.9291 c 176.1782,0 319.5464,144.24627 319.5464,321.50512 l 45.6495,0 c 0,-202.913924 -163.5174,-367.43422 -365.1959,-367.43422 z" d="m 2168.8632,411.23321 -48.4143,48.71077 c -8.6494,8.65647 -33.97,14.12794 -34.7274,14.12794 -153.2658,1.30041 -300.8238,-59.24895 -409.2648,-168.37703 -108.7504,-109.39648 -168.9996,-258.442505 -167.3276,-413.09491 0,-0.0904 5.5508,-24.84842 14.1774,-33.46039 l 48.4142,-48.75526 c 17.7654,-17.8512 51.7781,-25.92492 75.6065,-17.94162 l 10.2087,3.4534 c 23.8283,7.9833 48.7252,34.44646 55.3232,58.80113 l 24.3847,90.01954 c 6.6194,24.400593 -2.274,59.1154614 -20.0165,76.96665 l -32.3651,32.563314 c 31.7416,118.367296 123.9979,211.168506 241.5775,243.147636 l 32.3651,-32.5633 c 17.7439,-17.85263 52.3373,-26.7775 76.5894,-20.13912 l 89.4715,24.58001 c 24.1622,6.59391 50.4642,31.62031 58.4445,55.61614 l 3.3882,10.27122 c 7.9318,24.00014 -0.091,58.2227 -17.8352,76.07388 z m -248.933,-304.59551 45.6494,0 c 0,-50.728842 -40.8789,-91.858203 -91.2989,-91.858203 l 0,45.929098 c 25.165,0 45.6495,20.631424 45.6495,45.929105 z m 182.5979,0 c 0,-126.844355 -102.1767,-229.64693 -228.2474,-229.64693 l 0,45.930533 c 100.7059,0 182.5979,82.4395639 182.5979,183.716397 l 45.6495,0 z m -228.2474,-367.43422 0,45.9291 c 176.1782,0 319.5464,144.24627 319.5464,321.50512 l 45.6495,0 c 0,-202.913924 -163.5174,-367.43422 -365.1959,-367.43422 z"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
style="fill:#07a0c3;fill-opacity:1" /> style="fill:#fff;fill-opacity:1" />
<g <g
transform="translate(2342.1948,-679.35394)" transform="translate(2342.1948,-679.35394)"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';letter-spacing:0px;word-spacing:0px;fill:#07a0c3;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:125%;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';letter-spacing:0px;word-spacing:0px;fill:#fff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="flowRoot3336-5"> id="flowRoot3336-5">
<path <path
d="m 285.32516,921.87617 q -21.6,21.12 -51.36,33.12 -29.76,11.52 -61.44,11.52 -25.44,0 -45.12,-9.12 -19.2,-9.6 -31.200004,-26.4 -12,-17.28 -15.84,-41.28 -3.36,-24 2.4,-53.28 6.24,-30.72 20.640004,-55.2 14.88,-24.96 35.52,-42.24 21.12,-17.76 47.52,-26.88 26.88,-9.6 56.64,-9.6 18.72,0 33.12,3.36 14.88,2.88 24.96,8.64 10.56,5.28 14.88,13.44 4.8,7.68 2.88,16.8 -1.92,9.6 -9.12,14.88 -7.2,5.28 -18.24,5.28 -8.64,0 -13.92,-3.36 -4.8,-3.84 -11.52,-16.32 -7.2,-11.04 -15.36,-15.36 -7.68,-4.8 -21.6,-4.8 -34.08,0 -57.12,26.4 -22.56,26.4 -33.12,77.76 -11.04,55.2 2.4,84 13.92,28.32 51.36,28.32 20.16,0 39.36,-7.68 19.68,-8.16 41.28,-25.92 l 12,13.92 z" d="m 285.32516,921.87617 q -21.6,21.12 -51.36,33.12 -29.76,11.52 -61.44,11.52 -25.44,0 -45.12,-9.12 -19.2,-9.6 -31.200004,-26.4 -12,-17.28 -15.84,-41.28 -3.36,-24 2.4,-53.28 6.24,-30.72 20.640004,-55.2 14.88,-24.96 35.52,-42.24 21.12,-17.76 47.52,-26.88 26.88,-9.6 56.64,-9.6 18.72,0 33.12,3.36 14.88,2.88 24.96,8.64 10.56,5.28 14.88,13.44 4.8,7.68 2.88,16.8 -1.92,9.6 -9.12,14.88 -7.2,5.28 -18.24,5.28 -8.64,0 -13.92,-3.36 -4.8,-3.84 -11.52,-16.32 -7.2,-11.04 -15.36,-15.36 -7.68,-4.8 -21.6,-4.8 -34.08,0 -57.12,26.4 -22.56,26.4 -33.12,77.76 -11.04,55.2 2.4,84 13.92,28.32 51.36,28.32 20.16,0 39.36,-7.68 19.68,-8.16 41.28,-25.92 l 12,13.92 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5193" /> id="path5193" />
<path <path
d="m 487.00016,819.63617 q -29.28,10.56 -50.4,20.64 -21.12,10.08 -34.56,20.16 -13.44,10.08 -20.64,20.16 -6.72,10.08 -9.12,20.64 -2.88,15.84 5.28,25.92 8.64,10.08 25.92,10.08 12.48,0 24.48,-6.24 12,-6.24 22.08,-16.8 10.56,-11.04 18.24,-25.44 8.16,-14.88 11.04,-31.2 l 7.68,-37.92 z m 4.32,-20.64 3.84,-19.68 q 11.52,-58.56 -38.4,-58.56 -8.16,0 -14.4,1.44 -5.76,1.44 -10.56,4.8 -4.32,3.36 -8.64,9.6 -4.32,6.24 -9.12,15.36 -7.68,13.92 -13.92,18.72 -5.76,4.32 -15.36,4.32 -24,0 -19.2,-24 4.32,-23.04 31.2,-35.52 27.36,-12.96 72.48,-12.96 48,0 64.8,17.28 16.8,16.8 8.64,57.6 l -21.6,107.52 q -11.04,54.72 10.56,54.72 6.72,0 13.44,-1.44 6.72,-1.92 12.48,-9.12 l 4.32,11.52 q -8.16,11.04 -24.96,18.72 -16.8,7.2 -33.6,7.2 -21.12,0 -28.8,-13.44 -7.68,-13.44 -2.88,-37.92 l -2.4,0 q -16.8,23.52 -41.76,37.44 -24.96,13.44 -51.84,13.44 -30.24,0 -44.64,-15.36 -13.92,-15.36 -8.64,-41.28 2.4,-11.52 8.16,-22.08 6.24,-10.56 17.28,-20.16 11.04,-9.6 27.84,-18.72 16.8,-9.6 40.32,-19.2 l 75.36,-30.24 z" d="m 487.00016,819.63617 q -29.28,10.56 -50.4,20.64 -21.12,10.08 -34.56,20.16 -13.44,10.08 -20.64,20.16 -6.72,10.08 -9.12,20.64 -2.88,15.84 5.28,25.92 8.64,10.08 25.92,10.08 12.48,0 24.48,-6.24 12,-6.24 22.08,-16.8 10.56,-11.04 18.24,-25.44 8.16,-14.88 11.04,-31.2 l 7.68,-37.92 z m 4.32,-20.64 3.84,-19.68 q 11.52,-58.56 -38.4,-58.56 -8.16,0 -14.4,1.44 -5.76,1.44 -10.56,4.8 -4.32,3.36 -8.64,9.6 -4.32,6.24 -9.12,15.36 -7.68,13.92 -13.92,18.72 -5.76,4.32 -15.36,4.32 -24,0 -19.2,-24 4.32,-23.04 31.2,-35.52 27.36,-12.96 72.48,-12.96 48,0 64.8,17.28 16.8,16.8 8.64,57.6 l -21.6,107.52 q -11.04,54.72 10.56,54.72 6.72,0 13.44,-1.44 6.72,-1.92 12.48,-9.12 l 4.32,11.52 q -8.16,11.04 -24.96,18.72 -16.8,7.2 -33.6,7.2 -21.12,0 -28.8,-13.44 -7.68,-13.44 -2.88,-37.92 l -2.4,0 q -16.8,23.52 -41.76,37.44 -24.96,13.44 -51.84,13.44 -30.24,0 -44.64,-15.36 -13.92,-15.36 -8.64,-41.28 2.4,-11.52 8.16,-22.08 6.24,-10.56 17.28,-20.16 11.04,-9.6 27.84,-18.72 16.8,-9.6 40.32,-19.2 l 75.36,-30.24 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5195" /> id="path5195" />
<path <path
d="m 672.61016,886.83617 q -3.36,18.24 -4.32,29.28 -0.96,11.04 2.4,17.28 3.36,6.24 11.04,8.64 8.16,2.4 22.08,2.88 l -3.36,16.8 -132.48,0 3.36,-16.8 q 14.4,-0.48 23.52,-2.88 9.12,-2.88 15.36,-8.64 6.24,-5.76 10.08,-15.84 3.84,-10.56 7.2,-27.36 l 41.28,-206.88 q 5.28,-25.92 7.68,-43.2 2.88,-17.76 2.88,-24 0,-11.04 -8.16,-14.88 -8.16,-3.84 -31.2,-3.84 l 3.36,-16.32 94.08,-17.76 -64.8,323.52 z" d="m 672.61016,886.83617 q -3.36,18.24 -4.32,29.28 -0.96,11.04 2.4,17.28 3.36,6.24 11.04,8.64 8.16,2.4 22.08,2.88 l -3.36,16.8 -132.48,0 3.36,-16.8 q 14.4,-0.48 23.52,-2.88 9.12,-2.88 15.36,-8.64 6.24,-5.76 10.08,-15.84 3.84,-10.56 7.2,-27.36 l 41.28,-206.88 q 5.28,-25.92 7.68,-43.2 2.88,-17.76 2.88,-24 0,-11.04 -8.16,-14.88 -8.16,-3.84 -31.2,-3.84 l 3.36,-16.32 94.08,-17.76 -64.8,323.52 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5197" /> id="path5197" />
<path <path
d="m 828.23516,886.83617 q -3.36,18.24 -4.32,29.28 -0.96,11.04 2.4,17.28 3.36,6.24 11.04,8.64 8.16,2.4 22.08,2.88 l -3.36,16.8 -132.48,0 3.36,-16.8 q 14.4,-0.48 23.52,-2.88 9.12,-2.88 15.36,-8.64 6.24,-5.76 10.08,-15.84 3.84,-10.56 7.2,-27.36 l 41.28,-206.88 q 5.28,-25.92 7.68,-43.2 2.88,-17.76 2.88,-24 0,-11.04 -8.16,-14.88 -8.16,-3.84 -31.2,-3.84 l 3.36,-16.32 94.08,-17.76 -64.8,323.52 z" d="m 828.23516,886.83617 q -3.36,18.24 -4.32,29.28 -0.96,11.04 2.4,17.28 3.36,6.24 11.04,8.64 8.16,2.4 22.08,2.88 l -3.36,16.8 -132.48,0 3.36,-16.8 q 14.4,-0.48 23.52,-2.88 9.12,-2.88 15.36,-8.64 6.24,-5.76 10.08,-15.84 3.84,-10.56 7.2,-27.36 l 41.28,-206.88 q 5.28,-25.92 7.68,-43.2 2.88,-17.76 2.88,-24 0,-11.04 -8.16,-14.88 -8.16,-3.84 -31.2,-3.84 l 3.36,-16.32 94.08,-17.76 -64.8,323.52 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5199" /> id="path5199" />
<path <path
d="m 909.94016,961.71617 -10.56,0 16.32,-82.56 12,0 q 5.28,67.68 54.72,67.68 19.20004,0 32.16004,-9.12 13.44,-9.6 17.28,-28.8 1.44,-7.2 0,-12 -0.96,-5.28 -5.76,-10.56 -4.8,-5.76 -14.4,-12.96 -9.12,-7.2 -24.96004,-18.24 -13.92,-10.08 -24.48,-18.72 -10.08,-8.64 -16.8,-17.28 -6.24,-9.12 -8.16,-19.2 -1.92,-10.08 0.48,-23.52 3.36,-16.32 11.52,-29.76 8.16,-13.92 19.68,-23.52 11.52,-9.6 25.44,-14.88 14.40004,-5.76 29.76004,-5.76 12.96,0 25.92,4.32 13.44,3.84 22.56,10.56 l 11.52,-10.08 9.12,0 -13.92,69.12 -12.48,0 q -4.8,-29.28 -14.88,-41.76 -9.6,-12.48 -27.84,-12.48 -16.32,0 -27.84004,8.64 -11.52,8.64 -14.88,24 -1.44,8.16 0,14.4 1.44,5.76 5.76,11.52 4.8,5.76 12.48,12 7.68004,5.76 18.72004,13.44 17.76,12.96 30.24,23.04 12.96,10.08 20.16,20.16 7.2,9.6 9.12,20.16 2.4,10.56 -0.48,24 -6.72,34.08 -32.64,53.76 -25.92,19.2 -61.92004,19.2 -37.44,0 -60,-21.6 l -12.96,16.8 z" d="m 909.94016,961.71617 -10.56,0 16.32,-82.56 12,0 q 5.28,67.68 54.72,67.68 19.20004,0 32.16004,-9.12 13.44,-9.6 17.28,-28.8 1.44,-7.2 0,-12 -0.96,-5.28 -5.76,-10.56 -4.8,-5.76 -14.4,-12.96 -9.12,-7.2 -24.96004,-18.24 -13.92,-10.08 -24.48,-18.72 -10.08,-8.64 -16.8,-17.28 -6.24,-9.12 -8.16,-19.2 -1.92,-10.08 0.48,-23.52 3.36,-16.32 11.52,-29.76 8.16,-13.92 19.68,-23.52 11.52,-9.6 25.44,-14.88 14.40004,-5.76 29.76004,-5.76 12.96,0 25.92,4.32 13.44,3.84 22.56,10.56 l 11.52,-10.08 9.12,0 -13.92,69.12 -12.48,0 q -4.8,-29.28 -14.88,-41.76 -9.6,-12.48 -27.84,-12.48 -16.32,0 -27.84004,8.64 -11.52,8.64 -14.88,24 -1.44,8.16 0,14.4 1.44,5.76 5.76,11.52 4.8,5.76 12.48,12 7.68004,5.76 18.72004,13.44 17.76,12.96 30.24,23.04 12.96,10.08 20.16,20.16 7.2,9.6 9.12,20.16 2.4,10.56 -0.48,24 -6.72,34.08 -32.64,53.76 -25.92,19.2 -61.92004,19.2 -37.44,0 -60,-21.6 l -12.96,16.8 z"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#07a0c3;fill-opacity:1" style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:480px;font-family:'Libre Baskerville';-inkscape-font-specification:'Libre Baskerville Italic';fill:#fff;fill-opacity:1"
id="path5201" /> id="path5201" />
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

2
src/server/app.js
View File

@ -27,7 +27,7 @@ if (__dirname.indexOf('/dist/') >= 0 || __dirname.indexOf('\\dist\\') >= 0) {
const tempDir = path.join(os.tmpDir(), 'node-peer-calls-cache'); const tempDir = path.join(os.tmpDir(), 'node-peer-calls-cache');
app.use('/js', browserify(path.join(__dirname, '../client'))); app.use('/js', browserify(path.join(__dirname, '../client')));
app.use('/less', less(path.join(__dirname, '../less'), { dest: tempDir})); app.use('/css', less(path.join(__dirname, '../less'), { dest: tempDir}));
app.use('/css', express.static(tempDir)); app.use('/css', express.static(tempDir));
app.use('/css/fonts', express.static( app.use('/css/fonts', express.static(
path.join(__dirname, '../less/fonts'))); path.join(__dirname, '../less/fonts')));

3
src/views/_fork.jade
View File

@ -1 +1,2 @@
<a href="https://github.com/jeremija/peer-calls" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a> a#github-ribbon(href="https://github.com/jeremija/peer-calls")
img(src="res/fork.png" alt="Fork me on GitHub")

21
src/views/index.jade
View File

@ -3,7 +3,7 @@ html
head head
title Peer Calls - Video calls to anybody in the world with a private direct connection title Peer Calls - Video calls to anybody in the world with a private direct connection
meta(charset="utf-8") meta(charset="utf-8")
meta(name="description" content="Make video calls to anybody in the world with a private connection. Share the conversation by url.") meta(name="description" content="Make video calls to anybody in the world with a private connection. Share the conversation by sharing url.")
meta(name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no") meta(name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no")
meta(name="mobile-web-app-capable" content="yes") meta(name="mobile-web-app-capable" content="yes")
meta(name="apple-mobile-web-app-capable" content="yes") meta(name="apple-mobile-web-app-capable" content="yes")
@ -16,19 +16,8 @@ html
div#container div#container
form#form form#form(method="get" action="call")
img(src="res/peer-calls.svg" width="100%") h1
img(src="res/peer-calls.svg" width="100%" alt="Peer Calls")
p Group peer-to-peer calls for everyone. Enter a name & share the video link. p Group peer-to-peer calls for everyone. Enter a name & share the video link.
input(type="submit" value="New Session")
input#callId(name="callId" placeholder="Enter your video link ID")
input(type="submit" value="Join")
script.
(function() {
var form = document.getElementById('form');
form.onsubmit = function(event) {
var callId = document.getElementById('callId').value;
window.location = 'call/' + (callId || '');
return false;
}
}());