{% extends 'layout.html.twig' %}
{% block title %}{{ 'service.homepage'|trans|raw }}{% endblock %}
{% block page_contents %}
<div class="presentationContent">
<!-- user service list template -->
{% if user %}
{{ include('userServiceList.html.twig') }}
{% endif %}
{% if app.session.get('server') and app.session.get('server').homePageId > 0 %}
{% if not user %}
<div class="headerPanel33">
<div class="servicesPanelWrapperBg">
</div>
<div class="servicesPanelWrapper2">
<div class="servicesPanel2">
<!-- top server services -->
{% set diffY = 0 %}
{% set serviceCount = app.session.get('server').services|length %}
{% set serviceCountCurrent = 0 %}
{% set diffConstant = 8 %}
{# <br></br>serviceCount: {{ serviceCount }}#}
{% for service in app.session.get('server').services %}
{% set serviceId = service.serviceId %}
{% set image = asset('images/' ~ service.image) %}
{# simage:{{ service.image }}#}
{% set imageBg = '/images/bg_' ~ service.image %}
{# {% set imageBg = asset('images/bg_' ~ service.image) %}#}
{# imageBg:{{ imageBg }}#}
{% set link = path('root') ~ service.landingUrl %}
{% set localisedServiceName = ('service.' ~ service.action)|trans %}
{# <HR>serviceCount2: {{ serviceCount/2 }}#}
{# <BR>serviceCountCurrent: {{ serviceCountCurrent }}#}
{% if serviceCount/2 > serviceCountCurrent %}
{% set diffY = diffY + diffConstant %}
{% else %}
{% set diffY = diffY - diffConstant %}
{% endif %}
<div class="servicePanelItem" style="margin-left: {{ diffY }}px; vertical-align: top;">
{# <div class="servicePanelItem">#}
<a href="{{ link }}" class="serviceLink">
<div class="servicePanel"
onmouseover="servicePanelOver('{{ serviceId }}');
imageGalleryClick('{{ imageBg }}', '/eshop',
'{{ service.serviceName }}',
'/newaccount?addService=2',
'/user/7/gallery3D/7',
'New Base',
'1.1');
changeViewpoint('x3d_viewpoint_service_' + {{ serviceId }})">
<div class="serviceImage2">
<img src="{{ image }}" alt="{{ service.serviceName }}" width="80">
</div>
<div class="serviceLabel2">{{ localisedServiceName }}</div>
</div>
</a>
</div>
{% set serviceCountCurrent = serviceCountCurrent + 1 %}
{% endfor %}
</div>
</div>
</div>
{% endif %}
<!-- X3D -->
<div style="width: 100vw;
height: 323px;
display:block;
right:0;
left:0;
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
z-index: 5;
background-color: Black;
" id="x3d"
class="x3d_container">
<x3d width='100%' height="323px" id="x3d_section" style="height: 323px; border-bottom: 0px solid silver;background-color: #222;">
<scene id="x3d_scene">
<NavigationInfo headlight="false" visibilityLimit="50.0" type='"EXAMINE", "ANY"' avatarSize="0.77, 1.95, 0.77"></NavigationInfo>
<Group DEF='AvatarGroup'>
<TimeSensor DEF='AvatarGroupTimer'
cycleInterval='24'
loop='true'
isActive='true'></TimeSensor>
<OrientationInterpolator DEF='AvatarGroupInterpolator'
key='0, 0.33, 0.66, 1'
keyValue='0 0 1 0, 0 1 0 0.3, 0 -1 0 0.3, 0 0 1 0'></OrientationInterpolator>
</Group>
<ExternProtoDeclare name='NurbsPatchSurface' url='"urn:web3d:vrml97:node:NurbsSurface" "urn:inet:blaxxun.com:node:NurbsSurface" "urn:ParaGraph:NurbsSurface" "NurbsSurfacePROTO.wrl" "http://wdune.ourproject.org/docs/vrml97Amendment1/NurbsSurfacePROTO.wrl"'>
<ProtoInterface>
<field name='uDimension' type='SFInt32' accessType='initializeOnly' ></field>
<field name='vDimension' type='SFInt32' accessType='initializeOnly' ></field>
<field name='uKnot' type='MFFloat' accessType='initializeOnly' ></field>
<field name='vKnot' type='MFFloat' accessType='initializeOnly' ></field>
<field name='uOrder' type='SFInt32' accessType='initializeOnly' ></field>
<field name='vOrder' type='SFInt32' accessType='initializeOnly' ></field>
<field name='uClosed' type='SFBool' accessType='initializeOnly' ></field>
<field name='vClosed' type='SFBool' accessType='initializeOnly' ></field>
<field name='solid' type='SFBool' accessType='initializeOnly' ></field>
<field name='controlPoint' type='SFNode' accessType='inputOutput' ></field>
<field name='weight' type='MFFloat' accessType='inputOutput' ></field>
<field name='uTessellation' type='SFInt32' accessType='inputOutput' ></field>
<field name='vTessellation' type='SFInt32' accessType='inputOutput' ></field>
<field name='texCoord' type='SFNode' accessType='inputOutput' ></field>
</ProtoInterface>
</ExternProtoDeclare>
<ExternProtoDeclare name='SuperExtrusion' url='"SuperExtrusionPROTO.wrl" "SuperExtrusionPROTO.wrl" "http://129.69.35.12/dune/docs/scriptedNodes/SuperExtrusionPROTO.wrl"'>
<ProtoInterface>
<field name='knot' type='MFFloat' accessType='initializeOnly' ></field>
<field name='order' type='SFInt32' accessType='initializeOnly' ></field>
<field name='creaseAngle' type='SFFloat' accessType='initializeOnly' ></field>
<field name='beginCap' type='SFBool' accessType='initializeOnly' ></field>
<field name='endCap' type='SFBool' accessType='initializeOnly' ></field>
<field name='solid' type='SFBool' accessType='initializeOnly' ></field>
<field name='scale' type='MFVec2f' accessType='initializeOnly' ></field>
<field name='a' type='SFFloat' accessType='inputOutput' ></field>
<field name='b' type='SFFloat' accessType='inputOutput' ></field>
<field name='m' type='SFFloat' accessType='inputOutput' ></field>
<field name='n1' type='SFFloat' accessType='inputOutput' ></field>
<field name='n2' type='SFFloat' accessType='inputOutput' ></field>
<field name='n3' type='SFFloat' accessType='inputOutput' ></field>
<field name='border' type='SFFloat' accessType='inputOutput' ></field>
<field name='bottomBorder' type='SFFloat' accessType='inputOutput' ></field>
<field name='superTessellation' type='SFInt32' accessType='inputOutput' ></field>
<field name='spineTessellation' type='SFInt32' accessType='inputOutput' ></field>
<field name='controlPoint' type='MFVec3f' accessType='inputOutput' ></field>
<field name='weight' type='MFFloat' accessType='inputOutput' ></field>
</ProtoInterface>
</ExternProtoDeclare>
<Transform DEF='AvatarWrapper' id='AvatarWrapper'>
<viewpoint orientation='0 1 0 -0' position='10 1 18' id='x3d_viewpoint_1'></viewpoint>
</Transform>
<viewpoint orientation='0 1 0 -0.2' position='30 1 30' id='x3d_viewpoint_2'></viewpoint>
<viewpoint orientation='0 1 0 0.2' position='20 1 38' id='x3d_viewpoint_3'></viewpoint>
<viewpoint orientation='0 1 0 -0' position='10 1 22' id='x3d_viewpoint_home'></viewpoint>
<viewpoint orientation='0 1 0 0.65' position='-1 1 8.5' id='x3d_viewpoint_menu'></viewpoint>
<viewpoint orientation='0 1 0 0.2' position='15 1 20' id='x3d_viewpoint_service_1'></viewpoint>
<viewpoint orientation='0 1 0 0.15' position='17 1 20' id='x3d_viewpoint_service_2'></viewpoint>
<viewpoint orientation='0 1 0 0.10' position='19 1 20' id='x3d_viewpoint_service_3'></viewpoint>
<viewpoint orientation='0 1 0 0.05' position='21 1 20' id='x3d_viewpoint_service_4'></viewpoint>
<viewpoint orientation='0 1 0 0.0' position='23 1 20' id='x3d_viewpoint_service_5'></viewpoint>
<viewpoint orientation='0 1 0 -0.05' position='25 1 20' id='x3d_viewpoint_service_6'></viewpoint>
<viewpoint orientation='0 1 0 -0.1' position='27 1 20' id='x3d_viewpoint_service_7'></viewpoint>
<Transform DEF='TourAvatarWrapper' id='TourAvatarWrapper'>
<viewpoint orientation='0 1 0 -0.2' position='20 1 30' DEF='x3d_viewpoint_tour' id='x3d_viewpoint_tour'></viewpoint>
</Transform>
<Background groundColor='0.2 0.2 0 0.3 0.3 0 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.8 0.8 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>
<PositionInterpolator DEF='UserTranslation1' key='0 0.3 0.5 0.8 1.0' keyValue='-22 1 -9 10 1 9 20 1 9 30 1 -13 -22 1 -9'/></PositionInterpolator>
<TimeSensor DEF='CLOCK' cycleInterval='20' loop='true' enabled='true'></TimeSensor>
<!-- menu -->
<Transform DEF='MenuBox' translation='7 -5.5 -4.2' rotation='0 1 0 -0.0'>
<Transform DEF='MenuBoxLeft' translation='-4.2 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038'
diffuseColor='0.2 0.2 0.2' transparency='0.2'/>
</Appearance>
<Box size="1 3 3"/>
</Shape>
</Transform>
<Anchor
description='Create New E-shop Now'
id = 'new_account_url'
url='/newaccount?addService=1'
parameter = 'target=_self'>
<Transform DEF='MenuBoxNew' translation='0 0 0'>
<Shape>
<Appearance>
<Material id='material_2' DEF='material_2'
ambientIntensity='0.399038' diffuseColor='0.03 0.18 0.33'/>
</Appearance>
<Box size="7 3 3"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxNewInner' translation='0 0 0'>
<Shape>
<Appearance>
<Material
ambientIntensity='0.399038'
diffuseColor='0 1 0'/>
</Appearance>
<Box size="7 2.0 3.1"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxNew_text' translation='-0.4 -0.4 1.6'>
<shape>
<appearance>
<material ambientIntensity='0.0933'
diffuseColor='1 1 1'
shininess='0.51'
specularColor='1 1 1'
emissiveColor='1 1 1'>
</material>
</appearance>
<text string='New E-shop' solid='true' id='new_account_label'>
<fontstyle family="TYPEWRITER" style="BOLDITALIC" size="1.2" id='new_account_font'></fontstyle>
</text>
</shape>
</Transform>
</Anchor>
<Anchor
description='Login'
id = 'login_url'
url='/login'
parameter = 'target=_self'>
<Transform DEF='MenuBoxLogin' translation='7.2 0 0'>
<Shape>
<Appearance>
<Material id='material_3' DEF='material_3' ambientIntensity='0.399038' diffuseColor='0.03 0.18 0.33'/>
</Appearance>
<Box size="7 3 3"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxLoginInner' translation='7.2 0 0'>
<Shape>
<Appearance>
<Material id='material_2' DEF='material_2'
ambientIntensity='0.399038'
diffuseColor='0 1 0'/>
</Appearance>
<Box size="7 2.0 3.1"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxLogin_text' translation='5.4 -0.4 1.6'>
<shape>
<appearance>
<material ambientIntensity='0.0933'
diffuseColor='1 1 1'
shininess='0.51'
specularColor='1 1 1'
emissiveColor='1 1 1'>
</material>
</appearance>
<text string='Login' solid='true'>
<fontstyle family="TYPEWRITER" style="BOLDITALIC" size="1.2"></fontstyle>
</text>
</shape>
</Transform>
</Anchor>
<Anchor description='Gallery' id = 'gallery_url' url='http://easycommerc.com/user/7/gallery3D/7' parameter = 'target=_self'>
<Transform DEF='MenuBoxExample' translation='14.4 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038' diffuseColor='0.03 0.18 0.33'/>
</Appearance>
<Box size="7 3 3"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxExampleInner' translation='14.4 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038' diffuseColor='0 1 0'/>
</Appearance>
<Box size="7 2.0 3.1"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxExamples_text' translation='13.1 -0.4 1.6'>
<shape>
<appearance>
<material ambientIntensity='0.0933'
diffuseColor='1 1 1'
shininess='0.51'
specularColor='1 1 1'
emissiveColor='1 1 1'>
</material>
</appearance>
<text string='Gallery' solid='true'>
<fontstyle family="TYPEWRITER" style="BOLDITALIC" size="1.2"></fontstyle>
</text>
</shape>
</Transform>
</Anchor>
<Anchor description='More' id = 'more_url' url='http://easycommerc.com/eshop' parameter = 'target=_self'>
<Transform DEF='MenuBoxMore' translation='21.6 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038' diffuseColor='0.03 0.18 0.33'/>
</Appearance>
<Box size="7 3 3"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxMoreInner' translation='21.6 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038' diffuseColor='0 1 0'/>
</Appearance>
<Box size="7 2.0 3.1"/>
</Shape>
</Transform>
<Transform DEF='MenuBoxMore_text' translation='19.6 -0.4 1.6'>
<shape>
<appearance>
<material ambientIntensity='0.0933'
diffuseColor='1 1 1'
shininess='0.51'
specularColor='1 1 1'
emissiveColor='1 1 1'>
</material>
</appearance>
<text string='More' solid='true'>
<fontstyle family="TYPEWRITER" style="BOLDITALIC" size="1.2"></fontstyle>
</text>
</shape>
</Transform>
</Anchor>
<Transform DEF='MenuBoxRight' translation='26.0 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038'
diffuseColor='0.2 0.2 0.2' transparency='0.5'/>
</Appearance>
<Box size="1 3 3"/>
</Shape>
</Transform>
</Transform>
<!-- cube gallery -->
<Transform DEF = 'CubeGallery'
translation = '-12 0.5 0'
scale = '1 1 1'
rotation='0 1 0 0.81'>
<Inline nameSpaceName="CubeGal" mapDEFToID="true" url="{{ path('root') }}EasyCommercCubeGallery.x3d"></Inline>
</Transform>
<!-- marketplace -->
<!--
<Transform DEF = 'Marketplace'
translation = '22 0.5 0'
scale = '1 1 1'
rotation='0 1 0 0.81'>
<Inline nameSpaceName="Marketplace" mapDEFToID="true" url="<?= $templatesDir ?>/marketplace3D/marketplace3D.x3d"/>
</Transform>
-->
<!-- cube holder -->
<Transform translation='-12 -6.0 0' rotation='0 1 0 -0.13117953405799'>
<Shape>
<Appearance>
<Material
ambientIntensity='0.399038'
diffuseColor='0.3 0.3 0.3'
emissiveColor='0.3 0.3 0.3'
transparency='0.5'/>
</Appearance>
<Cylinder height='5.0' radius='4'/>
</Shape>
</Transform>
<Transform translation='-12 -4.05 0' rotation='0 1 0 -0.13117953405799'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038' diffuseColor='0.03 0.18 0.33'/>
</Appearance>
<Cylinder height='0.9' radius='8'/>
</Shape>
</Transform>
<!-- dynamic object holder -->
<Transform translation='47 -8.3 0' rotation='0 1 0 -0.13117953405799'>
<Group DEF='Dynamic_Object_Animation_header'>
<TimeSensor DEF='Dynamic_Object_AnimationTimer_header'
cycleInterval='60'
loop='true'
isActive='true'></TimeSensor>
<OrientationInterpolator DEF='Dynamic_Object_BoxRotationInterpolator_header'
key='0, 0.25, 0.5, 0.75, 1'
keyValue='0 0 1 0, 0 -1 0 1.5707963267949, 0 -1 0 3.14159253438051, 0 1 0 1.57079644600419, 0 0 1 0'></OrientationInterpolator>
</Group>
<Transform DEF='Dynamic_Object_header' translation='0 0 0'>
<Transform DEF = 'CubeLogo'
translation = '0 3.8 1'
scale = '0.7 0.7 0.7'>
<Inline nameSpaceName="LogoCubex" mapDEFToID="true" url="/Logo_Cubes_Norotate.x3d" />
</Transform>
<Transform DEF = 'Ext1'
translation = '0 9.2 0'
scale = '0.073 0.073 0.073'
rotation='0 1 0 1.6'>
<Inline nameSpaceName="ExtX3D"
mapDEFToID="true"
url=""
id="x3d_inline_external"
bboxCenter="0 0 0"
bboxSize="0.1 0.1 0.1"
bboxDisplay = true;
></Inline>
</Transform>
<Transform DEF = 'Ext_3d_services'
translation = '0 9 0'
scale = '0.173 0.193 0.173'
rotation='0 1 0 1.6'>
<Inline nameSpaceName="ExtX3D_3d_services"
mapDEFToID="true"
url=""
id="x3d_inline_external_3d_services"
bboxCenter="0 0 0"
bboxSize="3 3 3"
bboxDisplay = true;
></Inline>
</Transform>
<Transform DEF = 'Ext_3d_web'
translation = '0 9.2 5'
scale = '0.073 0.073 0.073'
rotation='0 1 0 1.6'>
<Inline nameSpaceName="ExtX3D_web"
mapDEFToID="true"
url=""
id="x3d_inline_external_web"
bboxCenter="0 0 0"
bboxSize="10.1 10.1 10.1"
bboxDisplay = true;
></Inline>
</Transform>
<Transform translation='0 0 0' rotation='0 1 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038'
diffuseColor='0.3 0.3 0.3'
emissiveColor='0.3 0.3 0.3'
transparency='0.5'></Material>
</Appearance>
<Cylinder height='5.0' radius='4'></Cylinder>
</Shape>
</Transform>
<Transform translation='0 2 0' rotation='0 1 0 0'>
<Shape>
<Appearance>
<Material ambientIntensity='0.399038' diffuseColor='0.5 0.5 0.5'></Material>
</Appearance>
<Cylinder height='0.9' radius='8'></Cylinder>
</Shape>
</Transform>
</Transform>
</Transform>
<!-- slideshow screen projection -->
<Transform translation='20 11 0' rotation='0 1 0 -0.0'>
<Transform DEF = 'WideScreen'
translation = '0 1 0'
scale = '1.4 1.2 1'
rotation='0 1 0 0'>
<Inline nameSpaceName="WideScreenModel" mapDEFToID="true" url="{{ path('root') }}WideScreen.x3d"></Inline>
</Transform>
<Transform DEF = 'WideScreenBg'
translation = '0 1 -0.2'
scale = '1.4 2.2 1'
rotation='0 1 0 0'>
<Inline nameSpaceName="WideScreenBgModel" mapDEFToID="true" url="{{ path('root') }}WideScreen-Background.x3d"></Inline>
</Transform>
<Transform DEF = 'WideScreenLeft'
translation = '-25 1 0'
scale = '1.4 1.2 1'
rotation='0 1 0 1'>
<Inline nameSpaceName="WideScreenLeftModel" mapDEFToID="true" url="{{ path('root') }}WideScreenWebpages.x3d"></Inline>
</Transform>
<Transform DEF = 'WideScreenRight'
translation = '25 1 0'
scale = '1.4 1.2 1'
rotation='0 1 0 -1'>
<Inline nameSpaceName="WideScreenRightModel" mapDEFToID="true" url="{{ path('root') }}WideScreenMarketplace.x3d"></Inline>
</Transform>
</Transform>
<Transform translation='19 30.5 -9' rotation='0 1 0 -0.0'>
<Transform DEF='Slideshow_poster'
translation='-2.99785 4.69073 -2.72545'>
<Shape>
<Appearance>
<ImageTexture id="slideshow_texture" url="./images/eshopBg002.jpg"></ImageTexture>
<Material
ambientIntensity='0.999038'
diffuseColor='0.841 0.841 0.841'/>
</Appearance>
<Box size="10 5 0.2"/>
</Shape>
</Transform>
</Transform>
<Transform translation='0 20 0' rotation='0 1 0 -0.13117953405799' scale='33.229730 3.401004 33.954391'>
<Shape>
<Appearance>
<Material diffuseColor='0 0.7 1'/>
</Appearance>
<Extrusion beginCap='false' creaseAngle='0.785' crossSection='1.00 0.00 0.92 -0.38 0.71 -0.71 0.38 -0.92 0.00 -1.00 -0.38 -0.92 -0.71 -0.71 -0.92 -0.38 -1.00 -0.00' endCap='false' solid='false' spine='0 -1 0 0 1 0'/>
</Shape>
</Transform>
<!-- ceil -->
<!-- <Transform DEF = 'CeilCircle'
translation = '-2 10.5 0'
scale = '1 1 1'
rotation='0 1 0 0.81'>
<Inline nameSpaceName="CeilCircle" mapDEFToID="true" url="extrCircleSphere2.x3d"/>
</Transform> -->
<!-- floor -->
<Transform translation='10 -8.7 0' rotation='0 1 0 -0.13117953405799'>
<Shape>
<Appearance>
<Material
ambientIntensity='0.399038'
diffuseColor='0.6 0.6 0.6'></Material>
</Appearance>
<Cylinder height='0.5' radius='50'></Cylinder>
</Shape>
</Transform>
<Transform DEF = 'SurroundingTemplate'
translation = '10 -10 0'
scale = '1 1 1'
rotation='0 1 0 1.6'>
<Inline nameSpaceName="SurroundingTemplateModel" mapDEFToID="true" url="{{ path('root') }}PantheonGlass3.x3d"></Inline>
</Transform>
<ROUTE fromNode='AvatarGroupTimer' fromField='fraction_changed' toNode='AvatarGroupInterpolator' toField='set_fraction'></ROUTE>
<ROUTE fromNode='AvatarGroupInterpolator' fromField='value_changed' toNode='AvatarWrapper' toField='rotation'></ROUTE>
<ROUTE fromNode='Dynamic_Object_AnimationTimer_header' fromField='fraction_changed' toNode='Dynamic_Object_BoxRotationInterpolator_header' toField='set_fraction'></ROUTE>
<ROUTE fromNode='Dynamic_Object_BoxRotationInterpolator_header' fromField='value_changed' toNode='Dynamic_Object_header' toField='rotation'></ROUTE>
<Route fromNode="CLOCK" fromField ="fraction_changed" toNode="UserTranslation1" toField="set_fraction"> </Route>
<Route fromNode="UserTranslation1" fromField ="value_changed" toNode="TourAvatarWrapper" toField="translation"> </Route>
</scene>
</x3d>
<div style="position: absolute; left: 0px; width: 100%; height: 40px; display:block; border-right: 1px solid #EA5B0C; background-color: #222; opacity: 0.7; text-align:center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #EA5B0C; padding-top:1px" id="x3d_menu">
<div style="margin-right:7px; display:inline-block" 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-right:7px; display:inline-block" 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-right:7px; display:inline-block" id="x3d_menu_tour">
<button id="gallery_button_viewpoint" onclick="changeViewpoint('x3d_viewpoint_tour')" 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_walk.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Tour"></button>
</div>
<div style="margin-right:7px; display:inline-block" 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-right:7px; display:inline-block" 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-right:7px; display:inline-block" 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 style="margin-right:7px; display:inline-block" 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-right:7px; display:inline-block" 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>
</div>
{% endif %}
<div class="vrGap"></div>
<div class="homePanel">
<div class="newsPanel">
<h2>{{ 'news.ecommerce_news'|trans }}</h2>
{{ eCommerceNews|raw }}
</div>
</div>
<div class="homePanel">
{{ include('searchForm.html.twig') }}
{{ include('marketplaceDepartmentsHome.html.twig') }}
</div>
<div class="homeMenuPanel">
{{ include('shoppingWindow.html.twig') }}
</div>
</div>
{% endblock %}