@extends('layout.basic_front')

@section("content")
            <div class="col-xs-12 home_video" style="min-width:100%;margin-top:150px;">

                <video preload="auto" loop="loop" autoplay="autoplay" id="pretzel-video" class="video-playing hidden-sm hidden-xs" style="min-width:100%;min-height:100%;position: relative;">
                      <source src="{{$home->home_video}}" type="video/mp4">
                      <source src="{{$home->home_video}}" type="video/webm">
                </video>
                    <div class="col-md-12 about_block" style="position: absolute;width:100%;top:0px;">
                        <div class="col-md-3 col-md-offset-9 about" style="margin-top:15px;">
                            <div class="col-md-12">
                                <div class="col-md-12 text-center" style="overflow:hidden;">
                                    <img src="{{ Asset('images/Logo.png') }}">
                                    <h1 style="font-size:18px;">LOOKNOW</h1>
                                    <p>結合網路影音&素人和大量的品牌，用影音數位的方式來分享國內外流行的時尚資訊，同時也具備了時時刻刻分享生活，參與生活，LookNow給您更多元更豐富的資訊新視覺。</p>
                                    <hr class="point reset">
                                    <p>service@looknow.com</p>
                                    <hr class="point reset">
                                    <p>02-2659-7543</p>
                                    <hr class="point reset">
                                    <p>114台北市內湖區堤頂大道二段301號樓</p>
                                    <hr class="point reset">
                                    <img style="width:255px;margin-bottom:15px;" src="{{ Asset('images/hand_map.png') }}">
                                    <a href="https://www.google.com.tw/maps/place/114%E5%8F%B0%E5%8C%97%E5%B8%82%E5%85%A7%E6%B9%96%E5%8D%80%E5%A0%A4%E9%A0%82%E5%A4%A7%E9%81%93%E4%BA%8C%E6%AE%B5301%E8%99%9F/" target="_blank">
                                        <button style="width:100%;height:45px;" type="submit" class="btn btn-default">GOOGLE MAP</button></a>
                                </div>
                            </div>
                        </div>
                    </div>

            </div>



<script>


            $(function(){
                $(window).resize(function(){    
                    video_height = $(window).height();

                    video_text_left = ($('.home_video').width() - $('.home_video_text').width())/2;
                    video_text_top = (video_height - $('.home_video_text').height())/2;

                    $('.home_video').height(video_height);

                    $('.home_video_text').css('left',video_text_left);
                    $('.home_video_text').css('top',video_text_top);
                });
                $(document).ready(function(){           
                    video_height = $(window).height();
                    video_text_left = ($('.home_video').width() - $('.home_video_text').width())/2;
                    video_text_top = (video_height - $('.home_video_text').height())/2;

                    $('.home_video').height(video_height);

                    $('.home_video_text').css('left',video_text_left);
                    $('.home_video_text').css('top',video_text_top);
                });
            });


            about_block_height = $('.about_block').height();
            $('.home_video').css('min-height',about_block_height)





</script>
            
                    

       



     


        <script>
        
            $(document).ready(function(){
                $("a.actived").click(toggleActive);
                $("a.unactive").click(toggleActive);
                console.log("asdf");
            });
            function toggleActive(e)
            {
                role = $(this);
                isActived = role.hasClass("actived");
                if (isActived) {
                    role.addClass("unactive");
                    role.removeClass("actived");
                    $('.social_btn').children('#like').text('Like');
                }else {
                    role.addClass("actived");
                    role.removeClass("unactive");
                    $('.social_btn').children('#like').text('Liked');
                }
            }






            

        </script>
        

       



       












@stop