diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..75bab2e Binary files /dev/null and b/.DS_Store differ diff --git a/Frame/DeviceFrame.jpg b/Frame/DeviceFrame.jpg old mode 100644 new mode 100755 diff --git a/Frame/HomeScreenMockup.png b/Frame/HomeScreenMockup.png old mode 100644 new mode 100755 diff --git a/Icons/.DS_Store b/Icons/.DS_Store new file mode 100644 index 0000000..abb98a0 Binary files /dev/null and b/Icons/.DS_Store differ diff --git a/Icons/1.png b/Icons/1.png old mode 100644 new mode 100755 diff --git a/Icons/10.png b/Icons/10.png old mode 100644 new mode 100755 diff --git a/Icons/11.png b/Icons/11.png old mode 100644 new mode 100755 diff --git a/Icons/12.png b/Icons/12.png old mode 100644 new mode 100755 diff --git a/Icons/13.png b/Icons/13.png old mode 100644 new mode 100755 diff --git a/Icons/14.png b/Icons/14.png old mode 100644 new mode 100755 diff --git a/Icons/15.png b/Icons/15.png old mode 100644 new mode 100755 diff --git a/Icons/16.png b/Icons/16.png old mode 100644 new mode 100755 diff --git a/Icons/17.png b/Icons/17.png old mode 100644 new mode 100755 diff --git a/Icons/18.png b/Icons/18.png old mode 100644 new mode 100755 diff --git a/Icons/19.png b/Icons/19.png old mode 100644 new mode 100755 diff --git a/Icons/2.png b/Icons/2.png old mode 100644 new mode 100755 diff --git a/Icons/20.png b/Icons/20.png old mode 100644 new mode 100755 diff --git a/Icons/3.png b/Icons/3.png old mode 100644 new mode 100755 diff --git a/Icons/4.png b/Icons/4.png old mode 100644 new mode 100755 diff --git a/Icons/5.png b/Icons/5.png old mode 100644 new mode 100755 diff --git a/Icons/6.png b/Icons/6.png old mode 100644 new mode 100755 diff --git a/Icons/7.png b/Icons/7.png old mode 100644 new mode 100755 diff --git a/Icons/8.png b/Icons/8.png old mode 100644 new mode 100755 diff --git a/Icons/9.png b/Icons/9.png old mode 100644 new mode 100755 diff --git a/Icons/Mail.png b/Icons/Mail.png new file mode 100755 index 0000000..8949132 Binary files /dev/null and b/Icons/Mail.png differ diff --git a/Icons/Messages.png b/Icons/Messages.png new file mode 100755 index 0000000..7325f72 Binary files /dev/null and b/Icons/Messages.png differ diff --git a/Icons/Phone.png b/Icons/Phone.png new file mode 100644 index 0000000..f4596d6 Binary files /dev/null and b/Icons/Phone.png differ diff --git a/Icons/Safari.png b/Icons/Safari.png new file mode 100755 index 0000000..909b624 Binary files /dev/null and b/Icons/Safari.png differ diff --git a/Icons/Telephone.png b/Icons/Telephone.png new file mode 100755 index 0000000..8701146 Binary files /dev/null and b/Icons/Telephone.png differ diff --git a/Icons/message.png b/Icons/message.png new file mode 100644 index 0000000..5570694 Binary files /dev/null and b/Icons/message.png differ diff --git a/Icons/music.png b/Icons/music.png new file mode 100644 index 0000000..e04eacf Binary files /dev/null and b/Icons/music.png differ diff --git a/Icons/safari.jpg b/Icons/safari.jpg new file mode 100644 index 0000000..713e783 Binary files /dev/null and b/Icons/safari.jpg differ diff --git a/README.md b/README.md old mode 100644 new mode 100755 diff --git a/Wallpaper/Default.jpg b/Wallpaper/Default.jpg old mode 100644 new mode 100755 diff --git a/index.html b/index.html new file mode 100755 index 0000000..aa3aee7 --- /dev/null +++ b/index.html @@ -0,0 +1,65 @@ + + + + + + + + + IOS + + + + + + +
+
+
+
+
+
+
+

+
+
+ +
+ 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20 +
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/scripts.js b/scripts.js new file mode 100644 index 0000000..243592b --- /dev/null +++ b/scripts.js @@ -0,0 +1,32 @@ +function getTodaysDate() { + var today = new Date(); + var day = today.getDate(); + var month = today.getMonth() + 1; + var year = today.getFullYear(); + var hour = today.getHours(); + var minute = today.getMinutes(); + + if (day < 10) { + day = '0' + day + } + + if (month < 10) { + month = '0' + month + } + + if (hour < 10) { + hour = '0' + hour + } + + if (minute < 10) { + minute = '0' + minute + } + + today = day + '/' + month + '/' + year + " " + hour + ":" + minute; + + return today +} + +// var today = getTodaysDate(); +var today = document.getElementById('status-date'); +today.innerText = getTodaysDate(); diff --git a/styles.css b/styles.css new file mode 100755 index 0000000..dd4646a --- /dev/null +++ b/styles.css @@ -0,0 +1,135 @@ +/* html { + background: url('Wallpaper/Default.jpg') no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} */ + +body { + background: url(Wallpaper/Default.jpg) no-repeat center; + background-size: 375px 667px; + ; + max-width: 375px; + height: 667px; + overflow: hidden; + margin: auto; +} + +.status { + margin-top: 2px; + width: 370px; +} + +.status-signal { + display: inline-block; + width: 140px; + height: 30px; +} + +.status-signal-attribute { + display: inline-block; + width: 2px; + background-color: white; + margin: 0px; + border-width: 1px; + padding: 0px; +} + +#status-signal-01 { + height: 2px; +} + +#status-signal-02 { + height: 4px; +} + +#status-signal-03 { + height: 6px; +} + +#status-signal-04 { + height: 8px; +} + +#status-date { + display: inline-block; + color: white; + font-size: 12px; + margin-top: 2px; + width: 100px; + height: 10px; + text-align: center; +} + +.status-battery { + display: inline-block; + width: 18px; + height: 8px; + background-color: white; + margin-left: 100px; + border-width: 1px; + padding: 0px; +} + +.ios-body { + width: 375px; + height: 550px; + /* margin-left: 30px; */ + /* margin-right: 30px; */ + border-width: 60px; + /* padding-left: 16px; + padding-right: 16px; */ +} + +.icon-image { + display: inline-block; + width: 60px; + height: 60px; + padding: 15px; +} + +.page { + display: block; + margin-left: 150px; + margin-bottom: 0; + width: 100px; + height: 10px; +} + +.page-no { + display: inline-block; + width: 6px; + height: 6px; + background-color: white; + margin-left: 10px; + border-width: 1px; + padding: 0px; + border-radius: 50%; +} + +#page-no-01 { + background-color: rgb(228, 222, 222); +} + +#page-no-03 { + background-color: rgb(228, 222, 222); +} + +.ios-footer { + display: block; + margin-top: 17px; + background-color: rgb(250, 204, 143); + /* padding: 100px; */ + /* margin: 0 auto; */ + /* border: 0px; */ + width: 375px; + height: 80px; +} + +.ios-footer-image { + display: inline-block; + width: 60px; + height: 60px; + padding: 15px; +} \ No newline at end of file