Fix CSS breakage for instructions and embeds ahead of 3.0 by pushfoo · Pull Request #2520 · pythonarcade/arcade · GitHub
Skip to content
Merged
25 changes: 21 additions & 4 deletions doc/_includes/resources_Top-Level_Resources.rst
24 changes: 24 additions & 0 deletions doc/_includes/resources_Video.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
.. _resources_video:

Video
-----

Arcade offers experimental support for video playback through :py:mod:`pyglet` and other libraries.

.. warning:: These features are works-in-progress!

Please the following to learn more:

* :ref:`future_api`
* The undocumented `experimental folder <https://github.com/pythonarcade/arcade/tree/development/arcade/experimental>`_

To make testing easier, Arcade includes the small video file embedded below. However, runnign the
examples below may require installing both :ref:`guide-supportedmedia-ffmpeg` and additional libraries:

* The `cv2-based video examples <https://github.com/pythonarcade/arcade/blob/development/arcade/future/video/>`_
* The `cv2-based shadertoy example <https://github.com/pythonarcade/arcade/blob/development/arcade/experimental/shadertoy_video_cv2.py>`_

The links above use the unstable development branch of Arcade to gain access to the latest :py:mod:`pyglet`
and Arcade features. If you have questions or want to help develop these examples further, we'd love to hear
from you. The Arcade `Discord server <Arcade Discord>`_ and `GitHub repository <Arcade GitHub>`_ always welcome
new community members.
23 changes: 19 additions & 4 deletions doc/_static/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -262,11 +262,18 @@ table.resource-table td > .resource-thumb.file-icon {


.resource-handle {
display: inline-block;
/* Flex props keep this all on one line when the viewport with's small */
display: inline-flex;
flex-direction: row;
flex-shrink: 0;

/* Make the button round so it's nice-looking */
border-radius: 0.4em;
border: 1px solid rgb(0, 0, 0, 0);

width: fit-content !important;
}

.resource-handle:has(button.arcade-ezcopy:hover) {
border-color: #54c079;
color: #54c079;
Expand Down Expand Up @@ -314,20 +321,28 @@ table.resource-table td > .resource-thumb.file-icon {
.resource-table * > .literal:has(+ button.arcade-ezcopy) {
border-radius: 0.4em 0 0 0.4em !important;
}
.resource-table .literal + button.arcade-ezcopy {
.resource-table * > .literal + button.arcade-ezcopy {
border-radius: 0 0.4em 0.4em 0 !important;
}



.arcade-ezcopy > img {
.arcade-ezcopy > *:is(img, svg) {
margin: 0;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.arcade-ezcopy:hover {
background-color: #54c079;
}
/* Give it some breathing room inside the inline HTML we're using for the moment
# pending: post-3.0 clean-up
*/
li .arcade-ezcopy.doc-ui-example-dummy {
margin-left: 0.2em;
margin-right: 0.2em;
}

table.colorTable {
border-width: 1px;
Expand Down
1 change: 1 addition & 0 deletions doc/_static/icons/tabler/copy.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
100 changes: 69 additions & 31 deletions doc/conf.py
Loading