TDH_2/themes/demo/partials/home_media.htm

143 lines
6.6 KiB
HTML

==
<?php
function onStart(){
$this['gallery'] = Admin\Photos\Models\Photo::orderBy("date", "desc")->limit(2)->get();
$this['videos'] = Admin\Videos\Models\Video::orderBy("date", "desc")->limit(2)->get();
}
?>
==
<!-- Media Content ==================================================== -->
<div class="Media">
<div class="auto_container">
<div class="media_inner">
<div class="media">
<div class="photo">
<div class="title">
<a href="{{ 'gallery'|page}}">{{'Фоторепортаж'|_}}</a>
<a href="{{ 'gallery'|page}}">
<img src="{{ 'assets/images/arrow-right.svg'|theme }}" alt="">
</a>
</div>
<div class="gallery">
{% for key, item in gallery %}
<div class="item">
<div class="item_img fancybox" href="{{item.getImages().first.path}}" data-fancybox="{{key}}"
data-width="1500" data-height="1000">
<img src="{{item.image[0].thumb(auto, 270)}}" alt="">
</div>
<div style="display: none;">
{% for image in item.getImages().slice(1,item.getImages().size) %}
<a href="{{image.path}}" data-fancybox-arrows="true" data-arrows="true" data-fancybox="{{key}}" data-width="1500"
data-height="1000" data-thumb="{{image.path}}"></a>
{% endfor %}
</div>
<div class="item_text">
{{ item.title }}
</div>
</div>
{% endfor %}
</div>
</div>
<div class="video">
<div class="title">
<a href="{{ 'videos'|page}}">{{'Видеорепортаж'|_}}</a>
<a href="{{ 'videos'|page}}">
<img src="{{ 'assets/images/arrow-right.svg'|theme }}" alt="">
</a>
</div>
<div class="gallery">
{% for item in videos %}
<div class="item">
<div class="item_img video_item" data-src="{{item.video[0].path}}">
<img src="{{item.image[0].thumb(350, auto)}}" alt="">
</div>
<div class="player_bg">
<div class="player">
<video class="player__video viewer"></video>
<div class="player__controls">
<div class="progress">
<div class="progress__filled"></div>
</div>
<button class="player__button toggle playeer" title="Toggle Play"></button>
<div class="control_item">
<img src="{{ 'assets/images/sound.svg'|theme }}" alt="" class="volume">
<input type="range" name="volume" class="player__slider" min="0" max="1"
step="0.05" value="1">
</div>
<button class="player__button fullscreen bigger" title="FullScreen">🞕</button>
</div>
</div>
</div>
<div class="item_text">
{{ item.title }}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Media Content end ================================================ -->
<!-- Channel ===================== -->
<div class="auto_container">
<div class="channel">
<div class="channel__inner">
<div class="chanel__items wow fadeIn" data-wow-duration=".5s" data-wow-delay=".1s">
<div class="items">
<div class="chan__pic1">
<a href="https://telecom.tm/ru/onlinetv?tv_alias=1">
<img src="{{ 'assets/images/altyn_asyr.png'|theme }}" alt="channel">
</a>
</div>
</div>
<div class="items">
<div class="chan__pic1">
<a href="https://telecom.tm/ru/onlinetv?tv_alias=2">
<img src="{{ 'assets/images/yaslyk.png'|theme }}" alt="channel">
</a>
</div>
</div>
<div class="items">
<div class="chan__pic1">
<a href="https://telecom.tm/ru/onlinetv?tv_alias=3">
<img src="{{ 'assets/images/miras.png'|theme }}" alt="channel">
</a>
</div>
</div>
<div class="items">
<div class="chan__pic1">
<a href="https://telecom.tm/ru/onlinetv?tv_alias=4">
<img src="{{ 'assets/images/turkmenistan_sport.png'|theme }}" alt="channel">
</a>
</div>
</div>
<div class="items">
<div class="chan__pic1">
<a href="https://telecom.tm/ru/onlinetv?tv_alias=5">
<img src="{{ 'assets/images/owaz.png'|theme }}" alt="channel">
</a>
</div>
</div>
<div class="items">
<div class="chan__pic1">
<a href="https://telecom.tm/ru/onlinetv?tv_alias=6">
<img src="{{ 'assets/images/ashgabat.png'|theme }}" alt="channel">
</a>
</div>
</div>
</div><!-- chanel__items -->
</div> <!-- channel__inner -->
</div><!-- channel -->
</div> <!-- container -->