upload en pre prod

hide birthday field (date issue) /entreprise/me/mon_compte

.gitignore

@@ -10,3 +10,9 @@
 volume/www/website/.idea
 /volume/www/website/store/themes/talentstube-20170413/cache/*
 /volume/www/website/store/img/tmp/*
+volume/www/website/www/app/Resources/views/default/index.html.twig
+
+volume/www/website/www/.vscode/settings.json
+volume/www/website/www/app/config/jwt/private.pem
+volume/www/website/www/app/config/jwt/public.pem
+volume/www/website/www/web/sql/upload.pgsql

Makefile

@@ -2,7 +2,7 @@
 CLIENT=tt-website
 
 DOCKERCOMPOSE := $(shell command -v docker-compose 2> /dev/null)
-USAGE := Usage: make ENV={prod|preprod|dev} {docker-build|docker-start|docker-stop|docker-restart}
+USAGE := Usage: make ENV={prod|preprod|dev} {SYS=windows|linux}  {docker-build|docker-start|docker-stop|docker-restart}
 
 ifndef DOCKERCOMPOSE
 $(error docker-compose is not available)
@@ -14,16 +14,23 @@ $(info $(USAGE))
 $(error Exiting)
 endif
 
+SYS=linux
+
 DC_OVERRIDE := $(shell test -e conf/docker-compose.override.yml && echo "--file conf/docker-compose.override.yml")
 DC_OVERRIDE_ENV := $(shell test -e conf/docker-compose.$(ENV).yml && echo "--file conf/docker-compose.$(ENV).yml")
 
-DC=ENV=$(ENV) CLIENT=$(CLIENT) $(DOCKERCOMPOSE) --project-name "$(CLIENT)_$(ENV)" --file conf/docker-compose.yml $(DC_OVERRIDE) $(DC_OVERRIDE_ENV)
+ifeq ($(SYS),linux)
+DC=ENV=$(ENV) CLIENT=$(CLIENT) "$(DOCKERCOMPOSE)" --project-name "$(CLIENT)_$(ENV)" --file conf/docker-compose.yml $(DC_OVERRIDE) $(DC_OVERRIDE_ENV)
+else
+DC=ENV=$(ENV) CLIENT=$(CLIENT) "$(DOCKERCOMPOSE)" --project-name "$(CLIENT)_$(ENV)" --file conf/docker-compose.win.yml $(DC_OVERRIDE) $(DC_OVERRIDE_ENV)
+endif
 
 default:
 	$(info $(USAGE))
 	$(error Exiting)
 
 docker-build:
+	$(DC) pull
 	$(DC) build
 	$(DC) up -d
 
@@ -57,8 +64,8 @@ config:
 
 	@echo "  --> Generating mysql auth file"
 	@cat conf/env/store-mysql.env \
-		| python -c "import sys; import string; v=sys.stdin.readline().split('MYSQL_ROOT_PASSWORD=')[1]; print(string.Template(open('conf/build/mysql/my.cnf').read()).substitute({'PASSWORD':v}))" \
-		| docker exec -i $(CLIENT).store-mysql.$(ENV) sh -c 'cat > /root/.my.cnf'
+			| python -c "import sys; import string; v=sys.stdin.readline().split('MYSQL_ROOT_PASSWORD=')[1]; print(string.Template(open('conf/build/mysql/my.cnf').read()).substitute({'PASSWORD':v}))" \
+			| docker exec -i $(CLIENT).store-mysql.$(ENV) sh -c 'cat > /root/.my.cnf'
 
 db-backup-all: db-backup-website db-backup-store
 
@@ -76,9 +83,14 @@ db-backup-store:
 
 db-restore-all: db-restore-website db-restore-store
 
+db-backup-script:
+	@mkdir -p backup/
+	@docker exec $(CLIENT).postgres.$(ENV) pg_dumpall --database database -c -U postgres > backup/postgres_$(ENV)_`date +%d-%m-%Y"_"%H_%M_%S`.sql
+	@docker exec $(CLIENT).store-mysql.$(ENV) mysqldump -uroot database > backup/store-mysql_$(ENV)_`date +%d-%m-%Y"_"%H_%M_%S`.sql
+
 db-restore-website:
-	@echo "Restoring file to database (backup/store-mysql.sql)"
-	@cat backup/postgres.sql | docker exec -i $(CLIENT).postgres.$(ENV) psql --dbname database -U postgres
+	@echo "Restoring file to database (backup/postgres.sql)"
+	@cat backup/postgres.sql | docker exec -i $(CLIENT).postgres.$(ENV) psql --dbname database -U user
 	@docker cp backup/mongo $(CLIENT).mongo.$(ENV):/
 	@docker exec -t $(CLIENT).mongo.$(ENV) mongorestore --drop --gzip --db=tt_history /mongo/tt_history
 
@@ -95,7 +107,7 @@ entities:
 	@docker exec -i $(CLIENT).php.$(ENV) su www-data --shell=/bin/bash -c "/home/www/website/www/bin/console doctrine:generate:entities AppBundle"
 
 db-diff:
-	@docker exec -i $(CLIENT).php.$(ENV) su www-data --shell=/bin/bash -c "/home/www/website/www/bin/console doctrine:migrations:diff"
+	@docker exec -i $(CLIENT).php.$(ENV) su www-data -c "/home/www/website/www/bin/console doctrine:migrations:diff"
 
 db-migrate:
 	@docker exec -i $(CLIENT).php.$(ENV) su www-data --shell=/bin/bash -c "/home/www/website/www/bin/console doctrine:migrations:migrate"
@@ -104,3 +116,7 @@ db-deploy: db-diff db-migrate
 
 es-populate:
 	@docker exec -i $(CLIENT).php.$(ENV) su www-data --shell=/bin/bash -c "/home/www/website/www/bin/console fos:elastica:populate"
+
+sys:
+	@echo $(SYS)
+	@echo $(DC)

TODO

@@ -0,0 +1,3 @@
+
+Todo:
+  ☐ Item

conf/build/php/Dockerfile

@@ -1,47 +1,54 @@
-FROM php:7.1-fpm
+FROM php:7.1-fpm-buster
 
 ENV TERM=xterm
 
-RUN echo 'deb http://ftp.debian.org/debian jessie-backports main' > /etc/apt/sources.list.d/debian-backports.list
+#RUN printf "deb http://archive.debian.org/debian/ jessie main\ndeb-src http://archive.debian.org/debian/ jessie main\ndeb http://security.debian.org jessie/updates main\ndeb-src http://security.debian.org jessie/updates main\ndeb http://archive.debian.org/debian/ jessie-backports main" > /etc/apt/sources.list.d/debian-backports.list
 
 RUN apt-get clean \
-	&& apt-get update \
-	&& apt-get install -y lsof nano less git locales
+        && apt-get update \
+        && apt-get install -y lsof nano less git locales
 
 RUN echo 'fr_FR.UTF-8 UTF-8' > /etc/locale.gen \
-	&& /usr/sbin/locale-gen
+        && /usr/sbin/locale-gen
 
 RUN apt-get update \
-	&& apt-get install -y ffmpeg exiftool graphviz libfreetype6-dev libjpeg62-turbo-dev libpng12-dev libmcrypt-dev libxslt-dev libicu-dev libxml2-dev libpq-dev libgeoip-dev libedit-dev mysql-client nodejs npm \
-	&& apt-get install -y --no-install-recommends libmagickwand-dev \
-	&& docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \
-	&& docker-php-ext-install -j4 gd mcrypt xsl zip intl gettext soap pdo_pgsql pdo_mysql mysqli pgsql json readline opcache \
-	&& pecl install geoip-1.1.1 redis imagick mongodb \
-	&& docker-php-ext-enable geoip redis imagick mongodb
+    && apt-get -y install libgmp-dev \
+        && ln -s /usr/include/x86_64-linux-gnu/gmp.h /usr/local/include/gmp.h \
+        && docker-php-ext-install gmp \
+        && docker-php-ext-configure gmp
+
+
+RUN apt-get update \
+        && apt-get install -y ffmpeg exiftool graphviz libfreetype6-dev libjpeg62-turbo-dev libpng-dev libmcrypt-dev libxslt-dev libicu-dev libxml2-dev libpq-dev libgeoip-dev libedit-dev mariadb-client nodejs npm \
+        && apt-get install -y --no-install-recommends libmagickwand-dev \
+        && docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \
+        && docker-php-ext-install -j4 gd mcrypt xsl zip intl gettext soap pdo_pgsql pdo_mysql mysqli pgsql json readline opcache \
+        && pecl install geoip-1.1.1 redis imagick mongodb \
+        && docker-php-ext-enable geoip redis imagick mongodb
 
 RUN { \
-	echo 'opcache.memory_consumption=128'; \
-	echo 'opcache.interned_strings_buffer=8'; \
-	echo 'opcache.max_accelerated_files=4000'; \
-	echo 'opcache.revalidate_freq=60'; \
-	echo 'opcache.fast_shutdown=1'; \
-	echo 'opcache.enable_cli=1'; \
-	} >> /usr/local/etc/php/conf.d/docker-php-ext-opcache.ini
+        echo 'opcache.memory_consumption=128'; \
+        echo 'opcache.interned_strings_buffer=8'; \
+        echo 'opcache.max_accelerated_files=4000'; \
+        echo 'opcache.revalidate_freq=60'; \
+        echo 'opcache.fast_shutdown=1'; \
+        echo 'opcache.enable_cli=1'; \
+        } >> /usr/local/etc/php/conf.d/docker-php-ext-opcache.ini
 
 COPY zz-logformat.conf /usr/local/etc/php-fpm.d/
 COPY php.ini /usr/local/etc/php/conf.d/
 
 RUN (curl --silent --show-error https://getcomposer.org/installer | php) \
-	&& mv composer.phar /usr/local/bin/composer
+        && mv composer.phar /usr/local/bin/composer
 
 RUN curl --location --silent --show-error https://symfony.com/installer -o /usr/local/bin/symfony \
-	&& chmod a+x /usr/local/bin/symfony
+        && chmod a+x /usr/local/bin/symfony
 
 RUN curl --location --silent --show-error https://s3.amazonaws.com/files.drush.org/drush.phar -o /usr/local/bin/drush \
-	&& chmod a+x /usr/local/bin/drush
+        && chmod a+x /usr/local/bin/drush
 
-RUN (npm install -g uglify-js) \
-	&& ln -s /usr/bin/nodejs /usr/local/bin/node
+RUN (npm install -g uglify-es) \
+        && ln -s /usr/bin/nodejs /usr/local/bin/node
 
 RUN apt-get clean \
-	&& rm -rf /var/lib/apt/lists/
+        && rm -rf /var/lib/apt/lists/

conf/build/php_light/Dockerfile

@@ -1,4 +1,4 @@
-FROM php:7.1-fpm
+FROM php:7.1-fpm-buster
 
 ENV TERM=xterm
 
@@ -10,7 +10,7 @@ RUN echo 'fr_FR.UTF-8 UTF-8' > /etc/locale.gen \
 	&& /usr/sbin/locale-gen
 
 RUN apt-get update \
-	&& apt-get install -y libfreetype6-dev libjpeg62-turbo-dev libpng12-dev libmcrypt-dev libxslt-dev libicu-dev libxml2-dev libpq-dev libgeoip-dev libedit-dev mysql-client \
+	&& apt-get install -y libfreetype6-dev libjpeg62-turbo-dev libpng-dev libmcrypt-dev libxslt-dev libicu-dev libxml2-dev libpq-dev libgeoip-dev libedit-dev mariadb-client \
 	&& apt-get install -y --no-install-recommends libmagickwand-dev \
 	&& docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \
 	&& docker-php-ext-install -j4 gd mcrypt xsl zip intl gettext soap pdo_pgsql pdo_mysql mysqli pgsql json readline opcache \
@@ -33,4 +33,4 @@ RUN (curl --silent --show-error https://getcomposer.org/installer | php) \
 	&& mv composer.phar /usr/local/bin/composer
 
 RUN apt-get clean \
-	&& rm -rf /var/lib/apt/lists/
+	&& rm -rf /var/lib/apt/lists/

conf/build/php_light_win/Dockerfile

@@ -0,0 +1,35 @@
+FROM php:7.1-fpm
+
+ENV TERM=xterm
+
+RUN apt-get clean \
+	&& apt-get update \
+	&& apt-get install -y lsof nano less git locales
+
+RUN echo 'fr_FR.UTF-8 UTF-8' > /etc/locale.gen \
+	&& /usr/sbin/locale-gen
+RUN apt-get update \
+	&& apt-get install -y libfreetype6-dev libjpeg62-turbo-dev libpng-dev libmcrypt-dev libxslt-dev libicu-dev libxml2-dev libpq-dev libgeoip-dev libedit-dev mysql-client \
+	&& apt-get install -y --no-install-recommends libmagickwand-dev \
+	&& docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \
+	&& docker-php-ext-install -j4 gd mcrypt xsl zip intl gettext soap pdo_pgsql pdo_mysql mysqli pgsql json readline opcache \
+	&& pecl install geoip-1.1.1 redis imagick \
+	&& docker-php-ext-enable geoip redis imagick
+
+RUN { \
+	echo 'opcache.memory_consumption=128'; \
+	echo 'opcache.interned_strings_buffer=8'; \
+	echo 'opcache.max_accelerated_files=4000'; \
+	echo 'opcache.revalidate_freq=60'; \
+	echo 'opcache.fast_shutdown=1'; \
+	echo 'opcache.enable_cli=1'; \
+	} >> /usr/local/etc/php/conf.d/docker-php-ext-opcache.ini
+
+COPY zz-logformat.conf /usr/local/etc/php-fpm.d/
+COPY php.ini /usr/local/etc/php/conf.d/
+
+RUN (curl --silent --show-error https://getcomposer.org/installer | php) \
+	&& mv composer.phar /usr/local/bin/composer
+
+RUN apt-get clean \
+	&& rm -rf /var/lib/apt/lists/

conf/build/php_light_win/php.ini

@@ -0,0 +1,7 @@
+date.timezone = Europe/Paris
+display_errors = Off
+memory_limit = 256M
+log_errors = On
+error_reporting  =  E_ALL
+error_log = /dev/stdout
+report_memleaks = On

conf/build/php_light_win/zz-logformat.conf

@@ -0,0 +1,2 @@
+[www]
+access.format = "%R [%t] \"%m %r%Q%q\" %s %f %{mili}dms %{kilo}MKb %C%%"

conf/build/php_win/Dockerfile

@@ -0,0 +1,55 @@
+FROM php:7.1-fpm
+
+ENV TERM=xterm
+
+#RUN echo 'deb http://ftp.debian.org/debian jessie-backports main' > /etc/apt/sources.list.d/debian-backports.list
+
+RUN printf "deb http://archive.debian.org/debian/ jessie main\ndeb-src http://archive.debian.org/debian/ jessie main\ndeb http://security.debian.org jessie/updates main\ndeb-src http://security.debian.org jessie/updates main" > /etc/apt/sources.list.d/debian-backports.list
+
+RUN apt-get clean \
+	&& apt-get update \
+	&& apt-get install -y lsof nano less git locales
+
+RUN echo 'fr_FR.UTF-8 UTF-8' > /etc/locale.gen \
+	&& /usr/sbin/locale-gen
+
+RUN apt-get update && apt-get install -my wget gnupg
+
+RUN curl -sL https://deb.nodesource.com/setup_9.x | bash - \
+    && apt-get install -y nodejs
+
+RUN apt-get update \
+	&& apt-get install -y ffmpeg exiftool graphviz libfreetype6-dev libjpeg62-turbo-dev libpng-dev libmcrypt-dev libxslt-dev libicu-dev libxml2-dev libpq-dev libgeoip-dev libedit-dev mysql-client libgmp-dev nodejs \
+	&& apt-get install -y --no-install-recommends libmagickwand-dev \
+	&& docker-php-ext-configure gd  --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \
+	&& docker-php-ext-install -j4 gd mcrypt xsl zip intl gettext soap pdo_pgsql pdo_mysql mysqli pgsql json readline opcache gmp \
+	&& docker-php-ext-configure gmp \
+	&& pecl install geoip-1.1.1 redis imagick mongodb \
+	&& docker-php-ext-enable geoip redis imagick mongodb
+
+RUN { \
+	echo 'opcache.memory_consumption=128'; \
+	echo 'opcache.interned_strings_buffer=8'; \
+	echo 'opcache.max_accelerated_files=4000'; \
+	echo 'opcache.revalidate_freq=60'; \
+	echo 'opcache.fast_shutdown=1'; \
+	echo 'opcache.enable_cli=1'; \
+	} >> /usr/local/etc/php/conf.d/docker-php-ext-opcache.ini
+
+COPY zz-logformat.conf /usr/local/etc/php-fpm.d/
+COPY php.ini /usr/local/etc/php/conf.d/
+
+RUN (curl --silent --show-error https://getcomposer.org/installer | php) \
+	&& mv composer.phar /usr/local/bin/composer
+
+RUN curl --location --silent --show-error https://symfony.com/installer -o /usr/local/bin/symfony \
+	&& chmod a+x /usr/local/bin/symfony
+
+RUN curl --location --silent --show-error https://s3.amazonaws.com/files.drush.org/drush.phar -o /usr/local/bin/drush \
+	&& chmod a+x /usr/local/bin/drush
+
+RUN (npm install -g uglify-es) \
+	&& ln -s /usr/bin/nodejs /usr/local/bin/node
+
+RUN apt-get clean \
+	&& rm -rf /var/lib/apt/lists/

conf/build/php_win/php.ini

@@ -0,0 +1,9 @@
+date.timezone = Europe/Paris
+display_errors = Off
+memory_limit = 768M
+log_errors = On
+error_reporting  =  E_ALL
+error_log = /dev/stdout
+report_memleaks = On
+upload_max_filesize = 512M
+post_max_size = 512M

conf/build/php_win/zz-logformat.conf

@@ -0,0 +1,2 @@
+[www]
+access.format = "%R [%t] \"%m %r%Q%q\" %s %f %{mili}dms %{kilo}MKb %C%%"

conf/docker-compose.win.yml

@@ -0,0 +1,75 @@
+version: "3"
+
+services:
+  ##
+  ## WEBSITE RESSOURCES
+  ##
+  nginx:
+    build: build/nginx
+    container_name: ${CLIENT}.nginx.${ENV}
+    hostname: nginx
+    volumes:
+      - ../volume/nginx/etc.nginx.sites-enabled:/etc/nginx/sites-enabled
+      - ../volume/www:/home/www
+    restart: always
+
+  php:
+    build: build/php_win
+    container_name: ${CLIENT}.php.${ENV}
+    hostname: php
+    volumes:
+      - ../volume/www:/home/www
+    restart: always
+
+  postgres:
+    image: postgres:9.6
+    container_name: ${CLIENT}.postgres.${ENV}
+    hostname: postgres
+    env_file: env/postgres.env
+    volumes:
+      - tt-postgres:/var/lib/postgresql/data
+    restart: always
+
+  mongo:
+    image: mongo:3.4
+    container_name: ${CLIENT}.mongo.${ENV}
+    hostname: mongo
+    volumes:
+      - tt-mongo:/data/db
+    restart: always
+
+  elasticsearch:
+    build: build/elasticsearch
+    container_name: ${CLIENT}.elasticsearch.${ENV}
+    hostname: elasticsearch
+    volumes:
+      - search_db_data:/usr/share/elasticsearch/data
+    restart: always
+
+  ##
+  ## STORE RESSOURCES
+  ##
+  store-php:
+    build: build/php_light_win
+    container_name: ${CLIENT}.store-php.${ENV}
+    hostname: store-php
+    volumes:
+      - ../volume/www:/home/www
+    restart: always
+
+  store-mysql:
+    build: build/mysql
+    container_name: ${CLIENT}.store-mysql.${ENV}
+    hostname: store-mysql
+    env_file: env/store-mysql.env
+    volumes:
+      - ../volume/store-mysql/var.lib.mysql:/var/lib/mysql
+    restart: always
+
+# Elastic does not play well with physical volume (folder rights trouble)
+volumes:
+  ? search_db_data
+  tt-postgres:
+    external: true
+  tt-mongo:
+    external: true

conf/env/sample/mysql.env

@@ -1,4 +0,0 @@
-MYSQL_ROOT_PASSWORD=
-MYSQL_DATABASE=database
-MYSQL_USER=user
-MYSQL_PASSWORD=

conf/env/sample/postgres.env

@@ -1,3 +0,0 @@
-POSTGRES_USER=
-POSTGRES_PASSWORD=
-POSTGRES_DB=

volume/www/website/.gitignore

@@ -1 +1,2 @@
 conf/nginx.conf
+/vendor/

volume/www/website/www/README.md

@@ -2,3 +2,52 @@ tt
 ==
 
 A Symfony project created on February 23, 2017, 1:42 pm.
+
+##  To have a representation of entity's mappings
+In php container, do php bin/console yuml:mappings
+To personnalize, see https://github.com/Nono1971/doctrine-yuml-bundle
+
+## If memory issues when installing bundle
+Copy this before composer require : COMPOSER_MEMORY_LIMIT=-1
+
+## To update database schema
+In php container, root@php:/home/www/website/www# php bin/console doctrine:schema:update --force
+It'll update database based on entities
+
+## For Js : use assetic commande inside server container
+- do a cache-clear to update the assectic.yml file
+bin/console cache:clear --env=prod --no-debug
+- then
+php bin/console assetic:dump --env=prod --no-debug
+
+## To push notifications
+- Create new .json file in web/push folder.
+
+- This file is composed of two arrays : parameters, where you select specific subscribers to receive notifications, 
+and notification, where you write the content. 
+
+- Values for parameters : 
+    * "pushType" : define the rule to find subscribers, only one value which fits with next ones. Values : "general", "profil", "users", "tags".
+    * "profilCompletenessPercentage" : define the % of profil completeness. Works with "profil" value of pushType.
+    * "users" : enters subscriber's mail. Works with "users" value of pushType.
+    * "keywords" : enters tags to identify subscribers. Works with "tags" value of pushType.
+
+- Values for notification :
+    * "title" : the title!
+    * "body" : the content.
+    * "icon" : the website icon.
+    * "image" : to add an image.
+    * "tag" : Used to regroup notifications.
+    * "data" : array where you can add "link" property. Link will redirect to the given URL.
+    * "actions" : array where you can add specific action with "action", "title".
+    * "badge" : to add an image for small device.
+
+- Open SendPushCommand.php, go to configure(), and change the last line of addOption() for files with your filename.
+
+## Stacktrace exception API
+All exceptions catched are written in the dev.log file (for ENV=dev I guess) in the AppBundle/var/logs folder. 
+To have an exception that can be written in this file, create or use an already existing Exception (in AppBundle/Exception) in your Controller.
+
+## Question to ask to Corentin
+* Is there a validation from Talents Tube operator to set the answer status to published?
+* Is there a comment to be written when post an answer ? (not here in mock-up)

volume/www/website/www/app/AppKernel.php

@@ -49,8 +49,20 @@ class AppKernel extends Kernel
             new Http\HttplugBundle\HttplugBundle(),
             new HWI\Bundle\OAuthBundle\HWIOAuthBundle(),
 
+            //bentools push
+            new BenTools\WebPushBundle\WebPushBundle(),
             //CookieBar
             new Fairlane\CookieConsentBundle\FairlaneCookieConsentBundle(),
+
+            //Api
+            new JMS\SerializerBundle\JMSSerializerBundle(),
+            new FOS\RestBundle\FOSRestBundle(),
+            new WhiteOctober\PagerfantaBundle\WhiteOctoberPagerfantaBundle(),
+            new Bazinga\Bundle\HateoasBundle\BazingaHateoasBundle(),
+            new Lexik\Bundle\JWTAuthenticationBundle\LexikJWTAuthenticationBundle(),
+
+            //CORS
+            new Nelmio\CorsBundle\NelmioCorsBundle(),
         ];
 
         if (in_array($this->getEnvironment(), ['dev', 'test'], true)) {
@@ -59,6 +71,7 @@ class AppKernel extends Kernel
             $bundles[] = new Sensio\Bundle\DistributionBundle\SensioDistributionBundle();
             $bundles[] = new Sensio\Bundle\GeneratorBundle\SensioGeneratorBundle();
             $bundles[] = new Alex\DoctrineExtraBundle\AlexDoctrineExtraBundle();
+            $bundles[] = new Onurb\Bundle\YumlBundle\OnurbYumlBundle();
         }
 
         return $bundles;

volume/www/website/www/app/DoctrineMigrations/Version20200715123752.php

@@ -0,0 +1,29 @@
+<?php declare(strict_types=1);
+
+namespace Application\Migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20200715123752 extends AbstractMigration
+{
+    public function up(Schema $schema) : void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('ALTER TABLE company ADD cv VARCHAR(255) DEFAULT NULL');
+    }
+
+    public function down(Schema $schema) : void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE company DROP cv');
+    }
+}

volume/www/website/www/app/DoctrineMigrations/Version20200818075231.php

@@ -0,0 +1,29 @@
+<?php declare(strict_types=1);
+
+namespace Application\Migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20200818075231 extends AbstractMigration
+{
+    public function up(Schema $schema) : void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('ALTER TABLE ad ADD beneficiaire TEXT DEFAULT NULL');
+    }
+
+    public function down(Schema $schema) : void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE ad DROP beneficiaire');
+    }
+}

volume/www/website/www/app/Resources/FOSUserBundle/views/Registration/check_emailV2.html.twig

@@ -0,0 +1,173 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% trans_default_domain 'FOSUserBundle' %}
+{% block content %}
+<div class="text-center mb-4">
+      <h1 class="h3 mb-0"></h1>
+      <p></p>
+    </div>
+    <!-- End Title -->
+<div class="container contentWrapper">
+    <div class="row">
+        <div class="col push-s3 s6">
+            <h1 class="m-t-20 alttitle center-align">{{'user.register.title'|trans({},"messages") }}</h1>
+            <p>{{ 'registration.check_email'|trans({'%email%': user.email}) }}</p>
+        </div>
+    </div>
+</div>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}
+
+
+

volume/www/website/www/app/Resources/FOSUserBundle/views/Security/loginModalV2.html.twig

@@ -0,0 +1,198 @@
+    <div>
+        {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
+        {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
+        <a href="{{ path('fos_user_security_logout') }}">
+            {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
+        </a>
+        {% else %}
+        <a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
+        {% endif %}
+    </div>
+    {% for type, messages in app.session.flashBag.all %}
+    {% for message in messages %}
+    <div class="{{ type }}">
+        {{ message|trans({}, 'FOSUserBundle') }}
+    </div>
+    {% endfor %}
+    {% endfor %}
+    {% block fos_user_content %}
+    <div>
+        {{ form_start(register_form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}})
+        }}
+        {{ form_errors(register_form) }}
+        <!-- Signup -->
+        <div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
+            <!-- Title -->
+            <header class="text-center mb-5">
+                <h2 class="h4 mb-0">Créer un compte entreprise</h2>
+                <p>Remplissez tous les champs.</p>
+            </header>
+            <!-- End Title -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-user form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.firstname, {'label': 'Prénom'}) }} #}
+                    {{ form_widget(register_form.firstname, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Prénom' , 'aria-label':'Prénom', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un prénom valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-user form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.lastname, {'label': 'Nom'}) }} #}
+                    {{ form_widget(register_form.lastname, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Nom' , 'aria-label':'Nom', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un nom valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-envelope form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.email, {'label': 'E-mail'}) }} #}
+                    {{ form_widget(register_form.email, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Email' , 'aria-label':'Email', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un email valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+
+                            <i class="fa fa-star form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.username, {'label': 'Username'}) }} #}
+                    {{ form_widget(register_form.username, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Identifiant' , 'aria-label':'username', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un email valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-lock form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.plainPassword.first, {'label': 'Mot de passe'}) }} #}
+                    {{ form_widget(register_form.plainPassword.first, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Mot de passe' , 'aria-label':'Mot de passe', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Mot de passe invalide'} })  }}
+                </div>
+            </div>
+            <!-- End Input -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-key form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.plainPassword.second, {'label': 'Répéter le mot de passe'}) }} #}
+                    {{ form_widget(register_form.plainPassword.second, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Répéter le mot de passe' , 'aria-label':'Répéter le mot de passe', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Mot de passe invalide'} })  }}
+                </div>
+            </div>
+            {% if destination_login is defined %}
+            <input type="hidden" name="_target_path" value="{{ destination_login }}" />
+            {% endif %}
+            <!-- End Input -->
+            <div class="mb-3">
+                {% set label = 'user.cgu.label'|trans({'%link_start%' : '<a style="margin-bottom:25px;" target="_blank" href="'~path('service_cgu')~'">', '%link_end%' : '</a>'}, 'messages') | raw %}
+                {{ form_errors(register_form.cgu) }}
+                {{ form_widget(register_form.cgu) }}
+                {% block form_label %}
+                {% spaceless %}
+                <label for="fos_user_registration_form_cgu">
+                    Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
+                        href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
+                </label>
+                {% endspaceless %}
+                {% endblock %}
+            </div>
+            <div class="mb-3">
+                {{ form_row(register_form._token) }}
+                token {{ csrf_token }}
+                      {% if csrf_token %}
+                    <input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
+                    {% endif %}  
+                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+                <input class="btn btn-default btn-round" type="submit" id="_submit_register" name="_submit_register"
+                    value="Créer un compte!" />
+                <button type="submit" class="btn btn-block btn-primary">S'inscrire</button>
+            </div>
+
+
+
+            <div class="text-center mb-3">
+                <p class="text-muted">
+                    Vous avez déjà un compte? {{ csrf_token }}!!
+                    <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+                        data-animation-in="fadeIn">Connexion Recruteur
+                    </a>
+                </p>
+            </div>
+
+            <!-- Divider -->
+            <div class="text-center u-divider-wrapper my-3">
+
+            </div>
+            <div class="text-center mb-3">
+                <p class="text-muted">
+                    <!-- End Divider -->
+                    
+                    
+                    {% if destination_login is defined %}
+                    <input type="hidden" name="_target_path" value="{{ destination_login }}" />
+
+
+                    {% endif %}
+                </p>
+            </div>
+
+        </div>
+        <!-- End Signup -->
+        {{ form_rest(register_form) }}
+        {{ form_end(register_form) }}
+
+    </div>
+    {% endblock fos_user_content %}

volume/www/website/www/app/Resources/FairlaneCookieConsentBundle/views/cookie-info.html.twig

@@ -10,7 +10,7 @@
     {% endif %}
     <div id="fairlane-cookie-consent" {% if fairlane_cookie_consent.useBootstrap == true %}class="navbar navbar-fixed-top"{% endif %}>
         <div class="container">
-            <div class="row">
+            <div class="">
                 <div class="col s8">
                     <p>{{ text_info }}
                     {% if fairlane_cookie_consent.twig.url_additional_info| length > 1 and text_additional_info_link | length > 1 %}

volume/www/website/www/app/Resources/translations/messages.fr.xlf

@@ -166,6 +166,10 @@
                 <source>company.account.password.modify.label</source>
                 <target>Modifier le mot de passe</target>
             </trans-unit>
+            <trans-unit id="company.account.notifications.title">
+                <source>company.account.notifications.title</source>
+                <target>Notifications</target>
+            </trans-unit>
             <trans-unit id="profile.edit.submit">
                 <source>profile.edit.submit</source>
                 <target>Sauvegarder mon profil</target>

volume/www/website/www/app/Resources/views/admin/base_admin.html.twig

@@ -3,6 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="robots" content="noindex,nofollow">
     <title>TT | Admin</title>
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <link rel="stylesheet" href="{{ asset('css/admin.css') }}">

volume/www/website/www/app/Resources/views/admin/company_edit.html.twig

@@ -14,7 +14,28 @@
 {% endblock %}
 
 {% block content %}
-
+    {{ form_start(formUser, {'id': 'formUser'}) }}
+    <div class="row">
+        <div class="col-xs-8">
+            <div class="box box-primary">
+                <div class="box-header">
+                    <h3 class="box-title">Compte utilisateur</h3>
+                </div>
+                <div class="box-body">
+                    {{ form_errors(formUser) }}
+                    {{ form_label(formUser.email, 'Email') }}
+                    {{ form_widget(formUser.email, {'attr': {'class': 'form-control'}}) }}
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-xs-6">
+            <button class="btn btn-success edit-email-user" data-toggle="tooltip" type="submit">Enregistrer</button>
+        </div>
+    </div>
+    {{ form_end(formUser) }}
+    <br/>
     {{ form_start(form) }}
     <div class="row">
         <div class="col-xs-8">
@@ -37,7 +58,6 @@
                     {{ form_row(form.website) }}
                     {{ form_row(form.tagsComma) }}
                     {{ form_row(form.file) }}
-
                 </div>
             </div>
         </div>
@@ -66,3 +86,33 @@
     {{ form_end(form) }}
 
 {% endblock %}
+
+
+{% block javascripts %}
+    <script>
+        $(document).ready(function () {
+            $('[data-toggle="popover"]').popover();
+
+            $(".edit-email-user").confirm({
+                title: "Êtes vous sûr de modifier l'adresse mail de cet utilisateur ?",
+                content: "Si une erreur de saisie est présente, l'utilisateur ne pourra plus recevoir vos mails.",
+                type: 'ored',
+                boxWidth: '30%',
+                useBootstrap: false,
+                buttons: {
+                    confirm: {
+                        text: 'Confirmer',
+                        action: function() {
+                            $("[name='user_company']").submit();
+                            return true;
+                        }
+                    },
+                    cancel: {
+                        text: 'Annuler'
+                    }
+                }
+            });
+        });
+    </script>
+
+{% endblock %}

volume/www/website/www/app/Resources/views/answer/answer_create_webcam.twig

@@ -24,7 +24,7 @@
                 <div class="col-content bg-arrow z-depth-2 p-20">
                     <div class="row">
                         <div class="col s12">
-                            <h4 class="color-blue1 p-0"><span class="title-bubble">1</span> Enregistrez votre cv vidéo</h4>
+                            <h4 class="color-blue1 p-0"><span class="title-bubble">1/3</span> Enregistrez votre cv vidéo</h4>
                         </div>
                         <div class="col m4 offset-m1 s12">
                             <video id="myCvVideo" class="video-js vjs-default-skin"></video>
@@ -60,7 +60,7 @@
                 <div class="col-content bg-arrow z-depth-2 p-20">
                     <div class="row">
                         <div class="col s12">
-                            <h4 class="color-blue1 p-0"><span class="title-bubble">2</span>  Importez votre CV Vidéo</h4>
+                            <h4 class="color-blue1 p-0"><span class="title-bubble">2/3</span>  Importez votre CV Vidéo</h4>
                         </div>
                         <div class="col s10 offset-s1 answer-dropzone">
                         {% include 'media/dropzone.html.twig' with {'deleting': true }  %}
@@ -72,7 +72,7 @@
                     {{ form_row(form.status) }}
                     <div class="row">
                         <div class="col s12">
-                            <h4 class="color-blue1 p-0"><span class="title-bubble">3</span>  Ajoutez votre commentaire</h4>
+                            <h4 class="color-blue1 p-0"><span class="title-bubble">3/3</span>  Ajoutez votre commentaire</h4>
                         </div>
                         <div class="col s10 offset-s1">
                             <div class="row">

volume/www/website/www/app/Resources/views/base.html.twig

@@ -3,36 +3,30 @@
 <head>
 
     <!-- Google Tag Manager -->
-    <script>
-        (function (w, d, s, l, i) {
-            w[l] = w[l] || [];
-            w[l].push({
-                'gtm.start': new Date().getTime(), event: 'gtm.js'
-            });
-            var f = d.getElementsByTagName(s)[0],
-                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
-            j.async = true;
-            j.src =
-                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
-            f.parentNode.insertBefore(j, f);
-        })(window, document, 'script', 'dataLayer', 'GTM-P4G65WJ');
-    </script>
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P4G65WJ');</script>
     <!-- End Google Tag Manager -->
     <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex,nofollow">
     <title>{% block title %}Talents Tube : La 1ère plateforme pour l’emploi 100% vidéo{% endblock %}</title>
 
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    {% block metarobot %}<meta name="robots" content="index,follow">{% endblock %}
+    {% block metarobot %} <meta name="robots" content="noindex,nofollow">{% endblock %}
     <meta name="description" content="{% block description %}
     Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
 {% endblock %}">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="robots" content="index,follow">
     {# OG et TC #}
     {% if app.request.attributes.get('_route') != null %}
         {% block ogtc %}
             {#Twitter Card data pour les données enrichies sur Twitter#}
+            
             <meta name="twitter:card" content="summary">
             <meta name="twitter:site" content="@TalentsTube">
             <meta name="twitter:title" content="Talents Tube : Le 1er job board 100% vidéo">
@@ -70,6 +64,7 @@
 {#{% include 'default/alert.html.twig' %}#}
 {% include 'default/user_switch.html.twig' %}
 {% include 'default/header.html.twig' %}
+{% include 'default/props_settings.html.twig' %}
 {% block content %}
 {% endblock %}
 {% include 'default/footer.html.twig' %}
@@ -79,6 +74,7 @@
     '@global'
     output='assetic/main.js' filter='?uglifyjs2' %}
     <script src="{{ asset_url }}"></script>
+    
     {% endjavascripts %}
 {% endblock %}
 {{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}

volume/www/website/www/app/Resources/views/base_dashboard.html.twig

@@ -3,20 +3,11 @@
 <head>
 
     <!-- Google Tag Manager -->
-    <script>
-        (function (w, d, s, l, i) {
-            w[l] = w[l] || [];
-            w[l].push({
-                'gtm.start': new Date().getTime(), event: 'gtm.js'
-            });
-            var f = d.getElementsByTagName(s)[0],
-                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
-            j.async = true;
-            j.src =
-                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
-            f.parentNode.insertBefore(j, f);
-        })(window, document, 'script', 'dataLayer', 'GTM-P4G65WJ');
-    </script>
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P4G65WJ');</script>
     <!-- End Google Tag Manager -->
     <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
 
@@ -24,7 +15,7 @@
     <title>{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}</title>
 
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    <meta name="robots" content="index,follow">
+    <meta name="robots" content="noindex,nofollow">
     <meta name="description" content="{% block description %}
     Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
 {% endblock %}">
@@ -65,6 +56,7 @@
     '@global'
     output='assetic/main.base.dash.js' filter='?uglifyjs2' %}
     <script src="{{ asset_url }}"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
     {% endjavascripts %}
     {% endblock %}
     </body>

volume/www/website/www/app/Resources/views/basev2.html.twig

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <!-- Title -->
+  <title>{% block title %}{% endblock %}</title>
+
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
+    <!-- Google Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+
+    <!-- CSS Implementing Plugins -->
+    <link rel="stylesheet" href="{{ asset('v2/vendor/font-awesome/css/all.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/custombox/dist/custombox.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
+
+    <!-- CSS Space Template -->
+    <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+</head>
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+{#{% include 'default/alert.html.twig' %}#}
+{# {% include 'defaultv2/user_switch.html.twig' %}#}
+{% include 'defaultv2/header.html.twig' %}
+{#{% include 'defaultv2/props_settings.html.twig' %} #}
+{% block content %}
+{% endblock %}
+{# {% include 'defaultv2/footer.html.twig' %} #}
+{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+</body>
+</html>

volume/www/website/www/app/Resources/views/company/ad_edit_extension.html.twig

@@ -3,7 +3,7 @@
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
     <div class="row bg-bordered p-20">
-        <h1 class="alttitle">Prolongondation de mon annonce : {{ ad.title }}</h1>
+        <h1 class="alttitle">Prolongation de mon annonce : {{ ad.title }}</h1>
         <div class="row">
             <div class="col s12">
                 Date actuelle de fin de publication de votre annonce : {{ ad.unpublishedat|date('d-m-Y') }}

volume/www/website/www/app/Resources/views/company/ad_steps.html.twig

@@ -5,7 +5,7 @@
             <div class="tab col s4">
                 <a {% if tab == 1 %}class="active"{% endif %} href="#!">
                     <div class="btn btn-circle">1</div>
-                    <div>Je <b>créer</b> mon annonce</div>
+                    <div>Je <b>crée</b> mon annonce</div>
                 </a>
             </div>
             <div class="tab mid-border col s4">

volume/www/website/www/app/Resources/views/company/answer_show.html.twig

@@ -15,11 +15,18 @@
         {% include 'company/ad_breadcrumb.html.twig' with {'step': 3,'ad': answer.ad,'firstname':answer.user.firstname ,'lastname':answer.user.lastname} %}
         <div class="col s12 m6">
             <div id="mini-profil-block">
+                <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
                 {% include 'talent/talent_picture.html.twig' with {
                     'user' : answer.user
                 } %}
+                </a>
                 <div>
-                    <div class="mini-profil-picture-name">{{ answer.user.firstname }} {{ answer.user.lastname }}</div>
+                    <div class="mini-profil-picture-name">
+                        <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
+                        {{ answer.user.firstname }} {{ answer.user.lastname }}
+                        &nbsp;<i class="fa fa-user-circle"></i>
+                        </a>
+                    </div>
                     <div>Recu le {{ answer.sendTime|date('d/m/Y') }}</div>
                 </div>
             </div>

volume/www/website/www/app/Resources/views/default/ad_show.html.twig

@@ -40,7 +40,7 @@
                             {% else %}#}
                             <div class="embed-responsive embed-responsive-16by9">
                                 <div class="col s12">
-                                    <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                    <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}?texttrack=fr"
                                             width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
                                             allowfullscreen></iframe>
                                 </div>
@@ -51,6 +51,11 @@
                                     OFFRE POURVUE
                                 </div>
                             {% endif %}
+                            {% if ad.id == 53 %}
+                            <div class="isPromoted">
+                            Traitement des candidatures vidéos 
+                            </div>
+                            {% endif %}
                         </div>
                     {% endif %}
                     
@@ -98,12 +103,14 @@
                                     </div>
                                 {% elseif not is_granted('ROLE_COMPANY') %}
                                     {% if not ad.isPromoted %}
+                                        {% if ad.id != 53 %}
                                         <p class="item-detail-reply">
                                             <a  title="postuler-bottom" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
                                             class="btn btn-default">
                                                 Postuler
                                             </a>
                                         </p>
+                                        {% endif %}
                                     {% endif %}
                                 {% endif %}
                             {% endif %}
@@ -187,6 +194,10 @@
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
     <script type="text/javascript">
         $(document).ready(function(){
+            //asking for push
+            EdeclicLib = window.EdeclicLib || {};
+            EdeclicLib.delayedAsk();
+            //
             $('.tooltipped').tooltip();
             $.get( "{{ path('ad_ajaxRecStat',{'id': ad.id }) }}", function( data ) {});
             if ($('#modal-answer').length > 0) { 

volume/www/website/www/app/Resources/views/default/ad_sidebar.html.twig

@@ -57,12 +57,14 @@
             </div>
         {% elseif not is_granted('ROLE_COMPANY') %}
             {% if not ad.isPromoted %}
+                {% if ad.id != 53 %}
                 <p class="item-detail-reply">
                     <a title="postuler-side" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
                     class="btn btn-default">
                         Postuler
                     </a>
                 </p>
+                {% endif %}
             {% else %}
                 <div class="item-detail-ispromoted">
                     Offre pourvue

volume/www/website/www/app/Resources/views/default/button_login.html.twig

@@ -13,15 +13,17 @@
 {% else %}
     <div class="header-link header-link-signin right-align">
         {% if is_granted('ROLE_TALENT') %}
-            {% set path = path('talent_dashboard') %}
+            {% set pathDash = path('talent_dashboard') %}
         {% elseif is_granted('ROLE_COMPANY') %}
-            {% set path = path('company_dashboard') %}
+            {% set pathDash = path('company_dashboard') %}
         {% elseif is_granted('ROLE_TERRITORY') %}
-            {% set path = path('territory_dashboard') %}
+            {% set pathDash = path('territory_dashboard') %}
         {% elseif is_granted('ROLE_ADMIN') %}
-            {% set path = path('admin_dashboard') %}
+            {% set pathDash = path('admin_dashboard') %}
+        {% else %}
+            {% set pathDash = path('talent_dashboard') %}
         {% endif %}
-        <a class="btn button-round-small" href="{{ path }}">
+        <a class="btn button-round-small" href="{{ pathDash }}">
             <i class="material-icons">perm_identity</i>
             <span>Mon compte</span>
         </a>

volume/www/website/www/app/Resources/views/default/facebook.html.twig

@@ -4,7 +4,7 @@
         {% set destination = path('redirect_dashboard') %}
     {% endif %}
     <a class="btn btn-default btn-facebook z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}?_destination={{ destination }}">Connexion avec Facebook</a>
-    <a class="btn btn-default btn-linkedin z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "linkedin"}) }}?_destination={{ destination }}">Connexion avec Linkedin</a>
+    {# <a class="btn btn-default btn-linkedin z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "linkedin"}) }}?_destination={{ destination }}">Connexion avec Linkedin</a> #}
     <div class="row">
         <div class="col s12">
             <div class="separator-with-label">

volume/www/website/www/app/Resources/views/default/header.html.twig

@@ -3,23 +3,49 @@
         <div class="row">
             <div class="col s12 m12 l10">
                 <ul id='dropdown_talents' class='dropdown-content'>
-                    <li><a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a></li>
-                    <li><a href="{{ path('page_cvVideo') }}" title="Le Cv vidéo">Le CV vidéo</a></li>
-                    <li><a href="{{ path('page_reussirCVvideo') }}" title="Comment faire son CV Vidéo ?">Comment faire son CV Vidéo ?</a></li>
-                    <li><a href="{{ path('page_accompagnementTalent') }}" title="Accompagnement talent">Accompagnement</a></li>
-                    <li><a href="{{ path('talent_cv_import') }}" title="Créer mon CV vidéo">Créer mon CV vidéo</a></li>
+                    <li>
+                        <a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_cvVideo') }}" title="Le Cv vidéo">Le CV vidéo</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_reussirCVvideo') }}" title="Comment faire son CV Vidéo ?">Comment faire son CV Vidéo ?</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_accompagnementTalent') }}" title="Accompagnement talent">Accompagnement</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('talent_cv_import') }}" title="Créer mon CV vidéo">Créer mon CV vidéo</a>
+                    </li>
                 </ul>
                 <ul id='dropdown_company' class='dropdown-content'>
-                    <li><a href="{{ path('company_list') }}" title="Les entreprises qui recrutent">Les entreprises qui recrutent</a></li>
-                    <li><a href="{{ path('page_OffreEmploi') }}" title="L'offre d'emploi en vidéo">L'offre d'emploi en vidéo</a></li>
-                    <li><a href="{{ path('page_reussirOffrevideo') }}" title="Comment faire une offre en vidéo">Comment faire une offre en vidéo</a></li>
-                    <li><a href="{{ path('page_MarqueEmployeur') }}" title="Vidéo Marque Employeur">Vidéo Marque Employeur</a></li>
-                    <li><a href="{{ path('page_accompagnementEntreprise') }}" title="Conseils & accompagnement">Conseils & accompagnement</a></li>
+                    <li>
+                        <a href="{{ path('company_list') }}" title="Les entreprises qui recrutent">Les entreprises qui recrutent</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_OffreEmploi') }}" title="L'offre d'emploi en vidéo">L'offre d'emploi en vidéo</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_reussirOffrevideo') }}" title="Comment faire une offre en vidéo">Comment faire une offre en vidéo</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_MarqueEmployeur') }}" title="Vidéo Marque Employeur">Vidéo Marque Employeur</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_accompagnementEntreprise') }}" title="Conseils & accompagnement">Conseils & accompagnement</a>
+                    </li>
                 </ul>
                 <ul id='dropdown_territoire' class='dropdown-content'>
-                    <li><a href="{{ path('territory_list') }}">Liste des territoires</a></li>
-                    <li><a href="{{ path('page_VideoTerritory') }}">La vidéo territoire</a></li>
-                    <li><a href="{{ path('page_AccompagnementTerritory') }}">Conseils et accompagnement</a></li>
+                    <li>
+                        <a href="{{ path('territory_list') }}">Liste des territoires</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_VideoTerritory') }}">La vidéo territoire</a>
+                    </li>
+                    <li>
+                        <a href="{{ path('page_AccompagnementTerritory') }}">Conseils et accompagnement</a>
+                    </li>
                 </ul>
                 <nav>
                     <div class="nav-wrapper">
@@ -28,16 +54,25 @@
                                 <img src="{{ asset('img/Logo-header.png') }}" alt="Talents Tube"/>
                             </a>
                         </div>
-                        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
+                        <a href="#" data-activates="mobile-demo" class="button-collapse">
+                            <i class="material-icons">menu</i>
+                        </a>
                         <ul class="right hide-on-med-and-down">
-                            <li><a class="dropdown-button" data-activates="dropdown_talents" href="{{ path('page_cvVideo') }}"
-                                    title="Talents">Talents</a></li>
-                            <li><a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a></li>
-                            <li><a class="dropdown-button" data-activates="dropdown_company" href="{{ path('company_list') }}"
-                                    title="Les entreprises de talents">Entreprises</a></li>
-                            <li><a class="dropdown-button" data-activates="dropdown_territoire" href="{{ path('territory_list') }}"
-                                    title="Les territoires">Territoires</a></li>
-                            <li><a href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a></li>
+                            <li>
+                                <a class="dropdown-button" data-activates="dropdown_talents" href="{{ path('page_cvVideo') }}" title="Talents">Talents</a>
+                            </li>
+                            <li>
+                                <a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a>
+                            </li>
+                            <li>
+                                <a class="dropdown-button" data-activates="dropdown_company" href="{{ path('company_list') }}" title="Les entreprises de talents">Entreprises</a>
+                            </li>
+                            <li>
+                                <a class="dropdown-button" data-activates="dropdown_territoire" href="{{ path('territory_list') }}" title="Les territoires">Territoires</a>
+                            </li>
+                            <li>
+                                <a href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a>
+                            </li>
                         </ul>
 
                     </div>
@@ -48,6 +83,13 @@
             </div>
         </div>
     </div>
+    <div id="newApp" class="container-fluid">
+        <div class="row">
+            <div class="col s12 m12">
+                <p>"Nouveau ! Trouvez un job plus facilement avec notre <a href="http://app.talentstube.com">web application</a>.📲"</p>
+            </div>
+        </div>
+    </div>
 </div>
 <div class="nav-wrapper">
     <ul class="side-nav collapsible" data-collapsible="accordion" id="mobile-demo">
@@ -94,4 +136,4 @@
             <a class="collapsible-header" href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a>
         </li>
     </ul>
-</div>
+</div>

volume/www/website/www/app/Resources/views/default/index.html.twig

@@ -19,7 +19,7 @@
                         </div>
                         <div class="header-video-inner">
                             <video loop="" preload="metadata" autoplay="" id="vid" muted="muted">
-                                <source src="/img/home_video.mp4" type="video/mp4">
+                                 <source src="/img/home_video.mp4" type="video/mp4">
                             </video>
                         </div>
 
@@ -112,7 +112,7 @@
                     </div>
                 </div>
                 <div class="row center-align">
-                    <h2>Rejoignez une communauté de plus de <strong>500</strong> candidats</h2>
+                    <h2>Rejoignez une communauté de plus de <strong>1000</strong> candidats</h2>
                     <div class="col s12 m-t-50">
                         <a href="#!" title="Créer Mon profil" class="btn btn-default btn-round btn-create-account">Créer mon profil</a>
                     </div>

volume/www/website/www/app/Resources/views/default/props_settings.html.twig

@@ -0,0 +1,10 @@
+
+    <!-- props_settings.html.twig Parameters used in EdeclicPushAndNotificationClient.js -->
+<div id="pushParams"
+    data-service-worker-url="{{ app.request.uriForPath('/Edeclic-service-worker.js') | replace({'/app_dev.php': ''}) }}"
+    data-analytics-helper-url="{{ app.request.uriForPath('js/analytics-helper.js') | replace({'/app_dev.php': ''}) }}"
+    data-delete-subscription-url="{{ url('delete-subscription') }}"
+    data-save-subscription-url="{{ url('save-subscription') }}"
+    data-push-public-key="{{ push_public_key }}"
+>
+</div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocCandidat.html.twig

@@ -0,0 +1,31 @@
+<!-- Candidat DEBUT -->
+  <div class="space-1-bottom accueilFondNoir">
+    <div class="container space-2 ">
+      <div class="row justify-content-lg-end">
+        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+          <!-- Title -->
+          <div class="mb-4">
+            <h2 class="h3"> Recevez les candidatures en vidéo</h2>
+            <p> Depuis leur webcam, smartphone ou tablette, les candidats postulent aux vidéos de votre entreprise, en
+              toute confidentialité, grâce à notre outil d’enregistrement vidéo simple, rapide et gratuit.
+
+              Vous recevez des vidéos de motivation, c’est-à-dire des candidatures qui répondent à votre vidéo de
+              recrutement. Le candidat expose son parcours en illustrant ses expériences. Il met en avant ses
+              motivations à vous rejoindre et les compétences qu’il peut apporter à votre entreprise.
+
+              <strong>Découvrez la personnalité du candidat et son projet professionnel en quelques instants.</strong>
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="candidatures-video">En savoir plus</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 order-md-1">
+          <div class="pr-lg-4">
+            <a href="candidatures-video"><img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Candidature en vidéo"></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Candidat FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocConfiance.html.twig

@@ -0,0 +1,40 @@
+<!-- Ils nous font confiance DEBUT -->
+  <div class="container space-2 space-3--lg accueilFondBlanc">
+    <div class=" text-center mx-md-auto mb-12">
+      <!-- Title -->
+      <h2 class="h1"> Ils nous font confiance</h2>
+      <!-- Slick Carousel -->
+      <div class="js-slick-carousel u-slick" data-autoplay="true" data-speed="5000" data-infinite="true"
+        data-slides-show="5">
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Albea-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Bouyer-leroux-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Eiffage-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/groupe-mousset-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Groupe-rocher-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/intermarche.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Mazars-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Mma-logo.png') }}" alt="Image Description">
+        </div>
+        <div class="js-slide">
+          <img src="{{ asset('v2/logos/Square-habitat-logo.png') }}" alt="Image Description">
+        </div>
+      </div>
+      <!-- End Slick Carousel -->
+    </div>
+  </div>
+  <!-- Ils nous font confiance FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocDegrade.html.twig

@@ -0,0 +1,87 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="bg-img-hero" style=>
+      <div class="container space-2  ">
+        <div class="container z-index-2 containerStat">
+          <div class=" shadow-lg rounded mt-n9">
+            <div class="card-deck d-block d-lg-flex">
+              <div class="card card-frame mb-4 mb-lg-0">
+                <!-- Listing -->
+                <div class="card-body p-4">
+                  <div class="media">
+
+                    <div class="media-body px-4">
+                      <h2 class="statChiffre">1500+</h2>
+                      <p class="statTexte">Talents connectés</p>
+                    </div>
+                  </div>
+                </div>
+                <!-- End Listing -->
+              </div>
+
+              <div class="card card-frame mb-4 mb-lg-0">
+                <!-- Listing -->
+                <div class="card-body p-4">
+                  <div class="media">
+                    <div class="media-body px-4">
+                      <h2 class="statChiffre">900+</h2>
+                      <p class="statTexte">Vues par vidéo</p>
+                    </div>
+                  </div>
+                </div>
+                <!-- End Listing -->
+              </div>
+
+              <div class="card card-frame mb-4 mb-lg-0">
+                <!-- Listing -->
+                <div class="card-body p-4">
+                  <div class="media">
+
+                    <div class="media-body px-4">
+                      <h2 class="statChiffre">350</h2>
+                      <p class="statTexte">Candidatures vidéo</p>
+                    </div>
+                  </div>
+                </div>
+                <!-- End Listing -->
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Icon Blocks Section -->
+      <div class="container ">
+        <div class="row space-1">
+          <div class="col-md-4 mb-7 mb-md-0">
+            <!-- Icon Blocks -->
+            <div class="text-center px-lg-3">
+              <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Logo">
+              <h3 class="h4 text-white text300">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-md-4 mb-7 mb-md-0">
+            <!-- Icon Blocks -->
+            <div class="text-center px-lg-3">
+              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Logo">
+              <h3 class="h4 text-white text300">Recevez les candidatures en <a href="#">vidéo</a></h3>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-md-4">
+            <!-- Icon Blocks -->
+            <div class="text-center px-lg-3">
+              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Logo">
+              <h3 class="h4 text-white text300">Gérez vos candidatures en <a href="#">vidéo</a></h3>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+        </div>
+      </div>
+      <!-- End Icon Blocks Section -->
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocEmployeur.html.twig

@@ -0,0 +1,32 @@
+<!-- Marque employeur DEBUT -->
+  <div class="space-1-bottom accueilFondBlanc">
+    <div class="container space-2 ">
+      <div class="row align-items-lg-center">
+        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+          <!-- Title -->
+          <div class="mb-4">
+            <h2 class="h3"> Révélez votre Marque Employeur en vidéo</h2>
+            <p> Talents Tube offre une visibilité essentielle à votre marque employeur.
+
+              Grâce à la vidéo, votre entreprise replace l’humain au cœur du recrutement. Vous disposez d’un levier
+              concret et efficace pour parfaire votre réputation. Développez l’attractivité de votre entreprise pour
+              séduire de nouveaux talents.
+
+              <strong>Donnez vie à votre marque employeur en plaçant la vidéo au coeur de votre stratégie de
+                communication
+                et de votre gestion des ressources humaines.</strong>
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-video">En savoir plus</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 order-md-1">
+          <div class="pr-lg-4">
+            <a href="marque-employeur-video"><img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Marque employeur FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocLogin.html.twig

@@ -0,0 +1,147 @@
+{% trans_default_domain 'FOSUserBundle' %}
+<!-- Signup Modal Window -->
+<div id="signupModal" class="js-signup-modal u-modal-window" style="width: 500px;">
+  <!-- Modal Close Button -->
+  <button class="btn btn-sm btn-icon btn-text-secondary u-modal-window__close" type="button"
+    onclick="Custombox.modal.close();">
+    <i class="fas fa-times"></i>
+  </button>
+  <!-- End Modal Close Button -->
+
+  <!-- Content -->
+  <div class="p-5 bg-white rounded">
+    <form action="{{ path("fos_user_security_check") }}" method="post">
+        {% if csrf_token %}
+            <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
+        {% endif %}
+        <!-- Signin -->
+        <div id="signin" data-target-group="idForm">
+          <!-- Title -->
+          <header class="text-center mb-5">
+            <h2 class="h4 mb-0">Connexion</h2>
+            <p>Connecter vous pour gérer votre compte</p>
+          </header>
+
+        
+          <!-- Input -->
+          <div class="js-form-message mb-3">
+            <div class="js-focus-state input-group form">
+              <div class="input-group-prepend form__prepend">
+                <span class="input-group-text form__text">
+                  <i class="fa fa-user form__text-inner"></i>
+                </span>
+              </div>
+              {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+              
+                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
+            </div>
+          </div>
+          <!-- End Input -->
+
+          <!-- Input -->
+          <div class="js-form-message mb-3">
+            <div class="js-focus-state input-group form">
+              <div class="input-group-prepend form__prepend">
+                <span class="input-group-text form__text">
+                  <i class="fa fa-lock form__text-inner"></i>
+                </span>
+              </div>
+              {# <input type="password" class="form-control form__input" name="password" required placeholder="Password"
+                aria-label="Password" data-msg="Your password is invalid. Please try again."
+                data-error-class="u-has-error" data-success-class="u-has-success"> #}
+                <input type="password" id="password" name="_password" required="required" />
+            </div>
+          </div>
+          <!-- End Input -->
+
+          <div class="row mb-3">
+            <div class="col-6">
+              <!-- Checkbox -->
+              <div class="custom-control custom-checkbox d-flex align-items-center text-muted">
+                <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
+                <label class="custom-control-label" for="rememberMeCheckbox">
+                  Se souvenir de moi
+                </label>
+              </div>
+              <!-- End Checkbox -->
+            </div>
+
+            <div class="col-6 text-right">
+              <a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
+                data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
+            </div>
+          </div>
+
+          <div class="mb-3">
+              
+                  <input type="hidden" name="_target_path" value="redirect_dashboard" />
+              
+            <input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary"/>
+          </div>
+
+          <div class="text-center mb-3">
+            <p class="text-muted">
+              Do not have an account?
+              <a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
+                data-animation-in="fadeIn">S'inscrire
+              </a>
+            </p>
+          </div>
+        </div>
+        
+    </form>
+    {% if app.request.get('_route') != "fos_user_security_login" %}
+     {{ render(controller('AppBundle:SecurityModal:loginModalV2')) }}
+    {% endif %}
+      <!-- Forgot Password -->
+      <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
+        <!-- Title -->
+        <header class="text-center mb-5">
+          <h2 class="h4 mb-0">Recover account</h2>
+          <p>Enter your email address and an email with instructions will be sent to you.</p>
+        </header>
+        <!-- End Title -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-user form__text-inner"></i>
+              </span>
+            </div>
+            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+              data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <div class="mb-3">
+          <button type="submit" class="btn btn-block btn-primary">Recover Account</button>
+        </div>
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Contactez nous
+            </a>
+          </p>
+        </div>
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Connexion Recruteur
+            </a>
+          </p>
+        </div>
+      </div>
+      <!-- End Forgot Password -->
+  </div>
+  <!-- End Content -->
+</div>
+<!-- End Signup Modal Window -->
+<!-- ========== END SECONDARY CONTENTS ========== -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPhoto.html.twig

@@ -0,0 +1,20 @@
+<!-- Accueil Photo Haut Section -->
+  <div class="bg-img-hero-center" style="background-image: url({{ asset(urlImage)}} ">
+    <div class="container space-2 space-5-top--lg space-4-bottom--lg">
+      <div class="w-md-75">
+        <!-- Title -->
+        <div class="mb-7">
+          {# <span class="d-block text-white text-uppercase mb-2">Talents tube</span> #}
+          <h1 class="display-4 font-size-48--md-down text-white mb-4">
+            <strong class="u-text-animation u-text-animation--typing">{{textParDefaut}}</strong>
+            <br>{{textVideo}}
+          </h1>
+
+        </div>
+        <!-- End Title -->
+      </div>
+
+
+    </div>
+  </div>
+  <!-- End Accueil Photo Haut Section -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPlateforme.html.twig

@@ -0,0 +1,33 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBleute">
+    <div class="container space-2  ">
+      <div class="row row justify-content-lg-end ">
+        <div class="col-md-6 ">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> Plateforme pour l’emploi 100% vidéo</h2>
+            <p> Talents Tube met à votre disposition un outil de diffusion de vos vidéos d’offres d’emploi & marque
+              employeur pour attirer les meilleurs talents en vidéo.
+
+              Notre plateforme rassemble l’entreprise et les talents qui se présentent en vidéo pour un recrutement
+              réussi.
+
+              Si vous ne possédez pas de vidéos, nous pouvons vous accompagner dans la réalisation.
+
+              <strong>Diffusez vos vidéos de recrutement et augmentez votre visibilité.</strong>
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="{{ url_plateforme }}">Voir la plateforme</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 align-right paddintRight">
+          <div class="mb-6">
+            <a href="{{ url_plateforme }}"><img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
+              alt="Recrutement video"></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocRecrutez.html.twig

@@ -0,0 +1,32 @@
+<!-- Recrutez DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <div class="container space-2 ">
+      <div class="row justify-content-lg-end ">
+        <div class="col-md-6 ">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> Recrutez avec des offres d’emploi vidéo</h2>
+            <p> Talents Tube peut vous accompagner dans la réalisation de vidéos d’offres d’emploi captivantes et à votre
+              image.
+
+              L’offre d’emploi en vidéo, média engageant, vous donne l’opportunité de recruter les meilleurs talents. Le
+              principe est de donner une image moderne et innovante en présentant votre entreprise, votre équipe,
+              l’environnement de travail et le poste à pourvoir en quelques minutes.
+
+              <strong>Faites place à l’innovation pour capter l’attention des candidats et recruter le talent qu’il vous
+                faut.</strong>
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="offre-emploi-video">En savoir plus</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 order-md-1">
+          <div class="mb-6">
+            <a href="offre-emploi-video"><img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Offres d'emploi en vidéo"></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Recrutez FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocTemoignages.html.twig

@@ -0,0 +1,215 @@
+<!-- Témoignage DEBUT -->
+<!-- Success stories -->
+<div class="space-2-top space-1-bottom space-3-top--lg accueilFondNoir">
+  <div class="container">
+    <!-- Title -->
+    <div class="w-md-80 w-lg-60 mx-md-auto text-md-center mb-8">
+      <h2 class="text-lh-xs mb-0">Témoignages de nos clients</h2>
+      <h6 class="text-uppercase text-gray-700 font-weight-medium letter-spacing-0_06 mb-3"> Ils ont choisi Talents Tube
+        pour recruter différemment.</h6>
+      
+    </div>
+    <!-- End Title -->
+
+    <!-- Stories -->
+    <div id="sliderSyncingNav2" class="js-slick-carousel u-slick u-slick--rounded mb-2" data-infinite="true"
+      data-arrows-classes="d-none d-md-inline-block u-slick__arrow-classic u-slick__arrow-centered--y rounded-circle shadow"
+      data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white text-dark left-0 ml-md-n9"
+      data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white text-dark right-0 mr-md-n9"
+      data-nav-for="#sliderSyncingThumb2">
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/mgdis-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">MGDIS</h3>
+          <p class="text-white-70 mb-4">Simona Vasile-Martin, Responsable Marketing</p>
+
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://www.youtube.com/watch?v=E62HUkaPEkk&t?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+            Voir le témoignage
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
+          </a>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/medaviz-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Medaviz</h3>
+          <p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>
+
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+            Voir le témoignage
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
+          </a>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/thalazur-carnac1-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Thalazur Carnac</h3>
+          <p class="text-white-70 mb-4">Adeline Lautredou, Responsable Ressources Humaines</p>
+
+          <a class="js-fancybox text-white" href="javascript:;" data-src="https://www.youtube.com/watch?v=hWYae9V-YWM&t=8s?autoplay=1"
+            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
+            data-caption="Témoignage">
+            Voir le témoignage
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
+          </a>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/intermarche-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Intermarché LAI</h3>
+          <p class="text-white-70 mb-4">Ludovic Chamoin-Foucaut, Responsable Ressources Humaines</p>
+
+          <a class="js-fancybox text-white" href="javascript:;" data-src="https://youtu.be/lheAXL8U9cU?autoplay=1"
+            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
+            data-caption="Témoignage">
+            Voir le témoignage
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
+          </a>
+        </div>
+      </div>
+
+
+
+
+    </div>
+    <!-- End Stories -->
+
+    <!-- Stories.Authors -->
+    <div id="sliderSyncingThumb2"
+      class="js-slick-carousel u-slick u-slick--gutters-2 u-slick--video w-50 w-lg-30 mx-auto" data-infinite="true"
+      data-slides-show="3" data-is-thumbs="true" data-center-mode="true" data-nav-for="#sliderSyncingNav2">
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/mgdis-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="0" y="0" width="24" height="24"></rect>
+                <path
+                  d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                  fill="#000000"></path>
+              </g>
+            </svg>
+          </i>
+        </i>
+      </div>
+
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/medaviz-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="0" y="0" width="24" height="24"></rect>
+                <path
+                  d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                  fill="#000000"></path>
+              </g>
+            </svg>
+          </i>
+        </i>
+      </div>
+
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/thalazur-carnac-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="0" y="0" width="24" height="24"></rect>
+                <path
+                  d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                  fill="#000000"></path>
+              </g>
+            </svg>
+          </i>
+        </i>
+      </div>
+
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/intermarche-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="0" y="0" width="24" height="24"></rect>
+                <path
+                  d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                  fill="#000000"></path>
+              </g>
+            </svg>
+          </i>
+        </i>
+      </div>
+
+    </div>
+    <!-- End Stories.Authors -->
+  </div>
+</div>
+<!-- End Success stories -->
+<!-- Témoignage FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/footer.html.twig

@@ -0,0 +1,86 @@
+<!-- ========== FOOTER ========== -->
+<footer class="bg-dark">
+  <div class="container space-2">
+    <div class="row justify-content-md-between">
+      <div class="col-6 col-md-3 col-lg-2 order-lg-3 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Plateforme</h3>
+
+        <!-- List Group -->
+        <div class="list-group list-group-flush list-group-transparent">
+           <!-- Links -->
+            <ul class="list-unstyled">
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="/">Espace recruteurs</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://www.talentstube.com/" target="_blank">Jobs</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li>
+            </ul>
+            <!-- End Links -->
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-4 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Informations</h3>
+
+        <!-- List Group -->
+        <div class="list-group list-group-flush list-group-transparent">
+             <!-- Links -->
+            <ul class="list-unstyled">
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="mentions-legales">Mentions légales</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="cgu">CGU</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="politique-confidentialite">Politique de confidentialité</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://blog.talentstube.com/contact.html
+">Contact</a></li>
+            </ul>
+            <!-- End Links -->
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-5 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Réseaux sociaux</h3>
+
+        <!-- List -->
+          <div class="list-group list-group-flush list-group-transparent">
+            <a class="list-group-item list-group-item-action" href="https://www.facebook.com/TalentsTuber/" target="_blank">
+              <i class="fab fa-facebook-f min-width-3 text-center mr-2"></i>
+              Facebook
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://www.linkedin.com/company/talentstube" target="_blank">
+              <i class="fab fa-linkedin min-width-3 text-center mr-2"></i>
+              Linkedin
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://www.instagram.com/talents.tube/" target="_blank">
+              <i class="fab fa-instagram min-width-3 text-center mr-2"></i>
+              Instagram
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://twitter.com/TalentsTuber" target="_blank">
+              <i class="fab fa-twitter min-width-3 text-center mr-2"></i>
+              Twitter
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" target="_blank">
+              <i class="fab fa-youtube min-width-3 text-center mr-2"></i>
+              Youtube
+            </a>
+          </div>
+          <!-- End List -->
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      
+
+      <div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
+        <!-- Logo -->
+        <a class="d-inline-block mb-5" href="index.html" aria-label="Space">
+          <img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
+        </a>
+        <!-- End Logo -->
+
+
+
+        <p class="small text-muted">Tous droits réservés. &copy;  2020 Talents Tube.</p>
+      </div>
+    </div>
+  </div>
+</footer>
+<!-- ========== END FOOTER ========== -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/index.html.twig

@@ -0,0 +1,197 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block meta %}
+  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+  
+{% endblock %}
+{% block content %}
+<main id="content">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
+    'textParDefaut' : 'Recrutez les candidats',
+    'textVideo' : 'avec la vidéo'
+  } %}
+  
+  {% include 'defaultv2/accueil/blocDegrade.html.twig' %}
+      
+  {% include 'defaultv2/accueil/blocPlateforme.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocCandidat.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocRecrutez.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocEmployeur.html.twig' %}
+
+  {% include 'defaultv2/accueil/blocTemoignages.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocConfiance.html.twig' %}
+  
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}