openvk/Web/Presenters/templates/About/Tour.xml
Daniel d8a8da6c62
Site Tour: Update (2)
Попросили
2023-01-08 12:16:48 +03:00

515 lines
No EOL
21 KiB
XML
Executable file

{extends "../@layout.xml"}
{block title}{_tour_title}{/block}
{block header}
{_tour_title}
{/block}
{block content}
{css "css/tour.css"}
<div id="tour">
<div class="rightNav">
<h1>{_tour_title}</h1>
<div class="rightLinks">
<div class="tab">
<button class="tablinks" onclick="eurotour(event, 'start')" id="defaultOpen"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/1.svg" width="16" height="16"></div>{_tour_section_1|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'profile')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/2.svg" width="16" height="16"></div>{_tour_section_2|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'photos')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/3.svg" width="16" height="16"></div>{_tour_section_3|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'search')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/4.svg" width="16" height="16"></div>{_tour_section_4|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'videos')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/5.svg" width="16" height="16"></div>{_tour_section_5|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'audios')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/6.svg" width="16" height="16"></div>{_tour_section_6|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'news')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/7.svg" width="16" height="16"></div>{_tour_section_7|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'news_global')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/8.svg" width="16" height="16"></div>{_tour_section_8|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'groups')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/9.svg" width="16" height="16"></div>{_tour_section_9|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'events')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/10.svg" width="16" height="16"></div>{_tour_section_10|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'themes')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/11.svg" width="16" height="16"></div>{_tour_section_11|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'customization')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/12.svg" width="16" height="16"></div>{_tour_section_12|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'vouchers')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/13.svg" width="16" height="16"></div>{_tour_section_13|noescape}</button>
<button class="tablinks" onclick="eurotour(event, 'mobile')"><div class="tabicon"><img src="https://openvk.uk/assets/packages/static/openvk/img/icons/14.svg" width="16" height="16"></div>{_tour_section_14|noescape}</button>
</div>
</div>
<div class="rightNav" n:if="!isset($thisUser)">
<h1>{_reg_title|noescape}</h1>
<div class="rightLinks">
<div>{_reg_text|noescape}</div>
</div>
<h1>{_ifnotlike_title|noescape}</h1>
<div class="rightLinks">
<div>{_ifnotlike_text|noescape}</div>
</div>
</div>
</div>
<div id="start" class="tabcontent">
<h2>{_tour_section_1_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_1_text_1|noescape}</span></li>
<li><span>{_tour_section_1_text_2|noescape}</span></li>
<li><span>{_tour_section_1_text_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/reg.png" width="440">
<p class="big">{_tour_section_1_bottom_text_1|noescape}</p>
<div style="margin-top:10px; padding-left:175px">
</div>
<br>
</div>
<div id="profile" class="tabcontent">
<h2>{_tour_section_2_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_2_text_1_1|noescape}</span></li>
<li><span>{_tour_section_2_text_1_2|noescape}</span></li>
<li><span>{_tour_section_2_text_1_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/profile.png" width="440">
<p class="big">{_tour_section_2_bottom_text_1|noescape}</p>
<h2>{_tour_section_2_title_2|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_2_text_2_1|noescape}</span></li>
<li><span>{_tour_section_2_text_2_2|noescape}</span></li>
<li><span>{_tour_section_2_text_2_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/privacy.png" width="440">
<h2>{_tour_section_2_title_3|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_2_text_3_1|noescape}</span></li>
<li><span>{_tour_section_2_text_3_2|noescape}</span></li>
</ul>
<center><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/adres_ff.jpg"></center>
<ul class="listing">
<li><span>{_tour_section_2_text_3_3|noescape}</span></li>
<li><span>{_tour_section_2_text_3_4|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/adres3.png" width="440">
<center><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/adres_ff_tohru.jpg"></center>
<br>
<i><p class="big">{_tour_section_2_bottom_text_2|noescape}</p></p></i>
<h2>{_tour_section_2_title_4|noescape}</h2>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/wall.png" width="440">
<br>
</div>
<div id="photos" class="tabcontent">
<h2>{_tour_section_3_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_3_text_1|noescape}</span></li>
<li><span>{_tour_section_3_text_2|noescape}</span></li>
<li><span>{_tour_section_3_text_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/photos.png" width="440">
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/photos2.png" width="440">
<p class="big">{_tour_section_3_bottom_text_1|noescape}</p>
<br>
</div>
<div id="search" class="tabcontent">
<h2>{_tour_section_4_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_4_text_1|noescape}</span></li>
<li><span>{_tour_section_4_text_2|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/search.png" width="440">
<ul class="listing">
<li><span>{_tour_section_4_text_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/search2.png" width="440">
<h2>{_tour_section_4_title_2|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_4_text_4|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/search_h.png" width="440">
<br>
</div>
<div id="videos" class="tabcontent">
<h2>{_tour_section_5_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_5_text_1|noescape}</span></li>
<li><span>{_tour_section_5_text_2|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/videos.png" width="440">
<p class="big">{_tour_section_5_bottom_text_1|noescape}</p>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/videos_a.png" width="440">
<h2>{_tour_section_5_title_2|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_5_text_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/videos_y.png" width="440">
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/videos_w.png" width="440">
<br>
</div>
<div id="audios" class="tabcontent">
<h2>{_tour_section_6_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_6_text_1|noescape}</span></li>
</ul>
<br>
</div>
<div id="news" class="tabcontent">
<h2>{_tour_section_7_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_7_text_1|noescape}</span></li>
<li><span>{_tour_section_7_text_2|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/local_news.png" width="440">
<p class="big">{_tour_section_7_bottom_text_1|noescape}</p>
<br>
</div>
<div id="news_global" class="tabcontent">
<h2>{_tour_section_8_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_8_text_1|noescape}</span></li>
<li><span>{_tour_section_8_text_2|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/news_global.png" width="440">
<p class="big">{_tour_section_8_bottom_text_1|noescape}</p>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/poll.png" width="440">
<p class="big">{_tour_section_8_bottom_text_2|noescape}</p>
<br>
</div>
<div id="groups" class="tabcontent">
<h2>{_tour_section_9_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_9_text_1|noescape}</span></li>
<li><span>{_tour_section_9_text_2|noescape}</span></li>
<li><span>{_tour_section_9_text_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/groups.png" width="440">
<p class="big">{_tour_section_9_bottom_text_1|noescape}</p>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/groups_view.png" width="440">
<p class="big">{_tour_section_9_bottom_text_2|noescape}</p>
<h2>{_tour_section_9_title_2|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_9_text_2_1|noescape}</span></li>
<li><span>{_tour_section_9_text_2_2|noescape}</span></li>
<li><span>{_tour_section_9_text_2_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/groups_admin.png" width="440">
<p class="big">{_tour_section_9_bottom_text_3|noescape}</p>
<br>
</div>
<div id="events" class="tabcontent">
<h2>{_tour_section_10_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_10_text_1|noescape}</span></li>
</ul>
<br>
</div>
<div id="themes" class="tabcontent">
<h2>{_tour_section_11_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_11_text_1|noescape}</span></li>
<li><span>{_tour_section_11_text_2|noescape}</span></li>
<li><span>{_tour_section_11_text_3|noescape}</span></li>
</ul>
<center><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/theme_picker.png"></center>
<p class="big">{_tour_section_11_bottom_text_1|noescape}</p><br>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/theme3.png" width="460">
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/theme1.png" style="float:left;" width="220"></td>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/theme2.png" style="float:right;" width="220"></td>
</tr>
</tbody>
</table>
<br>
<center>{_tour_section_11_wordart|noescape}</center>
<br>
</div>
<div id="customization" class="tabcontent">
<h2>{_tour_section_12_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_12_text_1|noescape}</span></li>
<li><span>{_tour_section_12_text_2|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/backdrop.png" width="440">
<p class="big">{_tour_section_12_bottom_text_1|noescape}</p><br>
<ul class="listing">
<li><span>{_tour_section_12_text_3|noescape}</span></li>
</ul>
<br>
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/backdrop_ex.png" width="440"></td>
</tr>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/backdrop_ex1.png" width="440"></td>
</tr>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/backdrop_ex2.png" width="440"></td>
</tr>
</tbody>
</table>
<p class="big">{_tour_section_12_bottom_text_2|noescape}</p><br>
<p class="big">{_tour_section_12_bottom_text_3|noescape}</p>
<h2>{_tour_section_12_title_2|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_12_text_2_1|noescape}</span></li>
<li><span>{_tour_section_12_text_2_2|noescape}</span></li>
</ul>
<center><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/avatar_picker.png"></center><br>
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/avatars_def.png" style="float:left;" width="220"></td>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/avatars_round.png" style="float:right;" width="220"></td>
</tr>
</tbody>
</table><br>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/avatars_quad.png" width="440">
<h2>{_tour_section_12_title_3|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_12_text_3_1|noescape}</span></li>
<li><span>{_tour_section_12_text_3_2|noescape}</span></li>
</ul>
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/leftmenu.png" style="float:left;" width="220"></td>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/leftmenu2.png" style="float:right;" width="220"></td>
</tr>
</tbody>
</table>
<h2>{_tour_section_12_title_4|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_12_text_4_1|noescape}</span></li>
<li><span>{_tour_section_12_text_4_2|noescape}</span></li>
<li><span>{_tour_section_12_text_4_3|noescape}</span></li>
</ul>
<center><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/wall_pick.png"></center><br>
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/wall_old.png" style="float:left;" width="220">
<br> <p class="big"{_tour_section_12_bottom_text_4|noescape}</p></td>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/wall_new.png" style="float:right;" width="220">
<br><p class="big">{_tour_section_12_bottom_text_5|noescape}</p></td>
</tr>
</tbody>
</table>
<br>
<br>
</div>
<div id="vouchers" class="tabcontent">
<h2>{_tour_section_13_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_13_text_1|noescape}</span></li>
<li><span>{_tour_section_13_text_2|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/vouchers.png" width="440">
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/vouchers_type.png" width="440">
<p class="big">{_tour_section_13_bottom_text_1|noescape}</p><br>
<ul class="listing">
<li><span>{_tour_section_13_text_3|noescape}</span></li>
<li><span>{_tour_section_13_text_4|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/vouchers_ok.png" width="440">
<p class="big">{_tour_section_13_bottom_text_2|noescape}</p><br>
<p class="big">{_tour_section_13_bottom_text_3|noescape}</p><br>
<br>
<br>
</div>
<div id="mobile" class="tabcontent">
<h2>{_tour_section_14_title_1|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_14_text_1|noescape}</span></li>
<li><span>{_tour_section_14_text_2|noescape}</span></li>
<li><span>{_tour_section_14_text_3|noescape}</span></li>
</ul>
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/app1.png" style="float:left;" width="210"></td>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/app2.png" style="float:right;" width="210"></td>
</tr>
</tbody>
</table>
<table cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="https://openvk.uk/assets/packages/static/openvk/img/tour/app3.png" width="425"></td>
</tr>
</tbody>
</table>
<p class="big">{_tour_section_14_bottom_text_1|noescape}</p><br>
<h2>{_tour_section_14_title_2|noescape}</h2>
<ul class="listing">
<li><span>{_tour_section_14_text_2_1|noescape}</span></li>
<li><span>{_tour_section_14_text_2_2|noescape}</span></li>
<li><span>{_tour_section_14_text_2_3|noescape}</span></li>
</ul>
<img src="https://openvk.uk/assets/packages/static/openvk/img/tour/app4.jpeg" width="440">
<br>
<p class="big" n:if="!isset($thisUser)">{_tour_section_14_bottom_text_2|noescape}</p><br>
<p class="big" n:if="isset($thisUser)">{_tour_section_14_bottom_text_3|noescape}</p><br>
<div style="margin-top:10px; padding-left:175px" n:if="!isset($thisUser)">
<a class="button" href="/reg">{_tour_reg|noescape}</a>
</div>
<br>
</div>
<!--
.__ .__ __ .__ .___.__ __
| |__ ____ |__|/ |_ ___________ ___.__. |__| __| _/|__|/ |_ ____ ___ __ _____ ____ _____ ____ _____ ______
| | \_/ __ \| \ __\/ __ \_ __ < | | | |/ __ | | \ __\/ __ \ \ \/ / \__ \ / \\__ \ / \\__ \ / ___/
| Y \ ___/| || | \ ___/| | \/\___ | | / /_/ | | || | \ ___/ \ / / __ \| | \/ __ \| | \/ __ \_\___ \
|___| /\___ >__||__| \___ >__| / ____| |__\____ | |__||__| \___ > \_/ (____ /___| (____ /___| (____ /____ >
\/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/ \/
.__ .__ __ __
_____ ___.__. _____| | |__|__ __ _____/ |_ ______ _____ ___ ___/ |_ ___________
/ < | |/ ___/ | | \ \/ // __ \ __\/ ___/ \__ \\ \/ /\ __\/ _ \_ __ \
| Y Y \___ |\___ \| |_| |\ /\ ___/| | \___ \ / __ \\ / | | ( <_> ) | \/
|__|_| / ____/____ >____/__| \_/ \___ >__| /____ > (____ /\_/ |__| \____/|__|
\/\/ \/ \/ \/ \/ -->
{script "js/tour.js"}
{/block}