diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..f427418 Binary files /dev/null and b/.DS_Store differ diff --git a/Icons/.DS_Store b/Icons/.DS_Store new file mode 100644 index 0000000..29f08c5 Binary files /dev/null and b/Icons/.DS_Store differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..37ba6d1 --- /dev/null +++ b/index.html @@ -0,0 +1,88 @@ + + + + + + + + +
+ +
+ +
+ +
+
+
+
+
+
+
+
10:00
+
+
+ +
+ + + + + + + + + + + + + + + + + + + +
+
+

Galaxy

+

VPN

+

kmail

+

kalculator

+

Potify

+
+
+

Weight

+

Clock

+

Strip

+

To-do

+

Message

+
+
+

Gram

+

Blocks

+

Planner

+

Yeeter

+

Diet

+
+
+

Vime

+

Sunny

+

Clipboard

+

Tinder

+
+ +
+
+ <
+
+
+ +
+ + + + +
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d5f4e4c --- /dev/null +++ b/style.css @@ -0,0 +1,190 @@ +body { + font-family: sans-serif; +} +#background, .film, .home, .labels{ + width: 100%; + height: 100%; + position: absolute; + left: 0px; + top: 0px; + z-index: -1; +} +.wallpaper { + width:100%; + height:100%; + object-fit: cover; + object-position: 50% 0; +} +.film { + height: 88%; + background-color: black; + opacity: 0.1; +} +.stairs * { + position: relative; + top: 10px; + left: 6px; + height: 13px; + width: 7px; + background-color: white; + display: inline-block; +} +.step2 { + height: 17px; +} +.step3 { + height: 21px; +} +.step4 { + height: 25px; +} +.time { + position: fixed; + left: 47%; + top: 15px; + color: white; + padding-bottom: 30px; + font-size: 30px; +} +.battery-icon { + position: fixed; + width: 50px; + height: 20px; + border-radius: 3px; + border: 3px solid #FFF; + top: 1%; + left: 92%; +} +.battery-icon:before { + content: ''; + position: absolute; + top: 4px; + right: -7px; + width: 5px; + height: 10px; + border-radius: 2px; + background: #fffefe; +} +.battery-icon:after { + content: ""; + position: absolute; + height: 18px; + width: 97%; + top: 1px; + left: 1px; + background-color: white; + border-radius: 3px; +} +.home { + height: 85%; + top: 2%; + width: 100%; +} +.home img { + height: 150px; + width: 150px; + border-radius: 45px; + margin: 5% 2px 2% 7.5%; +} +.name { + font-size: 40px; + text-align: center; +} +.labels { + position: absolute; + font-size: 30px; + color: white; + font-weight: bold; + padding-left: 10%; + padding-top: 2%; + width: 90%; + right: 0; +} +.a1, .a11, .b1, .b11 { + margin: 24.3% 0px 0% 0%; +} +.a2, .a22, .b2, .b22 { + margin: 22% 0px 0px 2%; +} +.a3, .a33, .b3, .b33 { + margin: 21.5% 0px 0px 1%; +} +.a4, .a44, .b4, .b44 { + margin: 21% 0px 0px -2%; +} +.a5, .a55, .b5, .b55 { + margin: 22% 0px 0px 1%; +} +.a11, .a22, .a33, .a44, .a55{ + margin-left: 26%; +} +.a22 { + margin-left: 27%; +} +.a33 { + margin-left: 28%; +} +.a44 { + margin-left: 27.5%; +} +.a55 { + margin-left: 24.5%; +} +.b1, .b2, .b3, .b4, .b5{ + margin-left: 53%; +} +.b2 { + margin-left: 52%; +} +.b3 { + margin-left: 51%; +} +.b4 { + margin-left: 52%; +} +.b5 { + margin-left: 55%; +} +.b11 { + margin-left: 80%; +} +.b22 { + margin-left: 79%; +} +.b33 { + margin-left: 76%; +} +.b44 { + margin-left: 79%; +} +.circles { + position: relative; + height: 20px; + width: 20px; + border-radius: 50px; + background-color: white; + display: inline-block; + margin: 5% 0% 2% 2%; + top: 95%; + left: 42%; +} +.final { + margin-left: 30px; + opacity: 0.5; +} +.opaque { + opacity: 0.5; +} +.bottom { + position: absolute; + top: 90%; + left: 12%; + width: 80%; +} +.bottom img { + height: 150px; + width: 150px; + border-radius: 45px; + display: inline-block; + margin: 0px 5.4% 0px 0%; +} \ No newline at end of file