diff --git a/docs/Cider.png b/docs/Cider.png new file mode 100644 index 00000000..66ac6206 Binary files /dev/null and b/docs/Cider.png differ diff --git a/docs/ameframework.css b/docs/app-win/ameframework.css similarity index 100% rename from docs/ameframework.css rename to docs/app-win/ameframework.css diff --git a/docs/assets/arrow-left.svg b/docs/app-win/assets/arrow-left.svg similarity index 100% rename from docs/assets/arrow-left.svg rename to docs/app-win/assets/arrow-left.svg diff --git a/docs/assets/backward.svg b/docs/app-win/assets/backward.svg similarity index 100% rename from docs/assets/backward.svg rename to docs/app-win/assets/backward.svg diff --git a/docs/assets/cast_white.svg b/docs/app-win/assets/cast_white.svg similarity index 100% rename from docs/assets/cast_white.svg rename to docs/app-win/assets/cast_white.svg diff --git a/docs/assets/forward.svg b/docs/app-win/assets/forward.svg similarity index 100% rename from docs/assets/forward.svg rename to docs/app-win/assets/forward.svg diff --git a/docs/assets/list.svg b/docs/app-win/assets/list.svg similarity index 100% rename from docs/assets/list.svg rename to docs/app-win/assets/list.svg diff --git a/docs/assets/pause.svg b/docs/app-win/assets/pause.svg similarity index 100% rename from docs/assets/pause.svg rename to docs/app-win/assets/pause.svg diff --git a/docs/assets/play.svg b/docs/app-win/assets/play.svg similarity index 100% rename from docs/assets/play.svg rename to docs/app-win/assets/play.svg diff --git a/docs/assets/quote-right.svg b/docs/app-win/assets/quote-right.svg similarity index 100% rename from docs/assets/quote-right.svg rename to docs/app-win/assets/quote-right.svg diff --git a/docs/assets/repeat.svg b/docs/app-win/assets/repeat.svg similarity index 100% rename from docs/assets/repeat.svg rename to docs/app-win/assets/repeat.svg diff --git a/docs/assets/search.svg b/docs/app-win/assets/search.svg similarity index 100% rename from docs/assets/search.svg rename to docs/app-win/assets/search.svg diff --git a/docs/assets/shuffle.svg b/docs/app-win/assets/shuffle.svg similarity index 100% rename from docs/assets/shuffle.svg rename to docs/app-win/assets/shuffle.svg diff --git a/docs/assets/volume-down.svg b/docs/app-win/assets/volume-down.svg similarity index 100% rename from docs/assets/volume-down.svg rename to docs/app-win/assets/volume-down.svg diff --git a/docs/assets/volume-up.svg b/docs/app-win/assets/volume-up.svg similarity index 100% rename from docs/assets/volume-up.svg rename to docs/app-win/assets/volume-up.svg diff --git a/docs/app-win/index.html b/docs/app-win/index.html new file mode 100644 index 00000000..685a752f --- /dev/null +++ b/docs/app-win/index.html @@ -0,0 +1,157 @@ + + + + + + + + Cider + + + + + + + + +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
Song Name
+
Artist - Album
+
+ +
+
+
❤️
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apple Music +
+ + + +
+ Library +
+ + + + +
+ Playlists +
+ +
+
+ + +
+
+
+

Browse

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt + consectetur, nisl nunc euismod nisi, eu porttitor nisl nisi euismod nisi. +

+
+
+ +
+
+ Text +
+
+ Subtext +
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/docs/app-win/index.js b/docs/app-win/index.js new file mode 100644 index 00000000..564c6bda --- /dev/null +++ b/docs/app-win/index.js @@ -0,0 +1,9 @@ +var app = new Vue({ + el: "#app", + data: { + drawertest: false + }, + methods: { + + } +}) \ No newline at end of file diff --git a/docs/logotmp.png b/docs/app-win/logotmp.png similarity index 100% rename from docs/logotmp.png rename to docs/app-win/logotmp.png diff --git a/docs/sortable.min.js b/docs/app-win/sortable.min.js similarity index 100% rename from docs/sortable.min.js rename to docs/app-win/sortable.min.js diff --git a/docs/style.css b/docs/app-win/style.css similarity index 100% rename from docs/style.css rename to docs/app-win/style.css diff --git a/docs/vue.js b/docs/app-win/vue.js similarity index 100% rename from docs/vue.js rename to docs/app-win/vue.js diff --git a/docs/vuedraggable.umd.min.js b/docs/app-win/vuedraggable.umd.min.js similarity index 100% rename from docs/vuedraggable.umd.min.js rename to docs/app-win/vuedraggable.umd.min.js diff --git a/docs/index.css b/docs/index.css new file mode 100644 index 00000000..62ae0949 --- /dev/null +++ b/docs/index.css @@ -0,0 +1,71 @@ +:root { + --appleEase: cubic-bezier(.42, 0, .58, 1); + --appleTransition: .2s var(--appleEase); +} + +body, html { + height: 100%; + margin: 0; + width: 100%; + padding: 0px; +} + +body { + background: #333; + background-image: url("./wallpaper.webp"); + background-size: cover; + background-repeat: no-repeat; +} + +#wrapper { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +#app-main { + width: 90%; + height: 90%; + max-width: 1366px; + max-height: 768px; + overflow: hidden; + border-radius: 10px; + background: rgb(100 100 100 / 20%); + box-shadow: 0px 0px 0px 1px rgb(200 200 200 / 20%), + 0px 8px 15px 4px rgb(0 0 0 / 25%); + backdrop-filter: blur(64px) saturate(180%); + animation: windowIn var(--appleEase) .35s; +} + +[hidden] { + display: none; +} + +.cider-splash { + width: 200px; + height: 200px; + background-image: url("./Cider.png"); + background-size: contain; + background-repeat: no-repeat; + filter: drop-shadow(0px 10px 10px rgb(255, 42, 85)); + animation: windowIn var(--appleEase) .35s; +} + +#app-main>iframe { + width: 100%; + height: 100%; + border:0px; +} + +@keyframes windowIn { + 0% { + opacity: 0; + transform: scale(0.9); + } + 100% { + opacity: 1; + transform: scale(1); + } +} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 685a752f..c57ad117 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,157 +1,17 @@ - - - - Cider - - - - - + Cider UI Preview + - - -
-
-
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
-
-
-
-
Song Name
-
Artist - Album
-
- -
-
-
❤️
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
- Apple Music -
- - - -
- Library -
- - - - -
- Playlists -
- -
-
- - -
-
-
-

Browse

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt - consectetur, nisl nunc euismod nisi, eu porttitor nisl nisi euismod nisi. -

-
-
- -
-
- Text -
-
- Subtext -
-
-
-
- - - -
-
- -
-
+ +
+
+ -
- + - \ No newline at end of file diff --git a/docs/index.js b/docs/index.js index 564c6bda..7e483805 100644 --- a/docs/index.js +++ b/docs/index.js @@ -1,9 +1,6 @@ -var app = new Vue({ - el: "#app", - data: { - drawertest: false - }, - methods: { - - } -}) \ No newline at end of file +document.addEventListener('DOMContentLoaded', function() { + setTimeout(function() { + document.querySelector(".cider-splash").setAttribute("hidden", "true"); + document.querySelector("#app-main").removeAttribute("hidden"); + }, 1000); +}); \ No newline at end of file diff --git a/docs/wallpaper.webp b/docs/wallpaper.webp new file mode 100644 index 00000000..2d5bb1e9 Binary files /dev/null and b/docs/wallpaper.webp differ