{% extends 'layout.html.twig' %}
{% block title %}{{ 'service.connector'|trans|raw }} - {{ 'connector.moto'|trans|raw }}{% endblock %}
{% block page_contents %}
<div class="headerPanel2"></div>
<div class="serviceMenu">
<span class="serviceMenuTitle">{{ 'service.services3d'|trans }}</span>
<span class="serviceMenuItem"><a href="{{ path('root') }}newaccount?addService=7" class="serviceMenuLink">{{ 'connector.new_connector_create'|trans }}</a></span>
<span class="serviceMenuItem"><a href="#connectors" class="serviceMenuLink">{{ 'connector.connectors'|trans }}</a></span>
<span class="serviceMenuItem"><a href="#connector_custom" class="serviceMenuLink">{{ 'connector.connector_custom'|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">
<NavigationInfo headlight="false" visibilityLimit="50.0" type='"EXAMINE", "ANY"' avatarSize="0.77, 1.95, 0.77"></NavigationInfo>
<viewpoint orientation='0.5 1 0 -0' position='10 1 18' id='x3d_viewpoint_1'></viewpoint>
<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>
<Background frontUrl="../pm22.jpeg"></Background>
<Viewpoint DEF='HomeView' jump='false' orientation='0.44022545 0.88045090 0.17609018 -1' position='-23 29 30' >
</Viewpoint>
<Viewpoint DEF='View1' jump='false' orientation='0 1 0 -1.10000002' position='-40 1.50000000 0' >
</Viewpoint>
<Viewpoint DEF='View2' jump='false' orientation='-0.70710677 0.70710677 0 0.50000000' position='5 14.50000000 15' >
</Viewpoint>
<PointLight location='0 0 3' >
</PointLight>
<Transform DEF='revolver' translation='0 0 -3' rotation='1 1 0 0.81'>
<Transform translation='0 6.80999994 0' >
<Inline url='Septagon.x3d' >
</Inline>
</Transform>
<OrientationInterpolator DEF='revolverRotation' key='0 0.50000000 1' keyValue='0 1 0 0 0 1 0 3.14000010 0 1 0 6.28000021' >
</OrientationInterpolator>
<TimeSensor DEF='revolverTimeSensor' cycleInterval='33' loop='true' >
</TimeSensor>
</Transform>
</scene>
</x3d>
</div>
<div class="verticalGap"></div>
<div class="presentationContent">
<div class="homePanel">
<a name="connectors"></a>
<h1>{{ 'connector.connectors'|trans }}</h1>
<div class="infoPanel">
<p class="presentationContentMain">{{ 'connector.connectors_text'|trans }}</p>
</div>
</div>
<div class="homePanel">
<!-- module list template -->
{{ include('moduleList.html.twig') }}
</div>
<div class="homePanel">
<a name="connector_custom"></a>
<h1>{{ 'connector.connector_custom'|trans }}</h1>
<p class="presentationContentMain">{{ 'connector.connector_custom_text'|trans }}</p>
<br>
<a href="{{ path('root') }}request?addService=7" class="butt_big">{{ 'system.request'|trans }}</a>
<br>
</div>
<div class="homeMenuPanel">
<div class="megaBox">
<a href="{{ path('root') }}newaccount?addService=7" class="butt_big">{{ 'connector.new_connector_create'|trans }}</a>
</div>
</div>
</div>
{% endblock %}