{% extends 'layout.html.twig' %}
{% block title %}{{ 'service.webpages'|trans|raw }}{% endblock %}
{% block page_contents %}
<div class="headerPanel2"></div>
<div class="serviceMenu">
<span class="serviceMenuTitle">{{ 'service.webpages'|trans }}</span>
<span class="serviceMenuItem"><a href="{{ path('root') }}newaccount?addService=3" class="serviceMenuLink">{{ 'webpages.new_web_create'|trans }}</a></span>
<span class="serviceMenuItem"><a href="#webpage_ready" class="serviceMenuLink">{{ 'webpages.webpages_ready'|trans }}</a></span>
<span class="serviceMenuItem"><a href="#webpage_custom" class="serviceMenuLink">{{ 'webpages.webpages_custom'|trans }}</a></span>
<span class="serviceMenuItem"><a href="#webpage_3D" class="serviceMenuLink">{{ 'webpages.webpages_3D'|trans }}</a></span>
<span class="serviceMenuItem"><a href="#webpage_examples" class="serviceMenuLink">{{ 'service.examples'|trans }}</a></span>
<span class="serviceMenuItem"><a href="/user/7/gallery3D/8" class="serviceMenuLink">{{ 'module.gallery'|trans }}</a></span>
</div>
<!-- X3D -->
<div style="width: 100vw;
height: 323px;
display:block;
right:0;
left:0;
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
background-color: Black;
z-index: 5;
" id="x3d"
class="x3d_container">
<div style="position: absolute; left: 0px; width: 50px; height: 319px; display:block; border-right: 1px solid #EA5B0C; background-color: #222; opacity: 0.5; text-align:center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #EA5B0C; padding-top:5px" id="x3d_menu">
<div>X3D</div>
<div>menu</div>
<div style="margin-top:7px" id="x3d_menu_viewpoint_home">
<button id="button_viewpoint_home" onclick="changeViewpoint('x3d_viewpoint_home')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_home.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Home Viewpoint"></button>
</div>
<div style="margin-top:7px" id="x3d_menu_viewpoint_menu">
<button id="button_viewpoint_menu" onclick="changeViewpoint('x3d_viewpoint_menu')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_menu.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Menu Viewpoint"></button>
</div>
<div style="margin-top:7px" id="x3d_menu_fullscreen">
<button id="button_fullscreen" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_fullscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="full screen"></button>
</div>
<div style="margin-top:7px" id="x3d_menu_defaultscreen">
<button id="button_defaultscreen" onclick="sceneResize('normal')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_defaultscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="default screen"></button>
</div>
<div style="margin-top:7px" id="x3d_menu_viewpoint_1">
<button id="button_viewpoint_1" onclick="changeViewpoint('x3d_viewpoint_1')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Viewpoint 1"></button>
</div>
<div style="margin-top:7px" id="x3d_menu_viewpoint_2">
<button id="button_viewpoint_2" onclick="changeViewpoint('x3d_viewpoint_2')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Viewpoint 2"></button>
</div>
<div style="margin-top:7px" id="x3d_menu_viewpoint_3">
<button id="button_viewpoint_3" onclick="changeViewpoint('x3d_viewpoint_3')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Viewpoint 3"></button>
</div>
</div>
<x3d width='100%' height="323px" id="x3d_section" style="height: 323px; border-bottom: 2px solid #EA5B0C;background-color: #222;">
<Scene id="x3d_scene">
<WorldInfo info='"Copyright (c) 2015, Webexciter.com, George Matyas"' title='Computer Revolver 3D' >
</WorldInfo>
<viewpoint orientation='0 1 0 1.7' position='160 45 -10' id='x3d_viewpoint_home'></viewpoint>
<viewpoint orientation='0.5 0.5 0 -0.65' position='5 40 20' id='x3d_viewpoint_menu'></viewpoint>
<viewpoint orientation='0 1 0 3.1' position='150 70 -200' id='x3d_viewpoint_1'></viewpoint>
<viewpoint orientation='0 1 0 0.2' position='100 65 200' id='x3d_viewpoint_2'></viewpoint>
<viewpoint orientation='0 1 0 1.7' position='270 2 -57' id='x3d_viewpoint_3'></viewpoint>
<Background groundColor='0.8 0.8 1 0.7 0.7 1 0.5 0.5 0.3 0.1 0.3 0.4 0 0.2 0.4' skyAngle='0.04 0.05 0.1 1.309 1.570' skyColor='0 0 0.2 0.8 0.8 0.2 0.1 0.1 0.6 0.1 0.1 0.6 0.1 0.25 0.8 0.6 0.6 0.9'></Background>
<Group DEF='Animation2'>
<TimeSensor DEF='AnimationTimer' cycleInterval='33' loop='true'></TimeSensor>
<OrientationInterpolator DEF='BoxRotationInterpolator' key='0 0.50000000 1' keyValue='0 1 0 0 0 1 0 -3.14000010 0 1 0 -6.28000021'></OrientationInterpolator>
</Group>
<Transform DEF='revolver' translation='0 0 0' rotation='0 1 0 0'>
<Transform translation='-30 0 0' scale='150 150 150'>
<Inline url='"NYC.x3d"' >
</Inline>
</Transform>
</Transform>
</Scene>
</x3d>
</div>
<div class="verticalGap"></div>
<div class="presentationContent">
<div class="homePanel">
<a name="webpage_ready"></a>
<h1>{{ 'webpages.webpages_ready'|trans }}</h1>
<div class="infoPanel">
<div class='leftInfoPanel'><p class="presentationContentMain">{{ 'webpages.webpages_ready_text'|trans }}</p></div>
<div class='logoInfoPanel'>
{% if app.session.get('label') == 'webexciter.com' %}
{% set icon3d = 'WebPages.x3d' %}
{% else %}
{% set icon3d = 'WebPages_white.x3d' %}
{% endif %}
<X3D width='400px' height='240px' profile='Immersive'>
<head>
</head>
<Scene>
<Transform rotation='0 1 0 0' translation='0 0 0' >
<Inline url='"{{ icon3d }}"' bboxCenter="0 0 0"
bboxSize="0.1 0.1 0.1"
bboxDisplay = true;>
</Inline>
</Transform>
</Scene>
</X3D>
</div>
<div class='rightInfoPanel'>
<table cellspacing='0' class='priceTable' align='center'>
<tr>
<td class='serviceName'>web <big>Mini</big></td>
<td class='servicePrice1'><big>111</big> CZK (month)</td>
<td class='servicePrice2'>1100 CZK (year)</td>
</tr>
<tr>
<td class='serviceName'>web <big>Flexi</big></td>
<td class='servicePrice1'><big>222</big> CZK (month)</td>
<td class='servicePrice2'>2200 CZK (year)</td>
</tr>
<tr>
<td class='serviceName'>web <big>Max</big></td>
<td class='servicePrice1'><big>1777</big> CZK (month)</td>
<td class='servicePrice2'>22000 CZK (year)</td>
</tr>
</table>
<br>
<br>
<div>
<a href="{{ path('root') }}newaccount?addService=3" class="butt_big">{{ 'webpages.new_web_create'|trans }}</a>
</div>
<br>
<br>
<div class="addFormFunctionsLine"></div>
<span>OR</span>
<div class="addFormFunctionsLine"></div>
<div class="addFormFunctions">
<a href="{{ path('root') }}login?addService=3" class="bigPlainLink">{{ 'webpages.login'|trans }}</a>
</div>
<br>
</div>
</div>
</div>
<div class="homePanel">
<!-- module list template -->
{{ include('moduleList.html.twig') }}
</div>
<div class="homePanel">
<a name="webpage_custom"></a>
<h1>{{ 'webpages.webpages_custom'|trans }}</h1>
<div class="infoPanel">
<div class='leftInfoPanel'><p class="presentationContentMain">{{ 'webpages.webpages_custom_text'|trans }}</p></div>
<div class='rightInfoPanel'>
<table cellspacing='0' class='priceTable' align='center'>
<tr>
<td class='serviceName'><big>{{ 'webpages.webpages_custom'|trans }}</big></td>
<td class='servicePrice1'>{{ 'eshop.eshop_custom_price'|trans }}</td>
<td class='servicePrice2'></td>
</tr>
</table>
</div>
</div>
<br>
<div>
<a href="{{ path('root') }}request?addService=3" class="butt_big">{{ 'webpages.request'|trans }}</a>
</div>
<br>
</div>
<div class="homePanel">
<a name="webpage_3D"></a>
<h1>{{ 'webpages.webpages_3D'|trans }}</h1>
<div class="infoPanel">
<div class='leftInfoPanel'><p class="presentationContentMain">{{ 'webpages.webpages_3D_text'|trans }}</p></div>
<div class='rightInfoPanel'>
<table cellspacing='0' class='priceTable' align='center'>
<tr>
<td class='serviceName'><big>{{ 'webpages.webpages_3D'|trans }}</big></td>
<td class='servicePrice1'>{{ 'eshop.eshop_custom_price'|trans }}</td>
<td class='servicePrice2'></td>
</tr>
</table>
</div>
</div>
<br>
<br>
<div>
<a href="{{ path('root') }}newaccount?addService=5&addModule=43" class="butt_big">{{ 'service.services3d_new'|trans }}</a>
</div>
<br>
</div>
<div class="homePanel">
<a name="webpage_examples"></a>
<h1>{{ 'service.examples'|trans }}</h1>
<div class="examples">
{% set count = 0 %}
{% for example in exampleCollection %}
{% set count = count + 1 %}
<div class="example">
<div class="exampleImage">
<a href="{{ example.landingUrl }}" target="_blank" class="exampleLink">
<img src="{{ example.imageUrl }}" alt="{{ example.serviceExampleName }}" width="281" border="0">
</a>
</div>
<div class="exampleName">
{% if count == 1 %}
<span>{{ 'service.examples'|trans }}:</span>
{% endif %}
<div class="exampleTitle">
<a href="{{ example.landingUrl }}" target="_blank" class="exampleLink">{{ example.serviceExampleName }}</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="homeMenuPanel">
<div class="megaBox">
<a href="{{ path('root') }}newaccount?addService=3" class="butt_big">{{ 'webpages.new_web_create'|trans }}</a>
</div>
</div>
</div>
{% endblock %}