Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
58fba511 by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 29c81c53
Inline Side-by-side
Showing 7 changed files with 70 additions and 2 deletions
...@@ -14652,6 +14652,30 @@ h1 + p, .h1 + p { ...@@ -14652,6 +14652,30 @@ h1 + p, .h1 + p {
14652 .hero-content h1 + p, .hero-content .h1 + p { 14652 .hero-content h1 + p, .hero-content .h1 + p {
14653 font-size: 20px; 14653 font-size: 20px;
14654 } 14654 }
14655 .hero-content .play-video {
14656 background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23fff'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
14657 width: 48px;
14658 height: 33px;
14659 background-size: cover;
14660 text-indent: -99999px;
14661 display: block;
14662 }
14663 .hero-content .play-video:hover {
14664 background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23e3e3e3'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
14665 }
14666
14667 #Modal_Video .modal-content {
14668 background-color: transparent;
14669 border-width: 0px !important;
14670 }
14671 #Modal_Video .btn-close {
14672 opacity: 1;
14673 margin-right: -20px;
14674 margin-top: -20px;
14675 width: 20px;
14676 height: 20px;
14677 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
14678 }
14655 14679
14656 #wrapper-footer { 14680 #wrapper-footer {
14657 background-color: #183668; 14681 background-color: #183668;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -55,7 +55,24 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -55,7 +55,24 @@ $container = get_theme_mod( 'understrap_container_type' );
55 </div><!-- .row --> 55 </div><!-- .row -->
56 56
57 </div><!-- #content --> 57 </div><!-- #content -->
58 58 <?php $video = get_post_meta(get_the_id(), 'video', true);
59 if($video !=""){ ?>
60 <div class="modal fade" id="Modal_Video" tabindex="-1" role="dialog" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
61 <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
62 <div class="modal-content">
63 <div class="modal-body">
64 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
65 <div class="body-content">
66 <video width="100%" controls>
67 <source src="<?php echo $video;?>" type="video/mp4">
68 Your browser does not support the video tag.
69 </video>
70 </div>
71 </div>
72 </div>
73 </div>
74 </div>
75 <?php } ?>
59 </div><!-- #page-wrapper --> 76 </div><!-- #page-wrapper -->
60 77
61 <?php 78 <?php
......
...@@ -61,5 +61,32 @@ ...@@ -61,5 +61,32 @@
61 max-width: 600px; 61 max-width: 600px;
62 } 62 }
63 h1 + p { font-size: 20px; } 63 h1 + p { font-size: 20px; }
64
65 .play-video{
66 background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23fff'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
67 width: 48px;
68 height: 33px;
69 background-size: cover;
70 text-indent: -99999px;
71 display: block;
72 }
73 .play-video:hover{
74 background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23e3e3e3'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
75 }
76
64 77
65 } 78 }
79 #Modal_Video{
80 .modal-content{
81 background-color: transparent;
82 border-width:0px !important ;
83 }
84 .btn-close{
85 opacity: 1;
86 margin-right: -20px;
87 margin-top: -20px;
88 width: 20px;
89 height: 20px;
90 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
91 }
92 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.2.0033 8 Version: 1.2.0034
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......