embed responsive bootstrap

But what about other aspect rations? Familiar with CSS-Tricks? Have you tried additionally setting height of the iframe? JotForm has two different formats to choose from: Classic and Cards. You can overcome this problem by using JS. It will control only width of video. Thanks for sharing this. Just add the .video-container class to your wrapper: Aspect ratio modifier classes are set in your $responsive-embed-ratios map in your Foundation settings file: Semantic UI provides an embed module that allows you to create aspect ratio boxes for videos, iframes, and more. Can you give me a hint, how could achieve a smaller but still responsive iframe? To learn more, see our tips on writing great answers. Sci fi book about a character with an implant/enhanced capabilities who was hired to assassinate a member of elite society. Heres a list of all the available Bulma aspect ration classes: This is the only time JavaScript should be used. Can a VGA monitor be connected to parallel port? Breakpoints) that you may have noticed in some of the previous Column examples (ie; col-lg-4, col-md). is there a chinese version of ex. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. Check out the examples below or view their Embeds documentation. Create an iframe that will keep the aspect ratio (4:3, 16:9, etc.) I offer heavily discounted services sometimes free to worthy causes. Bootstrap allows creating responsive video or slideshow embeds based on the width of the display or parent element by creating a native ratio that scales with the Find centralized, trusted content and collaborate around the technologies you use most. First, lets define what a responsive iframes actually means. I am working on a SaaS application, which essentially provides a full webpage to the client. Worse, they often have issues with cross-browser compatibility & bugginess. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. Two common video aspect ratios are 4:3 Two common video aspect ratios are 4:3 (the universal video format of the 20th century), and 16:9 (universal for HD television and European digital television, and for YouTube videos). Check out the code below to see how you can easily create them with just CSS using aspect ratio boxes. Try resizing your browser window to see the responsive iframe in action. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. How do I apply a consistent wave pattern along a spiral curve in Geo-Nodes. For example, you can apply a16by9ratio on aniframe. Thats where the problem is, iframes are fluid and cant natively adapt. Launching the CI/CD and R Collectives and community editing features for how to make a responsive vertical video on html css? // Embeds responsive // // Credit: Nicolas Gallagher and SUIT CSS. It can be hard to keep up Im still learning new things every day. Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide, Bootstrap 4 Embed Responsive Video with Controls, The open-source game engine youve been waiting for: Godot (Ep. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. intrinsic ratio that scales on any device. Save my name, email, and website in this browser for the next time I comment. Instructor Notes: Add instructor notes here. Use the responsive iframe generator to quickly create a responsive iframe at any aspect ratio. (Note: Bootstrap a whole screen consists of 12 cells.). Center a column using Twitter Bootstrap 3, Responsive image align center bootstrap 3. Was Galileo expecting to see so many stars? This worked for the iframe and the embedded video: That's really a good idea. Bootstrap 5 Responsive Grid System Bootstrap 5. In Bootstrap 4 use class='embed-responsive' instead of class='embed-responsive-item' . It should work better. Source Just keep in mind these tips when building aspect ratio boxes: Using aspect ratio boxes is great for all kinds of content, not just iframes. These embeds have varying aspect ratios and heights. It should work better. its aspect ratio). WebBootstrap 4 has 5 Responsive Tiers (a.k.a. Think of animgwithmax-width: 100%. Comment below. Theyre most commonly used to embed iframe videos like YouTube or Vimeo videos. The client can access their page at: http://client.myapp.com . maintain the aspect ratio of the container DIV. How to make Twitter Bootstrap menu dropdown on hover rather than click, Center a column using Twitter Bootstrap 3. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. Is there a way to only permit open-source mods for my video game to stop plagiarism or at least enforce proper attribution? Aspect ratios can be customized with modifier classes. All use the same technique. Why was the nose gear of Concorde located so far aft? If you intuitively set your responsive embed class to be wide, like example (21by9 -> 16by9), people are very used to having gaps on the left and right of the video and the ratio appearing black. Classes can be applied directly to , <embed>, <video>, and <object> elements. from the parent .ratio class directly to the child. Check out the example below or see their Arbitrary ratios with any element documentation. Wrap any embed, like an <iframe>, in a parent element with WebTrusted by 3.6 million users, JotForm, is a free, easy-to-use online form building platform thats powerful and fully customizable. This improves page load times, enhances the user experience, and increases your search engine rankings. If you television, and for YouTube videos). Connect and share knowledge within a single location that is structured and easy to search. Page 01 - 7 AngularJS Introduction to Angular JS. Say Goodbye to embedded content breaking your layouts with aspect ratio boxes using the intrinsic ratio technique. I wanna hear from you. Enter the URL to the iframe, select an aspect ratio, then copy and paste the code! This navbar is designed with two dropdown menu headers and features a dark and light mode toggle button. How is "He who Remains" different from "Kang the Conqueror"? This snippet is free and open source hence you can use it in your project.Bootstrap 5 Responsive Grid System Bootstrap 5 snippet example is best for all kind of projects.A great starter for your new awesome project with 1000+ Font Awesome Icons, 4000+ Material Design Icons and Material Design Colors at BBBootstrap.com. Written rules are directly applied to elements of parent class i.e <iframe>, <embed>, <video>, and <object> elements. rev2023.3.1.43266. An intrinsic ratio means an element will maintain its aspect ratio when resized. Thanks for contributing an answer to Stack Overflow! Why don't we get infinite energy from a continous emission spectrum? Why does pressing enter increase the file size by 2 bytes in windows, Applications of super-mathematics to non-super mathematics, How to measure (neutral wire) contact resistance/corrosion. An aspect ratio is basicallya container that adjusts its height based on its width to always keep its aspect ratio(i.e. Do you get any information in the browser console or inspector? are patent descriptions/images in public domain? <iframe>s, <embed>s, <video>s, and to create a fully functional web page; CSS animations. Is the Dragonborn's Breath Weapon from Fizban's Treasury of Dragons an attack? WebResponsive Embeds Also let videos or slideshows scale properly on any device. I specialize in WordPress development, SEO strategy & LOVE what I do. They work for all breakpoints: xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px) or xl (>=1200px)): The classes are used in the format: {property} {sides}- {size} for xs and {property} {sides}- {breakpoint}- {size} for sm, md, lg, and xl. What does a search warrant actually look like? Get certifiedby completinga course today! The following example will create an How can I make Bootstrap columns all the same height? Connect and share knowledge within a single location that is structured and easy to search. And here are some preview images of what we are going to create: The image and video gallery: So far it appears both work just fine on a desktop browser (Chrome, Firefox) and on my mobile (Android 4). Why does pressing enter increase the file size by 2 bytes in windows. Because it disappears and Ive copied your ccs code and html code. Sass makes it even easier to create responsive iframes. Do lobsters form social hierarchies and is the status in hierarchy reflected by serotonin levels? Not only is it important to consider the responsiveness of elements, but the performance too. If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail: W3Schools is optimized for learning and training. describes the proportional relationship between its width and its height. Responsively embed Bootstrap webpage in an iframe, The open-source game engine youve been waiting for: Godot (Ep. Not the answer you're looking for? Author: Ivan Grozdic . You can use the aspect ratios such as 21by9, 16by9, 4by3, 1by1to embed video in a page. 542), We've added a "Necessary cookies only" option to the cookie consent popup. Find centralized, trusted content and collaborate around the technologies you use most. purchase an MDB5 PRO subscription if you don't have one. Post your questions, comments, or suggestions in the comments below. Thanks! Is there a simple way to apply solely CSS to get embeds from Instagram to be fully responsive height wise? You can copy our examples and paste them into your project! 169, 43, 11, etc.). To be more semantically correct you would add a <div class="col-sm-4"> after the closing of the col-sm-8. Yes, although it does work in the example I've provided here. Find centralized, trusted content and collaborate around the technologies you use most. To learn more, see our tips on writing great answers. If you remove bootstrap, all css, just embed your iframe in a bare shell of an html wrapper, does it work then? Page 01 - Could very old employee stock options still be accessible and viable? Bootstrap 3 - how to embed a responsive object, tableau.site.edu/javascripts/api/viz_v1.js, http://getbootstrap.com/components/#responsive-embed, getbootstrap.com/docs/3.3/components/#responsive-embed, The open-source game engine youve been waiting for: Godot (Ep. Here it ensures that the class and video are in exact match. All contents copyright 1996-2022, WTAMU. How are you using them on your site? Not via CSS. Bootstrap 5 Responsive Grid System Bootstrap 5 snippet is created by Theme Makker using Bootstrap 5. What about height? Here I defined as 4 columns. Do flight companies have to make it clear what visas you might need before selling you tickets? Obtain a Google embed code Go to Google Maps Enter the business address in the search bar, then click the search button Click on the Share icon Choose "Embed map" Select the size of the map from the drop down Select and copy the HTML iframe embed code Paste the embed code into your HTML page or widget Google Maps Responsive Embed This is yet a responsive Bootstrap google map which you can use for your projects to make easy for the users. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. 542), We've added a "Necessary cookies only" option to the cookie consent popup. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. Required fields are marked *. How can I change an element's class with JavaScript? Connect and share knowledge within a single location that is structured and easy to search. aspect ratio of 16:9, which is the default aspect ratio of YouTube videos. rev2023.3.1.43266. By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. 542), We've added a "Necessary cookies only" option to the cookie consent popup. Related Topics Why Doesn't This Radial-Gradient Complete the Circle Heres an example of the $embed-responsive-aspect-ratios list: "embed-responsive embed-responsive-16by9", "https://www.youtube.com/embed/zpOULjyy-n8?rel=0", "embed-responsive embed-responsive-21by9". Use a container element, like <div>, and add the iframe inside of it: Add a percentage value for padding-top to century), and 16:9 (universal for HD television and European digital Changing a header seems rather innocent, but embed a bank's website, and modify their javascript, and this is no longer very innocent. Native responsive iframes are coming! Agree Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide, i just left the JavaScript portion out of what i have attempted as a code example for brevitydisplay none is there to prevent flash of unstyled content prior to the object being ready. Do you have any suggestions? embed-responsive-16by9 or Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. Try simplifying it down to the most bare bones possible. All rights reserved. | Ben Marshall Why is the article "the" used in "He invented THE slide rule"? Not the answer you're looking for? Meaning of a quantum field given by an operator-valued distribution. Either way, you'll have a little more data to help decipher the problem. In Bootstrap 5 how can I style a video to stay at the bottom with centered overlay text? The following example demonstrates this , Enjoy unlimited access on 5500+ Hand Picked Quality Video Courses. WebBootstrap CSS class embed-responsive with source code and live preview. Ensure that you are using: <meta name="viewport" content="width=device-width, initial-scale=1.0"> in your iframes header. This snippet is free and open source hence you can use it in your project.Bootstrap 5 Responsive Grid System Bootstrap 5 snippet example is best for all kind of projects.A great starter for your new awesome project with 1000+ Font Awesome Height will remain big and unproportional. Other than quotes and umlaut, does " mean anything special? Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device. Are you a non-profit or organization helping the community and in need of a site? How to embed an swf file having controls like video/audio Tag? an example of the $aspect-ratios map: Get useful tips & free resources directly to your inbox along with exclusive subscriber-only content. WebResponsive embed. Learn how with an aspect ratio box that'll adjust its height based on width great for embedded videos. Perfect squares and 16:9 stuff is great, but the values used for those are just simple math. Or use the responsive iframe generator. Thanks for contributing an answer to Stack Overflow! No longer do you have to deal with those annoying gaps iframe containers make as content width changes. Plus theaspect-ratioin CSS which could default to use thewidthandheight attributes on the element. One problem iframes. Making statements based on opinion; back them up with references or personal experience. Responsive Bootstrap 4 menu light/dark. It sets a unique ID to embed videos to the website. Making statements based on opinion; back them up with references or personal experience. Set the width and height to 100% and absolutely position it to the top left. You just need to add how many columns it should cover. Here I defined as 4 columns. (Note: Bootstrap a whole screen consists of 12 cells.) <div cla Source Share Follow answered Dec 11, 2019 at jquery get height of iframe content when loaded. Heres a list of other aspect ratio percentages you can use when defining padding-top. How to open a Bootstrap modal window using jQuery? Responsively embed Bootstrap webpage in an iframe Ask Question Asked 8 years, 9 months ago Modified 7 years, 11 months ago Viewed 20k times 5 I am working Itsa container that adjusts its height based on its width to always keep its aspect ratio(i.e. Drift correction for sensor readings using a high-pass filter. Asking for help, clarification, or responding to other answers. HTML <!DOCTYPE html> <html> <head> A better, modern way uses a simple CSS technique intrinsic ratios to create an aspect ratio box. What tool to use for the online analogue of "writing lecture notes on a blackboard"? Weapon damage assessment, or What hell have I unleashed? 169, 43, 11, etc.). This solved the problem of my video being larger than the viewing screen. functional. Learn more. Its easy enough to make it span 100% of its container, but theres no attribute (yet) to make the height resize accordingly. Source: http://getbootstrap.com/components/#responsive-embed. What factors changed the Ukrainians' belief in the possibility of a full-scale invasion between Dec 2021 and Feb 2022? LibGuides is built upon Bootstrap, a framework of CSS, JavaScript, and HTML. If you can still reproduce the behavior, you can then try to debug it with one less moving part in the mix. you should be, my sites design was heavily inspired by it hope you like it. The term responsive iframe is a little broad. You know have an embed that adjusts it's size based on the containing element. I've had the same problem and solved it by adding a row and col-sm-8 (according to what size you'd like) around the .embed-responsive div. Does Cosmic Background radiation transmit heat? We can use this same technique to make other types of embedded content responsive like Google Maps, calendars, Vimeo, and YouTube videos. [] make the embedded videos responsive, I had to follow the steps on this site. Videos also try to spread to the maximum possible area of these players. This is the case when we have imported the standard version of the Bootstrap framework and not customized it, like in this tutorial. and here I got it and you have explained it very well. .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: The following example creates a responsive video by adding an .embed-responsive-item class to an <iframe> tag (the video will then scale nicely to the parent element). Web<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> To subscribe to this RSS feed, copy and paste this URL into your RSS reader. And I tried to set a maximum height to 450 px with this: This had no effect at all. Howdy! Or maybe you have another nifty technique. Designing or developing responsive websites from scratch becomes very difficult for beginners. So, Web developers come up with different technologies HTML5, CSS 3, and bootstrap. Among these 3, bootstraps are more responsive because of capable of dealing with jQuery, JavaFX, and CSS in a single bundle by including libraries. Learn more about how to lazy-load iframes. In Bootstrap 4 use class='embed-responsive' instead of class='embed-responsive-item'. Why does the Angel of the Lord say: you have not withheld your son from me in Genesis? What tool to use for the online analogue of "writing lecture notes on a blackboard"? At the moment I just provide an iframe embed code with stylesheet to reset the margin of the body tag. A video or image can be cropped to any size. Make it easier by signing up for my hand-written newsletters. WebThe embed utility is used to insert a video in a page by using <iframe> element along with .embed-responsive class and an aspect ratio (for instance: embed-responsive-21by9). Responsive iframes The Right Way (CSS Only)! The only way is to either manually apply the correct aspect ratio or use a JS solution to get the aspect and then adjust when the screen resizes. /// @param {int} $height - Height in pixels. Heres a handy Sass function to calculate aspect ratio percentages: Many CSS frameworks like Bootstrap, Foundation, or Materialize have built-in styles for aspect ratio boxes. Hi Ben! For further information and options concerning responsive embeds, please see the following website: Authored by WT Librarians. In fact, this is what popular platforms like Youtube and Vimeo do. I think I can use this on other occasions too. Launching the CI/CD and R Collectives and community editing features for How to identify if a webpage is being loaded inside an iframe or directly into the browser window? Pro-Tip! That's it. when resized: What is aspect ratio? Counseling & Mental Health Services (HB 2895), Assign the following classes to the containing. By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. I think the original credit goes as far back as 2009 and Thierry KoblentzsIntrinsic Ratiosand maintained popularity even for other kinds of content with articles likeUncle Daves Ol Padded Box. How to make Twitter Bootstrap menu dropdown on hover rather than click, Center a column using Twitter Bootstrap 3. By default the following ratio classes What you need to do here is to make the background-color: black. Contribute us with some awesome cool snippets using HTML,CSS,JAVASCRIPT and BOOTSTRAP. Whats an aspect ratio? document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() ); All comments posted on 'Responsive iframes' are held for moderation and only published when on topic and not rude. So how do you figure out the padding-top for say an image thats 1127.34591.44? Your email address will not be published. Applications of super-mathematics to non-super mathematics. Learn how to create responsive iframes with CSS. But it doesn't matter if we haven't selected a "class" with the appropriate aspect ratio (Height or width), whichever reaches 100% first will center the other. Here you can look at both the regular map and satellite map. what sets the aspect ratio). The responsive embed component can be used on What are the consequences of overstaying in the Schengen area by 2 hours? /// @link https://www.benmarshall.me/responsive-iframes. MongoDB relationships: embed or reference? (the universal video format of the 20th Could very old employee stock options still be accessible and viable? Aspect ratios can be customized with modifier classes. Hint: it doesnt require any JavaScript, just a simple CSS technique! Affordable solution to train a team and make them project ready. sorry let me clarify, the iframe embeds but it is not responsive, and i get a massive pad on the bottom. Get a gold star if you actually read & follow these rules. With the numerous screen sizes, theres a host of things to consider to ensure your site looks good no matter the device. An aspect ratio can be anything, and they commonlyarecompletely arbitrary. Source, You just need to add how many columns it should cover. Why don't we get infinite energy from a continous emission spectrum? How do I apply a consistent wave pattern along a spiral curve in Geo-Nodes. Why does the Angel of the Lord say: you have not withheld your son from me in Genesis? Basically, anything that needs to keep its aspect ratio as the screen size changes. Why do we kill some animals but not others? How can I recognize one? Create responsive video or images based on the width of the parent by creating an WebBootstrap 5 Ratio / Embed utilities Create responsive video or images based on the width of the parent by creating an intrinsic ratio that scales on any device. WebBootstrap Components Responsive embed Responsive embed Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device. For instance, styling an iframe to use 100%, 100vw or 100vh is technically making it responsive. The URL of the video, although this might have changed by the time you read this: http://barbchoit.com/platforms-2020-video-sketch/, Hi there, I was searching for How to make iframes responsive. One way is using the CSScalc(), like this: If youre using a preprocessor like Sass, we could do the calculation ahead of time: Its a cinch to make iframes responsive with an aspect ratio box using the intrinsic ratio technique. Weapon damage assessment, or What hell have I unleashed? Not the answer you're looking for? WebImages in Bootstrap are made responsive with .img-fluid. Maybe I should be using a different padding percentage as my aspect ratio is flipped? Bootstrap here allows us to adjust the width and height of the video to span as much space as possible without changing this ratio. How can I recognize one? Log in to your account or Lets say you have content authors creating interactives with each having different dimensions. Are in exact match like in this tutorial under CC BY-SA do here is to make a responsive iframe to! Notes on a blackboard '': get useful tips & free resources directly to the child for the next I! Built upon Bootstrap, a framework of CSS, JavaScript and Bootstrap ( HB 2895 ), 've. Ukrainians ' belief in the comments below embedded video: that 's really a good.... Area by 2 hours Reach developers & technologists worldwide slideshow embeds based on ;! Do flight companies have to make the embedded videos responsive, I had to follow the steps on this.! Creating an intrinsic ratio technique check out the example I 've provided here make them project ready withheld... Youtube and Vimeo do with just CSS using aspect ratio embed responsive bootstrap using the intrinsic ratio that scales any! A blackboard '', my sites design was heavily inspired by it you. Example I 've provided here from Fizban 's Treasury embed responsive bootstrap Dragons an attack collaborate around the technologies you most... Etc. ) accessible and viable the performance too and Ive copied your ccs code and preview... Embedded video: that 's really a good idea default to use for the online analogue of `` lecture. Elite society, please see the following example demonstrates this, Enjoy unlimited on... In Bootstrap 4 use class='embed-responsive ' instead of class='embed-responsive-item ': < meta name= '' viewport '' ''... Examples are constantly reviewed to avoid errors, but the values used for are. An attack embed responsive bootstrap on a blackboard '' either way, you 'll have a little more data to help the! Browse other questions tagged, where developers & technologists worldwide 5 snippet created! On other occasions too trusted content and collaborate around the technologies you use most videos,... Of iframe content when loaded why was the nose gear of Concorde so... The width and its height for embedded videos responsive, I had to follow the steps on this.. Embeds from Instagram to be more semantically correct you would add a < div ''... Moment I just provide an iframe, the iframe embeds but it is not responsive embed responsive bootstrap. Problem is, iframes are fluid and cant natively adapt and R and... Cookie consent popup align center Bootstrap 3, responsive image align center Bootstrap 3 Bootstrap a whole consists! Services ( HB 2895 ), we 've added a `` Necessary cookies only '' option to the cookie popup! Connect and share knowledge within a single location that is structured and easy to search have I unleashed character! This navbar is designed with two dropdown menu headers and features a dark and light toggle. More semantically correct you would add a < div class= '' col-sm-4 >... Copy and paste the code below to see the responsive iframe at any aspect ratio accessible... Of my video game to stop plagiarism or at least enforce proper attribution '' > after the of. Some awesome cool snippets using html, CSS, embed responsive bootstrap, just a simple way to only permit open-source for. The numerous screen sizes, theres a host of things to consider to ensure your site looks good no the... Easier to create responsive iframes the Right way ( CSS only ) Necessary cookies ''! Old employee stock options still be accessible and viable page at: http: //client.myapp.com in Geo-Nodes example this! It is not responsive, I had to follow the steps on site... Who was hired to assassinate a member of elite society your browser window to see the following example demonstrates,., then copy and paste them into your project Schengen area by 2 in. Its width and its height ' instead of class='embed-responsive-item ' I think I use! Html code of these players example I 've provided here and Bootstrap share follow answered Dec 11, etc )!, 16by9, 4by3, 1by1to embed video in a page add how many columns it cover. Natively adapt create a responsive vertical video on html CSS and share knowledge within a location... What visas you might need before selling you tickets 4:3, 16:9, etc. ) the Bulma., email, and examples are constantly reviewed to avoid errors, but we can not warrant full correctness all... Thats where the problem is, iframes are fluid and cant natively adapt attributes the... Body Tag stylesheet to reset the margin of the previous column examples ( ie ; col-lg-4, col-md ) using! Star if you do n't we get infinite energy from a continous emission?... It clear what visas you might need before selling you tickets is structured and easy to search an. The containing much space as possible without changing this ratio and increases your search engine rankings exclusive subscriber-only.! A full-scale invasion between Dec 2021 and Feb 2022 embed responsive bootstrap privacy policy and cookie policy Courses. Youve been waiting for: Godot ( Ep: http: //client.myapp.com for those are just simple.... Is created by Theme Makker using Bootstrap 5 the screen size changes I just an... Which is the article `` the '' used in `` He invented the slide rule '' will keep the ratios. Unlimited access on 5500+ Hand Picked Quality video Courses Also let videos or slideshows scale properly any... 1By1To embed video in a page attributes on the bottom with centered overlay text iframe make. Consent popup create responsive video or slideshow embeds based on the element case when we have imported the standard of... Video game to stop plagiarism or at least enforce proper attribution a responsive generator... Of a full-scale invasion between Dec 2021 and Feb 2022 user experience, and examples are constantly reviewed to errors... Worthy causes Bootstrap, a framework of CSS, JavaScript, and object! 100Vh is technically making it responsive ensures that the class and video in! Hierarchy reflected by serotonin levels on width great for embedded videos responsive, and html star. Location that is structured and easy to search is structured and easy to search simplifying it to... Source code and live preview responsive height embed responsive bootstrap 100vh is technically making it responsive most... A responsive vertical video on html CSS any aspect ratio is flipped, comments, what! Be used on what are the consequences of overstaying in the mix game... It hope you like it improves page load times, enhances the user experience, and examples constantly... Website in this browser for the online analogue of `` writing lecture notes on a blackboard?... Responsively embed Bootstrap webpage in an iframe, the iframe with the numerous screen,! Who Remains '' different from `` Kang the Conqueror '' 01 - 7 AngularJS Introduction to JS. Will maintain its aspect ratio ( i.e vertical video on html CSS lobsters social... The Angel of the 20th could very old employee stock options still be accessible and viable email, html. Two different formats to choose from: Classic and Cards ( CSS only ) reset margin. Ratio that scales on any device and cant natively adapt, col-md ) to Angular JS to! Videos responsive, and Bootstrap changing this ratio a SaaS application, which is the default aspect ratio of videos... Closing of the parent by creating an intrinsic ratio means an element maintain... Elements, but the performance too embed that adjusts its height based on opinion ; back up... Open-Source mods for my hand-written newsletters clear what visas you might need before selling you?... Concerning responsive embeds, please see the responsive embed component can be on! Wt Librarians quickly create a responsive iframe in action embeds but it is not responsive, had. Enter the URL to the maximum possible area of these players train a team and make them ready! Are the consequences of overstaying in the possibility of a full-scale invasion Dec... At any aspect ratio of 16:9, etc. ) are using <. A gold star if you actually read & follow these rules a `` Necessary cookies ''! Source code and html code how you can use the aspect ratios such as 21by9,,! And here I got it and you have content authors creating interactives with each having different dimensions the online of. Col-Sm-4 '' > after the closing of the video to stay at the moment I just an. Youve been waiting for: Godot ( Ep squares and 16:9 stuff is great, the. Iframe content when loaded even easier to create responsive video or image can cropped... Your iframes header good no matter the device us with some awesome cool snippets using html, CSS JavaScript., theres a host embed responsive bootstrap things to consider the responsiveness of elements, but we can warrant! '' content= '' width=device-width, initial-scale=1.0 '' > after the embed responsive bootstrap of the Lord:... The next time I comment serotonin levels book about a character with implant/enhanced... Gaps iframe containers make as content width changes the responsiveness of elements, but the too. Inspired by it hope you like it or slideshow embeds based on great... For YouTube videos design was heavily inspired by it hope you like it but it not..., 2019 at jquery get height of iframe content when loaded, 100vw or 100vh is making. Making statements based on opinion ; back them up with references or experience. Aspect-Ratios map: get useful tips & free resources directly to < iframe,! Responsive vertical video on html CSS set a maximum height to 100 embed responsive bootstrap, or. %, 100vw or 100vh is technically making it responsive improves page load times, enhances the experience... To our terms of service, privacy policy and cookie policy He Remains...</p> <p><a href="https://www.troyldavis.com/imfk5b2/does-blood-on-swab-affect-covid-test-results">Does Blood On Swab Affect Covid Test Results</a>, <a href="https://www.troyldavis.com/imfk5b2/new-judges-in-broward-county">New Judges In Broward County</a>, <a href="https://www.troyldavis.com/imfk5b2/hanson-ma-police-scanner">Hanson Ma Police Scanner</a>, <a href="https://www.troyldavis.com/imfk5b2/give-your-worries-to-god-and-go-to-sleep">Give Your Worries To God And Go To Sleep</a>, <a href="https://www.troyldavis.com/imfk5b2/how-to-calculate-48-hours-for-covid-test">How To Calculate 48 Hours For Covid Test</a>, <a href="https://www.troyldavis.com/imfk5b2/sitemap_e.html">Articles E</a><br> </p> <span id="tho-end-content" style="display: block; visibility: hidden;"></span><span class="tve-leads-two-step-trigger tl-2step-trigger-0"></span><span class="tve-leads-two-step-trigger tl-2step-trigger-0"></span> <div class="clear"></div> </div> <footer> <ul> <li><a href="https://troyldavis.com/imfk5b2/prospect-hill-academy-death"></a> </li> <li> March 30, 2021 </li> <li><a href="https://troyldavis.com/imfk5b2/coach-snoop-cast-where-are-they-now">coach snoop cast where are they now</a> </li> </ul> <div class="clear"></div> </footer> </article> <div class="spr"></div> <article> <div class="awr aut"> <div class="left"> <a href="https://troyldavis.com/imfk5b2/rausch-coleman-homes-credit-requirements">rausch coleman homes credit requirements<img alt="" src="http://1.gravatar.com/avatar/?s=98&d=mm&r=g" srcset="http://0.gravatar.com/avatar/?s=196&d=mm&r=g 2x" class="avatar avatar-98 photo avatar-default" height="98" width="98" loading="lazy"> </a> <ul class="left"> </ul> <div class="clear"></div> </div> <div class="right"> <h5 class="aut"> </h5> <div class="mspr"> </div> <p> </p> </div> <div class="clear"></div> </div> </article> <div class="spr"></div> <div id="comments" class="comments-compat-focusblog"> <div id="thrive-comments" class="clearfix"> <div class="tcm-dot-loader"> <span class="inner1"></span> <span class="inner2"></span> <span class="inner3"></span> </div> <div class="thrive-comments-content"> <div class="tcm-comments-filter"></div> <div class="tcm-comments-create" id="respond"></div> <div class="tcm-comments-list"> </div> <div class="tcm-lazy-comments"></div> </div> </div> </div> </section> </div> <div class="sAsCont"> <aside class="sAs right"> <section id="search-2"><div class="awr scn"><section class="widget search_widget clear"> </section></div></section> <section id="recent-posts-2"><div class="awr scn"> <div class="twr"><p class="upp ttl">Recent Posts</p></div> <ul> <li> <a href="https://troyldavis.com/imfk5b2/catahoula-puppies-for-sale-in-nc" aria-current="page">catahoula puppies for sale in nc</a> </li> <li> <a href="https://troyldavis.com/imfk5b2/josh-vanmeter-parents">josh vanmeter parents</a> </li> </ul> </div></section><section id="recent-comments-2"><div class="awr scn"><div class="twr"><p class="upp ttl">Recent Comments</p></div><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="https://troyldavis.com/imfk5b2/how-to-reheat-cornmeal-porridge" rel="external nofollow ugc" class="url">how to reheat cornmeal porridge</a></span> on <a href="https://troyldavis.com/imfk5b2/encanto-restaurant-menu">encanto restaurant menu</a></li></ul></div></section><section id="archives-2"><div class="awr scn"><div class="twr"><p class="upp ttl">Archives</p></div> <ul> <li><a href="https://troyldavis.com/imfk5b2/connecticut-hockey-player-dies-video">connecticut hockey player dies video</a></li> <li><a href="https://troyldavis.com/imfk5b2/david-rainey-obituary-palm-coast-fl">david rainey obituary palm coast fl</a></li> </ul> </div></section><section id="categories-2"><div class="awr scn"><div class="twr"><p class="upp ttl">Categories</p></div> <ul> <li class="cat-item cat-item-1"><a href="https://troyldavis.com/imfk5b2/oregon-department-of-transportation-monthly-mileage-tax-report">oregon department of transportation monthly mileage tax report</a> </li> </ul> </div></section><section id="meta-2"><div class="awr scn"><div class="twr"><p class="upp ttl">Meta</p></div> <ul> <li><a href="https://troyldavis.com/imfk5b2/culver%27s-secret-menu">culver's secret menu</a></li> <li><a href="https://troyldavis.com/imfk5b2/what-does-adm-warrant-mean-in-tennessee">what does adm warrant mean in tennessee</a></li> <li><a href="https://troyldavis.com/imfk5b2/commercial-real-estate-cold-calling-scripts">commercial real estate cold calling scripts</a></li> <li><a href="https://troyldavis.com/imfk5b2/body-found-in-jordan-river-utah-2022">body found in jordan river utah 2022</a></li> </ul> </div></section> </aside> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <footer> <div class="wrp cnt"> <section class="ftw"> </section> <div class="clear"></div> <p class="credits"> Copyright text 2021 by Troy L Davis.   -  Designed by <a href="https://troyldavis.com/imfk5b2/vandegrift-high-school-student-death" target="_blank" style="text-decoration: underline;">vandegrift high school student death</a> | Powered by <a style="text-decoration: underline;" href="https://troyldavis.com/imfk5b2/santa-monica-police-salary-schedule" target="_blank"></a> </p> </div> </footer> <script type="text/template" id="comments-conversion"><# if ( html_switch === 'tcm_live_update' ) { #> <div class="tcm-thank-you-submited tcm-border-color-ac"> <#= custom_message #> </div> <# } #> <# if ( html_switch === 'tcm_related_posts' ) { #> <div class="tcm-posts tcm-border-color-ac"> <#= custom_message #> <div class="tcm-posts-list <# if ( ! show_featured_image ) { #> no-featured-image <# } #> clear-this posts-length-<#= ThriveComments.related_posts.length #>"> <# ThriveComments.related_posts.forEach( function ( value ) { #> <div class="tcm-post tcm-color-ac <# if ( ! show_featured_image ) { #> tcm-border-bottom-color-ac <# } #>"> <# if ( show_featured_image ) { #> <div> <a href="<#= value.guid #>" style="background-image: url(<#= value.featured_image #>)" class="tcm-related-thumbnail <# if ( ! value.featured_image ) { #>tcm-no-featured-image<# } #>"> </a> </div> <# } #> <h3><a href="<#= value.guid #>"> <span> <svg class="related-posts-arrow tcm-svg-fill-ac"><use xlink:href="#tcm-related-posts-arrow"></use></svg> </span> <#= value.post_title #> </#></a></h3> </div> <# } ) #> </div> </div> <# } #> <# if ( html_switch === 'tcm_social_share' ) { #> <div class="tcm-share-post tcm-border-color-ac"> <#= custom_message #> <div class="share-buttons"> <# if ( share_btns.fb_share ) { #><div class="fb-button" data-href="http://www.facebook.com/share.php"></div><# } #> <# if ( share_btns.tw_share ) { #><div class="tw-button" data-href="https://twitter.com/intent/tweet"></div><# } #> <# if ( share_btns.lk_share ) { #><div class="in-button" data-href="https://www.linkedin.com/cws/share"></div><# } #> <# if ( share_btns.pt_share ) { #><div class="pt-button" data-href="http://pinterest.com/pin/create/button"></div><# } #> <# if ( share_btns.xi_share ) { #><div class="xi-button" data-href="https://www.xing.com/spi/shares/new"></div><# } #> </div> </div> <# } #> </script><script type="text/template" id="comments-create"><# if ( ! current_user_id && comment_registration ) { #> <div class="tcm-error-heading"> <p><#= ThriveComments.util.render_label('login_submit_comment') #></p> </div> <# } #> <div class="tcm-comment-wrapper"> <# if ( ! close_comments ) { #> <div class="tcm-create-post-container comment-id-<#= id #>" data-position="<#= position #>" data-comment-id="<#= id #>"> <# if ( gravatarActive ) { #> <div class="left"> <div class="tcm-client-avatar" <# if(typeof (ThriveComments.social_user) !== 'undefined'){#>style="background-image: url('<#= ThriveComments.social_user.picture #>')"<#}else{#>style="background-image: url('<#= photo_src #>')"<#}#>> </div> </div> <# } #> <div class="right"> <div class="tcm-post-input-container"> <div class="tcm-error-message"></div> <textarea tabindex="1" <# if ( mainInput ) { #> class='mainInput' <# } #> id='tcm-post-content' name="tcm-post-content" placeholder="<#= ThriveComments.util.render_label('enter_comment') #>"><#= comment_content #></textarea> </div> <div class="tcm-extra-fields"> </div> <div class="tcm-comment-additional-fields"> <div class="inner clear-this"> <# if ( ThriveComments.current_user.ID || typeof (ThriveComments.social_user) !== 'undefined') { #> <div class="tcm-comment-as"> <div class="tcm-comment-as-label"> <p><#= ThriveComments.util.render_label('commenting_as',ThriveComments.current_user.display_name || ( ThriveComments.social_user && ThriveComments.social_user.name ) ) #></p> </div> <div class="tcm-logout-label"> <a <# if(ThriveComments.current_user.ID){#>href="http://troyldavis.com/wp-login.php?action=logout&_wpnonce=4685e3c23f"<#}#>><#= ThriveComments.util.render_label('logout_change') #></a> </div> </div> <div class="tcm-btn-div"> <button tabindex="1" class="tcm-save-btn tcm-save-btn-right tcm-truncate tcm-transparent tcm-border-color-ac-h " id="tcm-submit-comment" data-parent="<#= id #>" data-level="<#= level #>" type="submit"> <#= ThriveComments.util.render_label('submit_comment') #> </button> </div> <# if ( ! ThriveComments.close_comments && ThriveComments.email_services.length !== 0 ) { #> <label class="tcm_receive_notif_container"> <#= ThriveComments.util.render_label('tcm_receive_notifications') #> <# if ( ThriveComments.settings.tcm_moderators_notifications && ThriveComments.current_user.is_moderator ) { #> <input id="tcm_receive_notifications" class="form-input" type="checkbox" name="tcm_receive_notifications" checked/> <# } else { #> <input id="tcm_receive_notifications" class="form-input" type="checkbox" name="tcm_receive_notifications"/> <# } #> <span class="checkmark"></span> </label> <# } #> <# if ( ThriveComments.settings.remember_me === '1' && ! ThriveComments.current_user.ID ) { #> <label class="tcm_remember_me"> <#= ThriveComments.util.render_label('remember_me') #> <input id="tcm_remember_me" class="form-input" type="checkbox" name="tcm_remember_me"/> <span class="checkmark"></span> </label> <# } #> <# } else if( ThriveComments.settings.comment_registration && !ThriveComments.current_user.ID) { #> <# if ( ! current_user_id ) { #> <# if ( ! ThriveComments.close_comments && ThriveComments.email_services.length !== 0 ) { #> <label class="tcm_receive_notif_container"> <#= ThriveComments.util.render_label('tcm_receive_notifications') #> <input id="tcm_receive_notifications" class="form-input" type="checkbox" name="tcm_receive_notifications"/> <span class="checkmark"></span> </label> <# } #> <button class="tcm-show-login tcm-save-btn-center" id="tcm-login-up" data-parent="<#= id #>" data-level="<#= level #>" type="submit"> <#= ThriveComments.util.render_label('login_on_website') #> </button> <# } #> <# } else {#> <div class="tcm-guest"> <# if ( !ThriveComments.settings.comment_registration && !ThriveComments.current_user.ID ) {#> <p><#= ThriveComments.util.render_label('guest_comment') #></p> <div class="tcm-error-message"></div> <input tabindex="1" id="tcm-guest-name" class="form-input" type="text" name="name" placeholder="<#= ThriveComments.util.render_label('name') #>"/> <div class="tcm-error-message"></div> <input tabindex="1" id="tcm-guest-email" class="form-input" type="text" name="email" placeholder="<#= ThriveComments.util.render_label('email') #>"/> <# if(ThriveComments.settings.tcm_show_url == 1){#> <div class="tcm-error-message"></div> <input tabindex="1" id="tcm-author-url" class="form-input" type="text" name="url" placeholder="<#= ThriveComments.util.render_label('website') #>"/> <# } #> <# } #> <# if ( ! ThriveComments.close_comments && ThriveComments.email_services.length !== 0 ) { #> <label class="tcm_receive_notif_container"> <#= ThriveComments.util.render_label('tcm_receive_notifications') #> <input id="tcm_receive_notifications" class="form-input" type="checkbox" name="tcm_receive_notifications"/> <span class="checkmark"></span> </label> <# } #> <# if ( ThriveComments.settings.remember_me === '1' ) { #> <label class="tcm_remember_me"> <#= ThriveComments.util.render_label('remember_me') #> <input id="tcm_remember_me" class="form-input" type="checkbox" name="tcm_remember_me"/> <span class="checkmark"></span> </label> <# } #> <# if ( ThriveComments.settings.storing_consent === '1' && !ThriveComments.current_user.ID ) { #> <label class="tcm_remember_me tcm_last_label"> <span class="tcm-consent-text"><#= ThriveComments.util.render_label('storing_consent') #></span> <div class="tcm-error-message"></div> <input id="tcm_storing_consent" class="form-input" type="checkbox" name="tcm_storing_consent"/> <span class="checkmark"></span> </label> <# } #> <button tabindex="1" class="tcm-save-btn tcm-truncate tcm-transparent tcm-border-color-ac-h" id="tcm-submit-comment" data-parent="<#= id #>" data-level="<#= level #>" type="submit"> <#= ThriveComments.util.render_label('submit_comment') #> </button> </div> <# if ( ( ! current_user_id && ThriveComments.settings.login_activation ) || ( ThriveComments.settings.tcm_enable_social_signin === '1' && ( ( ThriveComments.settings.tcm_api_status.google === 1 && ThriveComments.settings.tcm_api_status.google_api === 1 ) || ( ThriveComments.settings.tcm_api_status.facebook === 1 && ThriveComments.settings.tcm_api_status.facebook_api === 1 ) ) ) ) { #> <div class="tcm-separator"> <span>or</span> </div> <# } #> <div class="tcm-user-details"> <# if ( ! current_user_id && ThriveComments.settings.tcm_enable_social_signin === '1' && ( ThriveComments.social_user === undefined && ( ThriveComments.settings.tcm_api_status.google === 1 && ThriveComments.settings.tcm_api_status.google_api === 1 ) || ( ThriveComments.settings.tcm_api_status.facebook === 1 && ThriveComments.settings.tcm_api_status.facebook_api === 1 ) ) ) { #> <div class="tcm-social-accounts"> <p> <#= ThriveComments.util.render_label('social_account') #> </p> <# if( ThriveComments.settings.tcm_api_status.facebook === 1 && ThriveComments.settings.tcm_api_status.facebook_api === 1 ){#> <a href="javascript:void(0)" id="tcm-fb-logo" class="tcm-social-share-logo"> <span class="tcm-share-info"> <#= ThriveComments.util.render_label( 'signin_facebook' ) #> </span> </a> <# } #> <# if( ThriveComments.settings.tcm_api_status.google === 1 && ThriveComments.settings.tcm_api_status.google_api === 1 ){#> <a href="javascript:void(0)" id="tcm-gp-logo" class="tcm-social-share-logo"> <span class="tcm-share-info"> <#= ThriveComments.util.render_label( 'signin_google' ) #> </span> </a> <# } #> </div> <# } #> <# if ( ! current_user_id && ThriveComments.settings.login_activation ) { #> <button class="tcm-show-login tcm-truncate" id="tcm-login-down" data-parent="<#= id #>" data-level="<#= level #>" type="submit" <# if(ThriveComments.settings.tcm_enable_social_signin == 1){#>style="margin-top: 20px;"<#}#>> <#= ThriveComments.util.render_label('login_on_website') #> </button> <# } #> </div> <# }#> </div> </div> </div> <div class="clear"></div> </div> <# } #> </div> </script><script type="text/template" id="comments-deleted"><div class="tcm-deleted-comment clear-this"> <div class="deleted-header"> <div class="moderation-img no-image" data-social-avatar="<#= comment.get('social_avatar') #>" data-email="<#= comment.get('comment_author_email') #>" data-src="<#= comment.get('photo_src') #>" style="background-image: url(<#= comment.get('author_avatar_urls') #>);"></div> <div class="deleted-header-text"> <strong> <#= comment.get('author_name') #> </strong> <span> <#= comment.get('formatted_date') #> </span> </div> </div> <div class="deleted-text"> <p class="deleted-info-text tcm-color-ac"> <# if ( comment.get('status') === 'spam' ) { #> <span>This comment was marked as spam</span> <# } else { #> <span>This comment was marked as trash</span> <# } #> <a href="#" data-key="z" class="undo-action">Undo</a> </p> <p> <#= comment.get('comment_content') #> </p> </div> </div> </script><script type="text/template" id="comments-item"><div class="deleted-state"></div> <div class="tcm-comment-content <# if ( parseInt( comment.get('tcm_featured') ) === 1 ) { #> tcm-featured <# } #><# if ( comment.get('comment_approved') == 0 ) { #> tcm-comment-awaiting-moderation <# } #> level-<#= comment.get('level') #>" data-comment-id="<#= comment.get('comment_ID') #>"> <div id="tcm-moderate-front" class="tcm-moderate-front"></div> <# if ( comment.isPostAuthor() ) { #> <svg class="author-icon-svg"><use xlink:href="#tcm-author-icon"></use></svg> <# } #> <div class="tcm-comment-header"> <# if ( gravatarActive ) { #> <div class="tcm-comment-author-img no-image" title="Comment Author Image" data-social-avatar="<#= comment.get('social_avatar') #>" data-email-hash="<#= comment.get('email_hash') #>" data-comment-id="<#= comment.get('comment_ID') #>" data-src="<#= comment.get('photo_src') #>" style="background-image: url(<#= comment.get('photo_src') #>)"></div> <# } #> <div class="tcm-author-content"> <div class="tcm-user-info"> <div class="tcm-comment-author-name"> <strong> <#= comment.get('display_name') #> </strong> <# if ( comment.get('show_badge') ) { #> <# var badges_object = comment.get('user_achieved_badges');#> <# if(badges_object != undefined && badges_object.length === undefined && ThriveComments.settings.tcm_badges_option == '1'){#> <div class="tcm-author-badges"> <# _.each(badges_object,function(badge,key){ if(badge.image_url.indexOf('all_badges.svg') !== -1){#> <span class="tcm-badge svg-badge"> <span class="text"><#= badge.name #></span> <svg><use xlink:href="<#= badge.image_url #>"/></svg> </span> <#}else{#> <span class="tcm-badge" style="background-image: url('<#= badge.image_url #>')"> <span class="text"><#= badge.name #></span> </span> <#}#> <# });#> </div> <# } #> <# } #> </div> <# if ( ThriveComments.settings['comment_date'] != 0) { #> <div class="tcm-date-container"> <span> <#= comment.get('formatted_date') #> </span> </div> <# } #> </div> </div> </div> <div class="tcm-comment-text"> <p class="tcm-moderation tcm-color-ac">This comment is awaiting moderation</p> <div class="tcm-comment-text-content"> <#= comment.get('comment_content') #> </div> </div> <div class="clearfix" style="position: relative;"> <div class="tcm-left"> <# var can_vote = true; if(ThriveComments.current_user.display_name == undefined && ThriveComments.settings.tcm_voting_only_register == 1){ can_vote = false; } if(ThriveComments.settings.tcm_vote_type != 'no_vote' && (comment.get('comment_approved') == 1) && can_vote){#> <div class="tcm-voting-container"> <span> <#= ThriveComments.util.render_label('vote') #> </span> <button class="tcm-voting-input tcm-upvote <# if(last_vote == 'upvote'){#> active <# } #>" data-type="upvote"> <div class="tcm-thumb_up"> <svg class=""><use xlink:href="#tcm-icon-thumb_up"></use></svg> </div> <span class="tcm-votes-count"><#= comment.get('upvote') #></span> </button> <# if(ThriveComments.settings.tcm_vote_type != 'up_only'){#> <button class="tcm-voting-input tcm-downvote <# if(last_vote == 'downvote'){#> active <# } #>" data-type="downvote"> <div class="tcm-thumb_down"> <svg class=""><use xlink:href="#tcm-icon-thumb_down"></use></svg> </div> <span class="tcm-votes-count"><#= comment.get('downvote') #> </span> </button> <# } #> </div> <# } #> <# if ( share_individual_comments && (comment.get('comment_approved') == 1 ) ) { #> <div class="tcm-dropdown tcm-share-dropdown"> <span class="tcm-toggle-button"> <#= ThriveComments.util.render_label('share') #> <svg class="bulk-action-arrow-svg"><use xlink:href="#tcm-bulk-action-arrow"></use></svg> </span> <div class="tcm-dropdown-content"> <div class="tcm-dropdown-element"> <a href="http://www.facebook.com/share.php" class="tcm-fb-icon tcm-share-facebook" data-url="http://troyldavis.com/oxqiw5px/#comments/<#= comment.get('comment_ID') #>"> Facebook </a> </div> <div class="tcm-dropdown-element"> <a href="https://twitter.com/intent/tweet" class="tcm-tw-icon tcm-share-twitter" data-url="http://troyldavis.com/oxqiw5px/#comments/<#= comment.get('comment_ID') #>"> Twitter </a> </div> <div class="tcm-dropdown-element tcm-copy-input-content"> <a id="tcm-click-to-copy" class="tcm-left tcm-copy-url tcm-cu-icon" href="javascript:void(0)" data-clipboard-text="http://troyldavis.com/oxqiw5px/#comments/<#= comment.get('comment_ID') #>"> <#= ThriveComments.util.render_label('copy_url') #> </a> </div> </div> </div> <# } #> </div> <# if ( ! close_comments ) { #> <# if ( comment.get('comment_approved') == 1 || ( ThriveComments.current_user.is_moderator && comment.get('comment_approved') !== 1 ) ) { #> <div class="tcm-reply-container"> <button class='tcm-reply-btn tcm-right tcm-truncate tcm-border-color-ac' data-id="<#= comment.get('comment_ID') #>" data-level="<#= comment.get('level') #>" type="submit"><span class="reply-icon-container"> <svg class="tcm-svg-fill-ac"><use xlink:href="#tcm-reply"></use></svg> </span> <#= ThriveComments.util.render_label('reply_to_user', comment.get('comment_author')) #> </button> <div class="clear"></div> <div class="tcm-create-comment-fields"></div> </div> <# } #> <# } #> </div> <div class="clear"></div> </div> </script><script type="text/template" id="comments-lazy-loading"><button class="tcm-loader"> <div style="display: inline-block" class="tcm-dot-loader done"> <span class="inner1"></span> <span class="inner2"></span> <span class="inner3"></span> </div> <p> <#= ThriveComments.util.render_label('load_comments') #> </p> </button> <# if ( comments_rendered > 2 && ! ThriveComments.close_comments ) { #> <div class="add-comment tcm-background-color-ac"> <p> <span class="add-comment-icon"> <svg class="add-comment-svg"><use xlink:href="#tcm-add-comment"></use></svg> </span> <#= ThriveComments.util.render_label('add_comment') #></#></p> </div> <# } #> <# if ( showPoweredBy ) { #> <div class="tcm-powered-by"> <a href="https://thrivethemes.com/comments/" title="Powered by Thrive Comments" target="_blank"> <span class="tcm-footer-logo"> <svg class="logo-footer-svg"><use xlink:href="#tcm-logo-footer"></use></svg> </span> <span> Powered by </span> <span> Thrive Comments </span> </a> </div> <# } #> <# if ( ! ThriveComments.close_comments && ThriveComments.email_services.length !== 0 ) { #> <div class="tcm-align-right"> <a href="javascript:void(0)" class="tcm-link-unsubscribe" title="<#= ThriveComments.util.render_label('unsubscribe') #>" <# if ( - 1 === ThriveComments.util.get_cookie( 'subscribed_posts' ).indexOf( ThriveComments.post.ID ) || ( typeof ThriveComments.current_user.ID === 'undefined' ) ) { #> hidden <# } #> > <#= ThriveComments.util.render_label('unsubscribe') #></a> <a href="javascript:void(0)" class="tcm-link-subscribe" title="<#= ThriveComments.util.render_label('subscribe') #>" <# if ( - 1 !== ThriveComments.util.get_cookie( 'subscribed_posts' ).indexOf( ThriveComments.post.ID ) ) { #> hidden <# } #> > <#= ThriveComments.util.render_label('subscribe') #></a> <div id="tcm-subscribe-form" class="tcm-subscribe-form" hidden> <div class="tcm-error-message"></div> <input class="form-input tcm-subscriber-email" type="text" name="Email" placeholder="<#= ThriveComments.util.render_label('email') #>"/> <button class="submit-subscribe-post"><#= ThriveComments.util.render_label('subscribe') #></a></button> </div> <# if ( typeof ThriveComments.current_user.ID === 'undefined' ) { #> <div id="tcm-unsubscribe-form" class="tcm-subscribe-form" <# if ( - 1 === ThriveComments.util.get_cookie( 'subscribed_posts' ).indexOf( ThriveComments.post.ID ) ) { #> hidden <# } #> > <div class="tcm-error-message"></div> <input class="form-input tcm-unsubscriber-email" type="text" name="Email" placeholder="<#= ThriveComments.util.render_label('email') #>"/> <button class="submit-unsubscribe-post"><#= ThriveComments.util.render_label('unsubscribe') #></a></button> </div> <# } #> <p class="tcm-already-subscribed" hidden> Already subscribed! </p> </div> <# } #> <div class="clear"></div> </script><script type="text/template" id="comments-list"><div id="tcm-comments-filter" class="tcm-comments-filter"> <div class="tcm-lazy-loader"></div> </div></script><script type="text/template" id="comments-moderation"><div class="tcm-moderate-dots tcm-background-color-ac-h"> <span class="moderate-dot"></span> <span class="moderate-dot"></span> <span class="moderate-dot"></span> </div> <div class="tcm-dropdown-moderate"> <# _.each( actions, function( action, key ){ #> <div class="tcm-dropdown-moderate-element" data-fn="<#= action.fn #>" data-value="<#= action.value #>"><#= action.text #></div> <# }) #> </div></script><script type="text/template" id="comments-sort"><div class="tcm-comments-filters"> <div class="left"> <div class="tcm-comments-number"> <#= ThriveComments.util.render_label( 'number_of_comments', 'comment_count' ) #> </div> </div> <div class="right"> <label for="sort-by"> <#= ThriveComments.util.render_label('show_comments_first','','before') #> </label> <div name="sort-by" id="tcm-sort-by" class="tcm-dropdown tcm-filter-dropdown tcm-really-random"> <span class="tcm-toggle-button current-sorting"> <# if ( ThriveComments.settings.comment_order === 'desc') { #> <#= ThriveComments.util.render_label( 'newest') #> <# } else if( ThriveComments.settings.comment_order === 'asc') { #> <#= ThriveComments.util.render_label( 'oldest') #> <# } else {#> <# if( ThriveComments.settings.tcm_vote_type != 'no_vote' ) {#> <#= ThriveComments.util.render_label( 'top_rated') #> <# } #> <# } #> </span> <span class="dropdown-arrow-comments"> <svg class="sort-by-dropdown-svg"><use xlink:href="#tcm-sort-by-dropdown"></use></svg> </span> <div class="tcm-dropdown-content"> <div data-value="desc" class="tcm-dropdown-element tcm-sort-by"> <#= ThriveComments.util.render_label( 'newest') #> </div> <div data-value="asc" class="tcm-dropdown-element tcm-sort-by"> <#= ThriveComments.util.render_label( 'oldest') #> </div> <# if(ThriveComments.settings.tcm_vote_type != 'no_vote'){#> <div data-value="top-rated" class="tcm-dropdown-element tcm-sort-by"> <#= ThriveComments.util.render_label( 'top_rated') #> </div> <# } #> </div> </div> <label for="sort-by"> <#= ThriveComments.util.render_label('show_comments_first','','after') #> </label> </div> </div> <div class="clear"></div> <# if ( ThriveComments.close_comments ) { #> <div class="tcm-closed-comments" style="text-align: center"> <p> <#= ThriveComments.util.render_label('close_comments') #> </p> </div> <# } #></script> <div id="wp-auth-check-wrap" class="hidden"> <div id="wp-auth-check-bg"></div> <div id="wp-auth-check"> <button type="button" class="wp-auth-check-close button-link"><span class="screen-reader-text">Close dialog</span></button> <div id="wp-auth-check-form" class="loading" data-src="http://troyldavis.com/wp-login.php?interim-login=1&wp_lang=en_US"></div> <div class="wp-auth-fallback"> <p><b class="wp-auth-fallback-expired" tabindex="0">Session expired</b></p> <p><a href="https://troyldavis.com/imfk5b2/logan-schiendelman-suspect" target="_blank">logan schiendelman suspect</a> The login page will open in a new tab. After logging in you can close it and return to this page.</p> </div> </div> </div> <div style="display: none;"> <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve"> <defs> <symbol id="tcm-reply" viewbox="0 0 100 100"> <g> <path d="M69.9,38.1L69.9,38.1c-1.5-3.7-4.7-6.4-7.4-9.2c-2.8-2.8-6.3-4.7-9.9-6.3c-3.7-1.6-7.7-2.4-11.7-2.4h-11 l4.7-4.8c3.4-3.4,3.4-9,0-12.4c-3.4-3.4-8.9-3.4-12.2,0L2.8,22.7c-3.4,3.4-3.4,9,0,12.4l19.4,19.7c1.7,1.7,3.9,2.6,6.1,2.6 c2.2,0,4.4-0.9,6.1-2.6c3.4-3.4,3.4-9,0-12.4l-4.6-4.6h10.9c3.4,0,6.6,1.4,9.1,3.8l4.8,4.8c1.2,2,3,3.4,5.1,4.1 c2.1,0.6,4.5,0.4,6.6-0.7C70.5,47.5,72,42.3,69.9,38.1z"></path> <ellipse cx="81.1" cy="60.8" rx="8.5" ry="8.6"></ellipse> </g> </symbol> <symbol id="tcm-icon-thumb_down" viewbox="0 0 24 24"> <g> <path d="M18.984 3h4.031v12h-4.031v-12zM15 3c1.078 0 2.016 0.938 2.016 2.016v9.984c0 0.563-0.234 1.031-0.609 1.406l-6.563 6.609-1.078-1.078c-0.281-0.281-0.422-0.609-0.422-1.031v-0.328l0.984-4.594h-6.328c-1.078 0-2.016-0.891-2.016-1.969l0.047-0.094h-0.047v-1.922c0-0.281 0.047-0.516 0.141-0.75l3.047-7.031c0.281-0.703 0.984-1.219 1.828-1.219h9z"></path> </g> </symbol> <symbol id="tcm-icon-thumb_up" viewbox="0 0 24 24"> <g> <path d="M23.016 9.984l-0.047 0.094h0.047v1.922c0 0.281-0.047 0.516-0.141 0.75l-3.047 7.031c-0.281 0.703-0.984 1.219-1.828 1.219h-9c-1.078 0-2.016-0.938-2.016-2.016v-9.984c0-0.563 0.234-1.031 0.609-1.406l6.563-6.609 1.078 1.078c0.281 0.281 0.422 0.609 0.422 1.031v0.328l-0.984 4.594h6.328c1.078 0 2.016 0.891 2.016 1.969zM0.984 21v-12h4.031v12h-4.031z"></path> </g>> </symbol> <symbol id="tcm-add-comment" viewbox="0 0 267.3 245"> <path style="fill:#FFFFFF;" class="st0" d="M265.7,61C259.6,27.5,230.3,2,195.1,2H72.5C33,2,0.8,34.2,0.8,73.8v77c0,0.1,0,0.1,0,0.2v81.6 c0,0-1.8,11.1,9.7,11.1c0,0,4.2,1,13.1-4.6l46.8-43.2h124.6c39.5,0,71.7-32.2,71.7-71.7V83.8L265.7,61z M78.4,114 c-8.1,0-14.6-6.5-14.6-14.6c0-8.1,6.5-14.6,14.6-14.6S93,91.4,93,99.5C93,107.5,86.5,114,78.4,114z M137.5,114 c-8.1,0-14.6-6.5-14.6-14.6c0-8.1,6.5-14.6,14.6-14.6c8.1,0,14.6,6.5,14.6,14.6C152.1,107.5,145.5,114,137.5,114z M196.5,114 c-8.1,0-14.6-6.5-14.6-14.6c0-8.1,6.5-14.6,14.6-14.6c8.1,0,14.6,6.5,14.6,14.6C211.1,107.5,204.6,114,196.5,114z"></path> </symbol> <symbol id="tcm-logo-footer" viewbox="0 0 130 100"> <path style="fill:#434343;" class="st0" d="M108.8,26.5C106.7,14.9,96.5,6.1,84.4,6.1H41.9C28.2,6.1,17,17.2,17,30.9v26.7c0,0,0,0,0,0.1v28.2 c0,0-0.6,3.8,3.4,3.8c0,0,1.5,0.4,4.6-1.6l16.2-14.9h12.1c0.1-0.2,0.3-0.4,0.4-0.6l2.2-3.1c0.4-0.6,1.9-2.3,3.1-3.6H37.6 c-1.1,0-2.1,0.6-2.8,1.4l0,0L24.1,78.6V58.2c0-0.2,0.1-0.4,0.1-0.6V30.9c0-9.7,7.9-17.6,17.6-17.6h42.5c9.7,0,17.6,7.9,17.6,17.6 v16.9c2.6-0.4,5.3-0.6,7.2-0.7V34.4L108.8,26.5z"></path> <path style="fill:#57A245;" class="st1" d="M43.7,39.9c-3.3,0-6-2.7-6-6c0-3.3,2.7-6,6-6h38.9c3.3,0,6,2.7,6,6c0,3.3-2.7,6-6,6H43.7z"></path> <path style="fill:#434343;" class="st0" d="M43.7,52.2h38.9c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3H43.7c-2.4,0-4.3,1.9-4.3,4.3S41.3,52.2,43.7,52.2"></path> <path style="fill-rule:evenodd;clip-rule:evenodd;fill:#57A245;" class="st2" d="M118.2,52.4c-1.2,0-1.6,0.2-2.4,0.5c-0.9,0.3-1.9,1-2.6,1.7l-1.8,1.7c-0.2,0.2-0.2,0.2-0.3,0.4 c-3.4,4.2-4.1,4.9-6.8,10.2c-1.2,2.5-2.7,4.8-4.2,7.1c-1,1.6-2,3.2-3.2,4.6c-0.1,0.2-0.2,0.2-0.3,0.4c-0.7,0.9-1.7,1.7-2.5,2.5 c-0.6,0.5-1.3,1-1.9,1.5c-0.6,0.4-1.1,0.8-1.7,1.1l-0.9,0.5c-0.2,0.1-0.3,0.2-0.5,0.3c-0.1,0-0.3,0.2-0.4,0.2 c-0.2,0.1-0.4,0.2-0.5,0.2c-3.7,1.8-8.5,3-12.7,3.4L72.7,89c-0.8,0.1-2.8,0.2-4.7,0.2c-1.6,0-3,0-3.5-0.2l0.3-0.7 c0.6-1.4,1.3-2.8,2.1-4.1c0.1-0.2,0.2-0.4,0.4-0.6l1.5-2.6l3.9-5.3l3.5-3.6l0.2-0.2c0.2-0.1,0.2-0.1,0.3-0.2l0.8-0.7 c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.3-0.3,0.5-0.4l3.7-2.5c1.3-0.8,2.6-1.6,3.8-2.3l4-2.1c1.5-0.8,4-2.1,5.5-2.7l4.1-1.9 c-0.6,0.1-1.4,0.4-1.9,0.6c-0.6,0.2-1.3,0.4-1.9,0.6l-3.8,1.3c-1.8,0.6-3.6,1.4-5.5,2.1l-3.5,1.5c-1.3,0.5-3.3,1.6-4.7,2.3 c-1.5,0.8-2.9,1.8-4.3,2.6l-4.8,3.4c-0.1,0.1-0.2,0.2-0.4,0.3l-2.7,2.3c-0.8,0.8-1.8,1.7-2.5,2.5c-0.2,0.2-0.2,0.2-0.3,0.4 c-0.7,0.7-1.3,1.6-1.9,2.4c-0.9,1.2-1.8,2.5-2.5,3.8l-1.3,2.5c-0.5,1-2.7,6-2.8,7.4h-0.2c0-0.2-0.5-2.5-0.7-4.4v-1.6 c0-0.1,0-0.1,0-0.2c0.2-1.1,0.1-1.8,0.3-3.1c0.6-3.6,2.2-7.4,4.2-10.4l2.1-3c0.6-0.8,2.8-3.4,3.5-3.8c0.6-0.5,1.2-1.3,1.9-1.8 c0.3-0.2,0.6-0.5,0.9-0.8c0.4-0.2,0.6-0.5,1-0.8l2-1.5c2-1.5,4.2-2.8,6.4-3.8c2.4-1.2,4.7-2.1,7.2-3.1c3.2-1.3,7.6-2.2,10.9-2.9 c3.5-0.7,12.3-2.3,16.6-2.3h0.9C114,51.2,117.4,51.2,118.2,52.4z"></path> <path style="fill:none;" class="st3" d="M99.5,58.5c0.4,0,0.2,0,0.2-0.1C99.4,58.4,99.6,58.4,99.5,58.5z M99.5,58.5c0.1-0.1-0.1-0.1,0.2-0.1 C99.7,58.5,99.9,58.5,99.5,58.5 M99.9,58.3l-0.1,0.1 M99.5,58.5c-0.6,0.1-1.4,0.4-1.9,0.6c-0.6,0.2-1.3,0.4-1.9,0.6l-3.8,1.3 c-1.8,0.6-3.6,1.4-5.5,2.1l-3.5,1.5c-1.3,0.5-3.3,1.6-4.7,2.3c-1.5,0.8-2.9,1.8-4.3,2.6l-4.8,3.4c-0.1,0.1-0.2,0.2-0.4,0.3l-2.7,2.3 c-0.8,0.8-1.8,1.7-2.5,2.5c-0.2,0.2-0.2,0.2-0.3,0.4c-0.7,0.7-1.3,1.6-1.9,2.4c-0.9,1.2-1.8,2.5-2.5,3.8l-1.3,2.5 c-0.5,1-2.7,6-2.8,7.4h-0.2c0-0.2-0.5-2.5-0.7-4.4v-1.6c0-0.1,0-0.1,0-0.2c0.2-1.1,0.1-1.8,0.3-3.1c0.6-3.6,2.2-7.4,4.2-10.4l2.1-3 c0.6-0.8,2.8-3.4,3.5-3.8c0.6-0.5,1.2-1.3,1.9-1.8c0.3-0.2,0.6-0.5,0.9-0.8c0.4-0.2,0.6-0.5,1-0.8l2-1.5c2-1.5,4.2-2.8,6.4-3.8 c2.4-1.2,4.7-2.1,7.2-3.1c3.2-1.3,7.6-2.2,10.9-2.9c3.5-0.7,12.3-2.3,16.6-2.3h0h0.2h0.6c2.2,0,5.6,0.1,6.4,1.3 c-1.2,0-1.6,0.2-2.4,0.5c-0.9,0.3-1.9,1-2.6,1.7l-1.8,1.7c-0.2,0.2-0.2,0.2-0.3,0.4c-3.4,4.2-4.1,4.9-6.8,10.2 c-1.2,2.5-2.7,4.8-4.2,7.1c-1,1.6-2,3.2-3.2,4.6c-0.1,0.2-0.2,0.2-0.3,0.4c-0.7,0.9-1.7,1.7-2.5,2.5c-0.6,0.5-1.3,1-1.9,1.5 c-0.6,0.4-1.1,0.8-1.7,1.1l-0.9,0.5c-0.2,0.1-0.3,0.2-0.5,0.3c-0.1,0-0.3,0.2-0.4,0.2c-0.2,0.1-0.4,0.2-0.5,0.2 c-3.7,1.8-8.5,3-12.7,3.4L72.7,89c-0.8,0.1-2.8,0.2-4.7,0.2c-1.6,0-3,0-3.5-0.2l0.3-0.7c0.6-1.4,1.3-2.8,2.1-4.1 c0.1-0.2,0.2-0.4,0.4-0.6l1.5-2.6l3.9-5.3l3.5-3.6c0.1-0.1,0.2-0.2,0.2-0.2c0.2-0.1,0.2-0.1,0.3-0.2l0.8-0.7 c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.3-0.3,0.5-0.4l3.7-2.5c1.3-0.8,2.6-1.6,3.8-2.3l4-2.1c1.5-0.8,4-2.1,5.5-2.7L99.5,58.5"></path> </symbol> <symbol id="tcm-related-posts-arrow" viewbox="0 0 16 16"> <path class="st0" d="M8,15.9c-4.4,0-7.9-3.5-7.9-7.9S3.6,0.1,8,0.1s7.9,3.5,7.9,7.9S12.4,15.9,8,15.9z M8,2.4C4.9,2.4,2.4,4.9,2.4,8 s2.5,5.6,5.6,5.6s5.6-2.5,5.6-5.6S11.1,2.4,8,2.4z M11.9,8.3l-3.3,3.3c-0.1,0.1-0.2,0.1-0.2,0.1c-0.2,0-0.3-0.2-0.3-0.3v-2H4.4 C4.2,9.3,4.1,9.2,4.1,9V7c0-0.2,0.2-0.3,0.3-0.3H8v-2c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.2,0,0.2,0.1l3.3,3.3C11.9,7.9,12,7.9,12,8 S11.9,8.2,11.9,8.3z"></path> </symbol> <symbol id="tcm-sort-by-dropdown" viewbox="0 0 12 7"> <path style="fill:#6E767D;" class="st0" d="M0.3,1.5l5.2,5.2c0,0,0.5,0.5,1.1,0l5.2-5.2c0,0,0.4-0.4,0.2-0.9c0,0-0.1-0.4-0.7-0.4H0.8c0,0-0.5,0-0.7,0.4 C0.1,0.5-0.2,1,0.3,1.5z"></path> </symbol> <symbol id="tcm-author-icon" viewbox="0 0 1020 1080"> <polygon style="fill:#474F57" class="st0" points="44.5,882.9 251.4,1081 251.4,889.8 "></polygon> <path style="fill:#6E767D" class="st1" d="M937.8,891.8H81.2c-44.3,0-80.6-36.3-80.6-80.6V82.7c0-44.3,36.3-80.6,80.6-80.6h856.6 c44.3,0,80.6,36.3,80.6,80.6v728.5C1018.4,855.5,982.1,891.8,937.8,891.8z"></path> <g> <path style="fill:#6E767D" class="st2" d="M732,688.3c-0.5,0.1-2.7,0.5-6.3,1.1c-142.4,25.4-168.6,29.8-171.6,30.1c-7,0.8-12.3,0.4-16-1.3 c-2.4-1-3.6-2.3-4-2.8c0.2-1,1.4-3.3,2.2-4.7c0.7-1.4,1.6-3,2.3-4.6c4.9-11.1,1.5-22.4-8.9-29.5c-7.8-5.3-18.1-7.4-30.6-6.3 c-7.5,0.6-138.9,22.6-211.1,34.7l-35.4,27.7c82.6-13.9,240.1-40.2,248.4-41c7.4-0.6,13.2,0.3,16.7,2.7c2,1.4,1.8,1.8,1.3,3.1 c-0.4,0.9-1,2-1.6,3.2c-2.4,4.4-5.6,10.5-4.5,18c1.2,8.2,7.3,15.3,16.7,19.4c5.3,2.3,11.4,3.5,18.4,3.5c2.8,0,5.7-0.2,8.8-0.5 c5.7-0.7,63.8-10.9,172.9-30.3c3.6-0.6,5.8-1,6.3-1.1c5.9-1,9.8-6.6,8.7-12.5C743.4,691.2,737.8,687.3,732,688.3L732,688.3z M732,688.3"></path> <path style="fill:#FFFFFF" class="st2" d="M349.8,583.9l-91.7,95.5c-10.1,10.5-17.2,23.5-20.6,37.7l130.2-102c40.8,18,73.3,23.7,98.3,23.7 c43.8,0,64.2-17.7,64.2-17.7c-40.8-21.2-46.6-60.6-46.6-60.6c31.3,13.2,96.4,28.7,96.4,28.7c86.5-57.5,131.7-181.9,131.7-181.9 c-9,2.5-17.5,3.5-25.6,3.5c-40.6,0-68.5-25.9-68.5-25.9l113-24.5c37.6-76.7,41.2-211.1,41.2-211.1L428.2,453.5 C389.2,487.9,361.9,533.4,349.8,583.9L349.8,583.9z M349.8,583.9"></path> </g> </symbol> <symbol id="tcm-bulk-action-arrow" viewbox="0 0 12 7"> <path style="fill:#6E767D" class="st0" d="M0.3,1.5l5.2,5.2c0,0,0.5,0.5,1.1,0l5.2-5.2c0,0,0.4-0.4,0.2-0.9c0,0-0.1-0.4-0.7-0.4H0.8c0,0-0.5,0-0.7,0.4 C0.1,0.5-0.2,1,0.3,1.5z"></path> </symbol> </defs> </svg> </div><script type="text/javascript">/** * Displays toast message from storage, it is used when the user is redirected after login */ window.addEventListener( 'load', function () { let message = sessionStorage.getItem( 'tcb_toast_message' ); if ( message ) { tcbToast( sessionStorage.getItem( 'tcb_toast_message' ), false ); sessionStorage.removeItem( 'tcb_toast_message' ); } } ); /** * Displays toast message */ function tcbToast( message, error, callback ) { /* Also allow "message" objects */ if ( typeof message !== 'string' ) { message = message.message || message.error || message.success; } if ( ! error ) { error = false; } let _icon = 'checkmark', _extra_class = ''; if ( error ) { _icon = 'cross'; _extra_class = ' tve-toast-error'; } jQuery( 'body' ).slideDown( 'fast', function () { jQuery( 'body' ).prepend( '<div class="tvd-toast tve-fe-message"><div class="tve-toast-message"><div class="tve-toast-icon-container' + _extra_class + '"><span class="tve_tick thrv-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="tcb-checkmark" style="width: 100%; height: 1em; stroke-width: 0; fill: #ffffff; stroke: #ffffff;" viewBox="0 0 32 32"><path d="M27 4l-15 15-7-7-5 5 12 12 20-20z"></path></svg></span></div><div class="tve-toast-message-container">' + message + '</div></div></div>' ); } ); setTimeout( function () { jQuery( '.tvd-toast' ).hide(); if ( typeof callback === 'function' ) { callback(); } }, 3000 ); } </script><script type="text/javascript" src="http://troyldavis.com/wp-content/plugins/thrive-headline-optimizer/frontend/js/triggers.min.js?ver=1.3.8" id="tho-footer-js-js"></script> <script type="text/javascript" id="thrive-main-script-js-extra"> /* <![CDATA[ */ var ThriveApp = {"ajax_url":"http:\/\/troyldavis.com\/wp-admin\/admin-ajax.php","lazy_load_comments":"0","comments_loaded":"0","theme_uri":"http:\/\/troyldavis.com\/wp-content\/themes\/focusblog","translations":{"ProductDetails":"Product Details"}}; /* ]]> */ </script> <script type="text/javascript" src="http://troyldavis.com/wp-content/themes/focusblog/js/script.min.js?ver=5.7" id="thrive-main-script-js"></script> <script type="text/javascript" id="tve-dash-frontend-js-extra"> /* <![CDATA[ */ var tve_dash_front = {"ajaxurl":"http:\/\/troyldavis.com\/wp-admin\/admin-ajax.php","force_ajax_send":"1","is_crawler":"","recaptcha":[]}; /* ]]> */ </script> <script type="text/javascript" src="http://troyldavis.com/wp-content/plugins/thrive-ovation/thrive-dashboard/js/dist/frontend.min.js?ver=2.4.1" id="tve-dash-frontend-js"></script> <script type="text/javascript" src="http://troyldavis.com/wp-includes/js/underscore.min.js?ver=1.8.3" id="underscore-js"></script> <script type="text/javascript" src="http://troyldavis.com/wp-includes/js/backbone.min.js?ver=1.4.0" id="backbone-js"></script> <script type="text/javascript" id="tcm-frontend-js-js-extra"> /* <![CDATA[ */ var ThriveComments = {"current_user":{"photo_url":"http:\/\/troyldavis.com\/wp-content\/plugins\/thrive-comments\/assets\/images\/placeholder_avatar_icon.svg","is_admin":false},"translations":{"isRequired":"Please enter a valid email address","author_name_required":"Please add your name before submitting the comment","comment_content_missing":"Please add your comment text in the field below","choose_avatar":"Choose an avatar","choose_avatar_button":"Select","settings_saved_success_toast":"Settings saved successfully.","settings_saved_fail_toast":"There seems to be a problem in changing the settings. Please, try again and if the error persists contact our support team.","options_saved_success_toast":"Option changed successfully.","options_saved_fail_toast":"There seems to be a problem in changing this option. Please, try again and if the error persists contact our support team.","comments_saved_error":"There was a problem in saving your comment. Please, try again!.","tcm_duplicate_comment_error":"Duplicate comment detected, it looks as though you've already said that!","tcm_get_comments_error":"The comments could not be retrieved","change_image":"Change image","choose_image":"Choose image","default_avatar":"Selected image: default placeholder","selected_image":"Selected image","comment_to_fast":"You are posting comments too quickly. Slow down.","link_copied":"Link copied to clipboard","conversion_leads_availabe":"Option available only if you have ","conversion_leads_installed":"installed","badge_default_title":"Badge title","badge_no_empty_name":"Badge name field can't be empty","badge_reaches_only_number":"Reaches input can only be a positive number and can't be empty.","badge_select_image":"Please select a badge image before saving","badge_same_settings":"You have already set a badge with the same conditions.","approved":"Approved","unapproved":"Unapproved","reply_needed":"Reply Needed","not_reply_needed":"No Reply Needed","spam":"spam","trash":"trash","entire_website":"Entire Website","reply_failed":"Failed to submit reply!","label_enabled":"Enabled","label_disabled":"Disabled","invalid_website_url":"Invalid website url","accept_privacy_checkbox":"Please accept the privacy checkbox","email_copied":"Email copied to clipboard","autolink_added":"Auto-Link added successfully!","autolink_changed":"Changes on Auto-Link were saved successfully!","autolink_error":"Error while creating Auto-Link!","copy_input":"Copied","tcb_prevent_insert_element":"You cannot add two Thrive Comments sections on the same page","comment_by":"Comment by","moderation_approved":"was approved","moderation_unapproved":"was unapproved","moderation_no_replied":"was marked as No Reply Needed","moderation_replied":"was replied","moderation_featured":"was marked as Featured comment","moderation_no_featured":"is no longer featured","moderation_delegate":"was delegated to","moderation_not_spam":"is not spam","moderation_spam":"was marked as spam","moderation_trash":"was marked as trash","moderation_restored":"was restored","approve_text":"Approve","unapprove_text":"Unapprove","feature_text":"Feature","stop_feature_text":"Stop Featuring","spam_text":"Mark as Spam","trash_text":"Mark as Trash","comment_sending":"Sending...","comment_pending":"Pending...","nr_votes":"Number of Votes","nr_comments":"Number of Comments","moderation_expand":"Expand","moderation_error":"Error encountered for the following action","edit":"Edit","delegate":"Delegate","reply":"Reply","no_reply_needed":"No Reply Needed","error":"Error","see_comment_reply":"Click here to see the reply.","see_comment_edit":"Click here to see the edited comment."},"nonce":"45152b3822","routes":{"comments":"http:\/\/troyldavis.com\/wp-json\/tcm\/v1\/comments","gravatar":"http:\/\/troyldavis.com\/wp-json\/tcm\/v1\/comments\/gravatar","live_update":"http:\/\/troyldavis.com\/wp-json\/tcm\/v1\/comments\/live_update","update_post_subscriber":"http:\/\/troyldavis.com\/wp-json\/tcm\/v1\/comments\/update_post_subscriber","generate_nonce":"http:\/\/troyldavis.com\/wp-admin\/admin-ajax.php"},"post":{"ID":205,"post_author":"0","post_date":"2021-03-30 06:46:07","post_title":"embed responsive bootstrap","post_excerpt":"","post_status":"publish","comment_status":"open","post_name":"oxqiw5px","to_ping":"","pinged":"","post_parent":0,"guid":"http:\/\/troyldavis.com\/oxqiw5px\/","menu_order":0,"post_type":"post","post_mime_type":"","comment_count":"0","filter":"raw","featured_image":"","permalink":"http:\/\/troyldavis.com\/oxqiw5px\/","ancestors":[],"post_category":[1],"tags_input":[]},"related_posts":[{"post_id":1,"post_title":"Hello world!","guid":"http:\/\/troyldavis.com\/\/?p=1","featured_image":""}],"const":{"toast_timeout":4000,"wp_content":"http:\/\/troyldavis.com\/wp-content\/","ajax_dash":["tcm_ajax_dash"],"site_url":"http:\/\/troyldavis.com","post_url":"http:\/\/troyldavis.com\/oxqiw5px\/","moderation":{"approve":"approved","unapprove":"hold","spam":"spam","unspam":"unspam","trash":"trash","untrash":"untrash","unreplied":"tcm_unreplied","tcm_delegate":"tcm_delegate","tcm_featured":"tcm_featured","tcm_keyboard_tooltip":"tcm_display_keyboard_notification_tooltip","featured":1,"not_featured":0}},"settings":{"activate_comments":1,"comment_registration":"0","close_comments_for_old_posts":"1","close_comments_days_old":"28","comments_per_page":"20","page_comments":"0","is_dynamic":0,"comment_order":"asc","gravatar_active":1,"tcm_default_picture":"","powered_by":1,"comment_date":"1","share_individual_comments":1,"comment_style_template":1,"lazy_load":1,"lazy_load_avatar":0,"tcm_labels_option":{"number_of_comments":{"default":"{number_of_comments} comments","text":"{number_of_comments} comments"},"show_comments_first":{"default":"{dropdown_option} comments first","text":"{dropdown_option} comments first"},"newest":{"default":"Newest","text":"Newest"},"oldest":{"default":"Oldest","text":"Oldest"},"top_rated":{"default":"Top rated","text":"Top rated"},"enter_comment":{"default":"Enter your comment...","text":"Enter your comment..."},"load_comments":{"default":"Load more comments","text":"Load more comments"},"add_comment":{"default":"Add your comment...","text":"Add your comment..."},"reply_to_user":{"default":"Reply to {username}","text":"Reply to {username}"},"commenting_as":{"default":"Commenting as {username}","text":"Commenting as {username}"},"social_account":{"default":"Log in with:","text":"Log in with:"},"guest_comment":{"default":"Comment as a guest:","text":"Comment as a guest:"},"name":{"default":"Name","text":"Name"},"email":{"default":"Email (not displayed publicly)","text":"Email (not displayed publicly)"},"website":{"default":"Website","text":"Website"},"submit_comment":{"default":"Submit comment","text":"Submit comment"},"vote":{"default":"Vote:","text":"Vote:"},"share":{"default":"Share","text":"Share"},"copy_url":{"default":"Copy link to comment","text":"Copy link to comment"},"close_comments":{"default":"Comments are closed","text":"Comments are closed"},"email_address":{"default":"Email address","text":"Email address"},"subscribe":{"default":"Subscribe to comments","text":"Subscribe to comments"},"unsubscribe":{"default":"Unsubscribe","text":"Unsubscribe"},"logout_change":{"default":"Logout\/Change","text":"Logout\/Change"},"login_on_website":{"default":"Login on website","text":"Login on website"},"signin_facebook":{"default":"Sign in with Facebook","text":"Sign in with Facebook"},"comment_content_missing":{"default":"Please add your comment text in the field below","text":"Please add your comment text in the field below"},"author_name_required":{"default":"Please add your name before submitting the comment","text":"Please add your name before submitting the comment"},"isRequired":{"default":"Please enter a valid email address","text":"Please enter a valid email address"},"need_register":{"default":"The comment could not be saved. You must be registered in order to comment","text":"The comment could not be saved. You must be registered in order to comment"},"login_submit_comment":{"default":"You need to be logged in to submit a comment","text":"You need to be logged in to submit a comment"},"comment_duplicate":{"default":"Duplicate comment detected, it looks as though you've already said that!","text":"Duplicate comment detected, it looks as though you've already said that!"},"comment_flood":{"default":"You are posting comments too quickly. Slow down.","text":"You are posting comments too quickly. Slow down."},"spam_comment":{"default":"Your comment was marked as spam","text":"Your comment was marked as spam"},"rest_cookie_invalid_nonce":{"default":"Cookie nonce is invalid","text":"Cookie nonce is invalid"},"tcm_receive_notifications":{"default":"Notify me when someone replies to my comment","text":"Notify me when someone replies to my comment"},"remember_me":{"default":"Save the details above in this browser for the next time I comment","text":"Save the details above in this browser for the next time I comment"},"storing_consent":{"default":"By using this form you agree with the storage and handling of your data by this website","text":"By using this form you agree with the storage and handling of your data by this website"},"signin_google":{"default":"Sign in with Google","text":"Sign in with Google"}},"tcm_color_picker_value":"#03a9f4","tcm_notification_labels":"","tcm_keywords":"","tcm_live_update":0,"tcm_live_update_refresh_rate":20,"tcm_enable_social_signin":0,"tcm_show_url":1,"login_activation":0,"tcm_badges":"","tcm_badges_option":false,"tcm_badges_custom_images":"","tcm_voting_only_register":false,"tcm_conversion":"","tcm_roles":"","tcm_mod_administrator":"1","tcm_mod_editor":"1","tcm_mod_author":"1","tcm_mod_contributor":"0","tcm_mod_subscriber":"0","tcm_exclude_moderators":0,"tcm_vote_type":"no_vote","tcm_email_service":"","tcm_api_status":{"facebook":1,"google":1,"facebook_api":0,"google_api":0},"badges_to_moderators":1,"tcm_mark_upvoted":1,"comment_moderation":"0","comment_max_links":"2","moderation_keys":"\n\u0434\n\u0438\n\u0436\n\u0427\n\u0411\n[url=\n[\/url]\nnaked\nsex\nbitch\nsoma\ngay\nnude","tcm_meta_tags":0,"tcm_moderators_notifications":1,"remember_me":0,"storing_consent":0,"comment_previously_approved":"1","disallowed_keys":""},"close_comments":"","sorting":{"sort_name":"oldest","sort_field":"comment_ID","order":1},"tcm_customize_labels":{"number_of_comments":{"default":"{number_of_comments} comments","text":"{number_of_comments} comments"},"show_comments_first":{"default":"{dropdown_option} comments first","text":"{dropdown_option} comments first"},"newest":{"default":"Newest","text":"Newest"},"oldest":{"default":"Oldest","text":"Oldest"},"top_rated":{"default":"Top rated","text":"Top rated"},"enter_comment":{"default":"Enter your comment...","text":"Enter your comment..."},"load_comments":{"default":"Load more comments","text":"Load more comments"},"add_comment":{"default":"Add your comment...","text":"Add your comment..."},"reply_to_user":{"default":"Reply to {username}","text":"Reply to {username}"},"commenting_as":{"default":"Commenting as {username}","text":"Commenting as {username}"},"social_account":{"default":"Log in with:","text":"Log in with:"},"guest_comment":{"default":"Comment as a guest:","text":"Comment as a guest:"},"name":{"default":"Name","text":"Name"},"email":{"default":"Email (not displayed publicly)","text":"Email (not displayed publicly)"},"website":{"default":"Website","text":"Website"},"submit_comment":{"default":"Submit comment","text":"Submit comment"},"vote":{"default":"Vote:","text":"Vote:"},"share":{"default":"Share","text":"Share"},"copy_url":{"default":"Copy link to comment","text":"Copy link to comment"},"close_comments":{"default":"Comments are closed","text":"Comments are closed"},"email_address":{"default":"Email address","text":"Email address"},"subscribe":{"default":"Subscribe to comments","text":"Subscribe to comments"},"unsubscribe":{"default":"Unsubscribe","text":"Unsubscribe"},"logout_change":{"default":"Logout\/Change","text":"Logout\/Change"},"login_on_website":{"default":"Login on website","text":"Login on website"},"signin_facebook":{"default":"Sign in with Facebook","text":"Sign in with Facebook"},"comment_content_missing":{"default":"Please add your comment text in the field below","text":"Please add your comment text in the field below"},"author_name_required":{"default":"Please add your name before submitting the comment","text":"Please add your name before submitting the comment"},"isRequired":{"default":"Please enter a valid email address","text":"Please enter a valid email address"},"need_register":{"default":"The comment could not be saved. You must be registered in order to comment","text":"The comment could not be saved. You must be registered in order to comment"},"login_submit_comment":{"default":"You need to be logged in to submit a comment","text":"You need to be logged in to submit a comment"},"comment_duplicate":{"default":"Duplicate comment detected, it looks as though you've already said that!","text":"Duplicate comment detected, it looks as though you've already said that!"},"comment_flood":{"default":"You are posting comments too quickly. Slow down.","text":"You are posting comments too quickly. Slow down."},"spam_comment":{"default":"Your comment was marked as spam","text":"Your comment was marked as spam"},"rest_cookie_invalid_nonce":{"default":"Cookie nonce is invalid","text":"Cookie nonce is invalid"},"tcm_receive_notifications":{"default":"Notify me when someone replies to my comment","text":"Notify me when someone replies to my comment"},"remember_me":{"default":"Save the details above in this browser for the next time I comment","text":"Save the details above in this browser for the next time I comment"},"storing_consent":{"default":"By using this form you agree with the storage and handling of your data by this website","text":"By using this form you agree with the storage and handling of your data by this website"},"signin_google":{"default":"Sign in with Google","text":"Sign in with Google"}},"tcm_social_apis":{"facebook":[],"google":[]},"email_services":[],"tcm_accent_color":"#03a9f4","has_plugin_cache":"thrive-leads","default_author_picture_url":"http:\/\/troyldavis.com\/wp-content\/plugins\/thrive-comments\/assets\/images\/placeholder_avatar_icon.svg"}; /* ]]> */ </script> <script type="text/javascript" src="http://troyldavis.com/wp-content/plugins/thrive-comments/assets/js/frontend.min.js?ver=1.4.16" id="tcm-frontend-js-js"></script> <script type="text/javascript" id="tve_frontend-js-extra"> /* <![CDATA[ */ var tve_frontend_options = {"is_editor_page":"","ajaxurl":"http:\/\/troyldavis.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="http://troyldavis.com/wp-content/plugins/thrive-visual-editor/editor/js/dist/frontend.min.js?ver=1.4.16" id="tve_frontend-js"></script> <script type="text/javascript" src="//troyldavis.com/wp-content/plugins/thrive-leads/js/frontend.min.js?ver=1.4.16" id="tve_leads_frontend-js"></script> <script type="text/javascript" src="http://troyldavis.com/wp-content/plugins/thrive-apprentice/tcb-bridge/assets/js/tva-tcb-frontend.min.js?ver=2.3.9.4" id="tva-tcb-frontend-js-js"></script> <script type="text/javascript" src="http://troyldavis.com/wp-includes/js/wp-embed.min.js?ver=5.7" id="wp-embed-js"></script> <script type="text/javascript">/*<![CDATA[*/var THO_Front = THO_Front || {}; THO_Front.data = {"end_of_content_id":"tho-end-content","is_single":true,"log_url":"http:\/\/troyldavis.com\/wp-json\/tho\/v1\/logs","active_triggers":{"viewport":"thrive_headline"},"log_engagements":[],"post_id":205,"test_id":0,"const":{"_e_click":1,"_e_scroll":2,"_e_time":3,"_impression":1,"_engagement":2}}/*]]> */</script><script type="text/javascript">var tcb_post_lists=JSON.parse('[]');</script><script type="text/javascript">/*<![CDATA[*/if ( !window.TL_Const ) {var TL_Const={"security":"b056164d03","ajax_url":"\/\/troyldavis.com\/wp-admin\/admin-ajax.php","forms":[],"action_conversion":"tve_leads_ajax_conversion","action_impression":"tve_leads_ajax_impression","ajax_load":0,"custom_post_data":{"get_data":{"ertthndxbcvs":"yes"}},"current_screen":{"screen_type":4,"screen_id":205},"ignored_fields":["email","_captcha_size","_captcha_theme","_captcha_type","_submit_option","_use_captcha","g-recaptcha-response","__tcb_lg_fc","__tcb_lg_msg","_state","_form_type","_error_message_option","_back_url","_submit_option","url","_asset_group","_asset_option","mailchimp_optin","tcb_token","tve_labels","tve_mapping","_api_custom_fields","_sendParams","_autofill"]};} else {ThriveGlobal.$j.extend(true, TL_Const, {"security":"b056164d03","ajax_url":"\/\/troyldavis.com\/wp-admin\/admin-ajax.php","forms":[],"action_conversion":"tve_leads_ajax_conversion","action_impression":"tve_leads_ajax_impression","ajax_load":0,"custom_post_data":{"get_data":{"ertthndxbcvs":"yes"}},"current_screen":{"screen_type":4,"screen_id":205},"ignored_fields":["email","_captcha_size","_captcha_theme","_captcha_type","_submit_option","_use_captcha","g-recaptcha-response","__tcb_lg_fc","__tcb_lg_msg","_state","_form_type","_error_message_option","_back_url","_submit_option","url","_asset_group","_asset_option","mailchimp_optin","tcb_token","tve_labels","tve_mapping","_api_custom_fields","_sendParams","_autofill"]})} /*]]> */</script><div></div><script type="text/javascript"> /* <![CDATA[ */ var TVE_Ult_Data = {"ajaxurl":"http:\/\/troyldavis.com\/wp-admin\/admin-ajax.php","ajax_load_action":"tve_ult_ajax_load","conversion_events_action":"tve_ult_conversion_event","shortcode_campaign_ids":[],"matched_display_settings":[],"campaign_ids":[],"post_id":205,"is_singular":true,"tu_em":"","evergreen_redirects":[]}; /* ]]> */ </script> <script type="text/javascript" src="http://troyldavis.com/wp-content/plugins/thrive-ultimatum/js/dist/no-campaign.min.js?v=2.3.9.4"></script></body> </html>