diff --git a/META.json b/META.json new file mode 100644 index 0000000..4853289 --- /dev/null +++ b/META.json @@ -0,0 +1,7 @@ +{ + "version" : "0.0.1", + "name" : "Peertube-DL", + "author" : "sergiotarxz", + "abstract" : "A module for downloading videos from various webpages", + "license" : "AGPLv3" +} diff --git a/themes/new_look_aprils_fools/public/dist/css/index.css b/themes/new_look_aprils_fools/public/dist/css/index.css new file mode 100644 index 0000000..e3344ae --- /dev/null +++ b/themes/new_look_aprils_fools/public/dist/css/index.css @@ -0,0 +1,327 @@ +body { + height: 98vh; + + display: flex; + flex-flow: column; + align-items: center; + justify-content: center; + + background-color: #FF69B4; +} + +.application-container { + display: flex; + flex-flow: column; + align-items: center; + justify-content: center; + + border-radius: 0.3rem; + + background-color: #C71585; + + padding: 1.5rem 3rem 1.5rem 3rem; +} + +.application-container form { + display: flex; + flex-flow: column; + justify-content: center; + + width: 100%; + padding: 1rem; +} + +.application-container h2 { + color: #ffffff; + font-weight: 400; + font-size: 1.6rem; +} + +.application-container input { + padding: 1rem; + + color: #C71585; + background-color: #FFB6C1; + + border-radius: 0.2rem; + border: 1px solid transparent; +} + +.application-container button { + margin-top: 1rem; + + color: #ffffff; + font-weight: bold; + + background-color: #059669; + + border-radius: 0.2rem; + border: 1px solid transparent; + + padding: 0.5rem 1rem 0.5rem 1rem; +} + +.application-container button:hover,.application-container button:focus { + background-color: #059; +} + +.application-container button, +.application-container input { + font-size: 0.9rem; +} + +.application-container.active { + display: flex; +} + +#poping-notice-content a { + text-decoration: none; + color: lime; +} + +#poping-notice-content a:hover,#poping-notice-content a:focus { + color: aqua; +} + +#poping-notice-container-bar { + display: flex; + justify-content: center; +} + +#close-poping-notice { + background-color: #059669; + padding: 0.5rem 5rem 0.5rem 5rem; + border-radius: 0.3rem; + text-decoration: none; + font-weight: bolder; + color: white; +} + +#close-poping-notice:hover,#close-poping-notice:focus { + background-color: #059; +} + +.modal { + position: fixed; + display: none; + color: white; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +#poping-notice { + padding: 3rem; + border-radius: 0.3rem; + background-color: #C71585; + color: white; + overflow-y: scroll; + width: 94%; + max-height: 70%; + flex-direction: column; + scrollbar-width: none; +} + +#modal-video-container,#modal-format-selector { + height: 100%; + width: 100%; + flex-flow: column; + align-items: center; + background-color: #FF69B4; +} + +#modal-format-selector h2 { + width: 100%; +} + +#modal-format-selector p { + width: 100%; +} + +.video-container-bar { + width: 99%; + height: 2rem; + padding-top: 1rem; + padding-bottom: 1rem; + display: flex; + justify-content: end; + margin-bottom: 1rem; +} + +.video-container-bar a { + padding: 1rem; + margin-right: 1rem; + border-radius: 0.3rem; + + display: flex; + align-items: center; + justify-content: center; + + background-color: #dc2626; +} + +.video-container-bar a:hover,.video-container-bar a:focus { + color: white; + background-color: grey; +} + + +#modal-video-container > #block { + display: flex; + flex-flow: column; + align-items: center; + justify-content: center; +} + +#download-video-container { + padding: 2rem; + + display: flex; + align-items: center; + justify-content: center; +} + +.button-download { + display: none; + border-radius: 0.3rem; + background-color: #059669; + text-decoration: none; + color: white; + user-select: none; + cursor: pointer; + height: 30px; + padding: 0 2rem; +} + +.button-download:hover,.button-download:focus { + background-color: #059; +} + +.button-download embed { + height: 100%; +} + +#download-video-loading.active { + height: 2rem; +} + +#download-video-container .button-download.active { + display: flex; + align-items: center; +} + +#modal-loading { + display: none; +} + +.modal { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + overflow-y: scroll; +} + +#poping-notice.active { + display: flex; +} + +.modal.active { + display: flex; + scrollbar-width: none; +} + +.modal.active.active::-webkit-scrollbar { + display: none; +} + +#modal-loading { + display: none; + position: fixed; + top: 50%; + left: 50%; + height: 100%; + width: 100%; + transform: translate(-50%, -50%); + border: black 1px solid; + justify-content: right; + align-items: center; +} + +#modal-loading.active { + display: flex; +} + +#modal-loading embed { + width: 10%; +} + +#video { + width: 100%; + max-width: 636px; +} + +#video-container { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; +} + +.format-list > div { + display: grid; + grid-column-gap: 10px; + grid-row-gap: 10px; + grid-template-areas: "a"; + grid-auto-columns: 99%; + margin: 1rem; +} + +.format-list > div > a { + border: 1px solid black; + display: flex; + align-items: center; + justify-content: center; + font-size: 1.5rem; + padding-right: 5%; + padding-left: 5%; + text-decoration: none; + border-radius: 0.5rem; + background-color: #059669; + overflow-wrap: anywhere; +} + +.format-list > div > a:focus,.format-list > div > a:hover { + background-color: #059; +} + +.format-list > div > a:after { + padding-bottom: 100%; + display: block; + content: ""; +} + +.scale { + height: 1em; + width; 1em; +} + +@media (min-width: 600px) { + .format-list > div { + grid-template-areas: "a a"; + grid-auto-columns: 49.75%; + } +} + +@media (min-width: 805px) { + .format-list > div { + grid-template-areas: "a a a"; + grid-auto-columns: 33%; + } +} + +@media (min-width: 812px) { + #poping-notice { + width: 40%; + } +} diff --git a/themes/new_look_aprils_fools/public/dist/img/peertube-dl-logo-fullsize.png b/themes/new_look_aprils_fools/public/dist/img/peertube-dl-logo-fullsize.png new file mode 100644 index 0000000..e52a812 Binary files /dev/null and b/themes/new_look_aprils_fools/public/dist/img/peertube-dl-logo-fullsize.png differ diff --git a/themes/new_look_aprils_fools/public/dist/img/peertube-dl-logo.png b/themes/new_look_aprils_fools/public/dist/img/peertube-dl-logo.png new file mode 100644 index 0000000..f884590 Binary files /dev/null and b/themes/new_look_aprils_fools/public/dist/img/peertube-dl-logo.png differ diff --git a/themes/new_look_aprils_fools/public/dist/index.html b/themes/new_look_aprils_fools/public/dist/index.html new file mode 100644 index 0000000..6047c55 --- /dev/null +++ b/themes/new_look_aprils_fools/public/dist/index.html @@ -0,0 +1,76 @@ + +
+ + + + +Example description
+This webpage is free as in freedom software, it is offered to you with the hope it will be useful, but without any warranty, + you can find the source code at my gitea with docs to setup your own + webpage like this, this software is licensed under the AGPLv3 license which means you MUST convey the source code in a human readable form + if you distribute this software or use it as an service to users of service or distributees.
+ +
I hope that if you find a non supported url which should be supported, a bug, or a feature you would like this webpage to have you file an issue in + https://gitea.sergiotarxz.freemyip.com/sergiotarxz/Peertube-dl/issues + to help this software improve since I find tracking users a pretty bad way to discover bugs and potential good features.
+ +This webpage may load third party resources depending on the url you give to it which may put cookies in your browser, you are + encouraged to frecuently delete your browser cookies to avoid those third parties tracking you on internet, Firefox offers you an + option to delete cookies as soon as you close the browser which may be a good idea to enable in the orwellian internet of today.
+