dan/dchadwick
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new video theme stuff

Browse Source
This commit is contained in:
Dan Chadwick 2024-04-15 14:02:01 -07:00
parent 7a1c4b7c34
commit e3adc410b6
5 changed files with 39 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/themes/custom/dchadwick/css/style.css
View File

@ -33,6 +33,10 @@ main {
margin: auto; margin: auto;
} }
#main {
z-index: 9999;
}
#fighter__personal-info .fieldset-wrapper, #fighter__stats .fieldset-wrapper { #fighter__personal-info .fieldset-wrapper, #fighter__stats .fieldset-wrapper {
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
@ -206,6 +210,7 @@ table.cols-5 td.incorrect {
#block-dchadwick-homepagehero { #block-dchadwick-homepagehero {
position: relative; position: relative;
max-height: 400px;
} }
#block-dchadwick-homepagehero .field--name-field-media-image { #block-dchadwick-homepagehero .field--name-field-media-image {
max-height: 400px; max-height: 400px;
@ -230,7 +235,6 @@ table.cols-5 td.incorrect {
border-radius: 5px; border-radius: 5px;
color: #f6c177; color: #f6c177;
} }
#footer { #footer {
text-align: center; text-align: center;
background: #c4a7e7; background: #c4a7e7;
@ -248,7 +252,6 @@ table.cols-5 td.incorrect {
#recent-fights { #recent-fights {
background: #fffaf3; background: #fffaf3;
border: 2px solid #6e6a86; border: 2px solid #6e6a86;
padding: 2rem;
} }
#recent-fights > div { #recent-fights > div {
grid-gap: 5px; grid-gap: 5px;

7
web/themes/custom/dchadwick/src/sass/partials/hero.scss
View File

@ -1,5 +1,6 @@
#block-dchadwick-homepagehero { #block-dchadwick-homepagehero {
position: relative; position: relative;
max-height: 400px;
.field--name-field-media-image { .field--name-field-media-image {
max-height: 400px; max-height: 400px;
@ -31,4 +32,10 @@
// opacity: 0.95; // opacity: 0.95;
} }
#bgVideo {
} }
}

3
web/themes/custom/dchadwick/src/sass/partials/main.scss
View File

@ -2,3 +2,6 @@ main {
max-width: $container-full; max-width: $container-full;
margin: auto; margin: auto;
} }
#main {
z-index: 9999;
}

1
web/themes/custom/dchadwick/src/sass/partials/recent-fights.scss
View File

@ -1,7 +1,6 @@
#recent-fights { #recent-fights {
background: $surface; background: $surface;
border: 2px solid $muted; border: 2px solid $muted;
padding: 2rem;
> div { > div {
grid-gap: 5px; grid-gap: 5px;

24
web/themes/custom/dchadwick/templates/field/file-video.html.twig Normal file
View File

@ -0,0 +1,24 @@
{#
/**
* @file
* Default theme implementation to display the file entity as a video tag.
*
* Available variables:
* - attributes: An array of HTML attributes, intended to be added to the
* video tag.
* - files: And array of files to be added as sources for the video tag. Each
* element is an array with the following elements:
* - file: The full file object.
* - source_attributes: An array of HTML attributes for to be added to the
* source tag.
*
* @ingroup themeable
*/
#}
{{ attach_library('bootstrap5/file') }}
<video id="bgVideo" autoplay muted loop>
{% for file in files %}
<source {{ file.source_attributes }} />
{% endfor %}
</video>