Skip to content

Commit 18625e3

Browse files
ProgrammingMuffinProgrammingMuffin
committed
added landing page
added a very simplistic landing page. more features have to be added soon.
1 parent 277e797 commit 18625e3

File tree

5 files changed

+116
-19
lines changed

5 files changed

+116
-19
lines changed

‎images/headsetgirl.png

786 KB
Loading

‎images/logo.png

52.6 KB
Loading

‎images/phone.png

350 KB
Loading

‎index.php

+20-19
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,24 @@
1-
<?php
2-
3-
$file_name = $_FILES['cam']['name'];
4-
$file_tmpname = $_FILES['cam']['tmp_name'];
5-
$file_size = $_FILES['cam']['size'];
6-
7-
echo "file name: " . $file_name . "<br>";
8-
echo "file temporary name: " . $file_tmpname . "<br>";
9-
echo "file size: " . $file_size . "<br>";
10-
11-
echo '<img src="' . $file_tmpname . '" >';
12-
13-
?>
14-
151
<html>
2+
<head>
3+
<link href="stylesheets/index.css" type="text/css" rel="stylesheet" />
4+
<meta name="viewport" content="width=device-width, initial-scale=1" >
5+
</head>
166
<body>
17-
<h1>Front camera unit testing</h1>
18-
<form enctype="multipart/form-data" action="index.php" method="post" >
19-
<input type="file" name="cam" accept="images/*" capture="user" >
20-
<input type="submit" value="scan" >
21-
</form>
7+
<div class="topbar_container" >
8+
<div class="topbar" >
9+
<img class="topbar_logo" src="images/logo.png" >
10+
</div>
11+
</div>
12+
<div class="intro_container" >
13+
<div class="intro" >
14+
<div class="intro_head" >Welcome to Emo</div>
15+
<div class="intro_section_container" >
16+
<div class="intro_left" ><br><br>A web based music player that suggests you music based on your emotions<br><br>Let your emotions control the music.</div>
17+
<div class="intro_left" >
18+
<img class="intro_img" src="images/phone.png" >
19+
</div>
20+
</div>
21+
</div>
22+
</div>
2223
</body>
2324
</html>

‎stylesheets/index.css

+96
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Fira+Sans+Condensed|Nanum+Gothic|Open+Sans|Slabo+27px');
2+
3+
body{
4+
margin: 0;
5+
padding: 0;
6+
overflow: auto;
7+
}
8+
9+
.topbar_container{
10+
background-color: #404E4D;
11+
color: white;
12+
width: 100%;
13+
height: 75px;
14+
min-width: 800px;
15+
}
16+
17+
.topbar{
18+
background-color: inherit;
19+
color: white;
20+
width: 800px;
21+
height: 75px;
22+
margin-left: auto;
23+
margin-right: auto;
24+
}
25+
26+
.topbar_logo{
27+
width: 50px;
28+
height: 50px;
29+
margin-left: 25px;
30+
margin-top: 12px;
31+
display: block;
32+
float: left;
33+
}
34+
35+
.intro_container{
36+
background-color: rgb(224, 50, 38);
37+
color: white;
38+
min-width: 800px;
39+
width: 100%;
40+
height: 600px;
41+
}
42+
43+
.intro{
44+
background-color: rgb(224, 50, 38);
45+
color: white;
46+
width: 800px;
47+
height: 600px;
48+
margin-left: auto;
49+
margin-right: auto;
50+
overflow: hidden;
51+
}
52+
53+
.intro_head{
54+
background: inherit;
55+
color: white;
56+
width: 300px;
57+
height: 50px;
58+
line-height: 50px;
59+
margin-top: 25px;
60+
margin-left: auto;
61+
margin-right: auto;
62+
text-align: center;
63+
font-family: 'Nanum Gothic', sans-serif;
64+
font-size: 35px;
65+
font-weight: 600;
66+
}
67+
68+
.intro_section_container{
69+
background: inherit;
70+
width: 800px;
71+
height: 500px;
72+
margin-left: auto;
73+
margin-right: auto;
74+
margin-top: 25px;
75+
}
76+
77+
.intro_left{
78+
background: inherit;
79+
color: white;
80+
width: 400px;
81+
height: 500px;
82+
float: left;
83+
font-family: 'Open Sans', sans-serif;
84+
font-size: 25px;
85+
text-align: center;
86+
}
87+
88+
89+
.intro_img{
90+
width: 350px;
91+
height: 350px;
92+
margin-top: 0px;
93+
display: block;
94+
margin-left: auto;
95+
margin-right: auto;
96+
}

0 commit comments

Comments
 (0)