Skip to content

Commit c288719

Browse files
robnymanrobnyman
committed
Renamed folder temporarily
1 parent 9721b18 commit c288719

10 files changed

+435
-0
lines changed

‎fxosapp-old/css/base.css

+154
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
html, body {
2+
width: 100%;
3+
padding: 0;
4+
margin: 0;
5+
background: #f3f3f4;
6+
}
7+
8+
html, body, button {
9+
font: 10px "Open Sans", sans-serif;
10+
}
11+
12+
header {
13+
background: #000;
14+
color: #fff;
15+
height: 4.9rem;
16+
position: relative;
17+
z-index: 2;
18+
}
19+
20+
header .install-reload button {
21+
color: #fff;
22+
font-size: 1.4rem;
23+
font-weight: 600;
24+
background: transparent;
25+
border: none;
26+
margin: 1.4rem 0 0;
27+
}
28+
29+
header #install {
30+
display: none;
31+
}
32+
33+
header #install.show {
34+
display: inline;
35+
}
36+
37+
header h1 {
38+
display: inline-block;
39+
font: normal 2.2rem/4.9rem "Open Sans", sans-serif;
40+
height: 100%;
41+
margin: 0 0 0 2rem;
42+
padding: 0 0 0 0.1rem;
43+
white-space: nowrap;
44+
}
45+
46+
header ul {
47+
float: right;
48+
margin: 0px;
49+
padding: 0px;
50+
height: 100%;
51+
}
52+
53+
header li {
54+
float: left;
55+
list-style: none;
56+
min-width: 6rem;
57+
padding: 0rem 0.5rem 0rem 0.5rem;
58+
text-align: center;
59+
width: auto;
60+
height: 100%;
61+
}
62+
63+
header li:active {
64+
background-color: #e66000;
65+
}
66+
67+
#main {
68+
padding: 2rem 1rem 6rem 1rem;
69+
}
70+
71+
#main img {
72+
max-width: 100%;
73+
}
74+
75+
#image-presenter {
76+
display: none;
77+
}
78+
79+
#main button {
80+
display: inline-block;
81+
width: 32%;
82+
vertical-align: top;
83+
margin: 0 auto 2rem;
84+
padding: 1rem;
85+
color: #fff;
86+
font-weight: bold;
87+
background: rgb(76,76,76);
88+
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
89+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
90+
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
91+
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
92+
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
93+
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
94+
}
95+
96+
footer {
97+
background: -moz-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
98+
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6a7b86),color-stop(100%,#424f5a));
99+
background: -webkit-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
100+
background: -o-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
101+
background: -ms-linear-gradient(top,#6a7b86 0%,#424f5a 100%);
102+
background: linear-gradient(top,#6a7b86 0%,#424f5a 100%);
103+
color: #fff;
104+
position: fixed;
105+
width: 100%;
106+
height: 5rem;
107+
bottom: 0;
108+
}
109+
110+
footer ul {
111+
margin: 0px;
112+
padding: 0px;
113+
width: 100%;
114+
height:100%;
115+
}
116+
117+
footer li {
118+
/* background: url("images/separator.png") no-repeat scroll left top; */
119+
float: left;
120+
border-right: 1px solid #445;
121+
width: 33%;
122+
height: 100%;
123+
list-style: none;
124+
margin: 0;
125+
text-align: center;
126+
}
127+
128+
footer li button {
129+
display: inline-block;
130+
background: transparent;
131+
border: none;
132+
height: 100%;
133+
color: #fff;
134+
font-size: 1.4rem;
135+
font-weight: 600;
136+
}
137+
138+
footer li.activated {
139+
background: #b4beca;
140+
background: -moz-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
141+
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b4beca),color-stop(100%,#e1e5eB));
142+
background: -webkit-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
143+
background: -o-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
144+
background: -ms-linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
145+
background: linear-gradient(top,#b4beca 0%,#e1e5eB 100%);
146+
}
147+
148+
footer li:active {
149+
background:#e66000;
150+
}
151+
152+
footer li:last-child {
153+
border:none;
154+
}

‎fxosapp-old/images/logo128.png

4.59 KB
Loading

‎fxosapp-old/images/logo16.png

1.24 KB
Loading

‎fxosapp-old/images/logo32.png

1.67 KB
Loading

‎fxosapp-old/images/logo48.png

2.09 KB
Loading

‎fxosapp-old/images/logo64.png

2.59 KB
Loading

‎fxosapp-old/index.html

+57
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width">
6+
<link rel="stylesheet" type="text/css" href="css/base.css"/>
7+
<title>FxOS app</title>
8+
</head>
9+
10+
<body>
11+
12+
<header>
13+
<h1>FxOS app</h1>
14+
<ul class="install-reload">
15+
<li id="install"><button>Install</button></li>
16+
</ul>
17+
</header>
18+
19+
<div id="main">
20+
21+
<button id="pick-image">Pick image</button>
22+
<div id="image-presenter"></div>
23+
24+
<button id="pick-anything">Pick anything</button>
25+
26+
<button id="dial">Dial</button>
27+
28+
<button id="send-sms">Send SMS</button>
29+
30+
<button id="add-contact">Add contact</button>
31+
32+
<button id="record">Record</button>
33+
34+
<button id="share">Share</button>
35+
36+
<button id="view-url">View URL</button>
37+
38+
<button id="compose-email">Compose</button>
39+
40+
</div>
41+
42+
<footer>
43+
<ul>
44+
<li><button id="save-bookmark">Save bookmark</button></li>
45+
<li><button id="reload" class="reload">Reload</button></li>
46+
</ul>
47+
</footer>
48+
49+
<script type="text/javascript" src="js/base.js"></script>
50+
<script type="text/javascript" src="js/webapp.js"></script>
51+
52+
<!--
53+
Loosely based on fxosstub: https://github.com/Jaxo/fxosstub
54+
-->
55+
56+
</body>
57+
</html>

‎fxosapp-old/js/base.js

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
// Install app
2+
var checkIfInstalled = navigator.mozApps.getSelf();
3+
checkIfInstalled.onsuccess = function () {
4+
if (checkIfInstalled.result) {
5+
// Already installed
6+
}
7+
else {
8+
var install = document.querySelector("#install"),
9+
manifestURL = location.href.substring(0, location.href.lastIndexOf("/")) + "/manifest.webapp";
10+
install.className = "show";
11+
install.onclick = function () {
12+
var installApp = navigator.mozApps.install(manifestURL);
13+
installApp.onsuccess = function(data) {
14+
install.style.display = "none";
15+
};
16+
installApp.onerror = function() {
17+
alert("Install failed\n\n:" + installApp.error.name);
18+
};
19+
};
20+
}
21+
};
22+
23+
// Reload content
24+
var reload = document.querySelector("#reload");
25+
if (reload) {
26+
reload.onclick = function () {
27+
location.reload(true);
28+
};
29+
}

0 commit comments

Comments
 (0)