diff --git a/public/index.html b/public/index.html index c6b31826..68b8740b 100644 --- a/public/index.html +++ b/public/index.html @@ -1,18 +1,39 @@ -Firefox Fileshare - - + Firefox Fileshare + + + - + -
- -
+
+
+ Share your files quickly, privately and securely. +
+
+
+
+ DRAG & DROP +
+
+
+ your file/folder here or +
+
+
+ + +
+
+
+ +
+
- + diff --git a/public/main.css b/public/main.css new file mode 100644 index 00000000..24b2d6e4 --- /dev/null +++ b/public/main.css @@ -0,0 +1,66 @@ +/*** index.html ***/ +body { + font-family: 'Fira Sans'; + font-weight: 300; + font-style: normal; + background-size: cover; +} +.main-window{ + border: 1px solid; + width: 606px; + height: 447px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + background-color: white; + border-radius: 5px; +} +.title{ + font-size: 14px; + width: 50%; + margin: 50px auto ; +} +.upload-window{ + border: 1px dashed; + width: 50%; + margin: 0 auto; + width: 470px; + height: 250px; + border-radius: 5px; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +#browse{ + float: right; + color: blue; +} +#browse-text{ + float: left; + width: 128px; +} +#upload-img{ + padding-right: 20px; +} +.upload-window>div:nth-child(2){ + font-size: 26px; +} +.upload{ + font-size: 12px; + width: auto; + overflow: hidden; +} +.file-upload{ + cursor: pointer; +} +input[type="file"] { + display: none; +} +form{ + width: 45px; + float: right; +} diff --git a/public/resources/background.png b/public/resources/background.png new file mode 100644 index 00000000..634b72a2 Binary files /dev/null and b/public/resources/background.png differ diff --git a/public/resources/upload.svg b/public/resources/upload.svg new file mode 100644 index 00000000..7b089cc1 --- /dev/null +++ b/public/resources/upload.svg @@ -0,0 +1,93 @@ + + + + Group 14 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file