Reputation: 85
Does haml code go in the body tags of an html file?
.flex
.intro.animate#microsoft-container
.logo
- (1..4).each do
.box
.brand
Microsoft
%iframe.player{:width => 0, :height => 0, :src =>
"https://www.youtube.com/embed/I3Ak5VgyEoc?autoplay=1" }
Upvotes: 1
Views: 2311
Reputation: 444
Nope. HAML is a abstraction of HTML. So needs to be converted to HTML before living inside a HTML document.
Here's your HAML converted https://codepen.io/sitrobotsit/pen/MmZBWx
<div class='flex'></div>
<div class='intro animate' id='microsoft-container'>
<div class='logo'>
<div class='box'></div>
<div class='box'></div>
<div class='box'></div>
<div class='box'></div>
</div>
<div class='brand'>
Microsoft
</div>
</div>
<iframe class='player' height='0' src='https://www.youtube.com/embed/I3Ak5VgyEoc?autoplay=1' width='0'></iframe>
If you're working with HAML a lot, you'll want to get a HAML converting locally, see -> http://haml.info/tutorial.html
Upvotes: 1