{% extends 'layout.html.twig' %}
{% block title %}{{ 'service.knowledgebase'|trans|raw }}{% endblock %}
{% block page_contents %}
<div class="presentationContent">
<div class="headerPanel2"></div>
<div class="serviceMenu">
<span class="serviceMenuTitle">{{ 'service.knowledgebase'|trans }}</span>
<span class="serviceMenuItem"><a href="{{ path('root') }}newaccount?addService=2" class="serviceMenuLink">{{'knowledgebase.new_base_create'|trans }}</a></span>
</div>
<!-- X3D -->
<div style="width: 100vw;
height: 323px;
display:block;
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: 3px; 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="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; z-index: 5;" 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>
<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.5 1 0 -0' position='10 2 14' id='x3d_viewpoint_1'></viewpoint>
<viewpoint orientation='0 1 0 -0.2' position='10 2 25' id='x3d_viewpoint_2'></viewpoint>
<viewpoint orientation='0 1 0 0.2' position='25 2 5' id='x3d_viewpoint_3'></viewpoint>
<viewpoint orientation='0 1 0 -0' position='10 2 12' id='x3d_viewpoint_home'></viewpoint>
<viewpoint orientation='1 0 0 -0.65' position='5 20 20' id='x3d_viewpoint_menu'></viewpoint>
<PointLight location='0 0 3' >
</PointLight>
<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>
<!-- slideshow screen projection -->
<Transform translation='20 13.5 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') }}WideScreenPresentation.x3d"></Inline>
</Transform>
<Transform DEF='Slideshow_floor2'
translation='-1.99785 -18.2 -8.72545'>
<Shape>
<Appearance>
<Material
ambientIntensity='0.399038'
diffuseColor='0.5 0.5 0.5'/>
</Appearance>
<Cylinder height='0.5' radius='30'></Cylinder>
</Shape>
</Transform>
<Transform DEF='Slideshow_holder_bottom2'
translation='-1.99785 -19 -8.72545'>
<Shape>
<Appearance>
<Material
ambientIntensity='0.399038'
diffuseColor='1 0.3 0'
emissiveColor='1 0.3 0'/>
</Appearance>
<Cylinder height='0.5' radius='33'></Cylinder>
</Shape>
</Transform>
</Transform>
<Transform DEF='revolver' translation='0 0 -3' rotation='0 1 0 1.77999997'>
<Transform translation='0 0 6.69999981'>
<Inline url='"{{ path('root') }}computer001.x3d"' >
</Inline>
<TouchSensor DEF='ComputerSensor001'>
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 0.77999997' translation='5 0 5'>
<Inline url='"{{ path('root') }}computer002.x3d"'>
</Inline>
<TouchSensor DEF='ComputerSensor002'>
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 1.57000005' translation='7.44999981 0 0' >
<Inline url='"computer003.x3d"'>
</Inline>
<TouchSensor DEF='ComputerSensor003'>
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 2.45000005' translation='5 0 -5' >
<Inline url='"computer004.x3d"' >
</Inline>
<TouchSensor DEF='ComputerSensor004' >
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 3.14000010' translation='0 0 -6.69999981' >
<Inline url='"computer005.x3d"' >
</Inline>
<TouchSensor DEF='ComputerSensor005' >
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 -2.45000005' translation='-5 0 -5' >
<Inline url='"computer006.x3d"' >
</Inline>
<TouchSensor DEF='ComputerSensor006' >
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 -1.57000005' translation='-7.44999981 0 0' >
<Inline url='"computer007.x3d"' >
</Inline>
<TouchSensor DEF='ComputerSensor007' >
</TouchSensor>
</Transform>
<Transform rotation='0 1 0 -0.77999997' translation='-5 0 5' >
<Inline url='"computer008.x3d"' >
</Inline>
<TouchSensor DEF='ComputerSensor008' >
</TouchSensor>
</Transform>
<Transform translation='0 -2.20000005 0' >
<Inline url='"{{ path('root') }}desk.x3d"' >
</Inline>
</Transform>
<Transform translation='0 -5 0' >
<Inline url='"{{ path('root') }}pedestal.x3d"' bboxSize='0.50000000 2.50000000 0.50000000' >
</Inline>
</Transform>
</Transform>
<!-- floor -->
<Transform translation='10 -5.7 0' rotation='0 1 0 -0.13117953405799'>
<Shape>
<Appearance>
<Material
ambientIntensity='0.399038'
diffuseColor='0.2 0.2 0.2'></Material>
</Appearance>
<Cylinder height='0.5' radius='50'></Cylinder>
</Shape>
</Transform>
<ROUTE fromNode='AnimationTimer' fromField='fraction_changed' toNode='BoxRotationInterpolator' toField='set_fraction'></ROUTE>
<ROUTE fromNode='BoxRotationInterpolator' fromField='value_changed' toNode='revolver' toField='set_rotation'></ROUTE>
</Scene>
</x3d>
</div>
<div class="verticalGap"></div>
<br><br>
<div class="homePanel">
<!-- module list template -->
{{ include('moduleList.html.twig') }}
<br><br><br>
<div class="megaBox">
<a href="{{ path('root') }}newaccount?addService=2" class="megaButtonLink">{{'knowledgebase.new_base_create'|trans }}</a>
</div>
<br><br>
</div>
</div>
{% endblock %}