itch player

commit 61c509dd92f67e40e6f136d7b31c617a5ba80037 Author: torcado194 Date: Sun Mar 20 17:54:46 2022 -0400 init diff --git a/config.json b/config.json new file mode 100644 index 0000000..4a03557 --- /dev/null +++ b/config.json @@ -0,0 +1,13 @@ +{ + "title": "", + "media": [], + "cover": "", + "theme": { + "coverSize": 480, + "layoutStyle": "vertical", + "infoStyle": "overlaid", + "contentWidth": 400, + "nativePlayer": false + }, + "description": "" +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..8a1fac6 --- /dev/null +++ b/index.html @@ -0,0 +1,1225 @@ + + + + + + + itch player + + + + + + +

+ +

____

+ + +

+ + + \ No newline at end of file diff --git a/media/put files here.txt b/media/put files here.txt new file mode 100644 index 0000000..e69de29 diff --git a/src/common.css b/src/common.css new file mode 100644 index 0000000..753e966 --- /dev/null +++ b/src/common.css @@ -0,0 +1,35 @@ +blockquote { + border-left: 2px solid; + padding-left: 20px; +} + +hr { + border-width: 0; + border-bottom-width: 1px; +} +h1 { + font-size: 2em; +} +h2 { + font-size: 1.5em; +} +h3 { + font-size: 1.17em; +} +h4 { + font-size: 1em; +} +h5 { + font-size: 0.83em; +} +h6 { + font-size: 0.67em; +} + +ol { + list-style: decimal; +} + +ol, ul { + padding-left: 30px; +} \ No newline at end of file diff --git a/src/fonts.css b/src/fonts.css new file mode 100644 index 0000000..da4706a --- /dev/null +++ b/src/fonts.css @@ -0,0 +1,127 @@ +@font-face { + font-family: 'icons'; + src: url('fonts/icons.eot?qqpgvs'); + src: url('fonts/icons.eot?qqpgvs#iefix') format('embedded-opentype'), + url('fonts/icons.ttf?qqpgvs') format('truetype'), + url('fonts/icons.woff?qqpgvs') format('woff'), + url('fonts/icons.svg?qqpgvs#icons') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icons' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + font-size: 20px; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-config:before { + content: "\1f4c3"; +} +.icon-title:before { + content: "\1e6e"; +} +.icon-edit-info:before { + content: "\1f4dd"; +} +.icon-info:before { + content: "\1f5c9"; +} +.icon-lyrics:before { + content: "\1f3bc"; +} +.icon-pull:before { + content: "\2913"; +} +.icon-text:before { + content: "\1f5b9"; +} +.icon-error:before { + content: "\24e7"; +} +.icon-exclamation:before { + content: "\21"; +} +.icon-unknown:before { + content: "\3f"; +} +.icon-warning:before { + content: "\26a0"; +} +.icon-x:before { + content: "\d7"; +} +.icon-cover:before { + content: "\1f4bd"; +} +.icon-star:before { + content: "\2605"; +} +.icon-star-outline:before { + content: "\2606"; +} +.icon-grab:before { + content: "\2630"; +} +.icon-audio:before { + content: "\266b"; +} +.icon-image:before { + content: "\1f5bc"; +} +.icon-trash:before { + content: "\1f5d1"; +} +.icon-video:before { + content: "\1f4f9"; +} +.icon-dots:before { + content: "\22ef"; +} +.icon-loading:before { + content: "\1f504"; +} +.icon-next:before { + content: "\23ed"; +} +.icon-previous:before { + content: "\23ee"; +} +.icon-volume-high:before { + content: "\1f50a"; +} +.icon-volume-low:before { + content: "\1f509"; +} +.icon-volume-none:before { + content: "\1f508"; +} +.icon-volume-x:before { + content: "\1f507"; +} +.icon-pause:before { + content: "\23f8"; +} +.icon-play:before { + content: "\25b6"; +} +.icon-plus-big:before { + content: "\2b"; +} +.icon-drop-big:before { + content: "\2b07"; +} +.icon-loading-big:before { + content: "\25cc"; +} diff --git a/src/fonts/icons.eot b/src/fonts/icons.eot new file mode 100644 index 0000000..21c27f1 Binary files /dev/null and b/src/fonts/icons.eot differ diff --git a/src/fonts/icons.svg b/src/fonts/icons.svg new file mode 100644 index 0000000..5d0dfe1 --- /dev/null +++ b/src/fonts/icons.svg @@ -0,0 +1,43 @@ + + + \ No newline at end of file diff --git a/src/fonts/icons.ttf b/src/fonts/icons.ttf new file mode 100644 index 0000000..d5290e9 Binary files /dev/null and b/src/fonts/icons.ttf differ diff --git a/src/fonts/icons.woff b/src/fonts/icons.woff new file mode 100644 index 0000000..aa07908 Binary files /dev/null and b/src/fonts/icons.woff differ diff --git a/src/reset.css b/src/reset.css new file mode 100644 index 0000000..9f39785 --- /dev/null +++ b/src/reset.css @@ -0,0 +1,78 @@ +/*** + The new CSS reset - version 1.5.1 (last updated 1.3.2022) + GitHub page: https://github.com/elad2412/the-new-css-reset +***/ + +/* + Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property + - The "symbol *" part is to solve Firefox SVG sprite bug + */ + /* *:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) { */ + *:where(:not(iframe, canvas, img, svg, video, strong, b, i, em, hr, del, s, strike, sup, sub, u, ul, li):not(svg *, symbol *)) { + all: unset; + display: revert; +} + +/* Preferred box-sizing value */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* Reapply the pointer cursor for anchor tags */ +a, button { + cursor: revert; +} + +/* Remove list styles (bullets/numbers) */ +/* ol, ul, menu { + list-style: none; +} */ + +/* For images to not be able to exceed their container */ +img { + max-width: 100%; +} + +/* removes spacing between cells in tables */ +table { + border-collapse: collapse; +} + +/* revert the 'white-space' property for textarea elements on Safari */ +textarea { + white-space: revert; +} + +/* minimum style to allow to style meter element */ +meter { + -webkit-appearance: revert; + appearance: revert; +} + +/* reset default text opacity of input placeholder */ +::placeholder { + color: unset; +} + +/* fix the feature of 'hidden' attribute. + display:revert; revert to element instead of attribute */ +:where([hidden]) { + display: none; +} + +/* revert for bug in Chromium browsers + - fix for the content editable attribute will work properly. */ +:where([contenteditable]) { + -moz-user-modify: read-write; + -webkit-user-modify: read-write; + overflow-wrap: break-word; + -webkit-line-break: after-white-space; +} + +/* apply back the draggable feature - exist only in Chromium and Safari */ +:where([draggable="true"]) { + -webkit-user-drag: element; +} +