}.png`)} "${bank}")
`;
- });
- }
-
- $accordion.append(
- $agent_template
- .replace(/%name/g, agent.name)
- .replace(/%currency/g, agent.currencies)
- .replace(/%minmax/g, `${agent.min_withdrawal} / ${agent.max_withdrawal}`)
- .replace(/%summary/g, agent.summary)
- .replace(/%deposit_commission/g, agent.deposit_commission)
- .replace(/%withdrawal_commission/g, agent.withdrawal_commission)
- .replace(/%url/g, agent.url)
- .replace(/%email/g, agent.email)
- .replace(/%telephone/g, agent.telephone)
- .replace(/%further_information/g, agent.further_information)
- .replace(/%supported_banks/g, supported_banks));
- });
-
- $('.barspinner').setVisibility(0);
-
- $pa_list_container.empty().append($accordion);
-
- $('#accordion').accordion({
- heightStyle: 'content',
- collapsible: true,
- active : false,
- });
- };
-
- const showEmptyListMsg = () => {
- $('.barspinner').setVisibility(0);
- $('#no_paymentagent').setVisibility(1);
- };
-
- return {
- onLoad,
- };
-})();
-
-module.exports = PaymentAgentList;
diff --git a/src/javascript/app/pages/cashier/payment_agent_withdraw.js b/src/javascript/app/pages/cashier/payment_agent_withdraw.js
deleted file mode 100644
index 6796284bece..00000000000
--- a/src/javascript/app/pages/cashier/payment_agent_withdraw.js
+++ /dev/null
@@ -1,343 +0,0 @@
-const refreshDropdown = require('@binary-com/binary-style').selectDropdown;
-const BinaryPjax = require('../../base/binary_pjax');
-const Client = require('../../base/client');
-const BinarySocket = require('../../base/socket');
-const Currency = require('../../common/currency');
-const FormManager = require('../../common/form_manager');
-const Validation = require('../../common/form_validation');
-const handleVerifyCode = require('../../common/verification_code').handleVerifyCode;
-const getCurrencies = require('../../../_common/base/currency_base').getCurrencies;
-const getElementById = require('../../../_common/common_functions').getElementById;
-const localize = require('../../../_common/localize').localize;
-const State = require('../../../_common/storage').State;
-const Url = require('../../../_common/url');
-const getPropertyValue = require('../../../_common/utility').getPropertyValue;
-const isBinaryApp = require('../../../config').isBinaryApp;
-
-const PaymentAgentWithdraw = (() => {
- const view_ids = {
- error : '#viewError',
- notice : '#viewNotice',
- success: '#viewSuccess',
- confirm: '#viewConfirm',
- form : '#viewForm',
- };
- const field_ids = {
- ddl_agents : '#ddlAgents',
- frm_msg : '#form-error',
- txt_agents : '#txtAgents',
- txt_amount : '#txtAmount',
- txt_payment_ref: '#txtPaymentRef',
- };
-
- let $agent_error,
- $ddl_agents,
- $txt_agents,
- $txt_amount,
- $txt_payment_ref,
- $views,
- agent_name,
- agent_website,
- agent_email,
- agent_telephone,
- currency,
- token,
- pa_list;
-
- // -----------------------
- // ----- Agents List -----
- // -----------------------
- const populateAgentsList = (response) => {
- $ddl_agents = $(field_ids.ddl_agents);
- $ddl_agents.empty();
- pa_list = (response.paymentagent_list || {}).list;
- if (pa_list.length > 0) {
- checkToken();
- } else {
- showPageError(localize('Payment Agent services are not available in your country or in your preferred currency.'));
- }
- };
-
- const checkToken = async () => {
- token = token || Url.getHashValue('token');
-
- if (!token) {
- const ws_response = await BinarySocket.send({ verify_email: Client.get('email'), type: 'paymentagent_withdraw' });
-
- if (ws_response.error) {
- showPageError(ws_response.error.message);
- } else if (isBinaryApp()) {
- handleVerifyCode((verification_code) => {
- token = verification_code;
- checkToken($ddl_agents);
- });
- } else {
- setActiveView(view_ids.notice);
- }
- } else if (!Validation.validEmailToken(token)) {
- showPageError('token_error');
- } else {
- insertListOption($ddl_agents, localize('Select payment agent'), '');
- for (let i = 0; i < pa_list.length; i++) {
- insertListOption($ddl_agents, pa_list[i].name, pa_list[i].paymentagent_loginid);
- }
- setActiveView(view_ids.form);
-
- const form_id = `#${$(view_ids.form).find('form').attr('id')}`;
- const $form = $(form_id);
-
- const getAPILimit = limit => {
- const selected_val = getPALoginID();
- if (selected_val){
- const selected_pa = pa_list.find(pa => pa.paymentagent_loginid === selected_val);
- if (selected_pa) return selected_pa[`${limit}_withdrawal`];
- }
- return Currency.getPaWithdrawalLimit(currency, limit);
- };
-
- const min = () => getAPILimit('min');
- const max = () => getAPILimit('max');
-
- $agent_error = $('.row-agent').find('.error-msg');
- $txt_agents = $(field_ids.txt_agents);
- $txt_amount = $(field_ids.txt_amount);
- $txt_payment_ref = $(field_ids.txt_payment_ref);
-
- const payment_ref_prefix = 'payment-ref-';
-
- $form.find('.wrapper-row-agent').find('label').append($('', { text: '*', class: 'required_field_asterisk' }));
- $form.find('label[for="txtAmount"]').text(`${localize('Amount in')} ${Currency.getCurrencyDisplayCode(currency)}`);
- FormManager.init(form_id, [
- { selector: field_ids.txt_amount, validations: ['req', ['number', { type: 'float', decimals: Currency.getDecimalPlaces(currency), min, max }], ['custom', { func: () => +Client.get('balance') >= +$txt_amount.val(), message: localize('Insufficient balance.') }]], request_field: 'amount' },
- { selector: field_ids.txt_payment_ref, validations: [['length', { min: 0, max: 30 }], ['regular', { regex: /^[0-9A-Za-z .,'-]{0,30}$/, message: localize('Only letters, numbers, space, hyphen, period, comma, and apostrophe are allowed.') }]], request_field: 'description', value: () => $txt_payment_ref.val() ? payment_ref_prefix + $txt_payment_ref.val() : '' },
-
- { request_field: 'currency', value: currency },
- { request_field: 'paymentagent_loginid', value: getPALoginID },
- { request_field: 'paymentagent_withdraw', value: 1 },
- { request_field: 'dry_run', value: 1 },
- ], true);
-
- $ddl_agents.on('change', () => {
- $agent_error.setVisibility(0);
- if ($txt_agents.val()) {
- $txt_agents.val('');
- }
- if (!$ddl_agents.val()) {
- // error handling
- $agent_error.setVisibility(1);
- }
- validateAmount();
- });
-
- $txt_agents.on('keyup', () => {
- $agent_error.setVisibility(0);
- if ($ddl_agents.val()) {
- $ddl_agents.val('');
- refreshDropdown(field_ids.ddl_agents);
- }
- if (!$txt_agents.val()) {
- // error handling
- $agent_error.setVisibility(1);
- }
- });
-
- $txt_agents.on('focusout', () => {
- validateAmount();
- });
-
- $txt_payment_ref.on('change', () => {
- validatePaymentRef();
- });
-
- const validateAmount = () => {
- if ($txt_amount.val()) {
- Validation.validate(form_id);
- }
- };
-
- const validatePaymentRef = () => {
- if ($txt_payment_ref.val()) {
- Validation.validate(form_id);
- }
- };
-
- FormManager.handleSubmit({
- form_selector : form_id,
- fnc_response_handler: withdrawResponse,
- fnc_additional_check: checkAgent,
- enable_button : true,
- });
- }
- };
-
- const getPALoginID = () => (
- $ddl_agents.val() || $txt_agents.val()
- );
-
- const insertListOption = ($ddl_object, item_text, item_value) => {
- $ddl_object.append($('', { value: item_value, text: item_text }));
- };
-
- const setAgentDetail = (id, html_value, href_value) => {
- getElementById(id).getElementsByTagName('a')[0].innerHTML = html_value;
- getElementById(id).getElementsByTagName('a')[0].href = href_value;
- };
-
- // ----------------------------
- // ----- Withdraw Process -----
- // ----------------------------
- const withdrawResponse = (response) => {
- const request = response.echo_req;
- switch (response.paymentagent_withdraw) {
- case 2: { // dry_run success: showing the confirmation page
- setActiveView(view_ids.confirm);
-
- $('#lblAgentName').text(agent_name);
- $('#lblAmount').text(Currency.getNumberFormat(request.amount, request.currency));
- $('#lblCurrency').text(Currency.getCurrencyDisplayCode(request.currency));
-
- if (request.description) {
- // This Regex operation gets everything after the prefix, and handles the prefix not existing
- $('#lblPaymentRef').text(/(payment-ref-)?(.*)/.exec(request.description)[2]);
- $('#lblPaymentRefContainer').setVisibility(1);
- }
-
- FormManager.init(view_ids.confirm, [
- { request_field: 'amount', value: Currency.getNumberFormat(request.amount, request.currency) },
- { request_field: 'currency', value: request.currency },
- { request_field: 'description', value: request.description },
- { request_field: 'paymentagent_loginid', value: request.paymentagent_loginid },
- { request_field: 'paymentagent_withdraw', value: 1 },
- ], true);
-
- FormManager.handleSubmit({
- form_selector : view_ids.confirm,
- fnc_response_handler: withdrawResponse,
- });
-
- $(`${view_ids.confirm} #btnBack`).click(() => {
- setActiveView(view_ids.form);
- });
- break;
- }
- case 1: // withdrawal success
- setActiveView(view_ids.success);
- $('#successMessage').css('display', '')
- .attr('class', 'success-msg')
- .html($('}){kind=logo}
- })
- })
- })
- }){kind=logo}
- })
- })
- })
- }){kind=icon}
- })
- }){kind=logo}
- })
- }){kind=icon}
- })
- }){kind=spacer}
- })
- {it.L('Account Closure')}
-{it.L('Closing your [_1] accounts involves closing all open positions in your accounts, withdrawing your funds, and deactivating your accounts.', it.website_name)}
-')).append(`(${Currency.getCurrencyDisplayCode(c)})`); - } else { - $name.text(c); - } - - $wrapper.append($image).append($name); - (Currency.isCryptocurrency(c) ? $cryptocurrencies : $fiat_currencies).append($wrapper); - }); - const fiat_currencies = $fiat_currencies.html(); - if (fiat_currencies) { - $('#fiat_currencies').setVisibility(1); - $('#fiat_currency_list').html(fiat_currencies).parent().setVisibility(1); - } - const crypto_currencies = $cryptocurrencies.html(); - if (crypto_currencies) { - $('#crypto_currencies').setVisibility(1); - $('#crypto_currency_list').html(crypto_currencies).parent().setVisibility(1); - } - const has_one_group = (!fiat_currencies && crypto_currencies) || (fiat_currencies && !crypto_currencies); - if (has_one_group) { - $('#set_currency_text').text(localize('Please select the currency for this account:')); - } else { - $('#set_currency_text').text(localize('Do you want this to be a fiat account or crypto account? Please choose one:')); - } - - $('#set_currency_loading').remove(); - $('#set_currency, .select_currency').setVisibility(1); - }; - - const onSelection = ($currency_list, $error, should_show_confirmation) => { - $('.currency_wrapper').off('click dblclick').on('click dblclick', function () { - removeError($error, true); - const $clicked_currency = $(this); - $currency_list.find('> div').removeClass('selected'); - $clicked_currency.addClass('selected'); - - if (should_show_confirmation) { - const currency = $clicked_currency.attr('id'); - let localized_message = ''; - let localized_footnote = ''; - - if (Currency.isCryptocurrency(currency)) { - localized_message = localize('Are you sure you want to create your [_1] account now?', `${Currency.getCurrencyName(currency)} (${Currency.getCurrencyDisplayCode(currency)})`); - localized_footnote = `${localize('Note:')} ${localize('You may open one account for each supported cryptocurrency.')}`; - } else { - localized_message = localize('Are you sure you want to create a fiat account in [_1]?', `${currency}`); - localized_footnote = `${localize('Note:')} ${localize('You are limited to one fiat account. You can change the currency of your fiat account anytime before you make a first-time deposit or create an MT5 account.')}`; - } - - Dialog.confirm({ - id : 'set_currency_popup_container', - ok_text : localize('Yes'), - cancel_text : localize('Cancel'), - localized_title: localize('Create [_1] account', `${Currency.getCurrencyDisplayCode(currency)}`), - localized_message, - localized_footnote, - onConfirm : () => onConfirm($currency_list, $error, false), - onAbort : () => $currency_list.find('> div').removeClass('selected'), - }); - } - }); - }; - - const onConfirm = ($currency_list, $error, should_create_account) => { - removeError($error); - const $selected_currency = $currency_list.find('.selected'); - if ($selected_currency.length) { - const selected_currency = $selected_currency.attr('id'); - let request = {}; - if (should_create_account) { - request = populateReqMultiAccount(selected_currency); - } else { - request = { set_account_currency: selected_currency }; - } - BinarySocket.send(request).then((response_c) => { - if ($submit) { - $submit.removeClass('button-disabled'); - } - if (response_c.error) { - if (popup_action === 'multi_account' && /InsufficientAccountDetails|InputValidationFailed/.test(response_c.error.code)) { - cleanupPopup(); - setIsForNewAccount(true); - // ask client to set any missing information - BinaryPjax.load(Url.urlFor('user/settings/detailsws')); - } else { - $error.text(response_c.error.message).setVisibility(1); - } - } else { - const previous_currency = Client.get('currency'); - // Use the client_id while creating a new account - const new_account_loginid = popup_action === 'multi_account' ? response_c.new_account_real.client_id : undefined; - Client.set('currency', selected_currency, new_account_loginid); - BinarySocket.send({ balance: 1 }); - BinarySocket.send({ payout_currencies: 1 }, { forced: true }); - Header.displayAccountStatus(); - - if (typeof onConfirmAdditional === 'function') { - onConfirmAdditional(); - } - - let redirect_url; - if (is_new_account) { - if (Client.isAccountOfType('financial')) { - const get_account_status = State.getResponse('get_account_status'); - if (!/authenticated/.test(get_account_status.status)) { - redirect_url = Url.urlFor('user/authenticate'); - } - } - // Do not redirect MLT clients to cashier, because they need to set self exclusion before trading - if (!redirect_url && /^(malta)$/i.test(Client.get('landing_company_shortcode'))) { - redirect_url = Url.urlFor('user/security/self_exclusionws'); - } - // Do not redirect MX clients to cashier, because they need to set max limit before making deposit - if (!redirect_url && !/^(iom)$/i.test(Client.get('landing_company_shortcode'))) { - redirect_url = Url.urlFor('cashier'); - } - } else if (/[set|change]_currency/.test(popup_action)) { - const previous_currency_display = Currency.getCurrencyDisplayCode(previous_currency); - const selected_currency_display = Currency.getCurrencyDisplayCode(selected_currency); - $('.select_currency').setVisibility(0); - $('#congratulations_message').html( - popup_action === 'set_currency' ? - localize('You have successfully set your account currency to [_1].', [`${selected_currency_display}`]) : - localize('You have successfully changed your account currency from [_1] to [_2].', [ `${previous_currency_display}`, `${selected_currency_display}` ]) - ); - $('.btn_cancel, #deposit_btn, #set_currency, #show_new_account').setVisibility(1); - $(`#${Client.get('loginid')}`).find('td[datath="Currency"]').text(selected_currency_display); - } else if (popup_action === 'multi_account') { - const new_account = response_c.new_account_real; - localStorage.setItem('is_new_account', 1); - cleanupPopup(); - // add new account to store and refresh the page - Client.processNewAccount({ - email : Client.get('email'), - loginid : new_account.client_id, - token : new_account.oauth_token, - redirect_url: Url.urlFor('user/set-currency'), - }); - return; - } else { - redirect_url = BinaryPjax.getPreviousUrl(); - } - - if (redirect_url) { - window.location.href = redirect_url; // load without pjax - } else { - Header.populateAccountsList(); // update account title - $('.select_currency').setVisibility(0); - $('#deposit_btn') - .off('click dblclick') - .on('click dblclick', () => { - if (popup_action) { - cleanupPopup(); - } - BinaryPjax.load(`${Url.urlFor('cashier/forwardws')}?action=deposit`); - }) - .setVisibility(1); - } - } - }); - } else { - removeError(null, true); - $error.text(localize('Please choose a currency')).setVisibility(1); - } - }; - - /** - * Remove error text if $error is defined - * Enable confirm button if is_btn_enabled is true - * - * @param {object} $error // error text jquery element - * @param {boolean} is_btn_enabled // Enable button - */ - const removeError = ($error, is_btn_enabled) => { - if ($error){ - $error.setVisibility(0); - } - if ($submit && is_btn_enabled) { - $submit.removeClass('button-disabled'); - } - }; - - const populateReqMultiAccount = (selected_currency) => { - const get_settings = State.getResponse('get_settings'); - - return ({ - new_account_real : 1, - currency : selected_currency, - date_of_birth : moment.utc(+get_settings.date_of_birth * 1000).format('YYYY-MM-DD'), - salutation : get_settings.salutation, - first_name : get_settings.first_name, - last_name : get_settings.last_name, - address_line_1 : get_settings.address_line_1, - address_line_2 : get_settings.address_line_2, - address_city : get_settings.address_city, - address_state : get_settings.address_state, - address_postcode : get_settings.address_postcode, - phone : get_settings.phone, - account_opening_reason: get_settings.account_opening_reason, - citizen : get_settings.citizen, - place_of_birth : get_settings.place_of_birth, - residence : Client.get('residence'), - ...(get_settings.tax_identification_number && { - tax_identification_number: get_settings.tax_identification_number, - }), - ...(get_settings.tax_residence && { - tax_residence: get_settings.tax_residence, - }), - }); - }; - - const cleanupPopup = () => { - localStorage.removeItem('popup_action'); - $('.lightbox').remove(); - }; - - return { - onLoad, - cleanupPopup, - }; -})(); - -module.exports = SetCurrency; diff --git a/src/javascript/app/pages/user/telegram_bot.js b/src/javascript/app/pages/user/telegram_bot.js deleted file mode 100644 index e8ffdb10a51..00000000000 --- a/src/javascript/app/pages/user/telegram_bot.js +++ /dev/null @@ -1,33 +0,0 @@ -const FormManager = require('../../common/form_manager'); - -const TelegramBot = (() => { - const form = '#frm_telegram_bot'; - - const onLoad = () => { - const bot_name = 'binary_test_bot'; - - FormManager.init(form, [ - { selector: '#token', validations: ['req'], exclude_request: 1 }, - ]); - - FormManager.handleSubmit({ - form_selector : form, - fnc_response_handler: () => { - const token = $('#token').val(); - const url = `https://t.me/${bot_name}/?start=${token}`; - window.location.assign(url); - }, - }); - }; - - const onUnload = () => { - $(form).off('submit'); - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = TelegramBot; diff --git a/src/javascript/app/pages/user/tnc_approval.js b/src/javascript/app/pages/user/tnc_approval.js deleted file mode 100644 index e1b6e49906e..00000000000 --- a/src/javascript/app/pages/user/tnc_approval.js +++ /dev/null @@ -1,71 +0,0 @@ -const BinaryPjax = require('../../base/binary_pjax'); -const Client = require('../../base/client'); -const Header = require('../../base/header'); -const BinarySocket = require('../../base/socket'); -const State = require('../../../_common/storage').State; -const urlFor = require('../../../_common/url').urlFor; -const template = require('../../../_common/utility').template; - -const TNCApproval = (() => { - const onLoad = () => { - requiresTNCApproval($('#btn_accept'), display, null, true); - }; - - const display = () => { - const landing_company = State.getResponse('authorize.landing_company_fullname'); - if (!landing_company) return; - - const $container = $('#tnc_container'); - const $tnc_msg = $container.find('#tnc_message'); - $tnc_msg.html(template($tnc_msg.html(), [ - landing_company, - urlFor('terms-and-conditions'), - ])); - $container.find('#tnc_loading').remove(); - $container.find('#tnc_approval').setVisibility(1); - }; - - const requiresTNCApproval = ($btn, funcDisplay, onSuccess, redirect_anyway) => { - BinarySocket.wait('website_status', 'get_settings').then(() => { - if (!Client.shouldAcceptTnc()) { - redirectBack(redirect_anyway); - return; - } - - funcDisplay(); - - $btn.click((e) => { - e.preventDefault(); - e.stopPropagation(); - BinarySocket.send({ tnc_approval: '1' }, { forced: true }).then((response) => { - if (response.error) { - $('#err_message').html(response.error.message).setVisibility(1); - } else { - BinarySocket.send({ get_settings: 1 }, { forced: true }).then(() => { - Header.displayAccountStatus(); - }); - redirectBack(redirect_anyway); - if (typeof onSuccess === 'function') { - onSuccess(); - } - } - }); - }); - }); - }; - - const redirectBack = (redirect_anyway) => { - if (redirect_anyway) { - setTimeout(() => { - BinaryPjax.loadPreviousUrl(); - }, 500); - } - }; - - return { - onLoad, - requiresTNCApproval, - }; -})(); - -module.exports = TNCApproval; diff --git a/src/javascript/app/pages/user/video_facility.js b/src/javascript/app/pages/user/video_facility.js deleted file mode 100644 index 4b5be5f97a5..00000000000 --- a/src/javascript/app/pages/user/video_facility.js +++ /dev/null @@ -1,39 +0,0 @@ -const BinaryPjax = require('../../base/binary_pjax'); -const Client = require('../../base/client'); -const Header = require('../../base/header'); -const BinarySocket = require('../../base/socket'); -const localize = require('../../../_common/localize').localize; - -const VideoFacility = (() => { - const onLoad = () => { - if (!Client.isAccountOfType('financial')) { - $('#loading').replaceWith($('', { class: 'notice-msg center-text', text: localize('Sorry, this feature is not available in your jurisdiction.') })); - return; - } - - BinarySocket.send({ get_account_status: 1 }).then((response) => { - if (response.error) { - $('#error_message').setVisibility(1).text(response.error.message); - } else { - const should_authenticate = +response.get_account_status.prompt_client_to_authenticate; - if (should_authenticate) { - $('#loading').remove(); - if (!Client.isAccountOfType('financial')) { - $('#not_authenticated').setVisibility(1); - } - $('.msg_authenticate').setVisibility(1); - $('#generated_token').text(Client.get('token').slice(-4)).parent().setVisibility(1); - Header.displayAccountStatus(); - } else { - BinaryPjax.loadPreviousUrl(); - } - } - }); - }; - - return { - onLoad, - }; -})(); - -module.exports = VideoFacility; diff --git a/src/javascript/app/pages/user/view_popup/view_popup.js b/src/javascript/app/pages/user/view_popup/view_popup.js index 97125538591..f0d0711df73 100644 --- a/src/javascript/app/pages/user/view_popup/view_popup.js +++ b/src/javascript/app/pages/user/view_popup/view_popup.js @@ -15,6 +15,7 @@ const getElementById = require('../../../../_common/common_functions') const localize = require('../../../../_common/localize').localize; const urlFor = require('../../../../_common/url').urlFor; const Utility = require('../../../../_common/utility'); + const ViewPopup = (() => { let contract_id, diff --git a/src/javascript/index.js b/src/javascript/index.js index 7fff258bc66..402cc9b3b1b 100644 --- a/src/javascript/index.js +++ b/src/javascript/index.js @@ -1,12 +1,12 @@ window.$ = window.jQuery = require('jquery'); -require('babel-polyfill'); +require("@babel/polyfill"); require('promise-polyfill'); require('./_common/lib/polyfills/nodelist.foreach'); require('./_common/lib/polyfills/element.closest'); -require('@binary-com/binary-style'); -require('@binary-com/binary-style/binary.more'); +require('@binary-com/binary-style/binary.js'); +require('@binary-com/binary-style/binary.more.js'); // used by gtm to update page after a new release window.check_new_release = require('./_common/check_new_release').checkNewRelease; diff --git a/src/javascript/landing_pages/common.js b/src/javascript/landing_pages/common.js index 10551cebf12..67fcd763480 100644 --- a/src/javascript/landing_pages/common.js +++ b/src/javascript/landing_pages/common.js @@ -1,5 +1,5 @@ /* eslint-disable no-unused-vars */ -const GTM = require('../_common/gtm'); +// const GTM = require('../_common/gtm'); // Check view width, add navbar height as offset if on desktop function checkWidth() { @@ -173,7 +173,7 @@ function setupCrowdin() { function commonOnload() { setupCrowdin(); - GTM.init(); + // GTM.init(); if (dataLayer) { dataLayer.push({ event: 'page_load' }); } diff --git a/src/javascript/landing_pages/graduate_program.js b/src/javascript/landing_pages/graduate_program.js deleted file mode 100644 index cb80e518a27..00000000000 --- a/src/javascript/landing_pages/graduate_program.js +++ /dev/null @@ -1,89 +0,0 @@ -window.onload = function() { - toggleMobileMenu(); - window.onresize = checkWidth; - - document.querySelectorAll('.page-scroll').forEach((el) => { - el.addEventListener('click', scrollToSection); - }); - - tabWithIndicator('teams-tab'); - tabWithButtons('employees-tab'); - - commonOnload(); -}; - -function scrollToSection(e) { - if (e) e.preventDefault(); - const target = this.getAttribute('href').substr(1); - const offset = /who-we-are|page-top/.test(target) ? 55 : 60; - const el_target = document.getElementById(target); - const to = el_target ? el_target.offsetTop - offset : ''; - - scrollTo(to, 500); - collapseMenu(); -} - -function tabWithIndicator(id) { - const container = document.getElementById(id) ? document.getElementById(id) : document.body; - const indicator = container.querySelector('.tab-menu .active-tab-indicator'); - const tabs = container.querySelectorAll('.tab-menu .tab'); - const contents = container.querySelectorAll('.tab-content-wrapper > div.tab-content'); - const numOfTabs = tabs.length; - - indicator.style.width = `${(100 / numOfTabs)}%`; - - tabs.forEach((el, index) => { - el.index = index; - el.addEventListener('click', updateActiveTab); - }); - - contents.forEach((el, index) => { - if (index) { - el.classList.add('invisible'); - } - }); - - function updateActiveTab(e) { - if (e) e.preventDefault(); - - indicator.style.left = `${(100 / numOfTabs) * (this.index)}%`; - - const target = this.querySelector('a').getAttribute('href').substr(1); - updateTabContent(target); - } - - function updateTabContent(target) { - contents.forEach((el) => { - el.classList[el.id === target ? 'remove' : 'add']('invisible'); - }); - } -} - -function tabWithButtons(id) { - const container = document.getElementById(id) ? document.getElementById(id) : document.body; - const contents = container.querySelectorAll('div.twb-content'); - const numOfItems = contents.length; - - contents.forEach((el, index) => { - if (index) { - el.classList.add('invisible'); - } - }); - - let index = 0; - container.querySelectorAll('.twb-button').forEach((el) => { - el.addEventListener('click', (e) => { - e.preventDefault(); - if (el.id === 'next') updateTabContent(++index); - else updateTabContent(--index); - }); - }); - - function updateTabContent(target_index) { - contents.forEach((el, idx) => { - const toShow = target_index % numOfItems < 0 ? - (target_index % numOfItems) + numOfItems : target_index % numOfItems; - el.classList[toShow === idx ? 'remove' : 'add']('invisible'); - }); - } -} diff --git a/src/javascript/landing_pages/hackathon.js b/src/javascript/landing_pages/hackathon.js deleted file mode 100644 index fc0ef4644e8..00000000000 --- a/src/javascript/landing_pages/hackathon.js +++ /dev/null @@ -1,25 +0,0 @@ -// Handler when the DOM is fully loaded -document.addEventListener('DOMContentLoaded', () => { - toggleMobileMenu(); - - const navbar = document.getElementsByClassName('navbar')[0]; - // Scroll to section - document.addEventListener('click', (e) => { - if (e.target.classList.contains('page-scroll')) { - const target = e.target.getAttribute('href').substr(1); - const offset = target === 'page-top' ? 55 : 0; - const navbarHeight = checkWidth(); - const el_target = document.getElementById(target); - const to = el_target ? el_target.offsetTop - navbarHeight - offset : ''; - scrollTo(to, 500); - if (navbar.classList.contains('expand')) { - navbar.classList.remove('expand'); - } - e.preventDefault(); - } - }); - - window.onresize = checkWidth; - - commonOnload(); -}); diff --git a/src/javascript/landing_pages/usb_page.js b/src/javascript/landing_pages/usb_page.js deleted file mode 100644 index 6354c131834..00000000000 --- a/src/javascript/landing_pages/usb_page.js +++ /dev/null @@ -1,15 +0,0 @@ -// jQuery to collapse the navbar on scroll -function collapseNavbar() { - if ($('.navbar').offset().top > 50) { - $('.navbar-fixed-top').addClass('top-nav-collapse'); - } else { - $('.navbar-fixed-top').removeClass('top-nav-collapse'); - } -} - -$(window).scroll(collapseNavbar); -$(document).ready(collapseNavbar); - -window.onload = function () { - commonOnload(); -}; diff --git a/src/javascript/static/pages/affiliate_ib_landing.js b/src/javascript/static/pages/affiliate_ib_landing.js deleted file mode 100644 index dca29d1ec85..00000000000 --- a/src/javascript/static/pages/affiliate_ib_landing.js +++ /dev/null @@ -1,45 +0,0 @@ -const Url = require('../../../javascript/_common/url.js'); -const TabSelector = require('../../_common/tab_selector'); - -const AffiliateIBLanding = (() => { - const onLoad = () => { - initializeTypeOfPartnersTab(); - }; - - const initializeTypeOfPartnersTab = () => { - const navigation_tabs = $('.has-tabs').children('ul').find('li'); - const params_hash = Url.paramsHash(); - - if (params_hash.tabs === undefined) { - Url.updateParamsWithoutReload({ tabs: getTabAnchorWithoutHashTag(navigation_tabs.first()) }, true); - $('.has-tabs').tabs(); - } else { - navigation_tabs.each((index, element) => { - const tabIndex = (params_hash.tabs === getTabAnchorWithoutHashTag(element)) && index; - $('.has-tabs').tabs({ active: tabIndex }); - }); - } - - navigation_tabs.each((index, element) => { - $(element).on('click', () => { - Url.updateParamsWithoutReload({ tabs: getTabAnchorWithoutHashTag(element) }, true); - TabSelector.repositionSelector(); - }); - }); - - TabSelector.onLoad(); - }; - - const getTabAnchorWithoutHashTag = (element) => $(element).find('a').attr('href').replace('#', ''); - - const onUnload = () => { - TabSelector.onUnload(); - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = AffiliateIBLanding; diff --git a/src/javascript/static/pages/charity.js b/src/javascript/static/pages/charity.js deleted file mode 100644 index f857a3443a7..00000000000 --- a/src/javascript/static/pages/charity.js +++ /dev/null @@ -1,31 +0,0 @@ -const Charity = (() => { - let interval = null; - - const onLoad = () => { - const $gallery = $('.gallery'); - - let images; - const switchPicture = () => { - images = $gallery.find('img'); - if (images.length > 1) { - images.eq(images.length - 1).prependTo($gallery); - } - }; - - interval = setInterval(switchPicture, 5000); - }; - - const onUnload = () => { - if (interval) { - clearInterval(interval); - interval = null; - } - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = Charity; diff --git a/src/javascript/static/pages/contact.js b/src/javascript/static/pages/contact.js deleted file mode 100644 index d7d7615bf76..00000000000 --- a/src/javascript/static/pages/contact.js +++ /dev/null @@ -1,31 +0,0 @@ -const initPhoneNumber = require('./contact_2').initPhoneNumber; -const Elevio = require('../../_common/base/elevio'); - -const Contact = (() => { - const onLoad = () => { - initPhoneNumber(true); - Elevio.injectElevio(); - window._elev.on('ready', embedElevioComponents); // eslint-disable-line no-underscore-dangle - - $('#contact_loading').remove(); - $('#contact').setVisibility(1); - }; - - const embedElevioComponents = () => { - const component_types = ['menu', 'search', 'suggestions']; - component_types.forEach((type) => { - $(`#elevio_element_${type}`).html(Elevio.createComponent(type)); - }); - - // Open support module when submit_ticket is set on query string - if (/submit_ticket=true/.test(window.location.search)) { - window._elev.openModule('support'); // eslint-disable-line no-underscore-dangle - } - }; - - return { - onLoad, - }; -})(); - -module.exports = Contact; diff --git a/src/javascript/static/pages/contact_2.js b/src/javascript/static/pages/contact_2.js deleted file mode 100644 index beb340cab03..00000000000 --- a/src/javascript/static/pages/contact_2.js +++ /dev/null @@ -1,82 +0,0 @@ -const moment = require('moment'); -const Dropdown = require('@binary-com/binary-style').selectDropdown; -const BinarySocket = require('../../_common/base/socket_base'); - -const Contact = (() => { - let $chat_button, - $chat_unavailable, - livechat_timeout; - - const onLoad = () => { - $chat_button = $('#chat_button'); - $chat_unavailable = $('#live_chat_unavailable'); - showHideLiveChat(); - initPhoneNumber(); - }; - - const initPhoneNumber = (is_one_line) => { - Dropdown('#cs_telephone_number'); - $('#cs_telephone_number').on('change.cs', function () { - const val = $(this).val().split(',').map(raw_str => ( - is_one_line ? `${wrapNumberInLink(raw_str)}` : wrapNumberInLink(raw_str) - )); - $('#display_cs_telephone').html(val[0] + (val.length > 1 ? `${is_one_line ? '' : '
'}${val[1]}` : '')); - }); - }; - - const wrapNumberInLink = (raw_str) => { - const str = raw_str.trim(); - const m = str.match(/ \(Toll Free\)/i); - const number = m ? str.slice(0, m.index) : str; - const append = m ? str.slice(m.index) : ''; - return `${number}${append}`; - }; - - const isWeekday = (moment_obj) => !/^(0|6)$/.test(moment_obj.day()); // 0 for sunday and 6 for saturday - - const availability = [ - [8, 17], // weekends (sat-sun): 08-17 MYT - [6, 21], // weekdays (mon-fri): 06-21 MYT - ]; - - const showHideLiveChat = () => { - BinarySocket.wait('time').then(() => { - const moment_now = moment.utc(window.time || undefined).utcOffset(8); // MYT - const hour = moment_now.hour(); - const config = availability[+isWeekday(moment_now)]; - const is_available = hour >= config[0] && hour < config[1]; - const moment_next = moment_now.clone(); - - let next_hour; - if (is_available) { - $chat_button.attr({ href: 'https://binary.desk.com/customer/widget/chats/new', target: '_blank' }).removeClass('button-disabled'); - $chat_unavailable.setVisibility(0); - next_hour = config[1]; - } else { - $chat_button.attr({ href: '', target: '' }).addClass('button-disabled'); - $chat_unavailable.setVisibility(1); - if (hour < config[0]) { - next_hour = config[0]; - } else { - moment_next.add(1, 'days'); - next_hour = availability[+isWeekday(moment_next)][0]; - } - } - moment_next.hour(next_hour).minute(0).second(0); - - livechat_timeout = setTimeout(showHideLiveChat, moment_next.diff(moment_now)); - }); - }; - - const onUnload = () => { - clearTimeout(livechat_timeout); - }; - - return { - onLoad, - onUnload, - initPhoneNumber, - }; -})(); - -module.exports = Contact; diff --git a/src/javascript/static/pages/get_started.js b/src/javascript/static/pages/get_started.js deleted file mode 100644 index 25d9faaec77..00000000000 --- a/src/javascript/static/pages/get_started.js +++ /dev/null @@ -1,24 +0,0 @@ -const MenuSelector = require('../../_common/menu_selector'); - -module.exports = { - BinaryOptions: { - onLoad : () => { MenuSelector.init(['what-are-binary-options', 'how-to-trade-binary', 'types-of-trades', 'range-of-markets', 'glossary']); }, - onUnload: () => { MenuSelector.clean(); }, - }, - CFDs: { - onLoad : () => { MenuSelector.init(['what-cfds-trading', 'how-trade-cfds', 'margin-policy', 'contract-specification']); }, - onUnload: () => { MenuSelector.clean(); }, - }, - Cryptocurrencies: { - onLoad : () => { MenuSelector.init(['what-crypto-trading', 'how-trade-crypto', 'margin-policy', 'contract-specification']); }, - onUnload: () => { MenuSelector.clean(); }, - }, - Metals: { - onLoad : () => { MenuSelector.init(['what-metals-trading', 'how-trade-metals', 'margin-policy', 'contract-specification']); }, - onUnload: () => { MenuSelector.clean(); }, - }, - Forex: { - onLoad : () => { MenuSelector.init(['what-forex-trading', 'how-to-trade-forex', 'margin-policy', 'contract-specification']); }, - onUnload: () => { MenuSelector.clean(); }, - }, -}; diff --git a/src/javascript/static/pages/home.js b/src/javascript/static/pages/home.js deleted file mode 100644 index b2a778509cb..00000000000 --- a/src/javascript/static/pages/home.js +++ /dev/null @@ -1,83 +0,0 @@ -const moment = require('moment'); -const GTM = require('../../_common/base/gtm'); -const Login = require('../../_common/base/login'); -const localize = require('../../_common/localize').localize; -const State = require('../../_common/storage').State; -const TabSelector = require('../../_common/tab_selector'); -const urlFor = require('../../_common/url').urlFor; -const BinaryPjax = require('../../app/base/binary_pjax'); -const BinarySocket = require('../../app/base/socket'); -const DerivBanner = require('../../app/common/deriv_banner'); -const FormManager = require('../../app/common/form_manager'); -const getFormRequest = require('../../app/common/verify_email'); -const isBinaryApp = require('../../config').isBinaryApp; - -const Home = (() => { - let clients_country; - - const onLoad = () => { - Login.initOneAll(); - TabSelector.onLoad(); - DerivBanner.onLoad(); - - BinarySocket.wait('website_status', 'authorize', 'landing_company').then(() => { - clients_country = State.getResponse('website_status.clients_country'); - - // we need to initiate selector after it becoming visible - TabSelector.repositionSelector(); - - const form_id = '#frm_verify_email'; - FormManager.init(form_id, getFormRequest()); - FormManager.handleSubmit({ - form_selector : form_id, - fnc_response_handler: handler, - fnc_additional_check: checkCountry, - }); - }); - }; - - const checkCountry = (req) => { - if ((clients_country !== 'my') || /@((binary|deriv|regentmarkets)\.com|4x\.my|binary\.me)$/.test(req.verify_email)) { - return true; - } - $('#frm_verify_email').find('div') - .html($('', { class: 'notice-msg center-text', html: localize('Sorry, account signup is not available in your country.') })); - return false; - }; - - const handler = (response) => { - if (response.error) { - $('#signup_error').setVisibility(1).text(response.error.message); - return; - } - BinarySocket.wait('time').then(({ time }) => { - const is_binary_app = isBinaryApp(); - - GTM.pushDataLayer({ - event : 'email_submit', - email_submit_input : response.echo_req.verify_email, - email_submit_days_passed: moment(time * 1000).utc().diff(moment.utc(localStorage.getItem('date_first_contact')), 'days'), - email_submit_source : is_binary_app ? 'desktop app' : 'binary.com', - }); - - if (is_binary_app) { - BinaryPjax.load(urlFor('new_account/virtualws')); - } else { - $('.signup-box div').replaceWith($('', { text: localize('Thank you for signing up! Please check your email to complete the registration process.'), class: 'gr-10 gr-centered center-text' })); - $('#social-signup').setVisibility(0); - } - }); - }; - - const onUnload = () => { - TabSelector.onUnload(); - DerivBanner.onUnload(); - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = Home; diff --git a/src/javascript/static/pages/job_details.js b/src/javascript/static/pages/job_details.js deleted file mode 100644 index 5b75f1aa2e9..00000000000 --- a/src/javascript/static/pages/job_details.js +++ /dev/null @@ -1,71 +0,0 @@ -const BinaryPjax = require('../../app/base/binary_pjax'); -const urlParam = require('../../_common/url').param; -const urlFor = require('../../_common/url').urlFor; - -const JobDetails = (() => { - let dept, - dept_class, - $sections_div, - $senior_perl_message, - $sidebar, - $sidebar_dept; - - const showSelectedDiv = () => { - const section = window.location.hash; - $sections_div.setVisibility(0).filter(section).setVisibility(1); - if (dept === 'Information_Technology' && /senior_perl_developer/.test(section)) { - $senior_perl_message.setVisibility(1); - } else { - $senior_perl_message.setVisibility(0); - } - }; - - const onLoad = () => { - dept = urlParam('dept'); - dept_class = `.${dept}`; - $sidebar = $('.sidebar'); - $sidebar_dept = $sidebar.filter(dept_class); - $sections_div = $('.sections > div > div'); - $senior_perl_message = $('.senior_perl_message'); - // hide all first (to handle pjaxload) - $sidebar.setVisibility(0); - $('#title').find('h1').setVisibility(0); - $('#image').find('img').setVisibility(0); - - if ($sidebar_dept.length && window.location.hash === '') { - BinaryPjax.load(`${urlFor('open-positions/job-details')}?dept=${dept}${$sidebar_dept.find('a')[0].hash}`); - } else if ($sidebar_dept.length === 0 || $sidebar_dept.find(`a[href="${window.location.hash}"]`).length === 0) { - BinaryPjax.load(urlFor('404')); - } - - // show sections - $(dept_class).setVisibility(1); - $sidebar_dept.setVisibility(1).find(`a[href="${window.location.hash}"]`).parent('li').addClass('selected'); - showSelectedDiv(); - $('#back-button').attr('href', `${urlFor('open-positions')}#${dept}`); - addEventListeners(); - }; - - const addEventListeners = () => { - const $sidebar_list_item = $sidebar_dept.find('#sidebar-nav li'); - $sidebar_list_item.click(function () { - $sidebar_list_item.removeClass('selected'); - $(this).addClass('selected'); - }); - - $(window).on('hashchange', () => { - showSelectedDiv(); - }); - }; - - const onUnload = () => { - $(window).off('hashchange'); - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = JobDetails; diff --git a/src/javascript/static/pages/keep_safe.js b/src/javascript/static/pages/keep_safe.js deleted file mode 100644 index 45a185b2f5b..00000000000 --- a/src/javascript/static/pages/keep_safe.js +++ /dev/null @@ -1,17 +0,0 @@ -const BinarySocket = require('../../app/base/socket'); -const isIndonesia = require('../../app/common/country_base').isIndonesia; -const isBinaryApp = require('../../config').isBinaryApp; - -const KeepSafe = (() => { - const onLoad = () => { - BinarySocket.wait('website_status').then(() => { - $('.desktop-app').setVisibility(isIndonesia() && !isBinaryApp()); - }); - }; - - return { - onLoad, - }; -})(); - -module.exports = KeepSafe; diff --git a/src/javascript/static/pages/mt5_signals.js b/src/javascript/static/pages/mt5_signals.js deleted file mode 100644 index 6357cad89eb..00000000000 --- a/src/javascript/static/pages/mt5_signals.js +++ /dev/null @@ -1,52 +0,0 @@ -const BinarySocket = require('../../app/base/socket'); -const isIndonesia = require('../../app/common/country_base').isIndonesia; -const getElementById = require('../../_common/common_functions').getElementById; -const TabSelector = require('../../_common/tab_selector'); -const isBinaryApp = require('../../config').isBinaryApp; - -const os_list = [ - { - name : 'mac', - url_test: /\.dmg$/, - }, - { - name : 'windows', - url_test: /\.exe$/, - }, - // { - // name : 'linux', - // url_test: /x86_64\.AppImage$/, - // } -]; - -const Mt5Signals = (() => { - const onLoad = () => { - BinarySocket.wait('website_status').then(() => { - $('.desktop-app').setVisibility(isIndonesia() && !isBinaryApp()); - }); - TabSelector.onLoad(); - $.getJSON('https://api.github.com/repos/binary-com/binary-desktop-installers/releases/latest', (data = { assets: [] }) => { - data.assets.some((asset) => { - if (os_list.every(os => os.download_url)) { - return true; - } - os_list.forEach(os => { - if (!os.download_url && os.url_test.test(asset.browser_download_url)) { - os.download_url = asset.browser_download_url; - } - }); - return false; - }); - os_list.forEach(os => { - const el_button = getElementById(`app_${os.name}`); - el_button.setAttribute('href', os.download_url); - }); - }); - }; - - return { - onLoad, - }; -})(); - -module.exports = Mt5Signals; diff --git a/src/javascript/static/pages/platforms.js b/src/javascript/static/pages/platforms.js deleted file mode 100644 index bdfaf89c234..00000000000 --- a/src/javascript/static/pages/platforms.js +++ /dev/null @@ -1,56 +0,0 @@ -const BinarySocket = require('../../app/base/socket'); -const isIndonesia = require('../../app/common/country_base').isIndonesia; -const getElementById = require('../../_common/common_functions').getElementById; -const TabSelector = require('../../_common/tab_selector'); -const getTopLevelDomain = require('../../_common/utility').getTopLevelDomain; -const isBinaryApp = require('../../config').isBinaryApp; - -const os_list = [ - { - name : 'mac', - url_test: /\.dmg$/, - }, - { - name : 'windows', - url_test: /\.exe$/, - }, - // { - // name : 'linux', - // url_test: /x86_64\.AppImage$/, - // } -]; - -const Platforms = (() => { - const onLoad = () => { - BinarySocket.wait('website_status').then(() => { - $('.desktop-app').setVisibility(isIndonesia() && !isBinaryApp()); - }); - TabSelector.onLoad(); - $.getJSON('https://api.github.com/repos/binary-com/binary-desktop-installers/releases/latest', (data = { assets: [] }) => { - data.assets.some((asset) => { - if (os_list.every(os => os.download_url)) { - return true; - } - os_list.forEach(os => { - if (!os.download_url && os.url_test.test(asset.browser_download_url)) { - os.download_url = asset.browser_download_url; - } - }); - return false; - }); - os_list.forEach(os => { - const el_button = getElementById(`app_${os.name}`); - el_button.setAttribute('href', os.download_url); - }); - }); - const deriv_interim_btn = getElementById('deriv_interim_btn'); - const url = `https://deriv.${getTopLevelDomain()}/interim/deriv/?utm_source=binary&utm_medium=referral&utm_campaign=deriv-launch&utm_content=page-platforms-banner`; - deriv_interim_btn.href = url; - }; - - return { - onLoad, - }; -})(); - -module.exports = Platforms; diff --git a/src/javascript/static/pages/regulation.js b/src/javascript/static/pages/regulation.js deleted file mode 100644 index a40367652cb..00000000000 --- a/src/javascript/static/pages/regulation.js +++ /dev/null @@ -1,62 +0,0 @@ -const BinarySocket = require('../../app/base/socket'); -const isExcludedFromCfd = require('../../app/common/country_base').isExcludedFromCfd; -const getElementById = require('../../../javascript/_common/common_functions').getElementById; - -const Regulation = (() => { - const onLoad = () => { - $(() => { - const $accordion = $('#accordion'); - const hash = window.location.hash; - const $element = hash ? $accordion.find(hash) : undefined; - - $accordion.accordion({ - heightStyle: 'content', - collapsible: true, - active : $element && $element.length && $element.index('h3') !== -1 ? $element.index('h3') : 0, - }); - - if ($element && $element.length) { - $.scrollTo($element, 500); - } - - $accordion.on('accordionactivate', () => { - // if EU passport rights tab is active, call relocateLinks to initialize map coordinates - if (!$accordion.accordion('option', 'active')) { - relocateLinks(); - } - }); - - BinarySocket.wait('website_status', 'authorize').then(() => { - if (isExcludedFromCfd()) { - const el_cfd_fillbox = getElementById('cfd_fillbox'); - el_cfd_fillbox.nextSibling.classList.remove('margin-left-0'); - el_cfd_fillbox.remove(); - } - }); - }); - - const coords = []; - const $map_area = $('#planetmap').find('area'); - const $selector = $('img[usemap="#planetmap"]'); - $map_area.each(function () { - coords.push($(this).attr('coords')); - }); - const relocateLinks = () => { - $map_area.each(function (index) { - let c = ''; - const new_width = $selector[0].getBoundingClientRect().width.toFixed(2); - coords[index].split(',').map((v) => { c += (c ? ',' : '') + ((v * new_width) / 900).toFixed(2); }); - - $(this).attr('coords', c); - }); - }; - $(document).ready(relocateLinks); - $(window).resize(relocateLinks); - }; - - return { - onLoad, - }; -})(); - -module.exports = Regulation; diff --git a/src/javascript/static/pages/responsible_trading.js b/src/javascript/static/pages/responsible_trading.js deleted file mode 100644 index 36c9121bcaa..00000000000 --- a/src/javascript/static/pages/responsible_trading.js +++ /dev/null @@ -1,25 +0,0 @@ -const getElementById = require('../../_common/common_functions').getElementById; -const State = require('../../_common/storage').State; -const Client = require('../../app/base/client'); -const BinarySocket = require('../../app/base/socket'); - -const ResponsibleTrading = (() => { - - const onLoad = () => { - BinarySocket.wait('authorize', 'website_status', 'landing_company').then(() => { - const landing_company_shortcode = Client.get('landing_company_shortcode') || State.getResponse('landing_company.gaming_company.shortcode'); - const client_country = Client.get('residence') || State.getResponse('website_status.clients_country'); - const is_uk_client = client_country === 'gb'; - - if (landing_company_shortcode === 'iom' || (is_uk_client && landing_company_shortcode === 'malta')) { - getElementById('iom_except_uk_without_mlt').setVisibility(1); - } - }); - }; - - return { - onLoad, - }; -})(); - -module.exports = ResponsibleTrading; diff --git a/src/javascript/static/pages/static_pages.js b/src/javascript/static/pages/static_pages.js deleted file mode 100644 index a7869247e71..00000000000 --- a/src/javascript/static/pages/static_pages.js +++ /dev/null @@ -1,52 +0,0 @@ -const tabListener = require('@binary-com/binary-style').tabListener; -const ImageSlider = require('../../_common/image_slider'); -const MenuSelector = require('../../_common/menu_selector'); -const Scroll = require('../../_common/scroll'); -const handleHash = require('../../_common/utility').handleHash; -const BinaryPjax = require('../../app/base/binary_pjax'); -const Client = require('../../app/base/client'); -const Header = require('../../app/base/header'); - -module.exports = { - OpenPositions: { - onLoad: () => { Scroll.scrollToHashSection(); }, - }, - Careers: { - onLoad: () => { tabListener(); handleHash(); $('.has-tabs').tabs(); }, - }, - Locations: { - onLoad : () => { ImageSlider.init(); }, - onUnload: () => { ImageSlider.onUnMount(); }, - }, - OpenSourceProjects: { - onLoad : () => { Scroll.sidebarScroll($('.open-source-projects')); }, - onUnload: () => { Scroll.offScroll(); }, - }, - PaymentAgent: { - onLoad : () => { Scroll.sidebarScroll($('.payment-agent')); }, - onUnload: () => { Scroll.offScroll(); }, - }, - handleTab: { - onLoad: () => { tabListener(); handleHash(); }, - }, - LandingPage: { - onLoad: () => { - if (Client.hasAccountType('real')) { - BinaryPjax.loadPreviousUrl(); - } else { - Header.upgradeMessageVisibility(); - } - }, - }, - AffiliatesFAQ: { - onLoad : () => { MenuSelector.init(['general', 'account-management-and-tracking', 'referral-tools', 'support']); }, - onUnload: () => { MenuSelector.clean(); }, - }, - IBProgrammeFAQ: { - onLoad : () => { MenuSelector.init(['general', 'account-management', 'referral-tools']); }, - onUnload: () => { MenuSelector.clean(); }, - }, - BinaryInNumbers: { - onLoad: () => { Scroll.scrollToHashSection(); }, - }, -}; diff --git a/src/javascript/static/pages/tnc.js b/src/javascript/static/pages/tnc.js deleted file mode 100644 index ba480aea912..00000000000 --- a/src/javascript/static/pages/tnc.js +++ /dev/null @@ -1,170 +0,0 @@ -const tabListener = require('@binary-com/binary-style').tabListener; -const getElementById = require('../../_common/common_functions').getElementById; -const localize = require('../../_common/localize').localize; -const TNCApproval = require('../../app/pages/user/tnc_approval'); -const State = require('../../_common/storage').State; -const Client = require('../../app/base/client'); -const BinarySocket = require('../../app/base/socket'); - -const TermsAndConditions = (() => { - let sidebar_width; - - const onLoad = () => { - const container = document.getElementsByClassName('sidebar-collapsible-container')[0]; - if (container) sidebar_width = container.offsetWidth; - - handleActiveTab(); // adds active class - TNCApproval.requiresTNCApproval( - $('#btn_accept'), - () => { $('.tnc_accept').setVisibility(1); }, - () => { $('#tnc_accept').html(localize('Your settings have been updated successfully.')); }); - tabListener(); - - initSidebar(); - - checkWidth(); - window.onresize = checkWidth; - - $('.currentYear').text(new Date().getFullYear()); - - BinarySocket.wait('authorize', 'website_status', 'landing_company').then(() => { - const landing_company_shortcode = Client.get('landing_company_shortcode') || State.getResponse('landing_company.gaming_company.shortcode'); - const client_country = Client.get('residence') || State.getResponse('website_status.clients_country'); - const is_uk_client = client_country === 'gb'; - - if (is_uk_client && landing_company_shortcode === 'maltainvest') { - getElementById('mf_uk').setVisibility(1); - } - }); - }; - - const handleActiveTab = () => { - const params = window.location.hash.split('&'); - const hash = params[0] || '#legal'; - const menu = '.tab-menu-wrap'; - const content = '.tab-content-wrapper'; - - const parent_active = 'active'; - const child_active = 'a-active'; - - $(menu) - .find('li') - .removeClass(parent_active) - .find('span') - .removeClass(child_active); - - let $tab_to_show = $(hash); - // if hash is a subtab or has subtabs - if ($tab_to_show.find('.tm-li-2').length > 0 || /tm-li-2/.test($(hash).attr('class'))) { - $tab_to_show = - $tab_to_show - .find('.tm-a-2') - .first() - .addClass(child_active) - .closest('.tm-li'); - } - $tab_to_show.addClass(parent_active); - - let content_to_show = `div${hash}-content`; - if ($(content_to_show).length === 0) { - content_to_show = `div#${$(hash).find('.tm-li-2').first().attr('id')}-content`; - } - $(content) - .find('> div') - .setVisibility(0) - .end() - .find(content_to_show) - .setVisibility(1); - }; - - const initSidebar = () => { - const { hash, pathname } = window.location; - - if (!hash) { - window.history.replaceState({}, '', `${pathname}#legal-binary`); - } else if ($(`${hash}-link`).is('.has-submenu')) { - window.history.replaceState({}, '', `${pathname}${hash}-binary`); - } - - $('.sidebar-collapsible').on('click', sidebarClickHandler); - updateSidebarDOM(); - }; - - const updateSidebarDOM = () => { - const id = window.location.hash; - const $li = $(`${id}-link`); - const $parent_li = $li.closest('.has-submenu'); - - if ($parent_li.length) { - $parent_li.addClass('active').children('a').addClass('selected no-transition'); - } - - $li.addClass('active').find('a').addClass('selected'); - - $(`${id}-content`).removeClass('invisible'); - }; - - const sidebarClickHandler = (e) => { - const $target = $(e.target); - if (!$target.is('a')) return; - const $submenu = $target.siblings('ul'); - - if ($submenu.length) { - // parent link is clicked - e.preventDefault(); - - if ($submenu.find('.selected').length) { - // has selected sublink - $target.removeClass('no-transition').parent('li').toggleClass('active'); - } else { - window.location.hash = $submenu.find('a')[0].hash; - } - } - }; - - const checkWidth = () => { - const mq = window.matchMedia('(max-width: 1023px)').matches; - if (mq) { - $('.sidebar-collapsible').css({ position: 'relative' }); - $(window).off('scroll', stickySidebar); - } else { - $(window).on('scroll', stickySidebar); - } - return mq; - }; - - const stickySidebar = () => { - const $sidebar = $('.sidebar-collapsible'); - if (!$sidebar.is(':visible')) return; - - const $content = $('.sidebar-collapsible-content'); - const $container = $('.sidebar-collapsible-container'); - const $content_height = $('.toggle-content:not(.invisible)')[0].offsetHeight; - - // if scroll has not passed end of the sidebar yet or if text content is too short - // scrollbar should remain relative otherwise it will break the page - if (window.scrollY < $content.offset().top || $content_height < $sidebar[0].offsetHeight) { - $sidebar.css({ position: 'relative' }); - } else if (window.scrollY + $sidebar[0].offsetHeight + 20 >= - $container[0].offsetHeight + $container.offset().top) { // 20 is the padding for content from bottom, to avoid menu snapping back up - $sidebar.css({ position: 'absolute', bottom: '20px', top: '', width: sidebar_width }); - } else { - let position_style = 'fixed'; - if (!!window.MSInputMethodContext && !!document.documentMode) { // fix styling for IE11 - position_style = 'static'; - } - $sidebar.css({ position: position_style, top: '0px', bottom: '', width: sidebar_width }); - } - }; - - const onUnload = () => { - $('.sidebar-collapsible').off('click'); - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = TermsAndConditions; diff --git a/src/javascript/static/pages/why_us.js b/src/javascript/static/pages/why_us.js deleted file mode 100644 index 65bc3b3fff5..00000000000 --- a/src/javascript/static/pages/why_us.js +++ /dev/null @@ -1,20 +0,0 @@ -const Scroll = require('../../_common/scroll'); -const Client = require('../../app/base/client'); - -const WhyUs = (() => { - const onLoad = () => { - Scroll.sidebarScroll($('.why-us')); - Client.activateByClientType(); - }; - - const onUnload = () => { - Scroll.offScroll(); - }; - - return { - onLoad, - onUnload, - }; -})(); - -module.exports = WhyUs; diff --git a/src/sass/_common/base/common_import.scss b/src/sass/_common/base/common_import.scss new file mode 100644 index 00000000000..3e8bfbcfd09 --- /dev/null +++ b/src/sass/_common/base/common_import.scss @@ -0,0 +1,7 @@ + +@import 'base/constants'; +@import 'base/constants-deriv.scss'; +@import 'base/theme.scss'; +@import 'base/mixin'; +@import 'base/functions'; +@import 'base/animations'; diff --git a/src/sass/_common/base/language_base.scss b/src/sass/_common/base/language_base.scss index dc07f305d7a..7752479ba7e 100644 --- a/src/sass/_common/base/language_base.scss +++ b/src/sass/_common/base/language_base.scss @@ -93,9 +93,6 @@ body.ES { } body.RU { - #frm_verify_email button { - font-size: $FONT_SIZE_XS; - } #trading_socket_container { #contract_form_name_nav { font-size: $FONT_SIZE_N; @@ -157,12 +154,6 @@ body.ZH_TW { } } -body.ZH_CN, body.ZH_TW { - .contact-content .border-bottom { - min-height: 215px; - } -} - body.PL { a, button, .button, span, input { text-transform: initial !important; @@ -190,10 +181,10 @@ $list: @each $language, $image in $list { body.#{$language} { .app-store-badge { - background-image: url('../images/pages/applications/appstore_#{$image}.svg'); + // background-image: url('../images/pages/applications/appstore_#{$image}.svg'); } .google-play-badge { - background-image: url('../images/pages/applications/googleplay_#{$image}.svg'); + // background-image: url('../images/pages/applications/googleplay_#{$image}.svg'); } } } diff --git a/src/sass/_common/base/media-queries.scss b/src/sass/_common/base/media-queries.scss index 0dcd2902b9d..79c2b48440e 100644 --- a/src/sass/_common/base/media-queries.scss +++ b/src/sass/_common/base/media-queries.scss @@ -24,11 +24,6 @@ -webkit-overflow-scrolling: touch; overflow-x: auto; } - .welcome-content { - .box-grid:first-child div { - margin-bottom: 0.5rem; - } - } .no-padding-m { padding: 0 !important; } diff --git a/src/sass/_common/base/mixin.scss b/src/sass/_common/base/mixin.scss index f166e96162b..e1c862c4fb4 100644 --- a/src/sass/_common/base/mixin.scss +++ b/src/sass/_common/base/mixin.scss @@ -74,29 +74,6 @@ } } -@mixin portfolio_second_row_description { - .details { - display: table-column; - width: 0 !important; - } - tr { - td { - padding: 10px 5px 5px; - } - &.tr-first td { - border-bottom: none; - padding-bottom: 0; - } - &.tr-desc { - display: table-row; - - td { - padding-top: 0; - } - } - } -} - @mixin deriv-btn($size: 'default', $type: '') { @if $size == 'default' { box-sizing: border-box; diff --git a/src/sass/_common/common.scss b/src/sass/_common/common.scss index 27a4ac0bafc..49be8df9da3 100755 --- a/src/sass/_common/common.scss +++ b/src/sass/_common/common.scss @@ -235,7 +235,7 @@ button.button-disabled { } span.checked { - background: url('../images/pages/authenticate/checked.svg') no-repeat; + // background: url('../../images/pages/authenticate/checked.svg') no-repeat; width: 16px; height: 12px; display: inline-block; @@ -494,15 +494,6 @@ _:-ms-fullscreen, :root #content-holder { vertical-align: middle; } -#email_consent + label { - display: flex; - justify-content: center; - - &:before { - margin-top: 4px; - } -} - input[type=checkbox] { margin: 5px 5px 5px 0; padding: 7px; @@ -511,9 +502,6 @@ input[type=checkbox] { & ~ label { pointer-events: auto; // enable pointer events on label for checkbox } - &#email_consent, &#chk_accept { - margin-left: 5px; - } } .no-scroll, .no-scroll body { @@ -680,15 +668,6 @@ button .barspinner.white { } } -#virtual-form { - .select2-container { - max-width: 220px; - } - .hide-product-checkbox { - visibility: hidden !important; - } -} - .password { &--field-wrapper { position: relative; @@ -934,13 +913,13 @@ li strong.margin-right { box-sizing: border-box; &#button_google { - background-image: url('../images/social/google.svg'); + // background-image: url('../../images/social/google.svg'); } &#button_facebook { - background-image: url('../images/social/facebook.svg'); + // background-image: url('../../images/social/facebook.svg'); } &#button_apple { - background-image: url('../images/social/apple.svg'); + // background-image: url('../../images/social/apple.svg'); } & + .button-social { margin-left: 10px; @@ -1103,144 +1082,6 @@ label + input { } } -/* TODO: remove when UX research is finished */ -#interview_popup_container { - height: 100vh; - width: 100vw; - position: fixed; - top: 0; - left: 0; - z-index: 99999; - background: rgba(0, 0, 0, 0.5); - - .popup { - width: calc(100vw - 20px); - max-width: 495px; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background: $COLOR_WHITE; - box-shadow: 0 2px 31px 0 rgba(0, 0, 0, 0.82); - overflow: hidden; - - &__head { - box-sizing: border-box; - padding: 57px 115px; - background-image: url('../images/interview_popup/bg-shape.svg'); - background-size: 100%; - background-position: bottom; - background-repeat: no-repeat; - - .header-1 { - color: $COLOR_WHITE; - margin: 0; - } - } - &__present_img { - margin: 0 auto 20px; - height: 130px; - display: block; - transform: translateX(-10px); - } - &__body { - padding: 27px 35px 30px; - - p { - text-align: justify; - padding: 0 10px; - margin-top: 13px; - margin-bottom: 5px; - } - } - &__options { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - padding: 10px; - - * { - margin: 0; - } - #interview_no_thanks { - color: $COLOR_NAV; - cursor: pointer; - } - #interview_ask_later { - cursor: pointer; - } - } - &__secondary_options { - display: flex; - flex-direction: row; - line-height: 20px; - } - &__separator { - display: inline-block; - vertical-align: text-bottom; - width: 2px; - height: 20px; - margin: 0 15px; - background: $COLOR_NAV; - } - } - .header-1 { - font-size: 36px; - font-weight: 300; - } - .header-2 { - color: $COLOR_ORANGE; - font-size: 28px; - font-weight: 300; - } - .header-1, .header-2 { - text-align: center; - line-height: 1.15; - font-weight: normal; - } - @media screen and (max-width: 768px) { - .header-1 { - font-size: 24px; - } - .header-2 { - font-size: 18px; - } - .popup { - max-width: 340px; - - &__present_img { - height: 100px; - } - &__head { - padding: 30px 80px; - } - &__body { - padding: 20px 15px 7px; - } - &__options { - flex-direction: column-reverse; - font-size: 16px; - } - &__secondary_options { - font-size: 12px; - } - #interview_interested { - font-size: 14px; - margin: 5px 0 30px; - } - } - p { - font-size: 14px; - } - } - @media screen and (max-width: 360px) { - .popup__head { - background-size: 120%; - } - } -} - .font-style-normal { font-style: normal; } diff --git a/src/sass/_common/common_import.scss b/src/sass/_common/common_import.scss index 3e8bfbcfd09..30e2709b587 100644 --- a/src/sass/_common/common_import.scss +++ b/src/sass/_common/common_import.scss @@ -1,7 +1,7 @@ -@import 'base/constants'; -@import 'base/constants-deriv.scss'; -@import 'base/theme.scss'; -@import 'base/mixin'; -@import 'base/functions'; -@import 'base/animations'; +@import './base/constants'; +@import './base/constants-deriv.scss'; +@import './base/theme.scss'; +@import './base/mixin'; +@import './base/functions'; +@import './base/animations'; diff --git a/src/sass/_common/components.scss b/src/sass/_common/components.scss index 4170d31e6d2..153f194eac5 100644 --- a/src/sass/_common/components.scss +++ b/src/sass/_common/components.scss @@ -6,12 +6,12 @@ } #appstore { - background: url('../images/pages/applications/appstore.svg') 0 0/100px 30px no-repeat; + // background: url('../images/pages/applications/appstore.svg') 0 0/100px 30px no-repeat; @include BIDIR_PROP(margin-left, margin-right, 10px); } #androidApp { - background: url('../images/pages/trade/google-play-badge.png') 0 0/100px 30px no-repeat; + // background: url('../images/pages/trade/google-play-badge.png') 0 0/100px 30px no-repeat; } /* trading page */ @@ -106,130 +106,6 @@ } } -.image-slider { - position: relative; - - #go_back, #go_next { - cursor: pointer; - margin-top: -3.5rem; - } - @media (max-width: 480px) { - #go_back, #go_next { - top: 110px; - position: absolute; - - img { - min-width: 48px; - } - } - #go_back { - left: -25px; - } - #go_next { - right: 15px; - } - } -} - -.mt5_banner { - width: 100%; - position: relative; - max-width: 940px; - height: 100px; - display: flex; - justify-content: flex-start; - text-decoration: none !important; - margin-bottom: 3rem; - - &__background { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: -1; - - &--desktop { - opacity: 1; - } - &--mobile { - opacity: 0; - } - } - &__platform { - width: 175px; - height: 130px; - margin: -22px 84px 0 41px; - - @media (max-width: 900px) { - margin: -22px 0 0; - } - } - &__platform_mobile { - display: none; - } - &__content { - font-size: $FONT_SIZE_XXL; - color: $COLOR_WHITE; - font-weight: bold; - margin: 0; - display: flex; - margin-left: 56px; - padding-top: 24px; - line-height: 1.5; - } - &__learn_more { - color: $COLOR_WHITE; - line-height: 1.43; - font-weight: bold; - font-size: $FONT_SIZE_S; - width: 107px; - height: 40px; - border-radius: 4px; - background-color: rgb(255, 68, 79); - display: flex; - justify-content: center; - align-items: center; - margin: auto 0; - } - - @media (max-width: 768px) { - height: 70px; - justify-content: center; - margin-bottom: 2rem; - - &__content { - font-size: $FONT_SIZE_XS; - padding: 0; - margin: auto 0; - line-height: 1.2; - max-width: 101px; - } - &__platform { - display: none; - } - &__platform_mobile { - width: 100px; - height: 70px; - display: flex; - margin: 0 7.2px 0 9.2px; - } - &__background { - &--desktop { - opacity: 0; - } - &--mobile { - opacity: 1; - } - } - &__learn_more { - height: 24px; - width: 80px; - font-size: $FONT_SIZE_XS; - } - } -} - #reality_check_content { .table-container { border-radius: 8px; diff --git a/src/sass/_common/external/gridle/_default-states.scss b/src/sass/_common/external/gridle/_default-states.scss index 9c2cc1d8f16..0f3b0d49e9e 100755 --- a/src/sass/_common/external/gridle/_default-states.scss +++ b/src/sass/_common/external/gridle/_default-states.scss @@ -5,33 +5,33 @@ // |------------------------------------------------------ @if $gridle-default-states { - // retina - @include gridle_register_state("retina", ( - query : "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)", - classes : false - ) ); + // retina + @include gridle_register_state('retina', ( + query : '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)', + classes : false + ) ); - // tv - @include gridle_register_state("tv", ( - query : "only tv", - classes : false - ) ); + // tv + @include gridle_register_state('tv', ( + query : 'only tv', + classes : false + ) ); - // print - @include gridle_register_state("print", ( - query : "only print", - classes : false - ) ); + // print + @include gridle_register_state('print', ( + query : 'only print', + classes : false + ) ); - // portrait - @include gridle_register_state("portrait", ( - query : "only screen and (orientation: portrait)", - classes : false - ) ); + // portrait + @include gridle_register_state('portrait', ( + query : 'only screen and (orientation: portrait)', + classes : false + ) ); - // landscape - @include gridle_register_state("landscape", ( - query : "only screen and (orientation: landscape)", - classes : false - ) ); + // landscape + @include gridle_register_state('landscape', ( + query : 'only screen and (orientation: landscape)', + classes : false + ) ); } \ No newline at end of file diff --git a/src/sass/_common/external/gridle/_driver-default.scss b/src/sass/_common/external/gridle/_driver-default.scss index 75616e3ee90..349dce1a9fc 100755 --- a/src/sass/_common/external/gridle/_driver-default.scss +++ b/src/sass/_common/external/gridle/_driver-default.scss @@ -2,50 +2,49 @@ // Row // @mixin _gridle_common_row( - $state : default + $state : default ) { - // For modern browser - &:before, - &:after { - content:""; - display:table; - } - &:after { - clear:both; - } - // For IE 6/7 (trigger hasLayout - & { - zoom:1; - } + // For modern browser + &:before, &:after { + content: ''; + display: table; + } + &:after { + clear: both; + } + // For IE 6/7 (trigger hasLayout + & { + zoom: 1; + } } @mixin gridle_row( - $reverse : false + $reverse : false ) { - @include _gridle_call(row) { - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: -#{gridle_get_state_var(gutter-left)}; - margin-right: -#{gridle_get_state_var(gutter-right)}; - // font-size:0; // to avoid problems with inline-block margins - - #{_gridle_get_generic_selector(no-gutter)} > & { - margin-left: 0 !important; - margin-right: 0 !important; - } - - // do this only when not in generate phase - // mean that we use the mixin directly - @if _gridle_is_in_generate_phase() == false { - @each $stateName, $state in gridle_get_states() { - @include gridle_state($state) { - & #{str-replace(unquote("#{&}"),".state-#{gridle_get_state_var(name, $state)}","")} { - margin-left: -#{gridle_get_state_var(gutter-left, $state)}; - margin-right: -#{gridle_get_state_var(gutter-right, $state)}; - } - } - } - } - } + @include _gridle_call(row) { + padding-left: 0 !important; + padding-right: 0 !important; + margin-left: -#{gridle_get_state_var(gutter-left)}; + margin-right: -#{gridle_get_state_var(gutter-right)}; + // font-size:0; // to avoid problems with inline-block margins + + #{_gridle_get_generic_selector(no-gutter)} > & { + margin-left: 0 !important; + margin-right: 0 !important; + } + + // do this only when not in generate phase + // mean that we use the mixin directly + @if _gridle_is_in_generate_phase() == false { + @each $stateName, $state in gridle_get_states() { + @include gridle_state($state) { + & #{str-replace(unquote("#{&}"),".state-#{gridle_get_state_var(name, $state)}","")} { + margin-left: -#{gridle_get_state_var(gutter-left, $state)}; + margin-right: -#{gridle_get_state_var(gutter-right, $state)}; + } + } + } + } + } } @@ -53,32 +52,32 @@ // Col // @mixin _gridle_common_col( - $state : default + $state : default ) { } @mixin gridle_col( - $reverse : false + $reverse : false ) { - @include _gridle_call(col) { - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: -#{gridle_get_state_var(gutter-left)}; - margin-right: -#{gridle_get_state_var(gutter-right)}; - // font-size:0; // to avoid problems with inline-block margins - - // do this only when not in generate phase - // mean that we use the mixin directly - @if _gridle_is_in_generate_phase() == false { - @each $stateName, $state in gridle_get_states() { - @include gridle_state($state) { - & #{str-replace(#{&},".state-#{gridle_get_state_var(name, $state)}","")} { - margin-left: -#{gridle_get_state_var(gutter-left, $state)}; - margin-right: -#{gridle_get_state_var(gutter-right, $state)}; - } - } - } - } - } + @include _gridle_call(col) { + padding-left: 0 !important; + padding-right: 0 !important; + margin-left: -#{gridle_get_state_var(gutter-left)}; + margin-right: -#{gridle_get_state_var(gutter-right)}; + // font-size:0; // to avoid problems with inline-block margins + + // do this only when not in generate phase + // mean that we use the mixin directly + @if _gridle_is_in_generate_phase() == false { + @each $stateName, $state in gridle_get_states() { + @include gridle_state($state) { + & #{str-replace(#{&},".state-#{gridle_get_state_var(name, $state)}","")} { + margin-left: -#{gridle_get_state_var(gutter-left, $state)}; + margin-right: -#{gridle_get_state_var(gutter-right, $state)}; + } + } + } + } + } } @@ -86,17 +85,17 @@ // Nowrap // @mixin _gridle_common_nowrap( - $state : default + $state : default ) { - white-space: nowrap; + white-space: nowrap; - > * { - white-space: normal; - } + > * { + white-space: normal; + } } @mixin gridle_nowrap() { - @include _gridle_call(nowrap) { - } + @include _gridle_call(nowrap) { + } } @@ -104,13 +103,13 @@ // Wrap // @mixin _gridle_common_wrap( - $state : default + $state : default ) { - white-space:normal; + white-space: normal; } @mixin gridle_wrap() { - @include _gridle_call(wrap) { - } + @include _gridle_call(wrap) { + } } @@ -118,89 +117,95 @@ // Grid // @mixin _gridle_common_grid( - $state : default + $state : default ) { - // vars - $direction : gridle_get_state_var(direction, $state); - - // css - display:inline-block; - min-height:1px; - @if $direction == rtl { - float:right; - } @else { - float:left; - } - @if $gridle-vendor-prefix { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - } - // font-size:1rem; // reset the font size - box-sizing: border-box; - vertical-align: top; - @include gridle_gutter(); - - // handle direction attribute - @if gridle_get_state_var(dir-attribute, $state) { - [dir="rtl"] & { - float: right; - } - [dir="ltr"] & { - float: left; - } - } - + // vars + $direction : gridle_get_state_var(direction, $state); + + // css + display: inline-block; + min-height: 1px; + @if $direction == rtl { + float: right; + } + @else { + float: left; + } + @if $gridle-vendor-prefix { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + } + // font-size:1rem; // reset the font size + box-sizing: border-box; + vertical-align: top; + @include gridle_gutter(); + + // handle direction attribute + @if gridle_get_state_var(dir-attribute, $state) { + [dir='rtl'] & { + float: right; + } + [dir='ltr'] & { + float: left; + } + } + } @mixin gridle_grid( - $columns, - $context : null + $columns, + $context : null ) { - @if $columns == grow { - @include gridle_grid_grow(); - } @else if $columns == adapt { - @include gridle_grid_adapt(); - } @else { - - @include _gridle_call(grid) { - - // vars - $name : gridle_get_state_var(name); - @if type-of($context) != number { - $context : gridle_get_state_var(context); - } - $name-multiplicator : gridle_get_state_var(name-multiplicator); - $gutter-left : gridle_get_state_var(gutter-left); - $gutter-right : gridle_get_state_var(gutter-right); - $column-width : gridle_get_state_var(column-width); - - // manage columns - @if type-of($columns) != number and gridle_has_column($columns) { - // the columns is a saved one, get the context and column value - $column : map-get($_gridle_columns, $columns); - $context : map-get($column, context); - $columns : map-get($column, columns); - } @else if type-of($columns) == number { - // check if we have a ratio - @if $columns < 1 { - $columns : $context / 100 * ($columns * 100); - } - $columns : $columns / $name-multiplicator; - } @else { - @error "the column #{$columns} does not exist..."; - } - - // width : - $width : 0; - @if $column-width { - $width : $column-width * $columns; - } @else { - $width : percentage(1 / $context * $columns); - } - - // set value : - width:$width; - } - } + @if $columns == grow { + @include gridle_grid_grow(); + } + @else if $columns == adapt { + @include gridle_grid_adapt(); + } + @else { + + @include _gridle_call(grid) { + + // vars + $name : gridle_get_state_var(name); + @if type-of($context) != number { + $context : gridle_get_state_var(context); + } + $name-multiplicator : gridle_get_state_var(name-multiplicator); + $gutter-left : gridle_get_state_var(gutter-left); + $gutter-right : gridle_get_state_var(gutter-right); + $column-width : gridle_get_state_var(column-width); + + // manage columns + @if type-of($columns) != number and gridle_has_column($columns) { + // the columns is a saved one, get the context and column value + $column : map-get($_gridle_columns, $columns); + $context : map-get($column, context); + $columns : map-get($column, columns); + } + @else if type-of($columns) == number { + // check if we have a ratio + @if $columns < 1 { + $columns : calc($context / 100) + } + $columns :calc($columns / $name-multiplicator); + } + @else { + @error 'the column #{$columns} does not exist...'; + } + + // width : + $width : 0; + @if $column-width { + $width : $column-width * $columns; + } + @else { + $width : calc(1 / $context) + } + + // set value : + width: $width; + } + } } @@ -208,16 +213,16 @@ // Grid table // @mixin _gridle_common_grid_table( - $state : default + $state : default ) { } @mixin gridle_grid_table( ) { - @include _gridle_call(grid-table) { - display: table-cell; - float: none; - vertical-align: top; - } + @include _gridle_call(grid-table) { + display: table-cell; + float: none; + vertical-align: top; + } } @@ -225,60 +230,61 @@ // Row full // @mixin _gridle_common_row_full( - $state : default + $state : default ) { } @mixin gridle_row_full( ) { - @include _gridle_call(row-full) { - $direction : gridle_get_state_var(direction); - width: 100vw; - @if $direction == ltr { - margin-left:50% !important; - margin-right:0 !important; - @if $gridle-vendor-prefix { - -webkit-transform: translateX(-50%); - -moz-transition: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - } - transform: translateX(-50%); - } @else { - margin-right:50% !important; - margin-left:0 !important; - @if $gridle-vendor-prefix { - -webkit-transform: translateX(50%); - -moz-transition: translateX(50%); - -ms-transform: translateX(50%); - -o-transform: translateX(50%); - } - transform: translateX(50%); - } - @if gridle_get_state_var(dir-attribute) { - [dir="ltr"] & { - margin-left:50% !important; - margin-right:0 !important; - @if $gridle-vendor-prefix { - -webkit-transform: translateX(-50%); - -moz-transition: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - } - transform: translateX(-50%); - } - [dir="rtl"] & { - margin-right:50% !important; - margin-left:0 !important; - @if $gridle-vendor-prefix { - -webkit-transform: translateX(50%); - -moz-transition: translateX(50%); - -ms-transform: translateX(50%); - -o-transform: translateX(50%); - } - transform: translateX(50%); - } - } - } + @include _gridle_call(row-full) { + $direction : gridle_get_state_var(direction); + width: 100vw; + @if $direction == ltr { + margin-left: 50% !important; + margin-right: 0 !important; + @if $gridle-vendor-prefix { + -webkit-transform: translateX(-50%); + -moz-transition: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + } + transform: translateX(-50%); + } + @else { + margin-right: 50% !important; + margin-left: 0 !important; + @if $gridle-vendor-prefix { + -webkit-transform: translateX(50%); + -moz-transition: translateX(50%); + -ms-transform: translateX(50%); + -o-transform: translateX(50%); + } + transform: translateX(50%); + } + @if gridle_get_state_var(dir-attribute) { + [dir='ltr'] & { + margin-left: 50% !important; + margin-right: 0 !important; + @if $gridle-vendor-prefix { + -webkit-transform: translateX(-50%); + -moz-transition: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + } + transform: translateX(-50%); + } + [dir='rtl'] & { + margin-right: 50% !important; + margin-left: 0 !important; + @if $gridle-vendor-prefix { + -webkit-transform: translateX(50%); + -moz-transition: translateX(50%); + -ms-transform: translateX(50%); + -o-transform: translateX(50%); + } + transform: translateX(50%); + } + } + } } @@ -286,23 +292,23 @@ // grid adapt // @mixin _gridle_common_grid_adapt( - $state : default + $state : default ) { - display: table-cell; - width:1px; - white-space:nowrap !important; - @if $gridle-vendor-prefix { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - } - box-sizing: border-box; - font-size: 1rem; - @include gridle_gutter(); + display: table-cell; + width: 1px; + white-space: nowrap !important; + @if $gridle-vendor-prefix { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + } + box-sizing: border-box; + font-size: 1rem; + @include gridle_gutter(); } @mixin gridle_grid_adapt( ) { - @include _gridle_call(grid-adapt) { - } + @include _gridle_call(grid-adapt) { + } } @@ -310,24 +316,24 @@ // Grow // @mixin _gridle_common_grid_grow( - $state : default + $state : default ) { - display: table-cell; - width:99999px; - white-space: nowrap; - @if $gridle-vendor-prefix { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - } - box-sizing: border-box; - font-size: 1rem; - @include gridle_gutter(); - + display: table-cell; + width: 99999px; + white-space: nowrap; + @if $gridle-vendor-prefix { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + } + box-sizing: border-box; + font-size: 1rem; + @include gridle_gutter(); + } @mixin gridle_grid_grow( ) { - @include _gridle_call(grid-grow) { - } + @include _gridle_call(grid-grow) { + } } @@ -335,14 +341,14 @@ // Order // @mixin _gridle_common_order( - $state : default + $state : default ) { } @mixin gridle_order( - $position + $position ) { - @include _gridle_call(order) { - } + @include _gridle_call(order) { + } } @@ -350,24 +356,24 @@ // Clear each // @mixin _gridle_common_clear_each( - $state : default + $state : default ) { } @mixin gridle_clear_each( - $clearEach, - $clearWhat : both + $clearEach, + $clearWhat : both ) { - @include _gridle_call(clear-each) { - $grid : map-get($_gridle-packages, grid); - $sel : map-get($grid, generic-selector); - @if not $sel { - $sel : _gridle_get_generic_selector(grid); - } - - > #{$sel}:nth-of-type(#{$clearEach}n+1) { - clear : $clearWhat; - } - } + @include _gridle_call(clear-each) { + $grid : map-get($_gridle-packages, grid); + $sel : map-get($grid, generic-selector); + @if not $sel { + $sel : _gridle_get_generic_selector(grid); + } + + > #{$sel}:nth-of-type(#{$clearEach}n+1) { + clear: $clearWhat; + } + } } @@ -375,58 +381,65 @@ // Align : // @mixin _gridle_common_row_align( - $state : default + $state : default ) { } @mixin gridle_row_align( - $align : middle + $align : middle ) { - @include _gridle_call(row-align) { - // need to change the way grids items are layed out - @if in-map($align, top) of in-map($align, middle) or in-map($align, bottom) { - font-size:0; - clear:both; - - > * { - float:none !important; - @if in-map($align, top) { - vertical-align:top; - } @elseif in-map($align, middle) { - vertical-align:middle; - } @else { - vertical-align:bottom; - } - font-size:1rem; - @-moz-document url-prefix() { - & { - margin-right: -0.5px; // fix firefox weird issue - } - } - } - } - - @each $a in $align { - @if $a == left { - text-align: left; - } @else if $a == center { - text-align: center; - } @else if $a == right { - text-align: right; - } @else if $a == top { - vertical-align: top; - } @else if $a == middle { - vertical-align: middle; - } @else if $a == bottom { - vertical-align: bottom; - } - } - - @if in-map($align, center) or in-map($align, right) { - // restore text align of the grid items - > * { - text-align: left; - } - } - } + @include _gridle_call(row-align) { + // need to change the way grids items are layed out + @if in-map($align, top) of in-map($align, middle) or in-map($align, bottom) { + font-size: 0; + clear: both; + + > * { + float: none !important; + @if in-map($align, top) { + vertical-align: top; + } + @else if in-map($align, middle) { + vertical-align: middle; + } + @else { + vertical-align: bottom; + } + font-size: 1rem; + @-moz-document url-prefix() { + & { + margin-right: -0.5px; // fix firefox weird issue + } + } + } + } + + @each $a in $align { + @if $a == left { + text-align: left; + } + @else if $a == center { + text-align: center; + } + @else if $a == right { + text-align: right; + } + @else if $a == top { + vertical-align: top; + } + @else if $a == middle { + vertical-align: middle; + } + @else if $a == bottom { + vertical-align: bottom; + } + } + + @if in-map($align, center) or in-map($align, right) { + // restore text align of the grid items + > * { + text-align: left; + } + } + } } \ No newline at end of file diff --git a/src/sass/_common/external/gridle/_mixins.scss b/src/sass/_common/external/gridle/_mixins.scss index 846f6e5d2ce..914c889ce50 100755 --- a/src/sass/_common/external/gridle/_mixins.scss +++ b/src/sass/_common/external/gridle/_mixins.scss @@ -10,24 +10,25 @@ // called by _gridle_call mixin multiple times // @mixin gridle_init() { - @if $_gridle_inited == false { - $_gridle_inited : true !global; - @each $stateName, $state in $_gridle_states { - $classes : gridle_get_state_var(classes, $state); - @if $classes { - @at-root (without:all) { - $q : gridle_get_media_query($state); - @if $q { - @media #{$q} { - @include _gridle_init_common_silent_classes($state); - } - } @else { - @include _gridle_init_common_silent_classes($state); - } - } - } - } - } + @if $_gridle_inited == false { + $_gridle_inited : true !global; + @each $stateName, $state in $_gridle_states { + $classes : gridle_get_state_var(classes, $state); + @if $classes { + @at-root (without:all) { + $q : gridle_get_media_query($state); + @if $q { + @media #{$q} { + @include _gridle_init_common_silent_classes($state); + } + } + @else { + @include _gridle_init_common_silent_classes($state); + } + } + } + } + } } @@ -35,220 +36,220 @@ // Init silent classes // @mixin _gridle_common_silent_class_name( - $for, - $stateName : default + $for, + $stateName : default ) { - @if mixin-exists('_gridle_common_#{$for}') { - %#{$stateName}-#{$for} { - // inject content - @content; - } - @at-root (without: media) { - %at-root-#{$stateName}-#{$for} { - // inject content - @content; - } - } - } + @if mixin-exists('_gridle_common_#{$for}') { + %#{$stateName}-#{$for} { + // inject content + @content; + } + @at-root (without: media) { + %at-root-#{$stateName}-#{$for} { + // inject content + @content; + } + } + } } @mixin _gridle_init_common_silent_classes( - $state : default + $state : default ) { - // get state name - $stateName : gridle_get_state_var(name, $state); - - // define packages to init - // the order can matter here - $packages : ( - container, - grid-order, - row, - row-full, - col, - grid, - grid-table, - grid-adapt, - grid-grow, - push, - pull, - prefix, - suffix, - nowrap, - wrap, - clear-each, - grid-centered, - row-align, - hide, - not-visible, - show, - show-inline, - visible, - float, - clear, - no-gutter, - gutter, - row-debug - ); - - // loop on each packages to init their common silient classes - @each $package in $packages { - // include common - @include _gridle_common_silent_class_name($package, $stateName) { - @include _gridle_include_common($package, $stateName); - } - } + // get state name + $stateName : gridle_get_state_var(name, $state); + + // define packages to init + // the order can matter here + $packages : ( + container, + grid-order, + row, + row-full, + col, + grid, + grid-table, + grid-adapt, + grid-grow, + push, + pull, + prefix, + suffix, + nowrap, + wrap, + clear-each, + grid-centered, + row-align, + hide, + not-visible, + show, + show-inline, + visible, + float, + clear, + no-gutter, + gutter, + row-debug + ); + + // loop on each packages to init their common silient classes + @each $package in $packages { + // include common + @include _gridle_common_silent_class_name($package, $stateName) { + @include _gridle_include_common($package, $stateName); + } + } } @mixin _gridle_include_common( - $package, - $state : current + $package, + $state : current ) { - // get state name - $state : gridle_get_state($state); - - // container - @if $package == container { - @include _gridle_common_container($state); - } - - // order - @if $package == grid-order { - @include _gridle_common_grid_order($state); - } - - // row - @if $package == row { - @include _gridle_common_row($state); - } - - // row-full - @if $package == row-full { - @include _gridle_common_row_full($state); - } - - // col - @if $package == col { - @include _gridle_common_col($state); - } - - // grid - @if $package == grid { - @include _gridle_common_grid($state); - } - - // grid-table - @if $package == grid-table { - @include _gridle_common_grid_table($state); - } - - // grid-adapt - @if $package == grid-adapt { - @include _gridle_common_grid_adapt($state); - } - - // grid-grow - @if $package == grid-grow { - @include _gridle_common_grid_grow($state); - } - - // push - @if $package == push{ - @include _gridle_common_push($state); - } - - // pull - @if $package == pull{ - @include _gridle_common_pull($state); - } - - // prefix - @if $package == prefix{ - @include _gridle_common_prefix($state); - } - - // suffix - @if $package == suffix { - @include _gridle_common_suffix($state); - } - - // nowrap - @if $package == nowrap { - @include _gridle_common_nowrap($state); - } - - // wrap - @if $package == wrap { - @include _gridle_common_wrap($state); - } - - // clear-each - @if $package == clear-each { - @include _gridle_common_clear_each($state); - } - - // centered - @if $package == grid-centered { - @include _gridle_common_grid_centered($state); - } - - // row-align - @if $package == row-align { - @include _gridle_common_row_align($state); - } - - // hide - @if $package == hide { - @include _gridle_common_hide($state); - } - - // not-visible - @if $package == not-visible { - @include _gridle_common_not_visible($state); - } - - // show - @if $package == show{ - @include _gridle_common_show($state); - } - - // show-inline - @if $package == show-inline { - @include _gridle_common_show_inline($state); - } - - // visible - @if $package == visible { - @include _gridle_common_visible($state); - } - - // float - @if $package == float { - @include _gridle_common_float($state); - } - - // clear - @if $package == clear { - @include _gridle_common_clear($state); - } - - // no-gutter - @if $package == no-gutter { - @include _gridle_common_no_gutter($state); - } - - // gutter - @if $package == gutter { - @include _gridle_common_gutter($state); - } - - // row debug - @if $package == row-debug { - @include _gridle_common_row_debug($state); - } - - // extend common class by the registered css - @include _gridle_extend_common_class($package, $state); + // get state name + $state : gridle_get_state($state); + + // container + @if $package == container { + @include _gridle_common_container($state); + } + + // order + @if $package == grid-order { + @include _gridle_common_grid_order($state); + } + + // row + @if $package == row { + @include _gridle_common_row($state); + } + + // row-full + @if $package == row-full { + @include _gridle_common_row_full($state); + } + + // col + @if $package == col { + @include _gridle_common_col($state); + } + + // grid + @if $package == grid { + @include _gridle_common_grid($state); + } + + // grid-table + @if $package == grid-table { + @include _gridle_common_grid_table($state); + } + + // grid-adapt + @if $package == grid-adapt { + @include _gridle_common_grid_adapt($state); + } + + // grid-grow + @if $package == grid-grow { + @include _gridle_common_grid_grow($state); + } + + // push + @if $package == push { + @include _gridle_common_push($state); + } + + // pull + @if $package == pull { + @include _gridle_common_pull($state); + } + + // prefix + @if $package == prefix { + @include _gridle_common_prefix($state); + } + + // suffix + @if $package == suffix { + @include _gridle_common_suffix($state); + } + + // nowrap + @if $package == nowrap { + @include _gridle_common_nowrap($state); + } + + // wrap + @if $package == wrap { + @include _gridle_common_wrap($state); + } + + // clear-each + @if $package == clear-each { + @include _gridle_common_clear_each($state); + } + + // centered + @if $package == grid-centered { + @include _gridle_common_grid_centered($state); + } + + // row-align + @if $package == row-align { + @include _gridle_common_row_align($state); + } + + // hide + @if $package == hide { + @include _gridle_common_hide($state); + } + + // not-visible + @if $package == not-visible { + @include _gridle_common_not_visible($state); + } + + // show + @if $package == show { + @include _gridle_common_show($state); + } + + // show-inline + @if $package == show-inline { + @include _gridle_common_show_inline($state); + } + + // visible + @if $package == visible { + @include _gridle_common_visible($state); + } + + // float + @if $package == float { + @include _gridle_common_float($state); + } + + // clear + @if $package == clear { + @include _gridle_common_clear($state); + } + + // no-gutter + @if $package == no-gutter { + @include _gridle_common_no_gutter($state); + } + + // gutter + @if $package == gutter { + @include _gridle_common_gutter($state); + } + + // row debug + @if $package == row-debug { + @include _gridle_common_row_debug($state); + } + + // extend common class by the registered css + @include _gridle_extend_common_class($package, $state); } @@ -256,21 +257,21 @@ // Wrap gridle mixin content to init if needed and then if needed // @mixin _gridle_call( - $for : null + $for : null ) { - // init if needed - @include gridle_init(); - - // put content - @content; - - // extend and apply css for different states - @if $for { - @include _gridle_extend($for); - @if not _gridle_is_in_generate_phase() { - @include _gridle_apply_css_for($for); - } - } + // init if needed + @include gridle_init(); + + // put content + @content; + + // extend and apply css for different states + @if $for { + @include _gridle_extend($for); + @if not _gridle_is_in_generate_phase() { + @include _gridle_apply_css_for($for); + } + } } @@ -280,30 +281,32 @@ // @calledBy _gridle_call // @mixin _gridle_extend( - $package + $package ) { - // check if we need the state classes - $states-classes : gridle_get_state_var(states-classes); - $stateName : gridle_get_state_var(name); - - // if is an existing gridle state - @if gridle_has_state($stateName) { - // extend the "at-root" version for the .state-{stateName} classes - @if $states-classes and str-index(unquote("#{&}"), unquote('.state-#{$_gridle_current_stateName}')) { - // @at-root (without: media) { // seems not needed here, cause issues with libsass - // @debug("%at-root-#{$_gridle_current_stateName}-#{$package}"); - @extend %at-root-#{$_gridle_current_stateName}-#{$package} !optional; - // } - } @else { - // extend using the current state name set in each gridle_state call - // @debug("%#{$_gridle_current_stateName}-#{$package}"); - @extend %#{$_gridle_current_stateName}-#{$package} !optional; - } - } @else { - // it's not an existing state so we cannot extend. - // we need to include instead - @include _gridle_include_common($package, $stateName); - } + // check if we need the state classes + $states-classes : gridle_get_state_var(states-classes); + $stateName : gridle_get_state_var(name); + + // if is an existing gridle state + @if gridle_has_state($stateName) { + // extend the "at-root" version for the .state-{stateName} classes + @if $states-classes and str-index(unquote('#{&}'), unquote('.state-#{$_gridle_current_stateName}')) { + // @at-root (without: media) { // seems not needed here, cause issues with libsass + // @debug("%at-root-#{$_gridle_current_stateName}-#{$package}"); + @extend %at-root-#{$_gridle_current_stateName}-#{$package} !optional; + // } + } + @else { + // extend using the current state name set in each gridle_state callxx + // @debug("%#{$_gridle_current_stateName}-#{$package}"); + // @extend %#{$_gridle_current_stateName}-#{$package} !optional; + } + } + @else { + // it's not an existing state so we cannot extend. + // we need to include instead + @include _gridle_include_common($package, $stateName); + } } @@ -313,27 +316,27 @@ // $_gridle_applied_for : (); @mixin _gridle_apply_css_for( - $_for + $_for ) { - $selector : "#{&}-#{$_for}"; // generate a unique name that will be stacked in a map to generate only 1 time - @if map-get($_gridle_applied_for, $selector) == null { - $_gridle_applied_for : map-set($_gridle_applied_for, $selector, true) !global; - $fors-patterns : $_gridle-packages; - @each $map in $_gridle_apply_css_for { - @each $stateName, $fors in $map { - $rules : map-get($fors, $_for); - @if $rules and map-get($fors-patterns, $_for) { - @at-root (without : media) { - @include _gridle_state($stateName, true, false) { - @include gridle_use_state($stateName) { - @include _gridle_map_2_css($rules); - } - } - } - } - } - } - } + $selector : '#{&}-#{$_for}'; // generate a unique name that will be stacked in a map to generate only 1 time + @if map-get($_gridle_applied_for, $selector) == null { + $_gridle_applied_for : map-set($_gridle_applied_for, $selector, true) !global; + $fors-patterns : $_gridle-packages; + @each $map in $_gridle_apply_css_for { + @each $stateName, $fors in $map { + $rules : map-get($fors, $_for); + @if $rules and map-get($fors-patterns, $_for) { + @at-root (without : media) { + @include _gridle_state($stateName, true, false) { + @include gridle_use_state($stateName) { + @include _gridle_map_2_css($rules); + } + } + } + } + } + } + } } @@ -344,73 +347,76 @@ $_gridle_applied_for : (); // @param boolean $has-parent Mostly always true, mean that the mixin is used in a css selector and not in css root level // @mixin _gridle_state( - $state : default, - $has-parent : true, - $track-current-state : true + $state : default, + $has-parent : true, + $track-current-state : true ) { - // variables : - $state : gridle_get_state($state); - $states-classes : gridle_get_state_var(states-classes, $state); - $stateName : gridle_get_state_var(name, $state); - - // manage previous state - $previous_state : null; - $previous_stateName : null; - - // check if need to tack the current state - @if $track-current-state { - @if $_gridle_current_state { - $previous_state : $_gridle_current_state; - $previous_stateName : $_gridle_current_stateName; - } - // if we have a previous state that is not the default one, we - // make the inheritence process. - // if both states are registered ones : just take the wanted state - // if only previous_state is a registered one : extend previous_state with the wanted one - // if none of them are resitered : extend the wanted with the previous one - @if $previous_state { - $_gridle_current_state : _gridle_inherit_state($state, $previous_state) !global; - } @else { - $_gridle_current_state : $state !global; - } - $_gridle_current_stateName : $stateName !global; - } - - // check if is a state : - @if ($states-classes) - and $stateName { - // html class : - @at-root (without: media) { - @if $has-parent { - .state-#{$stateName} & { - @content; - } - } @else { - .state-#{$stateName} { - @content; - } - } - } - } - - // get the media query : - $q : gridle_get_media_query($state); - - // make the media query if a query exist : - @if $q { - @media #{$q} { - @content; - } - } @else { - @content; - } - - // reset current state to default - @if $track-current-state and $previous_state and $previous_stateName { - $_gridle_current_state : $previous_state !global; - $_gridle_current_stateName : $previous_stateName !global; - } + // variables : + $state : gridle_get_state($state); + $states-classes : gridle_get_state_var(states-classes, $state); + $stateName : gridle_get_state_var(name, $state); + + // manage previous state + $previous_state : null; + $previous_stateName : null; + + // check if need to tack the current state + @if $track-current-state { + @if $_gridle_current_state { + $previous_state : $_gridle_current_state; + $previous_stateName : $_gridle_current_stateName; + } + // if we have a previous state that is not the default one, we + // make the inheritence process. + // if both states are registered ones : just take the wanted state + // if only previous_state is a registered one : extend previous_state with the wanted one + // if none of them are resitered : extend the wanted with the previous one + @if $previous_state { + $_gridle_current_state : _gridle_inherit_state($state, $previous_state) !global; + } + @else { + $_gridle_current_state : $state !global; + } + $_gridle_current_stateName : $stateName !global; + } + + // check if is a state : + @if ($states-classes) + and $stateName { + // html class : + @at-root (without: media) { + @if $has-parent { + .state-#{$stateName} & { + @content; + } + } + @else { + .state-#{$stateName} { + @content; + } + } + } + } + + // get the media query : + $q : gridle_get_media_query($state); + + // make the media query if a query exist : + @if $q { + @media #{$q} { + @content; + } + } + @else { + @content; + } + + // reset current state to default + @if $track-current-state and $previous_state and $previous_stateName { + $_gridle_current_state : $previous_state !global; + $_gridle_current_stateName : $previous_stateName !global; + } } @@ -418,48 +424,51 @@ $_gridle_applied_for : (); // Transform map to css // @mixin _gridle_map_2_css( - $map + $map ) { - @each $key, $value in $map { - @if type-of($value) == map { - &#{$key} { - @each $k, $v in $value { - @if $k != null and str-index($k, gridle) and mixin-exists($k) { - $set-name : str-replace($k, "gridle_", ""); - $set-name : str-replace($set-name, "_", "-", 1); - @include _gridle_set(( - $set-name : $v - )); - } @else { - #{$k}:#{$v}; - } - } - } - } @else { - @if $key != null and str-index($key, gridle) and mixin-exists($key) { - $set-name : str-replace("#{$key}", "gridle_", ""); - $set-name : str-replace("#{$set-name}", "_", "-", 1); - @include _gridle_set(( - $set-name : $value - )); - } @else { - #{$key}:#{$value}; - } - } - } + @each $key, $value in $map { + @if type-of($value) == map { + &#{$key} { + @each $k, $v in $value { + @if $k != null and str-index($k, gridle) and mixin-exists($k) { + $set-name : str-replace($k, 'gridle_', ''); + $set-name : str-replace($set-name, '_', '-', 1); + @include _gridle_set(( + $set-name : $v + )); + } + @else { + #{$k}: #{$v}; + } + } + } + } + @else { + @if $key != null and str-index($key, gridle) and mixin-exists($key) { + $set-name : str-replace('#{$key}', 'gridle_', ''); + $set-name : str-replace('#{$set-name}', '_', '-', 1); + @include _gridle_set(( + $set-name : $value + )); + } + @else { + #{$key}: #{$value}; + } + } + } } // // Extend common class // @mixin _gridle_extend_common_class( - $what, - $state : default + $what, + $state : default ) { - // extend - $stateName : gridle_get_state_var(name, $state); - $extend : gridle_get_extend_class_map($what, $stateName); - @if $extend != null { - @include _gridle_map_2_css($extend); - } + // extend + $stateName : gridle_get_state_var(name, $state); + $extend : gridle_get_extend_class_map($what, $stateName); + @if $extend != null { + @include _gridle_map_2_css($extend); + } } \ No newline at end of file diff --git a/src/sass/_common/external/mmenu/jquery.mmenu.all.scss b/src/sass/_common/external/mmenu/jquery.mmenu.all.scss index 054356acb49..de7e4c8ee79 100644 --- a/src/sass/_common/external/mmenu/jquery.mmenu.all.scss +++ b/src/sass/_common/external/mmenu/jquery.mmenu.all.scss @@ -1,91 +1,98 @@ /* jQuery.mmenu CSS */ -.mm-page, -.mm-fixed-top, -.mm-fixed-bottom, -.mm-menu.mm-horizontal > .mm-panel { - -webkit-transition: none 0.4s ease; - -moz-transition: none 0.4s ease; - -ms-transition: none 0.4s ease; - -o-transition: none 0.4s ease; - transition: none 0.4s ease; - -webkit-transition-property: top, right, bottom, left, border; - -moz-transition-property: top, right, bottom, left, border; - -ms-transition-property: top, right, bottom, left, border; - -o-transition-property: top, right, bottom, left, border; - transition-property: top, right, bottom, left, border; } - -html.mm-opened .mm-page, -html.mm-opened #mm-blocker { - left: 0; - top: 0; - margin: 0; - border: 0 solid rgba(0, 0, 0, 0); } - -html.mm-opening .mm-page, -html.mm-opening #mm-blocker { - border: 0 solid rgba(100, 100, 100, 0); } +.mm-page, .mm-fixed-top, .mm-fixed-bottom, .mm-menu.mm-horizontal > .mm-panel { + -webkit-transition: none 0.4s ease; + -moz-transition: none 0.4s ease; + -ms-transition: none 0.4s ease; + -o-transition: none 0.4s ease; + transition: none 0.4s ease; + -webkit-transition-property: top, right, bottom, left, border; + -moz-transition-property: top, right, bottom, left, border; + -ms-transition-property: top, right, bottom, left, border; + -o-transition-property: top, right, bottom, left, border; + transition-property: top, right, bottom, left, border; +} + +html.mm-opened .mm-page, html.mm-opened #mm-blocker { + left: 0; + top: 0; + margin: 0; + border: 0 solid rgba(0, 0, 0, 0); +} + +html.mm-opening .mm-page, html.mm-opening #mm-blocker { + border: 0 solid rgba(100, 100, 100, 0); +} .mm-menu .mm-hidden { - display: none; } + display: none; +} -.mm-fixed-top, -.mm-fixed-bottom { - position: fixed; - left: 0; } +.mm-fixed-top, .mm-fixed-bottom { + position: fixed; + left: 0; +} .mm-fixed-top { - top: 0; } + top: 0; +} .mm-fixed-bottom { - bottom: 0; } + bottom: 0; +} -html.mm-opened .mm-page, -.mm-menu > .mm-panel { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; } +html.mm-opened .mm-page, .mm-menu > .mm-panel { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} -html.mm-opened, -html.mm-opened body { - overflow-x: hidden; - position: relative; } +html.mm-opened, html.mm-opened body { + overflow-x: hidden; + position: relative; +} html.mm-opened .mm-page { - position: relative; } + position: relative; +} html.mm-background .mm-page { - background: inherit; } + background: inherit; +} #mm-blocker { - background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; - display: none; - width: 100%; - height: 100%; - position: fixed; - z-index: 999999; } + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; + display: none; + width: 100%; + height: 100%; + position: fixed; + z-index: 999999; +} -html.mm-opened #mm-blocker, -html.mm-blocking #mm-blocker { - display: block; } +html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { + display: block; +} .mm-menu.mm-current { - display: block; } + display: block; +} .mm-menu { - background: inherit; - display: none; - overflow: hidden; - height: 100%; - padding: 0; - position: fixed; - left: 0; - top: 0; - z-index: 0; } - .mm-menu > .mm-panel { + background: inherit; + display: none; + overflow: hidden; + height: 100%; + padding: 0; + position: fixed; + left: 0; + top: 0; + z-index: 0; +} + +.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; @@ -97,54 +104,75 @@ html.mm-blocking #mm-blocker { position: absolute; top: 0; left: 100%; - z-index: 0; } - .mm-menu > .mm-panel.mm-opened { - left: 0%; } - .mm-menu > .mm-panel.mm-subopened { - left: -40%; } - .mm-menu > .mm-panel.mm-highest { - z-index: 1; } - .mm-menu > .mm-panel.mm-hidden { - display: block; - visibility: hidden; } + z-index: 0; +} + +.mm-menu > .mm-panel.mm-opened { + left: 0%; +} + +.mm-menu > .mm-panel.mm-subopened { + left: -40%; +} + +.mm-menu > .mm-panel.mm-highest { + z-index: 1; +} + +.mm-menu > .mm-panel.mm-hidden { + display: block; + visibility: hidden; +} .mm-menu .mm-list { - padding: 20px 0; } + padding: 20px 0; +} + .mm-menu > .mm-list { - padding: 20px 0 40px 0; } + padding: 20px 0 40px; +} .mm-panel > .mm-list { - margin-left: -20px; - margin-right: -20px; } - .mm-panel > .mm-list:first-child { - padding-top: 0; } + margin-left: -20px; + margin-right: -20px; +} -.mm-list, -.mm-list > li { - list-style: none; - display: block; - padding: 0; - margin: 0; } +.mm-panel > .mm-list:first-child { + padding-top: 0; +} + +.mm-list, .mm-list > li { + list-style: none; + display: block; + padding: 0; + margin: 0; +} .mm-list { - font: inherit; - font-size: 14px; } - .mm-list a, - .mm-list a:hover { - text-decoration: none; } - .mm-list > li { - position: relative; } - .mm-list > li > a, - .mm-list > li > span { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - color: inherit; - line-height: 20px; - display: block; - padding: 10px 10px 10px 20px; - margin: 0; } - .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { + font: inherit; + font-size: 14px; +} + +.mm-list a, .mm-list a:hover { + text-decoration: none; +} + +.mm-list > li { + position: relative; +} + +.mm-list > li > a, .mm-list > li > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + color: inherit; + line-height: 20px; + display: block; + padding: 10px 10px 10px 20px; + margin: 0; +} + +.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; @@ -152,48 +180,66 @@ html.mm-blocking #mm-blocker { width: 100%; position: absolute; bottom: 0; - left: 0; } - .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { + left: 0; +} + +.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; - left: auto; } - .mm-list a.mm-subopen { + left: auto; +} + +.mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; - z-index: 2; } - .mm-list a.mm-subopen::before { - content: ''; - border-left-width: 1px; - border-left-style: solid; - display: block; - height: 100%; - position: absolute; - left: 0; - top: 0; } - .mm-list a.mm-subopen.mm-fullsubopen { - width: 100%; } - .mm-list a.mm-subopen.mm-fullsubopen:before { - border-left: none; } - .mm-list a.mm-subopen + a, - .mm-list a.mm-subopen + span { - padding-right: 5px; - margin-right: 40px; } - .mm-list > li.mm-selected > a.mm-subopen { - background: transparent; } - .mm-list > li.mm-selected > a.mm-fullsubopen + a, - .mm-list > li.mm-selected > a.mm-fullsubopen + span { + z-index: 2; +} + +.mm-list a.mm-subopen:before { + content: ''; + border-left-width: 1px; + border-left-style: solid; + display: block; + height: 100%; + position: absolute; + left: 0; + top: 0; +} + +.mm-list a.mm-subopen.mm-fullsubopen { + width: 100%; +} + +.mm-list a.mm-subopen.mm-fullsubopen:before { + border-left: none; +} + +.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { + padding-right: 5px; + margin-right: 40px; +} + +.mm-list > li.mm-selected > a.mm-subopen { + background: transparent; +} + +.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; - margin-right: 0; } - .mm-list a.mm-subclose { + margin-right: 0; +} + +.mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; - margin-top: -20px; } - .mm-list > li.mm-label { + margin-top: -20px; +} + +.mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; @@ -201,13 +247,18 @@ html.mm-blocking #mm-blocker { text-transform: uppercase; text-indent: 20px; line-height: 25px; - padding-right: 5px; } - .mm-list > li.mm-spacer { - padding-top: 40px; } - .mm-list > li.mm-spacer.mm-label { - padding-top: 25px; } - .mm-list a.mm-subopen:after, - .mm-list a.mm-subclose:before { + padding-right: 5px; +} + +.mm-list > li.mm-spacer { + padding-top: 40px; +} + +.mm-list > li.mm-spacer.mm-label { + padding-top: 25px; +} + +.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; @@ -220,163 +271,196 @@ html.mm-blocking #mm-blocker { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); - transform: rotate(-45deg); } - .mm-list a.mm-subopen:after { + transform: rotate(-45deg); +} + +.mm-list a.mm-subopen:after { border-top: none; border-left: none; - right: 18px; } - .mm-list a.mm-subclose:before { + right: 18px; +} + +.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; - left: 22px; } + left: 22px; +} .mm-menu.mm-vertical .mm-list .mm-panel { - display: none; - padding: 10px 0 10px 10px; } - .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { - border-color: transparent; } + display: none; + padding: 10px 0 10px 10px; +} + +.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { + border-color: transparent; +} + .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { - display: block; } + display: block; +} + .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { - height: 40px; } - .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { + height: 40px; +} + +.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; - right: 16px; } + right: 16px; +} html.mm-opened .mm-page { - box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); +} .mm-ismenu { - background: #333333; - color: rgba(255, 255, 255, 0.6); } + background: #333333; + color: rgba(255, 255, 255, 0.6); +} .mm-menu .mm-list > li:after { - border-color: rgba(0, 0, 0, 0.15); } + border-color: rgba(0, 0, 0, 0.15); +} + .mm-menu .mm-list > li > a.mm-subclose { - background: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.3); } + background: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.3); +} + .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { - border-color: rgba(255, 255, 255, 0.3); } + border-color: rgba(255, 255, 255, 0.3); +} + .mm-menu .mm-list > li > a.mm-subopen:before { - border-color: rgba(0, 0, 0, 0.15); } -.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), -.mm-menu .mm-list > li.mm-selected > span { - background: rgba(0, 0, 0, 0.1); } + border-color: rgba(0, 0, 0, 0.15); +} + +.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { + background: rgba(0, 0, 0, 0.1); +} + .mm-menu .mm-list > li.mm-label { - background: rgba(255, 255, 255, 0.05); } -.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, -.mm-menu.mm-vertical .mm-list li.mm-opened > ul { - background: rgba(255, 255, 255, 0.05); } + background: rgba(255, 255, 255, 0.05); +} -html.mm-opening .mm-page, -html.mm-opening #mm-blocker, -html.mm-opening .mm-fixed-top, -html.mm-opening .mm-fixed-bottom { - left: 80%; } +.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(255, 255, 255, 0.05); +} + +html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { + left: 80%; +} .mm-menu { - width: 80%; } + width: 80%; +} @media all and (max-width: 175px) { - .mm-menu { - width: 140px; } - - html.mm-opening .mm-page, - html.mm-opening #mm-blocker, - html.mm-opening .mm-fixed-top, - html.mm-opening .mm-fixed-bottom { - left: 140px; } } + .mm-menu { + width: 140px; + } + html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { + left: 140px; + } +} @media all and (min-width: 550px) { - .mm-menu { - width: 440px; } - - html.mm-opening .mm-page, - html.mm-opening #mm-blocker, - html.mm-opening .mm-fixed-top, - html.mm-opening .mm-fixed-bottom { - left: 440px; } } + .mm-menu { + width: 440px; + } + html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { + left: 440px; + } +} /* jQuery.mmenu counters addon CSS */ em.mm-counter { - font: inherit; - font-size: 14px; - font-style: normal; - text-indent: 0; - line-height: 20px; - display: block; - margin-top: -10px; - position: absolute; - right: 40px; - top: 50%; } - em.mm-counter + a.mm-subopen { - padding-left: 40px; } - em.mm-counter + a.mm-subopen + a, - em.mm-counter + a.mm-subopen + span { - margin-right: 80px; } - em.mm-counter + a.mm-fullsubopen { - padding-left: 0; } + font: inherit; + font-size: 14px; + font-style: normal; + text-indent: 0; + line-height: 20px; + display: block; + margin-top: -10px; + position: absolute; + right: 40px; + top: 50%; +} + +em.mm-counter + a.mm-subopen { + padding-left: 40px; +} + +em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { + margin-right: 80px; +} + +em.mm-counter + a.mm-fullsubopen { + padding-left: 0; +} .mm-vertical em.mm-counter { - top: 12px; - margin-top: 0; } + top: 12px; + margin-top: 0; +} .mm-nosubresults > em.mm-counter { - display: none; } + display: none; +} .mm-menu em.mm-counter { - color: rgba(255, 255, 255, 0.3); } + color: rgba(255, 255, 255, 0.3); +} /* jQuery.mmenu dragOpen addon CSS */ -html.mm-opened.mm-dragging .mm-menu, -html.mm-opened.mm-dragging .mm-page, -html.mm-opened.mm-dragging .mm-fixed-top, -html.mm-opened.mm-dragging .mm-fixed-bottom, -html.mm-opened.mm-dragging #mm-blocker { - -webkit-transition-duration: 0s; - -moz-transition-duration: 0s; - -ms-transition-duration: 0s; - -o-transition-duration: 0s; - transition-duration: 0s; } +html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { + -webkit-transition-duration: 0s; + -moz-transition-duration: 0s; + -ms-transition-duration: 0s; + -o-transition-duration: 0s; + transition-duration: 0s; +} /* jQuery.mmenu header addon CSS */ .mm-header { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - background: inherit; - border-bottom: 1px solid transparent; - text-align: center; - line-height: 20px; - width: 100%; - height: 60px; - padding: 30px 40px 0 40px; - position: absolute; - z-index: 2; - top: 0; - left: 0; } - .mm-header .mm-title { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: inherit; + border-bottom: 1px solid transparent; + text-align: center; + line-height: 20px; + width: 100%; + height: 60px; + padding: 30px 40px 0; + position: absolute; + z-index: 2; + top: 0; + left: 0; +} + +.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; - z-index: 1; } - .mm-header .mm-prev, - .mm-header .mm-next { + z-index: 1; +} + +.mm-header .mm-prev, .mm-header .mm-next { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -387,123 +471,164 @@ html.mm-opened.mm-dragging #mm-blocker { width: 40px; height: 100%; position: absolute; - bottom: 0; } - .mm-header .mm-prev:before, - .mm-header .mm-next:before { - content: ''; - border: 2px solid transparent; - display: block; - width: 7px; - height: 7px; - margin-bottom: -5px; - position: absolute; - bottom: 50%; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - transform: rotate(-45deg); - margin-bottom: -15px; } - .mm-header .mm-prev { - left: 0; } - .mm-header .mm-prev:before { - border-right: none; - border-bottom: none; - left: 22px; } - .mm-header .mm-next { - right: 0; } - .mm-header .mm-next:before { - border-top: none; - border-left: none; - right: 18px; } + bottom: 0; +} + +.mm-header .mm-prev:before, .mm-header .mm-next:before { + content: ''; + border: 2px solid transparent; + display: block; + width: 7px; + height: 7px; + margin-bottom: -5px; + position: absolute; + bottom: 50%; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin-bottom: -15px; +} + +.mm-header .mm-prev { + left: 0; +} + +.mm-header .mm-prev:before { + border-right: none; + border-bottom: none; + left: 22px; +} + +.mm-header .mm-next { + right: 0; +} + +.mm-header .mm-next:before { + border-top: none; + border-left: none; + right: 18px; +} .mm-menu.mm-hassearch .mm-header { - height: 50px; - padding-top: 20px; - top: 50px; } - .mm-menu.mm-hassearch .mm-header .mm-prev:before, - .mm-menu.mm-hassearch .mm-header .mm-mext:before { - margin-bottom: -10px; } + height: 50px; + padding-top: 20px; + top: 50px; +} + +.mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before { + margin-bottom: -10px; +} .mm-menu.mm-hasheader li.mm-subtitle { - display: none; } + display: none; +} + .mm-menu.mm-hasheader .mm-panel { - padding-top: 80px; } + padding-top: 80px; +} + .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { - padding-top: 120px; } + padding-top: 120px; +} + .mm-menu.mm-hasheader.mm-ismenu > .mm-panel { - padding-top: 60px; } + padding-top: 60px; +} + .mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel { - padding-top: 100px; } + padding-top: 100px; +} .mm-menu .mm-header { - border-color: rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.3); } - .mm-menu .mm-header a:before { - border-color: rgba(255, 255, 255, 0.3); } + border-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.3); +} + +.mm-menu .mm-header a:before { + border-color: rgba(255, 255, 255, 0.3); +} /* jQuery.mmenu labels addon CSS */ .mm-menu.mm-fixedlabels .mm-list { - background: inherit; } - .mm-menu.mm-fixedlabels .mm-list > li.mm-label { + background: inherit; +} + +.mm-menu.mm-fixedlabels .mm-list > li.mm-label { background: inherit !important; opacity: 0.97; height: 25px; overflow: visible; position: relative; - z-index: 1; } - .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { - background: inherit; - width: 100%; - position: absolute; - left: 0; } - .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; } - .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { - padding-top: 25px; } + z-index: 1; +} + +.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { + background: inherit; + width: 100%; + position: absolute; + left: 0; +} + +.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { + padding-top: 25px; +} .mm-list > li.mm-label > span { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - padding: 0; } + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding: 0; +} + .mm-list > li.mm-label.mm-opened a.mm-subopen:after { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - right: 17px; } + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + right: 17px; +} + .mm-list > li.mm-collapsed { - display: none; } + display: none; +} .mm-menu .mm-list li.mm-label > div > div { - background: rgba(255, 255, 255, 0.05); } + background: rgba(255, 255, 255, 0.05); +} /* jQuery.mmenu searchfield addon CSS */ -.mm-search, -.mm-search input { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; } +.mm-search, .mm-search input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; +} .mm-search { - background: inherit; - width: 100%; - height: 50px; - padding: 10px; - position: relative; - top: 0; - z-index: 2; } - .mm-search input { + background: inherit; + width: 100%; + height: 50px; + padding: 10px; + position: relative; + top: 0; + z-index: 2; +} + +.mm-search input { border: none; border-radius: 15px; font: inherit; @@ -514,763 +639,955 @@ html.mm-opened.mm-dragging #mm-blocker { width: 100%; height: 30px; margin: 0; - padding: 0 10px; } + padding: 0 10px; +} .mm-menu li.mm-nosubresults > a.mm-subopen { - display: none; } - .mm-menu li.mm-nosubresults > a.mm-subopen + a, - .mm-menu li.mm-nosubresults > a.mm-subopen + span { - padding-right: 10px; } + display: none; +} + +.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { + padding-right: 10px; +} + .mm-menu li.mm-noresults { - text-align: center; - font-size: 21px; - display: none; - padding-top: 80px; } - .mm-menu li.mm-noresults:after { - border: none; } + text-align: center; + font-size: 21px; + display: none; + padding-top: 80px; +} + +.mm-menu li.mm-noresults:after { + border: none; +} + .mm-menu.mm-noresults li.mm-noresults { - display: block; } + display: block; +} + .mm-menu.mm-hassearch > .mm-panel { - padding-top: 60px; } + padding-top: 60px; +} .mm-menu .mm-search input { - background: rgba(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.6); } + background: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.6); +} + .mm-menu li.mm-noresults { - color: rgba(255, 255, 255, 0.3); } + color: rgba(255, 255, 255, 0.3); +} /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { - -webkit-transition: -webkit-transform 0.4s ease; - -moz-transition: -moz-transform 0.4s ease; - -o-transition: -o-transform 0.4s ease; - transition: transform 0.4s ease; } + -webkit-transition: -webkit-transform 0.4s ease; + -moz-transition: -moz-transform 0.4s ease; + -o-transition: -o-transform 0.4s ease; + transition: transform 0.4s ease; +} + html.mm-slide.mm-opened .mm-menu { - -webkit-transform: translateX(-40%); - -moz-transform: translateX(-40%); - -ms-transform: translateX(-40%); - -o-transform: translateX(-40%); - transform: translateX(-40%); } + -webkit-transform: translateX(-40%); + -moz-transform: translateX(-40%); + -ms-transform: translateX(-40%); + -o-transform: translateX(-40%); + transform: translateX(-40%); +} + html.mm-slide.mm-opening .mm-menu { - -webkit-transform: translateX(0%); - -moz-transform: translateX(0%); - -ms-transform: translateX(0%); - -o-transform: translateX(0%); - transform: translateX(0%); } + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); +} + html.mm-slide.mm-right.mm-opened .mm-menu { - -webkit-transform: translateX(40%); - -moz-transform: translateX(40%); - -ms-transform: translateX(40%); - -o-transform: translateX(40%); - transform: translateX(40%); } + -webkit-transform: translateX(40%); + -moz-transform: translateX(40%); + -ms-transform: translateX(40%); + -o-transform: translateX(40%); + transform: translateX(40%); +} + html.mm-slide.mm-right.mm-opening .mm-menu { - -webkit-transform: translateX(0%); - -moz-transform: translateX(0%); - -ms-transform: translateX(0%); - -o-transform: translateX(0%); - transform: translateX(0%); } + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); +} + html.mm-slide.mm-top.mm-opened .mm-menu { - -webkit-transform: translateY(-40%); - -moz-transform: translateY(-40%); - -ms-transform: translateY(-40%); - -o-transform: translateY(-40%); - transform: translateY(-40%); } + -webkit-transform: translateY(-40%); + -moz-transform: translateY(-40%); + -ms-transform: translateY(-40%); + -o-transform: translateY(-40%); + transform: translateY(-40%); +} + html.mm-slide.mm-top.mm-opening .mm-menu { - -webkit-transform: translateY(0%); - -moz-transform: translateY(0%); - -ms-transform: translateY(0%); - -o-transform: translateY(0%); - transform: translateY(0%); } + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); +} + html.mm-slide.mm-bottom.mm-opened .mm-menu { - -webkit-transform: translateY(40%); - -moz-transform: translateY(40%); - -ms-transform: translateY(40%); - -o-transform: translateY(40%); - transform: translateY(40%); } + -webkit-transform: translateY(40%); + -moz-transform: translateY(40%); + -ms-transform: translateY(40%); + -o-transform: translateY(40%); + transform: translateY(40%); +} + html.mm-slide.mm-bottom.mm-opening .mm-menu { - -webkit-transform: translateY(0%); - -moz-transform: translateY(0%); - -ms-transform: translateY(0%); - -o-transform: translateY(0%); - transform: translateY(0%); } + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); +} html.mm-zoom-menu .mm-menu { - -webkit-transition: -webkit-transform 0.4s ease; - -moz-transition: -moz-transform 0.4s ease; - -o-transition: -o-transform 0.4s ease; - transition: transform 0.4s ease; } + -webkit-transition: -webkit-transform 0.4s ease; + -moz-transition: -moz-transform 0.4s ease; + -o-transition: -o-transform 0.4s ease; + transition: transform 0.4s ease; +} + html.mm-zoom-menu.mm-opened .mm-menu { - -webkit-transform: scale(0.7, 0.7) translateX(-40%); - -moz-transform: scale(0.7, 0.7) translateX(-40%); - -ms-transform: scale(0.7, 0.7) translateX(-40%); - -o-transform: scale(0.7, 0.7) translateX(-40%); - transform: scale(0.7, 0.7) translateX(-40%); - -webkit-transform-origin: left center; - -moz-transform-origin: left center; - -ms-transform-origin: left center; - -o-transform-origin: left center; - transform-origin: left center; } + -webkit-transform: scale(0.7, 0.7) translateX(-40%); + -moz-transform: scale(0.7, 0.7) translateX(-40%); + -ms-transform: scale(0.7, 0.7) translateX(-40%); + -o-transform: scale(0.7, 0.7) translateX(-40%); + transform: scale(0.7, 0.7) translateX(-40%); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; +} + html.mm-zoom-menu.mm-opening .mm-menu { - -webkit-transform: scale(1, 1) translateX(0%); - -moz-transform: scale(1, 1) translateX(0%); - -ms-transform: scale(1, 1) translateX(0%); - -o-transform: scale(1, 1) translateX(0%); - transform: scale(1, 1) translateX(0%); } + -webkit-transform: scale(1, 1) translateX(0%); + -moz-transform: scale(1, 1) translateX(0%); + -ms-transform: scale(1, 1) translateX(0%); + -o-transform: scale(1, 1) translateX(0%); + transform: scale(1, 1) translateX(0%); +} + html.mm-zoom-menu.mm-right.mm-opened .mm-menu { - -webkit-transform: scale(0.7, 0.7) translateX(40%); - -moz-transform: scale(0.7, 0.7) translateX(40%); - -ms-transform: scale(0.7, 0.7) translateX(40%); - -o-transform: scale(0.7, 0.7) translateX(40%); - transform: scale(0.7, 0.7) translateX(40%); - -webkit-transform-origin: right center; - -moz-transform-origin: right center; - -ms-transform-origin: right center; - -o-transform-origin: right center; - transform-origin: right center; } + -webkit-transform: scale(0.7, 0.7) translateX(40%); + -moz-transform: scale(0.7, 0.7) translateX(40%); + -ms-transform: scale(0.7, 0.7) translateX(40%); + -o-transform: scale(0.7, 0.7) translateX(40%); + transform: scale(0.7, 0.7) translateX(40%); + -webkit-transform-origin: right center; + -moz-transform-origin: right center; + -ms-transform-origin: right center; + -o-transform-origin: right center; + transform-origin: right center; +} + html.mm-zoom-menu.mm-right.mm-opening .mm-menu { - -webkit-transform: scale(1, 1) translateX(0%); - -moz-transform: scale(1, 1) translateX(0%); - -ms-transform: scale(1, 1) translateX(0%); - -o-transform: scale(1, 1) translateX(0%); - transform: scale(1, 1) translateX(0%); } + -webkit-transform: scale(1, 1) translateX(0%); + -moz-transform: scale(1, 1) translateX(0%); + -ms-transform: scale(1, 1) translateX(0%); + -o-transform: scale(1, 1) translateX(0%); + transform: scale(1, 1) translateX(0%); +} + html.mm-zoom-menu.mm-top.mm-opened .mm-menu { - -webkit-transform: scale(0.7, 0.7) translateY(-40%); - -moz-transform: scale(0.7, 0.7) translateY(-40%); - -ms-transform: scale(0.7, 0.7) translateY(-40%); - -o-transform: scale(0.7, 0.7) translateY(-40%); - transform: scale(0.7, 0.7) translateY(-40%); - -webkit-transform-origin: center top; - -moz-transform-origin: center top; - -ms-transform-origin: center top; - -o-transform-origin: center top; - transform-origin: center top; } + -webkit-transform: scale(0.7, 0.7) translateY(-40%); + -moz-transform: scale(0.7, 0.7) translateY(-40%); + -ms-transform: scale(0.7, 0.7) translateY(-40%); + -o-transform: scale(0.7, 0.7) translateY(-40%); + transform: scale(0.7, 0.7) translateY(-40%); + -webkit-transform-origin: center top; + -moz-transform-origin: center top; + -ms-transform-origin: center top; + -o-transform-origin: center top; + transform-origin: center top; +} + html.mm-zoom-menu.mm-top.mm-opening .mm-menu { - -webkit-transform: scale(1, 1) translateY(0%); - -moz-transform: scale(1, 1) translateY(0%); - -ms-transform: scale(1, 1) translateY(0%); - -o-transform: scale(1, 1) translateY(0%); - transform: scale(1, 1) translateY(0%); } + -webkit-transform: scale(1, 1) translateY(0%); + -moz-transform: scale(1, 1) translateY(0%); + -ms-transform: scale(1, 1) translateY(0%); + -o-transform: scale(1, 1) translateY(0%); + transform: scale(1, 1) translateY(0%); +} + html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { - -webkit-transform: scale(0.7, 0.7) translateY(40%); - -moz-transform: scale(0.7, 0.7) translateY(40%); - -ms-transform: scale(0.7, 0.7) translateY(40%); - -o-transform: scale(0.7, 0.7) translateY(40%); - transform: scale(0.7, 0.7) translateY(40%); - -webkit-transform-origin: center bottom; - -moz-transform-origin: center bottom; - -ms-transform-origin: center bottom; - -o-transform-origin: center bottom; - transform-origin: center bottom; } + -webkit-transform: scale(0.7, 0.7) translateY(40%); + -moz-transform: scale(0.7, 0.7) translateY(40%); + -ms-transform: scale(0.7, 0.7) translateY(40%); + -o-transform: scale(0.7, 0.7) translateY(40%); + transform: scale(0.7, 0.7) translateY(40%); + -webkit-transform-origin: center bottom; + -moz-transform-origin: center bottom; + -ms-transform-origin: center bottom; + -o-transform-origin: center bottom; + transform-origin: center bottom; +} + html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { - -webkit-transform: scale(1, 1) translateY(0%); - -moz-transform: scale(1, 1) translateY(0%); - -ms-transform: scale(1, 1) translateY(0%); - -o-transform: scale(1, 1) translateY(0%); - transform: scale(1, 1) translateY(0%); } + -webkit-transform: scale(1, 1) translateY(0%); + -moz-transform: scale(1, 1) translateY(0%); + -ms-transform: scale(1, 1) translateY(0%); + -o-transform: scale(1, 1) translateY(0%); + transform: scale(1, 1) translateY(0%); +} html.mm-zoom-page.mm-opened .mm-page { - -webkit-transform: scale(1, 1); - -moz-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); - -webkit-transform-origin: left center; - -moz-transform-origin: left center; - -ms-transform-origin: left center; - -o-transform-origin: left center; - transform-origin: left center; } + -webkit-transform: scale(1, 1); + -moz-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; +} + html.mm-zoom-page.mm-opening .mm-page { - -webkit-transform: scale(1.5, 1.5); - -moz-transform: scale(1.5, 1.5); - -ms-transform: scale(1.5, 1.5); - -o-transform: scale(1.5, 1.5); - transform: scale(1.5, 1.5); } + -webkit-transform: scale(1.5, 1.5); + -moz-transform: scale(1.5, 1.5); + -ms-transform: scale(1.5, 1.5); + -o-transform: scale(1.5, 1.5); + transform: scale(1.5, 1.5); +} + html.mm-zoom-page.mm-right.mm-opened .mm-page { - -webkit-transform-origin: right center; - -moz-transform-origin: right center; - -ms-transform-origin: right center; - -o-transform-origin: right center; - transform-origin: right center; } + -webkit-transform-origin: right center; + -moz-transform-origin: right center; + -ms-transform-origin: right center; + -o-transform-origin: right center; + transform-origin: right center; +} + html.mm-zoom-page.mm-top.mm-opened .mm-page { - -webkit-transform-origin: center top; - -moz-transform-origin: center top; - -ms-transform-origin: center top; - -o-transform-origin: center top; - transform-origin: center top; } + -webkit-transform-origin: center top; + -moz-transform-origin: center top; + -ms-transform-origin: center top; + -o-transform-origin: center top; + transform-origin: center top; +} + html.mm-zoom-page.mm-bottom.mm-opened .mm-page { - -webkit-transform-origin: center bottom; - -moz-transform-origin: center bottom; - -ms-transform-origin: center bottom; - -o-transform-origin: center bottom; - transform-origin: center bottom; } + -webkit-transform-origin: center bottom; + -moz-transform-origin: center bottom; + -ms-transform-origin: center bottom; + -o-transform-origin: center bottom; + transform-origin: center bottom; +} html.mm-zoom-panels .mm-panel { - -webkit-transform: scale(1.5, 1.5); - -moz-transform: scale(1.5, 1.5); - -ms-transform: scale(1.5, 1.5); - -o-transform: scale(1.5, 1.5); - transform: scale(1.5, 1.5); - -webkit-transform-origin: left center; - -moz-transform-origin: left center; - -ms-transform-origin: left center; - -o-transform-origin: left center; - transform-origin: left center; } - html.mm-zoom-panels .mm-panel.mm-opened { + -webkit-transform: scale(1.5, 1.5); + -moz-transform: scale(1.5, 1.5); + -ms-transform: scale(1.5, 1.5); + -o-transform: scale(1.5, 1.5); + transform: scale(1.5, 1.5); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; +} + +html.mm-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); - transform: scale(1, 1); } - html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened { - -webkit-transform: scale(0.7, 0.7); - -moz-transform: scale(0.7, 0.7); - -ms-transform: scale(0.7, 0.7); - -o-transform: scale(0.7, 0.7); - transform: scale(0.7, 0.7); } + transform: scale(1, 1); +} + +html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened { + -webkit-transform: scale(0.7, 0.7); + -moz-transform: scale(0.7, 0.7); + -ms-transform: scale(0.7, 0.7); + -o-transform: scale(0.7, 0.7); + transform: scale(0.7, 0.7); +} /* jQuery.mmenu fullscreen extension CSS */ -html.mm-opening.mm-fullscreen .mm-page, -html.mm-opening.mm-fullscreen #mm-blocker, -html.mm-opening.mm-fullscreen .mm-fixed-top, -html.mm-opening.mm-fullscreen .mm-fixed-bottom { - left: 100%; } +html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { + left: 100%; +} .mm-menu.mm-fullscreen { - width: 100%; } + width: 100%; +} @media all and (max-width: 140px) { - .mm-menu.mm-fullscreen { - width: 140px; } - - html.mm-opening.mm-fullscreen .mm-page, - html.mm-opening.mm-fullscreen #mm-blocker, - html.mm-opening.mm-fullscreen .mm-fixed-top, - html.mm-opening.mm-fullscreen .mm-fixed-bottom { - left: 140px; } } + .mm-menu.mm-fullscreen { + width: 140px; + } + html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { + left: 140px; + } +} @media all and (min-width: 10000px) { - .mm-menu.mm-fullscreen { - width: 10000px; } - - html.mm-opening.mm-fullscreen .mm-page, - html.mm-opening.mm-fullscreen #mm-blocker, - html.mm-opening.mm-fullscreen .mm-fixed-top, - html.mm-opening.mm-fullscreen .mm-fixed-bottom { - left: 10000px; } } + .mm-menu.mm-fullscreen { + width: 10000px; + } + html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { + left: 10000px; + } +} + .mm-menu.mm-top.mm-fullscreen { - height: 100%; } + height: 100%; +} + +html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { + top: 100%; +} -html.mm-top.mm-opening.mm-fullscreen .mm-page, -html.mm-top.mm-opening.mm-fullscreen #mm-blocker, -html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { - top: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { - bottom: -100%; } + bottom: -100%; +} @media all and (max-height: 140px) { - .mm-menu.mm-top.mm-fullscreen { - height: 140px; } - - html.mm-top.mm-opening.mm-fullscreen .mm-page, - html.mm-top.mm-opening.mm-fullscreen #mm-blocker, - html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { - top: 140px; } - html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { - bottom: -140px; } } + .mm-menu.mm-top.mm-fullscreen { + height: 140px; + } + html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { + top: 140px; + } + html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: -140px; + } +} @media all and (min-height: 10000px) { - .mm-menu.mm-top.mm-fullscreen { - height: 10000px; } - - html.mm-top.mm-opening.mm-fullscreen .mm-page, - html.mm-top.mm-opening.mm-fullscreen #mm-blocker, - html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { - top: 10000px; } - html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { - bottom: -10000px; } } + .mm-menu.mm-top.mm-fullscreen { + height: 10000px; + } + html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { + top: 10000px; + } + html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: -10000px; + } +} + .mm-menu.mm-right.mm-fullscreen { - width: 100%; } + width: 100%; +} -html.mm-right.mm-opening.mm-fullscreen .mm-page, -html.mm-right.mm-opening.mm-fullscreen #mm-blocker, -html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, -html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { - right: 100%; } +html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { + right: 100%; +} @media all and (max-width: 140px) { - .mm-menu.mm-right.mm-fullscreen { - width: 140px; } - - html.mm-right.mm-opening.mm-fullscreen .mm-page, - html.mm-right.mm-opening.mm-fullscreen #mm-blocker, - html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, - html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { - right: 140px; } } + .mm-menu.mm-right.mm-fullscreen { + width: 140px; + } + html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { + right: 140px; + } +} @media all and (min-width: 10000px) { - .mm-menu.mm-right.mm-fullscreen { - width: 10000px; } - - html.mm-right.mm-opening.mm-fullscreen .mm-page, - html.mm-right.mm-opening.mm-fullscreen #mm-blocker, - html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, - html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { - right: 10000px; } } + .mm-menu.mm-right.mm-fullscreen { + width: 10000px; + } + html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { + right: 10000px; + } +} + .mm-menu.mm-bottom.mm-fullscreen { - height: 100%; } + height: 100%; +} + +html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: 100%; +} -html.mm-bottom.mm-opening.mm-fullscreen .mm-page, -html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, -html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { - bottom: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { - top: -100%; } + top: -100%; +} @media all and (max-height: 140px) { - .mm-menu.mm-bottom.mm-fullscreen { - height: 140px; } - - html.mm-bottom.mm-opening.mm-fullscreen .mm-page, - html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, - html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { - bottom: 140px; } - html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { - top: -140px; } } + .mm-menu.mm-bottom.mm-fullscreen { + height: 140px; + } + html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: 140px; + } + html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { + top: -140px; + } +} @media all and (min-height: 10000px) { - .mm-menu.mm-bottom.mm-fullscreen { - height: 10000px; } - - html.mm-bottom.mm-opening.mm-fullscreen .mm-page, - html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, - html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { - bottom: 10000px; } - html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { - top: -10000px; } } + .mm-menu.mm-bottom.mm-fullscreen { + height: 10000px; + } + html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: 10000px; + } + html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { + top: -10000px; + } +} + .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { - left: -100%; } + left: -100%; +} @media all and (max-width: 140px) { - .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { - left: -140px; } } + .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { + left: -140px; + } +} @media all and (min-width: 10000px) { - .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { - left: -10000px; } } + .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { + left: -10000px; + } +} + .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { - top: -100%; } + top: -100%; +} @media all and (max-height: 140px) { - .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { - top: -140px; } } + .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { + top: -140px; + } +} @media all and (min-height: 10000px) { - .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { - top: -10000px; } } + .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { + top: -10000px; + } +} + .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { - right: -100%; } + right: -100%; +} @media all and (max-width: 140px) { - .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { - right: -140px; } } + .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { + right: -140px; + } +} @media all and (min-width: 10000px) { - .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { - right: -10000px; } } + .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { + right: -10000px; + } +} + .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { - bottom: -100%; } + bottom: -100%; +} @media all and (max-height: 140px) { - .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { - bottom: -140px; } } + .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { + bottom: -140px; + } +} @media all and (min-height: 10000px) { - .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { - bottom: -10000px; } } -html.mm-front .mm-fixed-top, -html.mm-front .mm-fixed-bottom, -html.mm-opening.mm-front .mm-fixed-top, -html.mm-opening.mm-front .mm-fixed-bottom { - left: 0; - right: auto; } -html.mm-front .mm-fixed-top, -html.mm-opening.mm-front .mm-fixed-top { - top: 0; } -html.mm-front .mm-fixed-bottom, -html.mm-opening.mm-front .mm-fixed-bottom { - bottom: 0; } + .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { + bottom: -10000px; + } +} + +html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { + left: 0; + right: auto; +} + +html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { + top: 0; +} + +html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { + bottom: 0; +} html.mm-opened.mm-fullscreen .mm-page { - box-shadow: none !important; } + box-shadow: none !important; +} /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top { - width: 100%; } + width: 100%; +} -html.mm-top.mm-opened .mm-page, -html.mm-top.mm-opened #mm-blocker { - top: 0%; } +html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { + top: 0%; +} -html.mm-top.mm-opened.mm-opening .mm-page, -html.mm-top.mm-opened.mm-opening #mm-blocker, -html.mm-top.mm-opened.mm-opening .mm-fixed-top, -html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { - left: 0; } +html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { + left: 0; +} .mm-menu.mm-right { - left: auto; - right: 0; } - -html.mm-right.mm-opened .mm-page, -html.mm-right.mm-opened #mm-blocker, -html.mm-right.mm-opened .mm-fixed-top, -html.mm-right.mm-opened .mm-fixed-bottom { - left: auto; - right: 0%; } - -html.mm-right.mm-opened.mm-opening .mm-page, -html.mm-right.mm-opened.mm-opening #mm-blocker, -html.mm-right.mm-opened.mm-opening .mm-fixed-top, -html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { - left: auto; } + left: auto; + right: 0; +} + +html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom { + left: auto; + right: 0%; +} + +html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { + left: auto; +} .mm-menu.mm-bottom { - width: 100%; - top: auto; - bottom: 0; } - -html.mm-bottom.mm-opened .mm-page, -html.mm-bottom.mm-opened #mm-blocker { - bottom: 0%; - top: auto; } - -html.mm-bottom.mm-opened.mm-opening .mm-page, -html.mm-bottom.mm-opened.mm-opening #mm-blocker, -html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, -html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { - top: auto; - left: 0; } + width: 100%; + top: auto; + bottom: 0; +} + +html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { + bottom: 0%; + top: auto; +} + +html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { + top: auto; + left: 0; +} .mm-menu.mm-top { - height: 80%; } + height: 80%; +} + +html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { + top: 80%; +} -html.mm-top.mm-opening .mm-page, -html.mm-top.mm-opening #mm-blocker, -html.mm-top.mm-opening .mm-fixed-top { - top: 80%; } html.mm-top.mm-opening .mm-fixed-bottom { - bottom: -80%; } + bottom: -80%; +} @media all and (max-height: 175px) { - .mm-menu.mm-top { - height: 140px; } - - html.mm-top.mm-opening .mm-page, - html.mm-top.mm-opening #mm-blocker, - html.mm-top.mm-opening .mm-fixed-top { - top: 140px; } - html.mm-top.mm-opening .mm-fixed-bottom { - bottom: -140px; } } + .mm-menu.mm-top { + height: 140px; + } + html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { + top: 140px; + } + html.mm-top.mm-opening .mm-fixed-bottom { + bottom: -140px; + } +} @media all and (min-height: 1100px) { - .mm-menu.mm-top { - height: 880px; } - - html.mm-top.mm-opening .mm-page, - html.mm-top.mm-opening #mm-blocker, - html.mm-top.mm-opening .mm-fixed-top { - top: 880px; } - html.mm-top.mm-opening .mm-fixed-bottom { - bottom: -880px; } } + .mm-menu.mm-top { + height: 880px; + } + html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { + top: 880px; + } + html.mm-top.mm-opening .mm-fixed-bottom { + bottom: -880px; + } +} + .mm-menu.mm-right { - width: 80%; } + width: 80%; +} -html.mm-right.mm-opening .mm-page, -html.mm-right.mm-opening #mm-blocker, -html.mm-right.mm-opening .mm-fixed-top, -html.mm-right.mm-opening .mm-fixed-bottom { - right: 80%; } +html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { + right: 80%; +} @media all and (max-width: 175px) { - .mm-menu.mm-right { - width: 140px; } - - html.mm-right.mm-opening .mm-page, - html.mm-right.mm-opening #mm-blocker, - html.mm-right.mm-opening .mm-fixed-top, - html.mm-right.mm-opening .mm-fixed-bottom { - right: 140px; } } + .mm-menu.mm-right { + width: 140px; + } + html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { + right: 140px; + } +} @media all and (min-width: 550px) { - .mm-menu.mm-right { - width: 440px; } - - html.mm-right.mm-opening .mm-page, - html.mm-right.mm-opening #mm-blocker, - html.mm-right.mm-opening .mm-fixed-top, - html.mm-right.mm-opening .mm-fixed-bottom { - right: 440px; } } + .mm-menu.mm-right { + width: 440px; + } + html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { + right: 440px; + } +} + .mm-menu.mm-bottom { - height: 80%; } + height: 80%; +} + +html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { + bottom: 80%; +} -html.mm-bottom.mm-opening .mm-page, -html.mm-bottom.mm-opening #mm-blocker, -html.mm-bottom.mm-opening .mm-fixed-bottom { - bottom: 80%; } html.mm-bottom.mm-opening .mm-fixed-top { - top: -80%; } + top: -80%; +} @media all and (max-height: 175px) { - .mm-menu.mm-bottom { - height: 140px; } - - html.mm-bottom.mm-opening .mm-page, - html.mm-bottom.mm-opening #mm-blocker, - html.mm-bottom.mm-opening .mm-fixed-bottom { - bottom: 140px; } - html.mm-bottom.mm-opening .mm-fixed-top { - top: -140px; } } + .mm-menu.mm-bottom { + height: 140px; + } + html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { + bottom: 140px; + } + html.mm-bottom.mm-opening .mm-fixed-top { + top: -140px; + } +} @media all and (min-height: 1100px) { - .mm-menu.mm-bottom { - height: 880px; } - - html.mm-bottom.mm-opening .mm-page, - html.mm-bottom.mm-opening #mm-blocker, - html.mm-bottom.mm-opening .mm-fixed-bottom { - bottom: 880px; } - html.mm-bottom.mm-opening .mm-fixed-top { - top: -880px; } } + .mm-menu.mm-bottom { + height: 880px; + } + html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { + bottom: 880px; + } + html.mm-bottom.mm-opening .mm-fixed-top { + top: -880px; + } +} /* jQuery.mmenu z-position extension CSS */ html.mm-front.mm-opened .mm-page { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; } - -.mm-menu.mm-front, -.mm-menu.mm-next { - -webkit-transition: none 0.4s ease; - -moz-transition: none 0.4s ease; - -ms-transition: none 0.4s ease; - -o-transition: none 0.4s ease; - transition: none 0.4s ease; - -webkit-transition-property: top, right, bottom, left, -webkit-transform; - -moz-transition-property: top, right, bottom, left, -moz-transform; - -ms-transition-property: top, right, bottom, left, -o-transform; - -o-transition-property: top, right, bottom, left, -o-transform; - transition-property: top, right, bottom, left, transform; } - -html.mm-front .mm-page, -html.mm-front #mm-blocker { - z-index: 0; } + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; +} + +.mm-menu.mm-front, .mm-menu.mm-next { + -webkit-transition: none 0.4s ease; + -moz-transition: none 0.4s ease; + -ms-transition: none 0.4s ease; + -o-transition: none 0.4s ease; + transition: none 0.4s ease; + -webkit-transition-property: top, right, bottom, left, -webkit-transform; + -moz-transition-property: top, right, bottom, left, -moz-transform; + -ms-transition-property: top, right, bottom, left, -o-transform; + -o-transition-property: top, right, bottom, left, -o-transform; + transition-property: top, right, bottom, left, transform; +} + +html.mm-front .mm-page, html.mm-front #mm-blocker { + z-index: 0; +} .mm-menu.mm-front { - z-index: 1; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } + z-index: 1; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); +} html.mm-opened.mm-next .mm-page { - box-shadow: none; } + box-shadow: none; +} html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { - left: 0%; } + left: 0%; +} .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { - left: 0; } + left: 0; +} html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { - left: 0; - top: 0%; } + left: 0; + top: 0%; +} .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { - left: auto; } + left: auto; +} html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { - left: auto; - right: 0%; } + left: auto; + right: 0%; +} .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { - top: auto; - left: 0; } + top: auto; + left: 0; +} html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { - left: 0; - bottom: 0%; } + left: 0; + bottom: 0%; +} .mm-menu.mm-front, .mm-menu.mm-next { - left: -80%; } + left: -80%; +} @media all and (max-width: 175px) { - .mm-menu.mm-front, .mm-menu.mm-next { - left: -140px; } } + .mm-menu.mm-front, .mm-menu.mm-next { + left: -140px; + } +} @media all and (min-width: 550px) { - .mm-menu.mm-front, .mm-menu.mm-next { - left: -440px; } } + .mm-menu.mm-front, .mm-menu.mm-next { + left: -440px; + } +} + .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { - top: -80%; } + top: -80%; +} @media all and (max-height: 175px) { - .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { - top: -140px; } } + .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { + top: -140px; + } +} @media all and (min-height: 1100px) { - .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { - top: -880px; } } + .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { + top: -880px; + } +} + .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { - right: -80%; } + right: -80%; +} @media all and (max-width: 175px) { - .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { - right: -140px; } } + .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { + right: -140px; + } +} @media all and (min-width: 550px) { - .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { - right: -440px; } } + .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { + right: -440px; + } +} + .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { - bottom: -80%; } + bottom: -80%; +} @media all and (max-height: 175px) { - .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { - bottom: -140px; } } + .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { + bottom: -140px; + } +} @media all and (min-height: 1100px) { - .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { - bottom: -880px; } } -html.mm-front .mm-fixed-top, -html.mm-front .mm-fixed-bottom, -html.mm-opening.mm-front .mm-fixed-top, -html.mm-opening.mm-front .mm-fixed-bottom { - left: 0; - right: auto; } -html.mm-front .mm-fixed-top, -html.mm-opening.mm-front .mm-fixed-top { - top: 0; } -html.mm-front .mm-fixed-bottom, -html.mm-opening.mm-front .mm-fixed-bottom { - bottom: 0; } + .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { + bottom: -880px; + } +} + +html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { + left: 0; + right: auto; +} + +html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { + top: 0; +} + +html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { + bottom: 0; +} /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} .mm-ismenu.mm-light { - background: #f3f3f3; - color: rgba(0, 0, 0, 0.6); } + background: #f3f3f3; + color: rgba(0, 0, 0, 0.6); +} .mm-menu.mm-light .mm-list > li:after { - border-color: rgba(0, 0, 0, 0.1); } + border-color: rgba(0, 0, 0, 0.1); +} + .mm-menu.mm-light .mm-list > li > a.mm-subclose { - background: rgba(255, 255, 255, 0.6); - color: rgba(0, 0, 0, 0.3); } + background: rgba(255, 255, 255, 0.6); + color: rgba(0, 0, 0, 0.3); +} + .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { - border-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(0, 0, 0, 0.3); +} + .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { - border-color: rgba(0, 0, 0, 0.1); } -.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), -.mm-menu.mm-light .mm-list > li.mm-selected > span { - background: rgba(255, 255, 255, 0.6); } + border-color: rgba(0, 0, 0, 0.1); +} + +.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { + background: rgba(255, 255, 255, 0.6); +} + .mm-menu.mm-light .mm-list > li.mm-label { - background: rgba(0, 0, 0, 0.03); } -.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, -.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { - background: rgba(0, 0, 0, 0.03); } + background: rgba(0, 0, 0, 0.03); +} + +.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(0, 0, 0, 0.03); +} .mm-menu.mm-light .mm-search input { - background: rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.6); } + background: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.6); +} + .mm-menu.mm-light li.mm-noresults { - color: rgba(0, 0, 0, 0.3); } + color: rgba(0, 0, 0, 0.3); +} .mm-menu.mm-light em.mm-counter { - color: rgba(0, 0, 0, 0.3); } + color: rgba(0, 0, 0, 0.3); +} .mm-menu.mm-light .mm-list li.mm-label > div > div { - background: rgba(0, 0, 0, 0.03); } + background: rgba(0, 0, 0, 0.03); +} .mm-menu.mm-light .mm-header { - border-color: rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.3); } - .mm-menu.mm-light .mm-header a:before { - border-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.3); +} + +.mm-menu.mm-light .mm-header a:before { + border-color: rgba(0, 0, 0, 0.3); +} html.mm-opened.mm-white .mm-page { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} .mm-ismenu.mm-white { - background: white; - color: rgba(0, 0, 0, 0.6); } + background: white; + color: rgba(0, 0, 0, 0.6); +} .mm-menu.mm-white .mm-list > li:after { - border-color: rgba(0, 0, 0, 0.1); } + border-color: rgba(0, 0, 0, 0.1); +} + .mm-menu.mm-white .mm-list > li > a.mm-subclose { - background: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.3); } + background: rgba(0, 0, 0, 0.08); + color: rgba(0, 0, 0, 0.3); +} + .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { - border-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(0, 0, 0, 0.3); +} + .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { - border-color: rgba(0, 0, 0, 0.1); } -.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), -.mm-menu.mm-white .mm-list > li.mm-selected > span { - background: rgba(0, 0, 0, 0.08); } + border-color: rgba(0, 0, 0, 0.1); +} + +.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { + background: rgba(0, 0, 0, 0.08); +} + .mm-menu.mm-white .mm-list > li.mm-label { - background: rgba(0, 0, 0, 0.03); } -.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, -.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { - background: rgba(0, 0, 0, 0.03); } + background: rgba(0, 0, 0, 0.03); +} + +.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(0, 0, 0, 0.03); +} .mm-menu.mm-white .mm-search input { - background: rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.6); } + background: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.6); +} + .mm-menu.mm-white li.mm-noresults { - color: rgba(0, 0, 0, 0.3); } + color: rgba(0, 0, 0, 0.3); +} .mm-menu.mm-white em.mm-counter { - color: rgba(0, 0, 0, 0.3); } + color: rgba(0, 0, 0, 0.3); +} .mm-menu.mm-white .mm-list li.mm-label > div > div { - background: rgba(0, 0, 0, 0.03); } + background: rgba(0, 0, 0, 0.03); +} .mm-menu.mm-white .mm-header { - border-color: rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.3); } - .mm-menu.mm-white .mm-header a:before { - border-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.3); +} + +.mm-menu.mm-white .mm-header a:before { + border-color: rgba(0, 0, 0, 0.3); +} html.mm-opened.mm-black .mm-page { - box-shadow: none; } + box-shadow: none; +} .mm-ismenu.mm-black { - background: black; - color: rgba(255, 255, 255, 0.6); } + background: black; + color: rgba(255, 255, 255, 0.6); +} .mm-menu.mm-black .mm-list > li:after { - border-color: rgba(255, 255, 255, 0.2); } + border-color: rgba(255, 255, 255, 0.2); +} + .mm-menu.mm-black .mm-list > li > a.mm-subclose { - background: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.3); } + background: rgba(255, 255, 255, 0.25); + color: rgba(255, 255, 255, 0.3); +} + .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { - border-color: rgba(255, 255, 255, 0.3); } + border-color: rgba(255, 255, 255, 0.3); +} + .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { - border-color: rgba(255, 255, 255, 0.2); } -.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), -.mm-menu.mm-black .mm-list > li.mm-selected > span { - background: rgba(255, 255, 255, 0.25); } + border-color: rgba(255, 255, 255, 0.2); +} + +.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { + background: rgba(255, 255, 255, 0.25); +} + .mm-menu.mm-black .mm-list > li.mm-label { - background: rgba(255, 255, 255, 0.15); } -.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, -.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { - background: rgba(255, 255, 255, 0.15); } + background: rgba(255, 255, 255, 0.15); +} + +.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(255, 255, 255, 0.15); +} .mm-menu.mm-black .mm-search input { - background: rgba(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.6); } + background: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.6); +} + .mm-menu.mm-black li.mm-noresults { - color: rgba(255, 255, 255, 0.3); } + color: rgba(255, 255, 255, 0.3); +} .mm-menu.mm-black em.mm-counter { - color: rgba(255, 255, 255, 0.3); } + color: rgba(255, 255, 255, 0.3); +} .mm-menu.mm-black .mm-list li.mm-label > div > div { - background: rgba(255, 255, 255, 0.15); } + background: rgba(255, 255, 255, 0.15); +} .mm-menu.mm-black .mm-header { - border-color: rgba(255, 255, 255, 0.2); - color: rgba(255, 255, 255, 0.3); } - .mm-menu.mm-black .mm-header a:before { - border-color: rgba(255, 255, 255, 0.3); } + border-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.3); +} + +.mm-menu.mm-black .mm-header a:before { + border-color: rgba(255, 255, 255, 0.3); +} diff --git a/src/sass/_common/external/style.scss b/src/sass/_common/external/style.scss index 8dc4be34a8a..bfe9741019f 100755 --- a/src/sass/_common/external/style.scss +++ b/src/sass/_common/external/style.scss @@ -21,48 +21,48 @@ @import 'variables'; body { - overflow-x: hidden; + overflow-x: hidden; } .container { - @include gridle_container(); + @include gridle_container(); } .component { - background: red; - min-height: 100px; - transition: all .2s ease-in-out; + background: red; + min-height: 100px; + transition: all 0.2s ease-in-out; - @include gridle_eq(+450px) { - background: pink; - } - @include gridle_eq(-400px) { - background: blue; - } - @include gridle_eq(-200px) { - background: green; - } + @include gridle_eq(+450px) { + background: pink; + } + @include gridle_eq(-400px) { + background: blue; + } + @include gridle_eq(-200px) { + background: green; + } } .module { - $context : ( - context : 50 - ); - @include gridle_layout(( - '.header' : 30 at 10 t 20 at 5, - '.login' : 10 t 20 no-gutter, - '.content' : 40, - '.sidebar' : 10, - '.footer' : 50 - ), $context); + $context : ( + context : 50 + ); + @include gridle_layout(( + '.header' : 30 at 10 t 20 at 5, + '.login' : 10 t 20 no-gutter, + '.content' : 40, + '.sidebar' : 10, + '.footer' : 50 + ), $context); } /** * Basic formatting : */ html { - font:11px/1.5 'Helvetica Neue', Verdana, sans-serif; - color: darken($primary-color, 60%); + font: 11px/1.5 'Helvetica Neue', Verdana, sans-serif; + color: darken($primary-color, 60%); } // #header { // background-image:url('http://gridle.org/assets/img/highlight-bkg-04.jpg?1443433037'); @@ -78,19 +78,21 @@ html { // } // } #head { - background: $light; - margin-bottom:50px; - padding: 50px 0; + background: $light; + margin-bottom: 50px; + padding: 50px 0; } + .separator { - width:100%; - height:1px; - background: $primary-color; - margin-bottom:50px; - margin-top:50px; + width: 100%; + height: 1px; + background: $primary-color; + margin-bottom: 50px; + margin-top: 50px; } + #top-bar { - background: black; + background: black; } @@ -98,37 +100,45 @@ html { * Colors */ .complementary { - color: $complementary; + color: $complementary; } + .red { - color: $red; + color: $red; } + .blue { - color: $blue; + color: $blue; } + .green { - color: $green; + color: $green; } + .bg-color { - padding:2px 5px; - border-radius:3px; - color: white; + padding: 2px 5px; + border-radius: 3px; + color: white; } + .bg-complementary { - @extend .bg-color; - background: $complementary; + @extend .bg-color; + background: $complementary; } + .bg-red { - @extend .bg-color; - background: $red; + @extend .bg-color; + background: $red; } + .bg-blue { - @extend .bg-color; - background: $blue; + @extend .bg-color; + background: $blue; } + .bg-green { - @extend .bg-color; - background: $green; + @extend .bg-color; + background: $green; } @@ -136,35 +146,42 @@ html { * Typography */ .h1 { - font-size:50px; - font-weight:100; + font-size: 50px; + font-weight: 100; } + .h2 { - margin: 0 0 15px 0; - font-size:30px; + margin: 0 0 15px; + font-size: 30px; } + .h3 { - margin: 0 0 10px 0; - font-size: 20px; + margin: 0 0 10px; + font-size: 20px; } + .p { - margin-bottom: 20px; - font-size:16px; - color: darken($primary-color, 35%); + margin-bottom: 20px; + font-size: 16px; + color: darken($primary-color, 35%); } + .subtitle { - font-size:30px; - font-weight:200; + font-size: 30px; + font-weight: 200; } + .heading { - font-size:20px; + font-size: 20px; } + a { - color: darken($complementary,5%); - text-decoration: none; + color: darken($complementary, 5%); + text-decoration: none; } + small { - font-size:0.6em; + font-size: 0.6em; } @@ -172,7 +189,7 @@ small { * Prism */ xmp { - background-color: $primary-color !important; + background-color: $primary-color !important; } @@ -180,61 +197,60 @@ xmp { * State selector */ .selector { - margin-bottom: 15px; - padding:5px; - border-radius:3px; - display:inline-block; - margin-right:10px; - background:$complementary; - - - li { - color:darken($complementary,60%); - display:inline-block; - padding:5px 10px; - border-radius:3px; - cursor:pointer; - margin-right: 2px; - - // @each $stateName in gridle_get_registered_states_names() { - // @if $stateName != default { - // @include gridle_state($stateName) { - // &[data-state="#{$stateName}"] { - // outline: 2px solid $red; - // } - // } - // } - // } - - &.active { - color: white; - background:darken($complementary,20%) !important; - } - } - - &.selector--options { - background:lighten($braun,20%); - - li { - color:darken($braun,60%); - background:$braun; - - &.active { - background:darken($braun,20%) !important; - color: white; - } - } - } - - @include gridle_state(m) { - display:block; - margin:0 0 15px 0; - - li { - display: block; - padding:10px; - } - } + margin-bottom: 15px; + padding: 5px; + border-radius: 3px; + display: inline-block; + margin-right: 10px; + background: $complementary; + + + li { + color: darken($complementary, 60%); + display: inline-block; + padding: 5px 10px; + border-radius: 3px; + cursor: pointer; + margin-right: 2px; + + // @each $stateName in gridle_get_registered_states_names() { + // @if $stateName != default { + // @include gridle_state($stateName) { + // &[data-state="#{$stateName}"] { + // outline: 2px solid $red; + // } + // } + // } + // } + + &.active { + color: white; + background: darken($complementary, 20%) !important; + } + } + &.selector--options { + background: lighten($braun, 20%); + + li { + color: darken($braun, 60%); + background: $braun; + + &.active { + background: darken($braun, 20%) !important; + color: white; + } + } + } + + @include gridle_state(m) { + display: block; + margin: 0 0 15px; + + li { + display: block; + padding: 10px; + } + } } @@ -242,51 +258,47 @@ xmp { * Debug grid */ .gridle-debug { - margin-bottom:50px; - - [class*="gr"] { - background: $primary-color; - border: 1px solid darken($primary-color, 5%); - padding-top: 10px; - padding-bottom: 10px; - - &:before { - display:block; - content: attr(class); - font-weight: bold; - } - } - [class*="push-"], - [class*="prefix-"] { - background: darken($primary-color, 15%); - } - [class*="pull-"], - [class*="suffix-"] { - background: darken($primary-color, 20%); - } - - [class="row"], - [class="col"] { - padding-top: 0; - padding-bottom: 0; - } + margin-bottom: 50px; + + [class*='gr'] { + background: $primary-color; + border: 1px solid darken($primary-color, 5%); + padding-top: 10px; + padding-bottom: 10px; + + &:before { + display: block; + content: attr(class); + font-weight: bold; + } + } + [class*='push-'], [class*='prefix-'] { + background: darken($primary-color, 15%); + } + [class*='pull-'], [class*='suffix-'] { + background: darken($primary-color, 20%); + } + [class='row'], [class='col'] { + padding-top: 0; + padding-bottom: 0; + } } + .no-debug-class { - [class*="gr"]:before, - &:before { - content: "" !important; - } + [class*='gr']:before, &:before { + content: '' !important; + } } /** * Placeholders */ .img-placeholder { - display:inline-block; - width:50px; - height:50px; - border-radius:50%; - background:darken($primary-color, 10%); + display: inline-block; + width: 50px; + height: 50px; + border-radius: 50%; + background: darken($primary-color, 10%); } @@ -294,28 +306,31 @@ xmp { * List */ .list { - &.list--inline { - .list__item { - display:inline-block; - } - } -} - - .list__title { - font-weight:bold; - font-size:16px; - } - .list__description { - font-size:12px; - } - .list__image { - @extend .img-placeholder; - background-size:cover; - background-position:50% 50%; - } - .list__sharings { - font-size:20px !important; - } + &.list--inline { + .list__item { + display: inline-block; + } + } +} + +.list__title { + font-weight: bold; + font-size: 16px; +} + +.list__description { + font-size: 12px; +} + +.list__image { + @extend .img-placeholder; + background-size: cover; + background-position: 50% 50%; +} + +.list__sharings { + font-size: 20px !important; +} /** @@ -323,22 +338,20 @@ xmp { */ .list--top-bar { - @extend .list--inline; - - .list__item { + @extend .list--inline; - a { - display: inline-block; - padding:10px; + .list__item { + a { + display: inline-block; + padding: 10px; - &:hover, - &.active { - color: white; - background: $orange; - text-shadow:rgba(0,0,0,.3) 1px 1px 0; - } - } - } + &:hover, &.active { + color: white; + background: $orange; + text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0; + } + } + } } @@ -346,16 +359,16 @@ xmp { * Gridle set sample : */ #myCoolItem { - @include gridle_set(( - grid : 8, - push : 2, - t : ( - grid : 12, - push : 0 - ), - m : ( - grid : 12, - visible : false - ) - )); + @include gridle_set(( + grid : 8, + push : 2, + t : ( + grid : 12, + push : 0 + ), + m : ( + grid : 12, + visible : false + ) + )); } diff --git a/src/sass/_common/external/tests.scss b/src/sass/_common/external/tests.scss index 2113072511f..4d3f67a4580 100755 --- a/src/sass/_common/external/tests.scss +++ b/src/sass/_common/external/tests.scss @@ -26,494 +26,543 @@ // @include gridle_debug((hello, world)); @include gridle_generate_custom_class( ('txt','-','align','-','center','-','%state') ) { - text-align: center; - content : "#{gridle_current_state_name()}"; + text-align: center; + content: '#{gridle_current_state_name()}'; } - - @include gridle_selector(not-visible visible show hide, default m) { - content : "your css..."; - @include gridle_state(m) { - content : "you can even use the gridle_state mixin etc..."; - } + content: 'your css...'; + @include gridle_state(m) { + content: 'you can even use the gridle_state mixin etc...'; + } } @include gridle_selector(grid) { - content : "all grid selector"; + content: 'all grid selector'; } @include gridle_selector(grid, m) { - content : "all mobile grid selector"; + content: 'all mobile grid selector'; } @include gridle_selector(grid, m t) { - content : "all mobile and tablet grid selector"; + content: 'all mobile and tablet grid selector'; } + .selector { - @include gridle_selector(hide) { - content : "hide selector nested"; - } + @include gridle_selector(hide) { + content: 'hide selector nested'; + } } .relative { - @include gridle(2/3); + @include gridle(2/3); } // gridle mixin .gridle { - @include gridle(2 of 12 at 10 gutter top left grid-centered true - m 2 of 30 at 20 - t 10 gutter 20px 10px - ); + @include gridle(2 of 12 at 10 gutter top left grid-centered true + m 2 of 30 at 20 + t 10 gutter 20px 10px +); } // layout .layout { - $context : ( - context : 50 - ); - @include gridle_layout(( - '.header' : 30 at 10 t 20 at 5, - '.login' : 10 t 20 no-gutter, - '.content' : 40, - '.sidebar' : 10, - '.footer' : 50 - ), $context); + $context : ( + context : 50 + ); + @include gridle_layout(( + '.header' : 30 at 10 t 20 at 5, + '.login' : 10 t 20 no-gutter, + '.content' : 40, + '.sidebar' : 10, + '.footer' : 50 + ), $context); } // standard grid mixins : .grid-12 { - @include gridle_grid(12); + @include gridle_grid(12); } + .grid-1on5 { - @include gridle_grid("1on5"); + @include gridle_grid('1on5'); } + .grid-12-on-100 { - @include gridle_grid(12, 100); + @include gridle_grid(12, 100); } + .grid-15-on-100-on-mobile { - @include gridle_state(m) { - @include gridle_grid(15, 100); - } + @include gridle_state(m) { + @include gridle_grid(15, 100); + } } + .grid-set-1-on-4 { - @include gridle_set( ( - grid : (1, 4) - ) ); + @include gridle_set( ( + grid : (1, 4) + ) ); } + .grid-30-on-100-on-mobile-and-tablet { - @include gridle_grid(30, 100); - @include gridle_state(m t) { - @include gridle_grid(30, 100); - } + @include gridle_grid(30, 100); + @include gridle_state(m t) { + @include gridle_grid(30, 100); + } } // row .grid-row { - @include gridle_row(); + @include gridle_row(); } + .grid-row-set { - @include gridle_set(( - row : true - )); + @include gridle_set(( + row : true + )); } // clear each .clear-each-2 { - @include gridle_clear_each(2); + @include gridle_clear_each(2); } + .clear-each-2-left { - @include gridle_clear_each(2, left); + @include gridle_clear_each(2, left); } + .clear-each-2-left-mobile { - @include gridle_state(m) { - @include gridle_clear_each(2, left); - } + @include gridle_state(m) { + @include gridle_clear_each(2, left); + } } + .clear-each-2-set { - @include gridle_set(( - clear-each : ( 2, left ) - )); + @include gridle_set(( + clear-each : ( 2, left ) + )); } // gutter width .gutter-width { - @include gridle_gutter(100px); - @include gridle_gutter(( - top : 10px, - right : 50px, - bottom : 10px, - left : 50px - )); - @include gridle_gutter(top left); + @include gridle_gutter(100px); + @include gridle_gutter(( + top : 10px, + right : 50px, + bottom : 10px, + left : 50px + )); + @include gridle_gutter(top left); } + .gutter-width-set { - @include gridle_set(( - gutter : 100px - )); - content : "multple values"; - @include gridle_set(( - gutter : ( - top : 10px, - right : 50px, - bottom : 10px, - left : 50px - ) - )); - content : "multiple sides"; - @include gridle_set(( - gutter : top left, - m : ( - gutter : 100px - ) - )); + @include gridle_set(( + gutter : 100px + )); + content: 'multple values'; + @include gridle_set(( + gutter : ( + top : 10px, + right : 50px, + bottom : 10px, + left : 50px + ) + )); + content: 'multiple sides'; + @include gridle_set(( + gutter : top left, + m : ( + gutter : 100px + ) + )); } + .gutter-with-sizes-inline { - @include gridle_gutter(10px 20px); + @include gridle_gutter(10px 20px); } + .gutter-with-sizes-inline--set { - @include gridle_gutter(10px 20px); - @include gridle_set( ( - gutter : 10px 20px - ) ); + @include gridle_gutter(10px 20px); + @include gridle_set( ( + gutter : 10px 20px + ) ); } + .gutter-with-sizes-inline-4 { - @include gridle_gutter(5px 10px 15px 20px); + @include gridle_gutter(5px 10px 15px 20px); } + .gutter-with-sizes-inline-4--set { - @include gridle_set( ( - gutter : 5px 10px 15px 20px - ) ); + @include gridle_set( ( + gutter : 5px 10px 15px 20px + ) ); } // centered .centered { - @include gridle_grid_centered(); + @include gridle_grid_centered(); } + .centered-mobile { - @include gridle_state(m) { - @include gridle_grid_centered(); - } + @include gridle_state(m) { + @include gridle_grid_centered(); + } } // align $align : (left,center,right,top,middle,bottom); @each $a in $align { - .align-#{$a} { - @include gridle_row_align($a); - } + .align-#{$a} { + @include gridle_row_align($a); + } } // push .push-6 { - @include gridle_push(6); + @include gridle_push(6); } + .push-12-mobile { - @include gridle_state(m) { - @include gridle_push(12); - } + @include gridle_state(m) { + @include gridle_push(12); + } } + .push-set { - @include gridle_set(( - push : 3 - )); + @include gridle_set(( + push : 3 + )); } + .push-nested { - @include gridle_push(3); - @include gridle_state(m) { - @include gridle_push(0); - } + @include gridle_push(3); + @include gridle_state(m) { + @include gridle_push(0); + } } // pull .pull-6 { - @include gridle_pull(6); + @include gridle_pull(6); } + .pull-12-mobile { - @include gridle_state(m) { - @include gridle_pull(12); - } + @include gridle_state(m) { + @include gridle_pull(12); + } } + .pull-set { - @include gridle_set(( - pull : 3 - )); + @include gridle_set(( + pull : 3 + )); } + .pull-nested { - @include gridle_pull(3); - @include gridle_state(m) { - @include gridle_pull(0); - } + @include gridle_pull(3); + @include gridle_state(m) { + @include gridle_pull(0); + } } // prefix .prefix-6 { - @include gridle_prefix(6); + @include gridle_prefix(6); } + .prefix-12-mobile { - @include gridle_state(m) { - @include gridle_prefix(12); - } + @include gridle_state(m) { + @include gridle_prefix(12); + } } + .prefix-set { - @include gridle_set(( - prefix : 3 - )); + @include gridle_set(( + prefix : 3 + )); } + .prefix-nested { - @include gridle_prefix(3); - @include gridle_state(m) { - @include gridle_prefix(0); - } + @include gridle_prefix(3); + @include gridle_state(m) { + @include gridle_prefix(0); + } } // suffix .suffix-6 { - @include gridle_suffix(6); + @include gridle_suffix(6); } + .suffix-12-mobile { - @include gridle_state(m) { - @include gridle_suffix(12); - } + @include gridle_state(m) { + @include gridle_suffix(12); + } } + .suffix-set { - @include gridle_set(( - suffix : 3 - )); + @include gridle_set(( + suffix : 3 + )); } + .pull-suffix { - @include gridle_suffix(3); - @include gridle_state(m) { - @include gridle_suffix(0); - } + @include gridle_suffix(3); + @include gridle_state(m) { + @include gridle_suffix(0); + } } // hide .hide { - @include gridle_hide(); + @include gridle_hide(); } + .hide-mobile { - @include gridle_state(m) { - @include gridle_hide(); - } + @include gridle_state(m) { + @include gridle_hide(); + } } + .hide-set { - @include gridle_set(( - hide : true - )); + @include gridle_set(( + hide : true + )); } // show .show { - @include gridle_show(); + @include gridle_show(); } + .show-mobile { - @include gridle_state(m) { - @include gridle_show(); - } + @include gridle_state(m) { + @include gridle_show(); + } } + .show-set { - @include gridle_set(( - show : false - )); + @include gridle_set(( + show : false + )); } // show_inline .show_inline { - @include gridle_show_inline(); + @include gridle_show_inline(); } + .show_inline-mobile { - @include gridle_state(m) { - @include gridle_show_inline(); - } + @include gridle_state(m) { + @include gridle_show_inline(); + } } + .show_inline-set { - @include gridle_set(( - show-inline : true - )); + @include gridle_set(( + show-inline : true + )); } // not_visible .not_visible { - @include gridle_not_visible(); + @include gridle_not_visible(); } + .not_visible-mobile { - @include gridle_state(m) { - @include gridle_not_visible(); - } + @include gridle_state(m) { + @include gridle_not_visible(); + } } + .not_visible-set { - @include gridle_set(( - not-visible : true - )); + @include gridle_set(( + not-visible : true + )); } // visible .visible { - @include gridle_visible(); + @include gridle_visible(); } + .visible-mobile { - @include gridle_state(m) { - @include gridle_visible(); - } + @include gridle_state(m) { + @include gridle_visible(); + } } + .visible-set { - @include gridle_set(( - visible : false - )); + @include gridle_set(( + visible : false + )); } // gridle state .gridle-state { - background: red; - @include gridle_grid(8); - - @include gridle_state(m t) { - background: pink; - @include gridle_grid(12); - } - @include gridle_state(( - query : "only print" - )) { - background: yellow; - @include gridle_grid(10); - } - @include gridle_state(( - max-width : 200px - )) { - background: green; - @include gridle_grid(5); - } - - @include gridle_state(200px, 600px) { - content : "ad hoc state"; - background: white; - @include gridle_grid(3); - } + background: red; + @include gridle_grid(8); + + @include gridle_state(m t) { + background: pink; + @include gridle_grid(12); + } + @include gridle_state(( + query : 'only print' + )) { + background: yellow; + @include gridle_grid(10); + } + @include gridle_state(( + max-width : 200px + )) { + background: green; + @include gridle_grid(5); + } + + @include gridle_state(200px, 600px) { + content: 'ad hoc state'; + background: white; + @include gridle_grid(3); + } } // gridle set .gridle-set { - @include gridle_set(( - grid : 6, - push : 2, - t : ( - grid : 8, - push : 0, - ), - clear : left, - m : ( - grid : 12, - push : 0, - pull : 0 - ) - )); + @include gridle_set(( + grid : 6, + push : 2, + t : ( + grid : 8, + push : 0, + ), + clear : left, + m : ( + grid : 12, + push : 0, + pull : 0 + ) + )); } + .gridle-set-multiple { - @include gridle_set(( - grid : 6 - )); - @include gridle_set(( - grid : 12 - ), m t); + @include gridle_set(( + grid : 6 + )); + @include gridle_set(( + grid : 12 + ), m t); } // float-right .float-right { - @include gridle_float(right); + @include gridle_float(right); } + .float-left-mobile { - @include gridle_state(m) { - @include gridle_float(left); - } + @include gridle_state(m) { + @include gridle_float(left); + } } + .float-set { - @include gridle_set(( - float : right - )); + @include gridle_set(( + float : right + )); } // clear .clear { - @include gridle_clear(); + @include gridle_clear(); } + .clear-left-mobile { - @include gridle_state(m) { - @include gridle_clear(left); - } + @include gridle_state(m) { + @include gridle_clear(left); + } } + .clear-set { - @include gridle_set(( - clear : left - )); + @include gridle_set(( + clear : left + )); } // gutters .gutters { - @include gridle_gutter(); + @include gridle_gutter(); } + .gutters-left { - @include gridle_gutter(left); + @include gridle_gutter(left); } + .gutters-side-mobile { - @include gridle_state(m) { - @include gridle_gutter(left right); - } + @include gridle_state(m) { + @include gridle_gutter(left right); + } } // no-gutter .no-gutter { - @include gridle_no_gutter(); + @include gridle_no_gutter(); } + .no-gutter-left { - @include gridle_no_gutter(left); + @include gridle_no_gutter(left); } + .no-gutter-side-mobile { - @include gridle_state(m) { - @include gridle_no_gutter(left right); - } + @include gridle_state(m) { + @include gridle_no_gutter(left right); + } } // gridle_get_states_count .gridle_get_states_count { - content: gridle_get_states_count(); + content: gridle_get_states_count(); } // gridle_get_column_width .gridle_get_column_width { - content: gridle_get_column_width(); + content: gridle_get_column_width(); } + .gridle_get_column_width-mobile { - content: gridle_get_column_width(1, m); + content: gridle_get_column_width(1, m); } + .gridle_get_column_width-2 { - content: gridle_get_column_width(2); + content: gridle_get_column_width(2); } // gridle_get_state .gridle_get_state { - content: "#{inspect(gridle_get_state(m))}"; + content: '#{inspect(gridle_get_state(m))}'; } + .gridle_get_state-custom { - content: "#{inspect(gridle_get_state(( + content: '#{inspect(gridle_get_state(( min-width : 200px, max-width : 600px - )))}"; + )))}'; } // gridle_has_state .gridle_has_state-mobile { - content : gridle_has_state(m); + content: gridle_has_state(m); } + .gridle_has_state-coco { - content: gridle_has_state(coco); + content: gridle_has_state(coco); } // gridle_get_state_var .gridle_get_state_var-context-mobile { - content: gridle_get_state_var(context, m); + content: gridle_get_state_var(context, m); } // gridle_set_state_var .gridle_set_state_var { - content : inspect(gridle_set_state_var(name, coucou, m)); + content: inspect(gridle_set_state_var(name, coucou, m)); } diff --git a/src/sass/_common/external/tools/_reset.scss b/src/sass/_common/external/tools/_reset.scss index f25b72199fe..e1ae522a96c 100755 --- a/src/sass/_common/external/tools/_reset.scss +++ b/src/sass/_common/external/tools/_reset.scss @@ -1,47 +1,38 @@ -/* http://meyerweb.com/eric/tools/css/reset/ +/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, xmp, -a, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, xmp, a, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; } + body { } + ol, ul { - list-style: none; + list-style: none; } + blockquote, q { - quotes: none; + quotes: none; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; + +blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; } + table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } diff --git a/src/sass/_common/footer.scss b/src/sass/_common/footer.scss index 0f2d6b20407..7551200aafb 100644 --- a/src/sass/_common/footer.scss +++ b/src/sass/_common/footer.scss @@ -18,63 +18,6 @@ .content-inverse-color a { text-decoration: underline; } - #footer-regulatory { - padding-bottom: 30px; - - a, p, .fld-risk-warning legend { - font-size: 13px !important; - } - a, p { - font-weight: 100; - } - a { - color: $COLOR_GRAY; - } - p, .fld-risk-warning legend { - color: #a8a8a8; // stylelint-disable color-no-hex - text-align: justify; - margin: 0 0 10px; - - @at-root #footer #footer-regulatory .copyright p { - margin: 0; - } - } - .age-restriction-sign { - width: 45px; - } - .fld-risk-warning { - border-color: $COLOR_DARK_GRAY; - - legend { - text-transform: uppercase; - } - } - .about-binary { - border-top: 1px solid $COLOR_DARK_GRAY; - border-bottom: 1px solid $COLOR_DARK_GRAY; - padding: 10px 0; - margin-bottom: 10px; - - p { - margin: 0; - } - } - .risk-warning { - p { - font-size: 16px; - } - } - #ratelimit-error-message, #site-status-message { - position: fixed; - top: 0; - width: 100%; - background-color: $COLOR_YELLOW; - z-index: 999; - } - #site-status-message { - z-index: 9999; - } - } .iom-icon { width: 90px; } @@ -242,22 +185,4 @@ } } } - - .copyright { - display: flex; - align-items: center; - width: 100%; - margin-bottom: 6px; - font-size: $FONT_SIZE_S; - - img { - display: inline-block; - width: 16px; - height: 16px; - margin-right: 4px; - } - p { - margin: 0; - } - } } diff --git a/src/sass/_common/table.scss b/src/sass/_common/table.scss index ab4c73f458b..b5439476c4a 100644 --- a/src/sass/_common/table.scss +++ b/src/sass/_common/table.scss @@ -101,53 +101,4 @@ table { background-color: var(--general-section-1); width: fit-content; } - #statement-table { - td.date { - min-width: 101px; - } - } - #statement-table, #profit-table { - tr { - & > th.details, & > td.details { - display: none !important; - } - td { - overflow: initial; - } - td.desc { - max-width: 30em; - overflow-wrap: break-word; - } - @media (max-width: $md) { - & > th.details, & > td.details { - display: table-cell !important; - position: relative; - - .button { - padding: 8px 15px; - position: absolute; - top: 0.25rem; - } - } - th, td { - font-size: $FONT_SIZE_XS; - } - } - } - } - @media (max-width: $md) { - #profit-table tr { - > th.contract, > td.contract { - display: none !important; - } - } - #statement-table { - table-layout: auto; - } - #statement-table tr { - > th.desc, > td.desc { - display: none !important; - } - } - } } diff --git a/src/sass/app.scss b/src/sass/app.scss index 19c9b315dd5..c6ff7af402e 100644 --- a/src/sass/app.scss +++ b/src/sass/app.scss @@ -1,13 +1,13 @@ -@import '_common/common_import'; - -@import 'app/trading'; -//@import 'app/metatrader'; -//@import 'app/portfolio'; -//@import 'app/resources'; -@import 'app/sell_popup'; -@import 'app/trade'; -@import 'app/reality_check'; -//@import 'app/websocket_pages'; -@import 'app/components/market'; -@import 'app/components/contract'; -//@import 'app/components/account_transfer'; +@import 'app/components/account_transfer.scss'; +@import 'app/components/contract.scss'; +@import 'app/components/market.scss'; +@import 'app/components/peek_box.scss'; + +@import 'app/reality_check.scss'; + + +@import 'app/sell_popup.scss'; + +@import 'app/trade.scss'; +@import 'app/trading.scss'; +@import 'app/websocket_pages.scss'; diff --git a/src/sass/app/components/contract.scss b/src/sass/app/components/contract.scss index 8c13980583a..2507689bb8f 100644 --- a/src/sass/app/components/contract.scss +++ b/src/sass/app/components/contract.scss @@ -81,7 +81,7 @@ width: 16px; height: 16px; float: right; - background: url('../images/pages/trade/assets/ic-close-normal.svg') 100% 100%; + background: url('/src/images/pages/trade/assets/ic-close-normal.svg') 100% 100%; } } .list { @@ -122,7 +122,6 @@ } .contract_subtypes { font-size: 14px; - // font-weight: 300; @media (max-width: 767px) { font-size: 16px; } diff --git a/src/sass/app/components/market.scss b/src/sass/app/components/market.scss index 3beef39e310..0e4a5dd9af0 100644 --- a/src/sass/app/components/market.scss +++ b/src/sass/app/components/market.scss @@ -84,7 +84,7 @@ width: 16px; height: 16px; float: right; - background: url('../images/pages/trade/assets/ic-close-normal.svg') 100% 100%; + background: url('/src/images/pages/trade/assets/ic-close-normal.svg') 100% 100%; } } .search { @@ -124,7 +124,7 @@ position: relative; top: -22px; right: 7px; - background: url('../images/pages/trade/assets/ic-search-normal.svg') 100% 100%; + background: url('/src/images/pages/trade/assets/ic-search-normal.svg') 100% 100%; } } .markets_view { @@ -233,32 +233,32 @@ background-size: 100%; &.forex { - background: url('../images/pages/trade/assets/ic-forex-normal.svg') no-repeat; + background: url('/src/images/pages/trade/assets/ic-forex-normal.svg') no-repeat; background-size: contain; transition: none; } &.basket_index { - background: url('../images/pages/trade/assets/ic-basket_index-normal.svg') no-repeat; + background: url('/src/images/pages/trade/assets/ic-basket_index-normal.svg') no-repeat; background-size: contain; transition: none; } &.indices { - background: url('../images/pages/trade/assets/ic-indices-normal.svg') no-repeat; + background: url('/src/images/pages/trade/assets/ic-indices-normal.svg') no-repeat; background-size: contain; transition: none; } &.stocks { - background: url('../images/pages/trade/assets/ic-stocks-normal.svg') no-repeat; + background: url('/src/images/pages/trade/assets/ic-stocks-normal.svg') no-repeat; background-size: contain; transition: none; } &.commodities { - background: url('../images/pages/trade/assets/ic-commodities-normal.svg') no-repeat; + background: url('/src/images/pages/trade/assets/ic-commodities-normal.svg') no-repeat; background-size: contain; transition: none; } &.synthetic_index { - background: url('../images/pages/trade/assets/ic-synthetic_index-normal.svg') no-repeat; + background: url('/src/images/pages/trade/assets/ic-synthetic_index-normal.svg') no-repeat; background-size: contain; transition: none; } diff --git a/src/sass/app/metatrader.scss b/src/sass/app/metatrader.scss deleted file mode 100644 index 19ac58ed95a..00000000000 --- a/src/sass/app/metatrader.scss +++ /dev/null @@ -1,545 +0,0 @@ -@import './metatrader_download'; - -#mt_account_management { - margin: 0; - - > div { - display: flex; - } - .mt-container { - padding: 20px; - } - .mt-panel { - border: 1px solid $COLOR_GRAY; - border-radius: $BORDER_RADIUS; - margin-bottom: 20px; - - & .password { - &--field-wrapper { - max-width: unset; - - input { - max-width: unset; - } - } - &--message { - white-space: unset; - } - @media screen and (max-width: 480px) { - &--field-wrapper { - max-width: unset; - - input { - width: 100% !important; - } - } - &--meter { - top: 22px; - } - &--toggle { - top: 5px; - } - } - } - } - .flex { - display: flex; - } - .get-started-link { - display: block; - padding: 10px 20px; - margin-bottom: 20px; - border-radius: $BORDER_RADIUS; - color: $COLOR_BLUE; - background: $COLOR_LIGHT_GRAY; - font-weight: bold; - - &:before { - content: ''; - background-image: url('../images/pages/metatrader/dashboard/get_started.svg'); - background-size: 16px 16px; - height: 16px; - width: 16px; - display: inline-block; - vertical-align: middle; - margin-right: 10px; - } - } - .mt-trade-server { - color: $COLOR_WHITE; - border-radius: 2px; - background-color: $COLOR_ORANGE; - padding: 4px; - text-align: center; - font-size: $FONT_SIZE_XXS; - } - .password-type { - display: flex; - flex-direction: row; - justify-content: center; - margin-top: 8px; - - > *:not(:last-child) { - margin-right: 20px; - } - } - #account_selector { - position: relative; - cursor: pointer; - margin-bottom: 10px; - - #mt5_account, #accounts_list { - border: 1px solid $COLOR_BLUE_SHADE; - } - #mt5_account { - min-height: 38px; - line-height: 38px; - padding: 0 10px; - box-sizing: border-box; - margin: 0; - overflow: hidden; - background: $COLOR_BLUE_SHADE; - color: $COLOR_WHITE; - border-radius: $BORDER_RADIUS; - - &.open { - border-radius: $BORDER_RADIUS $BORDER_RADIUS 0 0; - } - &:after { - content: ''; - display: block; - float: right; - margin-top: 17px; - margin-bottom: 17px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid $COLOR_WHITE; - } - } - #accounts_list { - width: 100%; - padding: 5px 0; - border-radius: 0 0 $BORDER_RADIUS $BORDER_RADIUS; - border-top: 0; - display: none; - position: absolute; - background: $COLOR_WHITE; - z-index: 1; - box-sizing: border-box; - font-size: $FONT_SIZE_S; - - .acc-group { - line-height: 30px; - padding: 0 5px; - color: $COLOR_DARK_GRAY; - - &:hover { - cursor: auto; - } - } - .acc-name { - line-height: 30px; - padding: 0 20px; - - &.disabled { - cursor: not-allowed; - color: $COLOR_GRAY !important; - background-color: transparent !important; - - .mt-icon { - opacity: 0.4; - } - } - &:hover { - color: $COLOR_BLUE_SHADE; - background: $COLOR_LIGHT_GRAY; - } - &.selected { - background: $COLOR_GRAY; - } - .mt-balance { - float: right; - font-size: $FONT_SIZE_XS; - } - .mt-icon { - float: right; - } - .mt-login { - padding-left: 3px; - font-size: 90%; - } - .mt-server { - margin-left: 4px; - } - } - .separator { - margin: 5px 0; - } - } - } - #mt_right_panel { - font-size: $FONT_SIZE_S; - - .platforms { - display: flex; - flex-direction: row; - flex-wrap: wrap; - @media (min-width: 992px) { - margin-left: -10px; - margin-right: -10px; - } - - li { - width: 50%; - text-align: center; - margin-bottom: 20px; - padding: 0 5px; - box-sizing: border-box; - - img { - display: block; - height: 30px; - margin: 0 auto 10px; - } - } - } - .badges { - display: flex; - justify-content: space-around; - width: 100%; - - span { - width: 85px; - height: 25px; - background-size: contain; - } - } - } - #account_details { - flex: 0; - position: relative; - - .acc-info { - font-size: $FONT_SIZE_S; - word-wrap: break-word; - - [data=login] { - margin-left: 10px; - } - .balance { - font-size: $FONT_SIZE_XXL; - color: $COLOR_BLUE; - - .symbols { - display: block; - } - } - .display_login_tip { - margin-left: 4px; - border-bottom: none; - } - } - .add_region { - position: absolute; - bottom: 20px; - right: 20px; - - #btn_add_region { - margin-right: 16px; - } - span { - font-size: 18px; - } - } - } - .acc-actions { - display: flex; - - * { - transition: unset !important; - } - a, > span { - background: $COLOR_LIGHT_GRAY; - line-height: 40px; - font-weight: normal; - flex: 1; - - &:first-child { - border-radius: $BORDER_RADIUS 0 0; - } - &:last-child { - border-radius: 0 $BORDER_RADIUS 0 0; - } - &.selected { - color: $COLOR_WHITE; - background: $COLOR_BLUE_SHADE; - } - &:hover { - text-decoration: none; - } - } - } - .fst-container { - #fst_action { - position: relative; - - h3 { - padding-top: 10px; - margin-bottom: 5px; - } - .separator, #main_msg { - margin-bottom: 20px; - } - button .barspinner.white { - height: 13px; - margin: 3px; - } - #frm_cashier { - .mt-panel { - margin-bottom: 0; - padding: 15px; - flex: 1; - } - .binary-balance, .mt5-balance { - font-weight: bold; - color: $COLOR_GRAY_SHADE; - } - #mt5_remaining_transfers .empty { - color: $COLOR_RED; - } - } - #frm_manage_password { - #token_error { - margin-bottom: 10px; - } - select:focus { - outline: none; - } - button[type='submit'] { - line-height: 22px; - } - } - .type-group { - .mt5_type_box { - width: 88px; - height: 88px; - margin: 0 auto; - border: 1px solid $COLOR_GRAY; - border-radius: $BORDER_RADIUS; - cursor: pointer; - position: relative; - display: flex; - align-items: center; - - &:hover { - border-color: $COLOR_BLUE; - } - &:before { - content: ''; - width: 16px; - height: 16px; - border: 1px solid $COLOR_GRAY; - border-radius: 50%; - position: absolute; - right: 6px; - top: 6px; - } - div { - font-weight: bold; - color: $COLOR_BLUE; - text-align: center; - flex: 1; - } - img { - height: 65px; - margin: auto; - } - &.disabled, &.existed { - cursor: default; - - &:hover { - border-color: $COLOR_GRAY; - } - &:after { - content: ''; - width: 88px; - height: 88px; - position: absolute; - background: rgba(0, 0, 0, 0.05); - } - } - &.disabled { - cursor: not-allowed; - - &:before { - background: url('../images/pages/metatrader/dashboard/tick_disabled.svg'); - } - &:after { - background: transparent; - } - } - &.existed:before { - background: url('../images/pages/metatrader/dashboard/tick_gray.svg'); - border: none; - } - &.selected { - border-color: $COLOR_BLUE; - cursor: default; - - &:before { - background: url('../images/pages/metatrader/dashboard/tick.svg'); - border: none; - } - } - } - p { - max-width: 140px; - margin: 0 auto; - } - #template_gaming_financial { - order: 1; - } - #template_financial_financial { - order: 2; - } - #template_financial_financial_stp { - order: 3; - } - } - #new_account_msg ul.bullet { - margin-top: 0; - margin-bottom: 0; - } - #frm_new_account { - #btn_submit_new_account { - margin-left: 8px; - } - input[type='radio'][disabled] + label { - &:before { - border: 1px solid $COLOR_GRAY; - } - & span { - color: $COLOR_GRAY; - } - } - #server_unavailable_notice { - margin: 0 14px; - font-size: $FONT_SIZE_N; - line-height: 24px; - } - } - } - } - .txt-left { - text-align: left; - } - .separator { - height: 2px; - } - ul.checked.small > li { - background-size: 16px; - padding-left: 24px; - } - #account_desc { - .button { - span { - padding: 10px 5px; - line-height: 18px; - } - } - } -} - -@media (max-width: 1199px) { - #mt_account_management { - #accounts_list { - font-size: $FONT_SIZE_S; - - .mt-balance { - font-size: $FONT_SIZE_XS !important; - } - } - } -} - -@media (max-width: 991px) { - #mt_account_management .mt-container { - padding: 10px; - } -} - -@media (max-width: 768px) { - #mt_account_management { - .mobile-balance { - display: flex; - } - #account_details { - .add_region { - position: unset; - display: flex; - justify-content: flex-end; - width: 100%; - padding: 0 10px; - - a { - margin-bottom: 0 !important; - } - span { - padding: 9px; - font-size: 14px; - } - } - } - } -} - -.mt-sidebar-button { - display: flex; - flex-direction: column; - align-items: center; - min-height: 100px; - justify-content: space-around; - text-align: center; - - .small-icon { - img { - width: 76px; - } - } - .mt-link-download { - background-color: $COLOR_LIGHT_GRAY; - width: 100%; - height: inherit; - border-top: 1px solid $COLOR_GRAY; - - .mt-link-button { - display: inline-block; - margin-top: 10px; - } - } - .mt-title-mt5-web { - font-weight: bold; - } - .mt-link-web { - display: flex; - width: 100%; - margin-top: 10px; - height: 40px; - - .mt5-web-link { - flex: 50%; - background-color: $COLOR_LIGHT_GRAY; - height: 40px; - line-height: 40px; - border: 1px solid $COLOR_GRAY; - } - } -} - -.mt-sidebar-button.mt5-web { - height: 140px; -} - -tbody#instruments > tr > td { - width: 33%; -} diff --git a/src/sass/app/metatrader_download.scss b/src/sass/app/metatrader_download.scss deleted file mode 100644 index bb958c5fc2b..00000000000 --- a/src/sass/app/metatrader_download.scss +++ /dev/null @@ -1,33 +0,0 @@ -.mt-mobile-phone { - height: 397px; - width: auto; -} - -.mt-desktop-screen-app { - @media screen and (max-width: 480px) { - & { - max-width: 100%; - } - } - max-width: 600px; - height: auto; -} - -.mt-browser-icon { - max-width: 80px; -} - -.alternative-download-description { - margin: 0; -} - -.android-description, .ios-description { - padding: 0 30px; -} - -#mt_download { - .app-store-badge, .google-play-badge { - height: 56px; - width: 172px; - } -} \ No newline at end of file diff --git a/src/sass/app/portfolio.scss b/src/sass/app/portfolio.scss deleted file mode 100644 index 9497b275b00..00000000000 --- a/src/sass/app/portfolio.scss +++ /dev/null @@ -1,41 +0,0 @@ -#portfolio { - td { - padding: 10px; - vertical-align: middle; - - &.indicative, &.purchase { - white-space: nowrap; - } - &.indicative.no_resale { - color: $COLOR_GRAY_SHADE; - - span.message { - font-size: $FONT_SIZE_XXS; - display: block; - margin-top: -5px; - } - } - &.ref { - @include BIDIR_VALUE(text-align, left !important, right !important); - } - } - th { - padding: 10px; - @include BIDIR_VALUE(text-align, left, right); - - &.details { - width: 45%; - } - } - tr { - &.new { - background-color: rgba(46, 136, 54, 0.1); - } - &.tr-desc { - display: none; - } - } - @media screen and (max-width: 768px) { - @include portfolio_second_row_description; - } -} diff --git a/src/sass/app/resources.scss b/src/sass/app/resources.scss deleted file mode 100644 index 3ca81d14ca0..00000000000 --- a/src/sass/app/resources.scss +++ /dev/null @@ -1,57 +0,0 @@ -#trading-times, #asset-index { - table { - margin-top: -2px; - } - tr:nth-child(1) th { - background-color: $COLOR_GRAY_SHADE; - } - th { - line-height: 30px; - - &.submarket-name { - border-bottom: 1px solid $COLOR_DARK_GRAY !important; - text-align: center !important; - } - &.asset { - width: 24%; - } - &.opens, &.closes, &.settles { - width: 12%; - } - &.upcomingevents { - width: 40%; - } - } - td.asset { - font-weight: 700; - } - .ui-tabs-anchor:focus { - outline: none; - } - .ui-tabs-nav li { - margin-top: 5px; - } -} - -#asset_index_wrapper { - max-width: 1200px; - - #asset-index { - &.has-tabs.ui-tabs .ui-tabs-panel { - padding: 0; - } - .table-container { - overflow-x: auto; - } - th { - width: calc(100% / var(--number_of_columns)); - - &:nth-child(2):nth-last-child(1) { - width: 24%; - } - &:nth-child(2):nth-last-child(2), &:nth-child(3):nth-last-child(1) { - width: 18%; - } - } - } -} diff --git a/src/sass/app/trade.scss b/src/sass/app/trade.scss index 6b8842d81c6..d879fe5a02e 100644 --- a/src/sass/app/trade.scss +++ b/src/sass/app/trade.scss @@ -84,9 +84,6 @@ ul.bullet { #trading_init_progress { cursor: pointer; - /*background-image: url('../images/pages/binary-symbol-logo.png'); - background-image: url('../images/pages/binary-symbol-logo.svg'), none; - background-size: contain;*/ width: 10rem; height: 10rem; position: absolute; @@ -1082,6 +1079,7 @@ ul.bullet { margin: 0 auto; } #trade_analysis { + position: relative; a.tm-a.a-active, .tm-li.active a { display: block; pointer-events: none; diff --git a/src/sass/app/websocket_pages.scss b/src/sass/app/websocket_pages.scss index 63696024ac0..683892f8c5b 100644 --- a/src/sass/app/websocket_pages.scss +++ b/src/sass/app/websocket_pages.scss @@ -37,208 +37,10 @@ height: 800px; } -.detailsws-content { - div.select-dropdown { - width: 100%; - } - #address_form { - select.select-hidden { - min-width: 205px; - } - @media all and (max-width: 480px) { - div.select { - width: 85%; - - select.select-hidden { - min-width: unset; - } - } - } - } - #frmPersonalDetails { - @media all and (max-width: 480px) { - div.select { - width: 280px !important; - } - .error-msg { - text-align: center; - } - } - } -} - #limits-container thead { @include BIDIR_VALUE(text-align, left, right); } -#frm_assessment, #financial-form { - div.select { - min-width: 150px; - } - #source_of_wealth { - min-width: 300px; - } - @media screen and (max-width: 480px) { - label { - text-align: left; - margin-bottom: 0.5rem; - } - } -} - -#financial-form { - @media screen and (max-width: 480px) { - div.select { - width: calc(100% - 3rem); - } - } -} - -#frm_account_transfer { - div.select { - select.select-hidden { - min-width: 200px; - } - @media screen and (max-width: 480px) { - width: calc(100% - 1rem); - } - } -} - -#profit-table-container { - th { - padding-right: 8px; - } - td { - padding-right: 8px; - } - .pl { - text-align: right !important; - } - #pl-day-total .buy-date { - flex-grow: 6; - flex-shrink: 6; - } - .contract { - flex: 2 1 100px; - padding-right: 20px; - min-width: 150px; - } - .new-width { - min-width: 100px; - } -} - -#statement-container { - #statement-tool { - display: flex; - flex-flow: row; - justify-content: space-between; - @media (max-width: 804px) { - flex-flow: column; - } - - .date-picker-statement { - display: inline-block; - } - #filter-container { - display: inline-block; - width: 15rem; - margin-left: 10px; - - @media (max-width: 480px) { - width: 75%; - } - - @media (max-width: 804px) { - margin-top: 10px; - margin-left: 0; - } - } - } - #download_csv { - line-height: 28px; - } - .desc { - flex: 2 1 100px; - padding-right: 20px; - word-break: break-word; - min-width: 130px; - } - .act { - flex: 0.8 1 35px; - } - #account_statistics { - border: 1px solid $COLOR_LIGHT_GRAY; - margin: 30px 0; - @media (max-width: 480px) { - margin-bottom: 20px; - } - - div { - display: flex; - justify-content: center; - padding: 10px 20px; - - @media (max-width: 480px) { - padding: 10px 20px; - } - @media (max-width: 576px) { - padding: 10px; - } - } - p { - font-size: 1rem; - font-weight: bold; - margin: 0; - line-height: 1.5; - - &:not(.title) { - margin-top: 5px; - } - } - } - #download_statement_btn { - margin-bottom: 0; - margin-left: auto; - - @media (max-width: 480px) { - margin: 20px 0; - } - } -} - -#download-statement-container { - min-height: 400px; - - #download_to, #download_from { - display: inline; - max-width: 220px; - - @media (max-width: 480px) { - display: block; - margin-left: 0; - width: 100%; - box-sizing: border-box; - } - } -} - -#profit-table-container, #statement-container { - #date_to { - box-sizing: border-box; - } -} - -#settings_container { - .round-box { - border-radius: $BORDER_RADIUS; - } - .notice-circle { - margin: auto 15px; - } -} - .lightbox { &#top_up_virtual_pop_up, &#top_up_error, &#top_up_success { > div { diff --git a/src/sass/graduate_program.scss b/src/sass/graduate_program.scss index 00e7abf7a9e..125ee25932f 100644 --- a/src/sass/graduate_program.scss +++ b/src/sass/graduate_program.scss @@ -2,9 +2,8 @@ /* common styles */ @import '_common/base/reset'; -@import 'landing_pages/common'; -@import 'landing_pages/graduate_program'; +// @import 'landing_pages/graduate_program'; /* Grid layout system */ @import '_common/external/grid'; \ No newline at end of file diff --git a/src/sass/hackathon.scss b/src/sass/hackathon.scss index a6a0f8baa7a..6274f4a9401 100644 --- a/src/sass/hackathon.scss +++ b/src/sass/hackathon.scss @@ -2,9 +2,8 @@ /* common styles */ @import '_common/base/reset'; -@import 'landing_pages/common'; -@import 'landing_pages/hackathon'; +// @import 'landing_pages/hackathon'; /* Grid layout system */ -@import '_common/external/grid'; \ No newline at end of file +@import '_common/external/grid'; diff --git a/src/sass/landing_pages/common.scss b/src/sass/landing_pages/common.scss deleted file mode 100644 index db9a5b18477..00000000000 --- a/src/sass/landing_pages/common.scss +++ /dev/null @@ -1,44 +0,0 @@ -#end_note { - line-height: 25px; - background: $COLOR_RED; - font-size: $FONT_SIZE_XS; - position: fixed; - bottom: 0; - z-index: 10; - width: 100%; - text-align: center; - - &, & a { - color: $COLOR_WHITE; - } -} - -.lightbox { - display: flex; - position: fixed; - top: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.7); - z-index: 2000000000; - - > div { - margin: auto; - max-width: 44em; - max-height: 80vh; - background-color: $COLOR_WHITE; - border-radius: $BORDER_RADIUS; - overflow: auto; - text-align: center; - } -} - -.buorg { - color: $COLOR_BLACK; -} - -@media screen and (max-width: 1199px) { - body .buorg { - font-size: $FONT_SIZE_S; - } -} diff --git a/src/sass/landing_pages/graduate_program.scss b/src/sass/landing_pages/graduate_program.scss index 5deb54f9764..11b199ff555 100644 --- a/src/sass/landing_pages/graduate_program.scss +++ b/src/sass/landing_pages/graduate_program.scss @@ -1,3 +1,8 @@ + + +$COLOR_BLUE: #1c5ae3; + + body { overflow-x: hidden; width: 100%; @@ -115,7 +120,7 @@ a.link { float: left; } .logo { - background: url('../images/logo/binary_logo_light.svg') no-repeat; + // background: url('images/logo/binary_logo_light.svg') no-repeat; width: 180px !important; height: 40px; margin: 15px 0; @@ -152,7 +157,7 @@ a.link { .navbar-toggle { position: relative; float: right; - background: url('../images/common/nav/main_menu.svg') no-repeat; + // background: url('../../images/common/nav/main_menu.svg') no-repeat; border: 1px solid transparent; border-radius: 4px; width: 36px; @@ -239,7 +244,7 @@ a.link { text-align: center; color: $COLOR_WHITE; padding-top: 70px; - background: url('../images/graduate_program/intro-bg.png') no-repeat bottom center scroll; + // background: url('../../images/graduate_program/intro-bg.png') no-repeat bottom center scroll; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; @@ -330,35 +335,35 @@ a.link { } .one_icon { - background-image: url('../images/graduate_program/one_icon.svg'); + // background-image: url('../../images/graduate_program/one_icon.svg'); } .two_icon { - background-image: url('../images/graduate_program/two_icon.svg'); + // background-image: url('../../images/graduate_program/two_icon.svg'); } .three_icon { - background-image: url('../images/graduate_program/three_icon.svg'); + // background-image: url('../../images/graduate_program/three_icon.svg'); } .four_icon { - background-image: url('../images/graduate_program/four_icon.svg'); + // background-image: url('../../images/graduate_program/four_icon.svg'); } .five_icon { - background-image: url('../images/graduate_program/five_icon.svg'); + // background-image: url('../../images/graduate_program/five_icon.svg'); } .six_icon { - background-image: url('../images/graduate_program/six_icon.svg'); + // background-image: url('../../images/graduate_program/six_icon.svg'); } .ic_chevron_left { - background-image: url('../images/graduate_program/ic_chevron_left.svg'); + // background-image: url('../../images/graduate_program/ic_chevron_left.svg'); } .ic_chevron_right { - background-image: url('../images/graduate_program/ic_chevron_right.svg'); + // background-image: url('../../images/graduate_program/ic_chevron_right.svg'); } .quotes { @@ -368,7 +373,7 @@ a.link { position: absolute; top: 0; left: -50px; - content: url('../images/graduate_program/opening_quote_icon.svg'); + // content: url('../../images/graduate_program/opening_quote_icon.svg'); } h3 { line-height: 1.4; diff --git a/src/sass/landing_pages/hackathon.scss b/src/sass/landing_pages/hackathon.scss index ca828a8a4c2..0f3e2bb1900 100644 --- a/src/sass/landing_pages/hackathon.scss +++ b/src/sass/landing_pages/hackathon.scss @@ -140,7 +140,7 @@ hr { } .logo { - background: url('../images/logo/binary_logo_light.svg') no-repeat; + // background: url('/src/images/images/logo/binary_logo_light.svg') no-repeat; width: 200px !important; height: 36px; margin: auto; @@ -176,7 +176,7 @@ hr { .navbar-toggle { position: relative; float: right; - background: url('../images/common/nav/main_menu.svg') no-repeat; + // background: url('../../images/common/nav/main_menu.svg') no-repeat; border: 1px solid transparent; border-radius: 4px; width: 36px; diff --git a/src/sass/landing_pages/usb.scss b/src/sass/landing_pages/usb.scss deleted file mode 100644 index 13d5844c6d6..00000000000 --- a/src/sass/landing_pages/usb.scss +++ /dev/null @@ -1,398 +0,0 @@ -/* stylelint-disable color-no-hex */ -.nav-col-left { - flex: 1; - padding: 0 15px; - margin: 0; -} - -.nav-col-right { - flex: 3; - padding: 0 15px; - margin: 0; -} - -.topnav { - overflow: hidden; - text-align: right; - margin-top: 15px; - - a { - display: inline-block; - color: #ffffff; - text-align: center; - padding: 14px 16px; - text-decoration: none; - font-size: 16px; - font-weight: 400; - } - a:hover { - color: #cccccc; - text-decoration: none; - } -} - -.grill { - display: block; - position: fixed; - top: 27px; - right: 30px; - width: 30px; - height: 30px; - background-repeat: no-repeat; - background-position: center; - background-size: contain; - cursor: pointer; - z-index: 9; -} - -.grill-ico { - background: url('../images/usb_page/menu.svg') no-repeat; - background-position: center; -} - -.navbar-fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; -} - -.top-nav-collapse { - a { - color: #ffffff; - } - a:hover { - color: #cccccc; - } -} - -.page-scroll, .logo-scroll, .noSelect, #push { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; -} - -.logo-wrapper { - padding: 3px 0; - margin: 0; - margin-top: 0px; -} - -.section-md { - padding: 30px 0; -} - -.section-lg { - padding: 80px 0; -} - -.section-title { - font-size: 36px; - font-weight: 300; - margin-top: 80px; - margin-bottom: 0px; -} - -.coin-section { - border-top: 3px solid #e98024; - border-bottom: 3px solid #e98024; -} - -.home--header { - width: 100%; - background: linear-gradient(rgba(42, 48, 82, 0.6), rgba(42, 48, 82, 0.1)), url('../images/usb_page/header-image_edited-sm.jpg') no-repeat; - background-size: cover; - padding: 50px; - background-position: center; - min-height: 75vh; - position: relative; - display: flex; - align-items: center; - box-sizing: border-box; - -ms-overflow-style: scrollbar; -} - -.header-content { - text-align: left; - width: 1200px; - max-width: 100%; - padding: 20px; - margin-left: auto; - margin-right: auto; - display: block; -} - -.header-title { - font-size: 48px; - line-height: 60px; - margin-bottom: 30px; -} - -.header-sub { - display: block; - margin: 5px 0; - font-size: 36px; - font-weight: 300; -} - -.earn-interest { - width: 800px; - max-width: 100%; -} - -.usb-coin { - width: 150px; - max-width: 100%; -} - -.separator-line-thin-gray-xs { - height: 1px; - background-color: #dedede; - margin: 0; -} - -.separator-line-thin-gray { - height: 1px; - background-color: #dedede; - margin-top: 20px; - margin-bottom: 20px; -} - -.separator { - margin-top: 10px; - margin-bottom: 10px; - height: 1px; -} - -.separator-md { - height: 20px; -} - -.separator-lg { - height: 30px; -} - -.separator-xl { - height: 50px; -} - -.bottom-white-border { - border-bottom: 1px solid #ffffff; -} - -.right-white-border { - border-right: 1px solid #ffffff; -} - -.icon-xl { - display: inline-block; - margin-left: auto; - margin-right: auto; - margin-bottom: 20px; - width: 150px; - max-width: 100%; - height: 150px; - background-repeat: no-repeat; - background-position: center; - background-size: contain; -} - -.icon-buy { - background-image: url('../images/usb_page/buy.svg'); -} - -.icon-trade { - background-image: url('../images/usb_page/trade.svg'); -} - -.icon-clients { - background-image: url('../images/usb_page/clients.svg'); -} - -.icon-contract { - background-image: url('../images/usb_page/contract.svg'); -} - -.icon-crypto-traders { - background-image: url('../images/usb_page/crypto-traders.svg'); -} - -.icon-hold { - background-image: url('../images/usb_page/hold.svg'); -} - -.icon-online-business { - background-image: url('../images/usb_page/online-business.svg'); -} - -.icon-peaceofmind { - background-image: url('../images/usb_page/peaceofmind.svg'); -} - -.icon-redeem { - background-image: url('../images/usb_page/redeem.svg'); -} - -.icon-redeem-usd { - background-image: url('../images/usb_page/redeem-usd.svg'); -} - -.icon-source-code { - background-image: url('../images/usb_page/source-code.svg'); -} - -.icon-supply { - background-image: url('../images/usb_page/supply.svg'); -} - -/* SVG */ - -.window { - fill: #e98024; - stroke: #e98024; -} - -/* Video Embed */ - -.video-container { - width: 100%; - height: 0px; - position: relative; - padding-bottom: 56.19%; -} - -.video-container iframe, .video-container object, .video-container embed { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} - -/* Modifiers */ - -.title-xl { - font-size: 36px; -} - -.ft-100 { - font-weight: 100; -} - -.ft-300 { - font-weight: 300; -} - -.ft-400 { - font-weight: 400; -} - -.table-col { - border-bottom: 3px solid #f2f2f2; -} - -.bottom-30 { - margin-bottom: 30px; -} - -.bottom-50 { - margin-bottom: 50px; -} - -.dark-grey-bg { - background: #eaeaea; -} - -#video, #why-usb, #usb-clients, #get-started, #benefits, #tech, #faq { - padding-bottom: 50px; -} - -.block { - display: block; -} - -.hidden { - display: none; -} - -@media screen and (max-width: 576px) { - .home--header { - padding: 50px 0; - } - .header-content { - margin-top: 50px; - } -} - -@media only screen and (max-width: 768px) { - .md-center { - text-align: center !important; - } - .home--header { - min-height: 50vh; - } -} - -@media screen and (max-width: 992px) { - .mb-bottom-30 { - margin-bottom: 50px; - } - .header-title { - font-size: 36px; - line-height: 40px; - font-weight: 300; - } - .lg-center { - text-align: center !important; - } -} - -@media screen and (max-width: 1198px) { - .navbar-fixed-top { - background: #2a3052; - border-bottom: 0px solid #e98024; - } - .topnav { - overflow: visible; - width: 100%; - - a { - display: block; - width: 100%; - text-align: left; - } - } -} - -@media (min-width: 1200px) { - .container { - max-width: 1199px; - } - .navbar-container { - display: flex; - } - .navbar-custom { - padding: 20px 0; - border-bottom: none; - background: transparent; - -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; - -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; - transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; - } - .navbar-custom.top-nav-collapse { - padding: 0; - background: #2a3052; - color: #ffffff; - border-bottom: 0px solid #e98024; - box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); - } - .grill { - display: none; - } -} -/* stylelint-enable color-no-hex */ \ No newline at end of file diff --git a/src/sass/main.scss b/src/sass/main.scss new file mode 100644 index 00000000000..86131f4fd48 --- /dev/null +++ b/src/sass/main.scss @@ -0,0 +1,43 @@ +@import './_common/common_import'; +@import './_common/common'; + + + +/* common styles */ +@import './_common/base/reset'; + +@import './app/components/account_transfer.scss'; +@import './app/components/contract.scss'; +@import './app/components/market.scss'; +@import './app/components/peek_box.scss'; +@import './app/reality_check.scss'; +@import './app/sell_popup.scss'; +@import './app/trade.scss'; +@import './app/trading.scss'; +@import './app/websocket_pages.scss'; + + +@import '@binary-com/binary-style/binary.css'; +@import '@binary-com/binary-style/binary.more.css'; + +@import './_common/external/grid.scss'; +@import './_common/external/third-party.scss'; +@import './_common/external/mmenu/jquery.mmenu.all.scss'; + + +@import './static/guide.enjoyhint'; +@import './static/guide'; +@import './static/pages'; + + +/* main style */ +@import './_common/components'; +@import './_common/header'; +@import './_common/jquery_elements'; + +/* language based rules */ +@import './_common/base/language_base'; + +/* media queries */ +@import './_common/base/media-queries'; + diff --git a/src/sass/static.scss b/src/sass/static.scss index 0a3a50e0ce7..dd41fabda1e 100644 --- a/src/sass/static.scss +++ b/src/sass/static.scss @@ -1,12 +1,5 @@ @import '_common/common_import'; -@import 'static/affiliates_ib'; -@import 'static/metatrader'; -@import 'static/get-started'; @import 'static/guide.enjoyhint'; @import 'static/guide'; -@import 'static/home'; -@import 'static/job_descriptions'; @import 'static/pages'; -@import 'static/timeline'; -@import 'static/binary-in-numbers'; diff --git a/src/sass/static/affiliates_ib.scss b/src/sass/static/affiliates_ib.scss deleted file mode 100644 index c5b16e7063e..00000000000 --- a/src/sass/static/affiliates_ib.scss +++ /dev/null @@ -1,238 +0,0 @@ -.affiliate-ib-content { - margin: 0 !important; - - h2 { - font-size: 36px; - font-weight: 700; - line-height: 45px; - } - h4 { - font-weight: 500; - } - p, a { - font-size: 18px; - line-height: 27px; - } - #hero { - display: flex; - background-image: url('../images/pages/affiliates_ib_landing/background/hero.png'); - background-size: cover; - background-position: center; - min-height: 417px; - - h2 { - font-weight: 300; - color: $COLOR_WHITE; - } - } - #statistics { - display: flex; - align-items: center; - background: url('../images/pages/contact/banner-bg.svg'); - min-height: 200px; - - h1 { - font-size: 64px; - margin: 8px 0; - padding: 5.5px 0; - } - h3 { - font-size: 24px; - margin: 0; - padding: 2px 0; - } - } - #how-it-works { - background: url('../images/pages/affiliates_ib_landing/background/orange.png'); - background-size: cover; - - p { - font-size: 22px; - font-weight: normal; - line-height: 28px; - } - h2 { - margin: 40px 0; - } - h3 { - font-weight: 700; - margin: 20px 0; - } - p, h2, h3 { - color: $COLOR_WHITE; - } - } - #who-can-apply { - padding: 50px 0; - - h4 { - font-weight: 700; - } - } - #why-partner { - display: flex; - - h2, h4 { - margin-top: 25px; - } - h4 { - margin-bottom: 15px; - } - img { - height: 64px; - } - @media screen and (max-width: 480px) { - h4 { - font-size: 1rem; - } - img { - height: 56px; - } - } - } - #payment-method { - .container { - max-width: 1012px; - } - .gr-row { - max-width: 940px; - margin: 0 auto; - } - h2 { - margin: 25px 0; - } - } - .type-of-partner { - .text-align-left { - text-align: left; - } - .container { - max-width: 780px; - - & > p { - font-weight: 300; - } - h2, h3 { - margin: 20px 0; - } - .has-tabs { - margin: 20px 0; - - .ui-tabs-nav { - border-width: 2px; - border-color: $COLOR_ORANGE; - margin-bottom: 0; - - li { - padding: 10px; - margin: 0; - white-space: normal; - - a { - outline: none; - width: 100%; - font-size: 18px; - font-weight: 700; - color: $COLOR_BLUE; - } - &:first-child { - flex-basis: 49%; - margin-right: 1%; - } - &:last-child { - flex-basis: 49%; - margin-left: 1%; - } - &.ui-tabs-active { - background: $COLOR_ORANGE; - - a { - color: $COLOR_WHITE; - } - } - } - } - .ui-helper-clearfix:before { - display: flex; - } - table { - margin-top: 1em; - margin-bottom: 1em; - } - .gr-show-m { - @media screen and (max-width: 480px) { - display: flex; - } - } - #affiliate { - .tm-a { - text-transform: none; - font-weight: 300; - } - .mobile-menu { - padding-bottom: 20px; - } - } - #ib { - &_header { - margin: 24px 0; - font-size: 28px; - } - table { - th, td:first-child { - text-align: left; - font-weight: bold; - padding-left: 0 10%; - } - th + th, td + td, th:only-child { - text-align: center; - } - th + th { - border-bottom-width: 1px; - border-color: $COLOR_WHITE; - width: 50%; - } - } - } - } - } - } - .faq { - background-image: url('../images/pages/affiliates_ib_landing/background/orange.png'); - background-size: cover; - padding: 40px; - - &-header { - color: $COLOR_WHITE; - } - &-item { - background-color: $COLOR_WHITE; - border-radius: 8px; - margin: 12px; - padding: 30px; - - &-header { - font-size: 28px; - font-weight: 700; - margin-top: 0; - line-height: 35px; - } - &-content { - font-size: 16px; - font-weight: 500; - text-align: left; - margin-left: 20px; - - &-image { - margin-right: 10px; - } - &-image, &-text { - vertical-align: middle; - } - } - } - &-message { - color: $COLOR_WHITE; - } - } -} diff --git a/src/sass/static/binary-in-numbers.scss b/src/sass/static/binary-in-numbers.scss deleted file mode 100644 index bb74fcc9215..00000000000 --- a/src/sass/static/binary-in-numbers.scss +++ /dev/null @@ -1,69 +0,0 @@ -.binary-in-numbers-content { - .stacked-charts { - margin: 0 auto; - overflow: hidden; - height: auto; - position: relative; - list-style-type: none; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjVweCIgaGVpZ2h0PSIxcHgiIHZpZXdCb3g9IjAgMCA1IDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUgMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjRjFGMUYxIiB3aWR0aD0iNSIgaGVpZ2h0PSIxIi8+DQo8L3N2Zz4NCg==') repeat-y 50% 0; - - > div:not(:first-of-type) { - padding-top: 50px; - } - .icon { - display: block; - width: 60px; - height: 60px; - margin: auto; - position: relative; - top: 30px; - box-shadow: 0 3px 2px $COLOR_GRAY_SHADE; - border-radius: 30px; - border: 1px solid $COLOR_GRAY_SHADE; - background-color: $COLOR_LIGHT_GRAY; - background-position: 50% center; - background-repeat: no-repeat; - - &:not(:first-of-type) { - margin-top: 50px; - } - } - .inner { - padding: 50px 25px; - width: auto; - background-color: $COLOR_LIGHT_GRAY; - - .chart { - display: block; - width: 100%; - } - } - .client { - background: $COLOR_WHITE; - - .icon { - background-image: url('../images/pages/binary_in_numbers/icons/ic-active-trading-clients.svg'); - } - } - .transaction { - .icon { - background-image: url('../images/pages/binary_in_numbers/icons/ic-num-transactions.svg'); - } - } - .turnover { - .icon { - background-image: url('../images/pages/binary_in_numbers/icons/ic-turnover.svg'); - } - } - .withdrawal { - .icon { - background-image: url('../images/pages/binary_in_numbers/icons/ic-client-withdrawals.svg'); - } - } - .employee { - .icon { - background-image: url('../images/pages/binary_in_numbers/icons/ic-num-employees.svg'); - } - } - } -} diff --git a/src/sass/static/get-started.scss b/src/sass/static/get-started.scss deleted file mode 100644 index 3310b107392..00000000000 --- a/src/sass/static/get-started.scss +++ /dev/null @@ -1,51 +0,0 @@ -/* GET-STARTED PAGES RULES */ -.get-started { - a:hover { - text-decoration: none; - } - .circle-wrapper { - display: flex; - - .orange-circle { - width: 20px; - height: 20px; - border-radius: 50%; - background-color: $COLOR_ORANGE; - margin-left: -30px; - margin-right: 10px; - text-align: center; - line-height: 20px; - font-size: 12px; - color: $COLOR_WHITE; - - @media screen and (max-width: 480px) { - margin-left: 0; - } - } - } - .notice-circle { - border-color: $COLOR_RED; - color: $COLOR_RED; - } - #step-2 { - background-image: url('../images/pages//get-started/mt5/how-to-trade-binary/step-2-bg.png'); - height: 311px; - - > div { - position: relative; - top: 50%; - transform: translateY(-50%); - } - } -} - -.formula span { - display: inline-block; - padding: 10px 20px; - min-width: 60%; - margin: 0 10px; - font-size: 16px; - font-weight: bold; - background: $COLOR_LIGHT_GRAY; - color: $COLOR_BLUE_SHADE; -} diff --git a/src/sass/static/home.scss b/src/sass/static/home.scss deleted file mode 100644 index 4e38b1f7f1b..00000000000 --- a/src/sass/static/home.scss +++ /dev/null @@ -1,189 +0,0 @@ -.home-content { - .signup-box { - border-radius: $BORDER_RADIUS; - - .error-msg { - text-align: center; - margin-top: 5px; - } - } - #frm_verify_email { - input { - width: 100%; - height: 3em; - margin: 5px 0; - padding: 2px; - font-size: $FONT_SIZE_S; - } - button { - margin: 5px 0; - height: 3rem; - width: 100%; - } - } - #banner { - background: url('../images/pages/home/home-banner.png') no-repeat; - background-position: left top; - background-size: 100% 70%; - } - .small-image { - width: 10%; - margin: 0 1em; - } - .mena { - width: 10%; - margin: 0 1em; - } - .xbubble-right { - content: ''; - width: 0; - height: 0; - border-style: solid; - @include BIDIR_VALUE(border-width, 25px 5px 0 10px, 25px 10px 0 5px); - border-color: $COLOR_LIGHT_GRAY transparent transparent transparent; - position: relative; - @include BIDIR_PROP(left, right, 80%); - } - .xbubble-left { - content: ''; - width: 0; - height: 0; - border-style: solid; - @include BIDIR_VALUE(border-width, 25px 10px 0 5px, 25px 5px 0 10px); - border-color: $COLOR_LIGHT_GRAY transparent transparent transparent; - position: relative; - @include BIDIR_PROP(left, right, 10%); - } - .xquoter-left { - @include BIDIR_VALUE(text-align, left, right); - } - .xquoter-right { - @include BIDIR_VALUE(text-align, right, left); - } - .xquoter-left p span, .xquoter-right p span { - font-size: $FONT_SIZE_XS; - font-style: italic; - } - #market_tabs_container .tab-content { - min-height: 130px; - } -} - -#content.home-content { - .go-left, .go-right { - &:hover { - cursor: pointer; - } - } - h3 { - line-height: 30px; - } - .border-right { - border-right: 2px solid $COLOR_GRAY; - } - .tab-circles { - display: flex; - - .tab-circle { - width: 10px; - height: 10px; - border-radius: 50%; - border: 1px solid $COLOR_ORANGE; - margin: 0 3px; - - &.selected { - background-color: $COLOR_ORANGE; - } - &:first-child { - margin-left: auto; - } - &:last-child { - margin-right: auto; - } - } - } - .award-icons { - margin: 30px auto 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - - .award-icon { - height: 120px; - width: 100px; - padding-bottom: 30px; - margin: 0 15px; - } - img { - max-height: 100px; - } - .caption { - font-size: $FONT_SIZE_XXS; - line-height: 1.2; - text-align: center; - width: 100%; - display: inline-flex; - align-items: flex-end; - justify-content: center; - margin-top: auto; - } - @media screen and (max-width: 768px) { - padding: 0 10px; - } - } -} - -@media screen and (max-width: 768px) { - .home-content { - #banner { - background-position: right top; - background-size: 125% 75%; - } - #market_tabs_selector { - top: 24px; - } - .order-2-m { - order: 2; - padding-top: 30px; - } - .center-text-m { - text-align: center; - } - .gr-centered-m { - margin: 0 auto; - } - .margin-top-10 { - margin-top: 10px; - } - } -} - -@media screen and (max-width: 480px) { - .home-content { - .small-image { - width: 30%; - } - .mena { - width: 32%; - } - #banner { - background-position: right top; - background-size: 300% 75%; - } - } - #content.home-content { - .border-right { - border-right: none; - } - #account_tabs_selector { - top: 24px; - } - #frm_verify_email input { - width: calc(100% - 6px); - } - .padding-top-20 { - padding-top: 20px; - } - } -} diff --git a/src/sass/static/job_descriptions.scss b/src/sass/static/job_descriptions.scss deleted file mode 100644 index d4b0c38d3f6..00000000000 --- a/src/sass/static/job_descriptions.scss +++ /dev/null @@ -1,32 +0,0 @@ -.open-positions { - .one-line { - margin-bottom: 42px; - } - img.responsive { - margin-top: 1.1em; - width: 50%; - } -} - -.job-details .dept-image { - width: 80%; -} - -@media screen and (max-width: 680px) { - .open-positions { - img.responsive { - width: 30%; - } - } -} - -@media screen and (max-width: 481px) { - .open-positions { - h1 { - text-align: center; - } - img.responsive { - width: 40%; - } - } -} diff --git a/src/sass/static/metatrader.scss b/src/sass/static/metatrader.scss deleted file mode 100644 index 226acc0a1a1..00000000000 --- a/src/sass/static/metatrader.scss +++ /dev/null @@ -1,179 +0,0 @@ -#forex-specs, #synthetic-specs, #cash-specs { - table td { - font-size: $FONT_SIZE_N; - text-align: center; - - &:first-child { - white-space: nowrap; - font-size: inherit; - text-align: left; - } - } -} - -.gr-prefix-1 { - margin: 1em 0 1em 2em !important; -} - -#margin-policy { - .mt-img { - background-repeat: no-repeat; - background-position: center; - } - // Leverage & Margin icons - .l1-icon { - background-image: url('../images/pages/metatrader/margin-policy/l1_ai.svg'); - height: 300px; - } - .l2-icon { - background-image: url('../images/pages/metatrader/margin-policy/l2_ai.svg'); - height: 150px; - } - .mr1-icon { - background-image: url('../images/pages/metatrader/margin-policy/mr1_ai.svg'); - height: 300px; - } - .mr2-icon { - background-image: url('../images/pages/metatrader/margin-policy/mr2_ai.svg'); - height: 150px; - } - .crypto-icon { - background-image: url('../images/pages/metatrader/margin-policy/crypto.svg'); - height: 150px; - } - .metal-icon { - background-image: url('../images/pages/metatrader/margin-policy/metal.svg'); - height: 150px; - } -} - -/* Multilevel numbered list */ -#mt-tnc ol { - counter-reset: item1; - padding-left: 0.2em; - - li { - display: block; - position: relative; - - ol li { - margin: 0.5em 0 0.5em 1.25em !important; - } - &:before { - content: counter(item1)'.'; - counter-increment: item1; - position: absolute; - margin-right: 100%; - right: 10px; - } - ul { - list-style: none; - } - } - ol { - counter-reset: item2; - - li:before { - content: counter(item1)'.'counter(item2)'.'; - counter-increment: item2; - } - ol { - counter-reset: item3; - - li:before { - content: counter(item1)'.'counter(item2)'.'counter(item3)'.'; - counter-increment: item3; - } - ol { - counter-reset: item4; - - li:before { - content: counter(item1)'.'counter(item2)'.'counter(item3)'.'counter(item4)'.'; - counter-increment: item4; - } - } - } - } -} - -.mt-sidebar-button { - display: flex; - align-items: center; - justify-content: flex-start; - flex-direction: column; - height: 110px; - - & img { - max-width: 100%; - width: 72px; - } -} - -#page_msg { - font-size: $FONT_SIZE_N; -} - -.act_new_account { - &.button-disabled { - cursor: not-allowed; - } -} - -#new_account_icon { - background-image: url('../images/pages/metatrader/icons/new_account.svg'); - background-repeat: no-repeat; - background-position: 18px 6px; - padding-left: 48px; - pointer-events: none; - - &.disabled { - background-image: url('../images/pages/metatrader/icons/new_account_disabled.svg'); - } -} - -#mt_download { - a[data-type=alt-link] { - cursor: pointer; - } - p.no-margin { - margin: 0; - } - .browsers { - align-items: flex-start; - - img { - max-width: 100px; - - @media screen and (max-width: 480px) { - width: 40px; - } - } - } - .app-store-badge, .google-play-badge { - height: 56px; - width: 172px; - } - .mt-mobile-phone { - height: 397px; - width: auto; - } - .mt-desktop-screen-app { - @media screen and (max-width: 480px) { - & { - max-width: 100%; - } - } - max-width: 600px; - height: auto; - } - .alternative-download-description { - margin: 0; - } - @media screen and (max-width: 480px) { - #btn_trade_with_demo { - margin-left: 0; - margin-top: 10px; - display: block; - } - } -} diff --git a/src/sass/static/pages.scss b/src/sass/static/pages.scss index e920b29d22f..3058cfa2d74 100644 --- a/src/sass/static/pages.scss +++ b/src/sass/static/pages.scss @@ -1,23 +1,5 @@ // styling for static pages that are too short or simple to need their own styling page -.payment-methods__reference { - display: inline-block; - height: 30px; - width: 30px; - background-size: cover; - vertical-align: middle; - - &:not(:last-child) { - margin-right: 5px; - } - &-pdf { - background-image: url('../images/common/reference/pdf.svg'); - } - &-video { - background-image: url('../images/common/reference/youtube.svg'); - } -} - .box-row { border-bottom: 1px solid $COLOR_GRAY; @@ -175,309 +157,6 @@ } } -#payment_methods { - overflow-y: hidden; - - h3:not(.no-margin) { - margin: 35px 0 0; - } - table { - thead { - border-bottom: 1px solid $COLOR_DARK_GRAY; - } - tr { - .data-anchor-link { - display: none; - } - .th-list, .td-list { - display: grid; - grid-template-columns: 2fr 1.3fr 1.3fr 3fr 1fr; - grid-column-gap: 10px; - - .th, .td { - align-self: center; - } - > *:nth-child(1) { - min-width: 180px; - } - > *:nth-child(2), > *:nth-child(3) { - min-width: 110px; - } - > *:nth-child(4) { - min-width: 190px; - } - } - .td-description { - display: flex; - align-items: center; - } - } - thead tr { - th { - padding-top: 10px; - padding-bottom: 10px; - align-items: center; - - &:nth-child(1) { - min-width: 100px; - } - } - } - tbody tr { - td { - position: relative; - padding: 10px 0; - - @media (max-width: 600px) { - padding: 10px 0 !important; - } - - div.td-list, div.td-description { - overflow: hidden; - position: absolute; - top: 0; - - &.td-list { - height: 0; - opacity: 0; - margin-left: 8px; - - &.active { - transition: all 0.2s 0.2s; - height: 100%; - opacity: 1; - align-content: center; - } - } - &.td-description { - height: 100%; - opacity: 0; - transform: translateY(40px); - transition: all 0.2s ease-in; - text-size-adjust: 100%; // prevent text-size from increasing - pointer-events: none; - - &.active { - transform: translateY(0); - transition: all 0.2s ease-in-out; - opacity: 1; - pointer-events: auto; - } - } - } - &.toggler { - &:after { - position: absolute; - top: 80%; - left: calc(50% - 100px); - content: '\002303'; - // padding: 5px; - color: $COLOR_BLUE; - transform-origin: center 35%; - transform: rotate(180deg); - transition: transform 0.2s ease-in; - font-size: 24px; - } - &:hover { - cursor: pointer; - } - &.open { - &:after { - transform: rotate(0); - } - } - } - .td { - padding: 0 !important; - } - } - } - } -} - -.charity { - .gallery { - position: relative; - width: 100%; - overflow: hidden; - - img { - position: absolute; - top: 0; - left: 0; - opacity: 0; - transition: opacity 2s ease; - - &:first-child { - position: relative; - opacity: 1; - } - } - } -} - -.contact-content { - .contact-content { - padding: 0 100px; - - @media screen and (max-width: 1024px) { - padding: 0 10px; - } - } - .u-mar-bottom-small { - margin-bottom: 15px; - } - #cs_telephone_number { - width: 100%; - min-width: 160px; - } - #company_addresses .border-bottom { - min-height: 200px; - } - @media screen and (max-width: 480px) { - #company_addresses .border-bottom { - min-height: 130px; - } - } - - .chat { - margin-top: 20px; - - @media screen and (max-width: 1024px) { - margin-bottom: 20px; - } - - &-container { - display: flex; - - .button-secondary { - margin: 0; - } - } - &-icon { - margin-right: 5px; - height: 38px; - width: 38px; - } - } -} - -#content.contact-content { - margin-top: 0; - - #top_banner, #elevio_menu_container { - display: flex; - justify-content: center; - } - #top_banner { - background: url('../images/pages/contact/banner-bg.svg'); - min-height: 300px; - - .search { - width: 600px; - max-width: 95%; - - div#_elev_io_placebo { - border: 1px solid $COLOR_CONTROL_BORDER; - border-radius: $BORDER_RADIUS; - background-color: $COLOR_WHITE; - - > span._10b1r { // search icon - background: url('../images/pages/contact/search-icon.svg') center no-repeat; - width: 30px; - - svg { - display: none; - } - } - input { - background: transparent !important; - } - } - } - } - #elevio_menu_container { - background: $COLOR_LIGHT_GRAY; - padding: 20px; - - #elevio_element_menu { - ._cnzpc { - padding: 0; - } - ._elevio_module_icon { - background-color: $COLOR_WHITE; - padding: 40px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-radius: $BORDER_RADIUS; - max-width: unset; - flex: auto; - margin: 20px; - - ._d9ggd { // icon - width: 32px; - height: 32px; - box-shadow: none; - background-color: transparent !important; - background-size: contain; - margin-bottom: 20px; - - svg { - display: none; - } - } - ._1bt1k { // text - font-size: $FONT_SIZE_L; - } - &:hover { - ._1bt1k { // text - color: $COLOR_BLUE_SHADE !important; - } - } - } - ._elevio_module_icon_1 ._d9ggd { // Help Content - background: url('../images/pages/contact/content-icon.svg') no-repeat center; - } - ._elevio_module_icon_6 ._d9ggd { // Submit a Ticket - background: url('../images/pages/contact/ticket-icon.svg') no-repeat center; - } - ._elevio_module_icon_10 { // Call Us - display: none; - } - ._elevio_module_icon_20 ._d9ggd { // Live chat - background: url('../images/pages/contact/chat-icon.svg') no-repeat center; - } - } - } - .phone-container { - img { - width: 70px; - height: 70px; - } - label, select { - margin-bottom: 5px; - } - .number-container { - #cs_telephone_number { - width: 100%; - min-width: 160px; - - & ~ ul.select-options { - max-height: 130px; - } - } - #display_cs_telephone { - line-height: 1.5rem; - align-self: flex-end; - margin-top: 5px; - - * ~ span { - margin-top: 5px; - } - } - } - } -} - ._elevio_launcher { display: none; @@ -516,116 +195,6 @@ body #_elev_io { } } -#content { - &.cyberjaya, &.malta, &.labuan, &.asuncion { - &-content { - margin-top: 0; - } - } - &.cyberjaya-content, &.careers-content { - .box-container { - &.padding { - padding: 5px 15px; - } - > [class*='gr-padding'] { - padding-bottom: 0; - - @media (max-width: 768px) { - padding-bottom: unset; - } - } - .box { - background: $COLOR_WHITE; - - &.bordered { - border: 1px solid $COLOR_GRAY; - height: 100%; - } - .items { - display: flex; - flex-direction: column; - align-items: center; - - img { - padding-top: 20px; - width: 50px; - } - p { - font-weight: 600; - color: $COLOR_BLUE; - } - > .box-item-end { - padding: 0 30px; - } - @media (max-width: 768px) { - justify-content: center; - } - } - } - } - } -} - -.location { - &-cyberjaya, &-labuan, &-malta, &-asuncion, &-dubai { - .introduction { - h1 { - color: $COLOR_ORANGE; - font-size: 2.25rem; - } - h2 { - color: $COLOR_ORANGE; - font-size: 1.75rem; - } - h4.subheader { - font-style: italic; - font-size: $FONT_SIZE_L; - } - @media (max-width: 768px) { - p { - text-align: center; - - &.no-margin-top { - margin-top: 1rem; - } - } - } - } - .living, .misc { - h2 { - margin-bottom: 10px; - } - } - } -} - -.regulation-content { - .gray-line { - border: 1px solid $COLOR_LIGHT_GRAY; - background-color: $COLOR_LIGHT_GRAY; - width: 2px; - height: 50px; - margin-left: auto; - margin-right: auto; - } - .background-gray { - margin-top: -30px; - } - .margin-right-0 { - margin-right: 0 !important; - } - .margin-left-0 { - margin-left: 0 !important; - } - .margin-top-17 { - margin-top: 17px; - } -} - -.tour-content#content { - margin-bottom: 0; -} - .page_404 .big-error-code { color: $COLOR_GRAY; font-size: 10em; @@ -645,163 +214,6 @@ body #_elev_io { } } } - #supported_banks, .supported_banks { - text-align: center; - padding-top: 30px; - } - .supported_banks img { - width: 72px; - height: 57px; - margin: 3px; - } -} - -body #not_authenticated_financial ul.checked > li { - list-style: none; -} - -.liquidity-solutions-content { - .box { - border: 1px solid $COLOR_GRAY_SHADE; - min-height: 256px; - - img { - height: 48px; - } - } - .white-bg { - background-color: $COLOR_WHITE; - } -} - -.about-us-content { - .about-us .values-box { - display: flex; - align-items: flex-start; - margin: 8px; - - .icon-wrapper { - margin-right: 1.5rem; - - &.ic-intergrity:before { - content: url('../images/pages/careers/ic-intergrity.svg'); - width: 60px; - height: 60px; - } - &.ic-competence:before { - content: url('../images/pages/careers/ic-competence.svg'); - width: 60px; - height: 60px; - } - &.ic-customer-focus:before { - content: url('../images/pages/careers/ic-customer-focus.svg'); - width: 60px; - height: 60px; - } - &.ic-teamwork:before { - content: url('../images/pages/careers/ic-teamwork.svg'); - width: 60px; - height: 60px; - } - } - &-subheader { - font-size: $FONT_SIZE_L; - font-weight: normal; - text-transform: capitalize; - } - .header-line { - border: 2px solid $COLOR_ORANGE; - width: 50px; - } - } - .fill-text { - padding: 1em 0; - } - .center-element { - margin: 0 auto; - } - .btn-margin-top { - margin-top: 1.5em; - } - .mac { - width: 100%; - } -} - -.accounts-content { - .table-container { - overflow-x: visible; - } - .table-container table { - border: 1px solid $COLOR_LIGHT_GRAY; - - th { - background-color: $COLOR_WHITE; - } - th, td { - text-align: center; - padding: 20px; - border-bottom: 1px solid $COLOR_LIGHT_GRAY; - } - &.responsive { - &#new_accounts_table { - th, td { - @media screen and (max-width: 500px) { - text-align: left !important; - - &:last-child { - padding-top: 0; - } - } - } - } - &#existing_accounts { - @media screen and (max-width: 500px) { - display: block; - width: 100%; - } - - tbody { - @media screen and (max-width: 500px) { - display: block; - } - } - tr { - @media screen and (max-width: 500px) { - display: block; - margin: 10px !important; - border-bottom: 1px solid $COLOR_LIGHT_GRAY; - - &:last-child { - border: none; - } - } - } - th, td { - text-align: center !important; - border: none; - - @media screen and (max-width: 500px) { - display: inline-block; - padding: 10px; - width: 40%; - width: calc(50% - 20px); - text-align: left !important; - - &:nth-child(2n) { - float: right; - } - } - } - } - } - } - #note .hint { - margin-bottom: 3px; - } - #accounts_wrapper #no_new_accounts_wrapper { - color: $COLOR_GRAY_SHADE; - } } #set_currency { @@ -856,927 +268,32 @@ body #not_authenticated_financial ul.checked > li { } } -.platforms-content { - h2 { - line-height: 36px; - } - .new:after { - content: url('../images/pages/platforms/new_badge.svg'); - position: relative; - top: -15px; - left: 5px; - } - #new_badge { - position: relative; - top: -15px; - } - .download-app { - display: inline-block; - margin-right: 30px; - } - img.platform { - max-height: 150px; - width: auto; - max-width: 100%; - vertical-align: middle; - } - .b-m-md li { - margin-bottom: 20px; - } - .divider-sm { - width: 10px; - display: inline-block; - } - @media screen and (max-width: 768px) { - .no-center-text-p-m { - text-align: inherit; - padding-bottom: 30px; - } - .mobile-hide { - display: none; - } - } -} - -#mt5_types_of_accounts { - .box { - border: 1px solid $COLOR_GRAY; - border-radius: $BORDER_RADIUS; - padding: 20px; - - img { - width: 40px; - } - } +#client-limits img { + margin-left: 5px; + margin-bottom: 3px; } -#how_to_trade_mt5 { - .border-box { - border: 1px solid $COLOR_BLUE; - border-radius: $BORDER_RADIUS; - padding: 25px 50px; - margin: 20px auto; - } - .vertical-dashed { - height: calc(100% - 100px); - width: 1px; - margin: 30px auto; - background-image: linear-gradient(to bottom, $COLOR_BLACK 70%, rgba(255, 255, 255, 0) 0%); - background-position: left; - background-size: 1px 15px; - background-repeat: repeat-y; +.select-options { + &::-webkit-scrollbar { + -webkit-appearance: none; } - table.thin-border { - width: auto; - - td { - padding: 15px 20px; - } + &::-webkit-scrollbar:vertical { + width: 11px; } - img.math-sign { - margin: 0 15px; + &::-webkit-scrollbar:horizontal { + height: 11px; } -} - -.landing_page-content { - .bordered { - border: 1px solid $COLOR_LIGHT_GRAY; + &::-webkit-scrollbar-thumb { + border-radius: 8px; + border: 2px solid $COLOR_WHITE; /* should match background, can't be transparent */ + background-color: $COLOR_LIGHT_GRAY; } - .box { - padding: 10px 30px; - } -} - -#client-limits img { - margin-left: 5px; - margin-bottom: 3px; -} - -.authentication { - #onfido { - // Below styles are set according to Onfido's styles - // This is because binary-styles overrides Onfido's own styles - .onfido-sdk-ui-NavigationBar-back { - background: transparent; - } - .onfido-sdk-ui-crossDevice-CrossDeviceLink-numberInputSection { - .ods-button.-action--primary { - height: 100%; - font-size: 0.875em; - } - } - .onfido-sdk-ui-Button-button-outline:hover { - background-color: transparent; - } - .onfido-sdk-ui-crossDevice-CrossDeviceLink-copyToClipboard { - background: $COLOR_WHITE; - color: $COLOR_BLACK; - border-radius: 0; - } - .onfido-sdk-ui-Theme-textButton:hover { - color: $COLOR_BLACK; - } - .onfido-sdk-ui-CustomFileInput-container { - .onfido-sdk-ui-Theme-button-lg { - background: rgb(54, 64, 245); - } - button { - background: transparent; - - &:hover { - background: rgb(92, 108, 255); - } - } - } - input, textarea { - &:hover, &:focus { - outline: 0; - border: none; - } - } - button:not(.onfido-sdk-ui-Theme-link):not(.ods-button) { - &:hover, &:focus { - background-color: inherit; - } - } - } - .fields > .gr-row > div { - > .button { - display: block; - text-align: center; - background: $COLOR_LIGHT_GRAY; - padding: 5px 0; - border-radius: $BORDER_RADIUS; - width: 100%; - pointer-events: auto; // enable pointer events on label for input[type=file] - cursor: pointer; - - > span { - position: relative; - top: 2px; - padding: 0; - display: inline-flex; - width: 1em; - height: 1em; - margin-left: 10px; - - &.add { - background: url('../images/pages/authenticate/add.svg') no-repeat; - } - &.remove { - background: url('../images/pages/authenticate/remove.svg') no-repeat; - } - &.checked { - width: 16px; - height: 12px; - } - &:hover { - background-color: transparent; - } - } - &.selected { - background-color: $COLOR_WHITE; - } - &.error { - color: $COLOR_RED; - - &:before { - content: '*'; - } - } - } - > input[type=file] { - display: none; - } - } - .center-text .button .barspinner { - margin: 0 auto; - } - .submit-status table { - - @media screen and (max-width: 500px) { - font-size: 0.7rem; - } - - th:not(:last-child) { - width: 25%; - } - .status { - &.error-msg { - font-size: inherit; - font-style: normal; - } - } - } - .checked { - background: url('../images/pages/authenticate/checked.svg') no-repeat; - width: 16px; - height: 12px; - display: inline-block; - margin-left: 5px; - } - ul.rejected > li { - background: url('../images/pages/authenticate/error.svg') no-repeat left 0.3em; - width: fit-content; - text-align: left; - padding-left: 1.4em; - margin-top: 1em; - min-height: auto; - } - #last_rejection { - &_poi { - span { - cursor: pointer; - color: $COLOR_ORANGE; - - &:hover { - text-decoration: underline; - } - } - } - &_button { - margin-top: 1.4em; - } - &_list { - margin-bottom: 0.9em; - } - } - #resolve_error { - color: $COLOR_RED; - } - .mar-top-0 { - margin-top: 0; - } - @media screen and (max-width: 479px) { - .onfido-sdk-ui-Modal-inner { - position: relative !important; - height: 37.4em !important; - } - .mobile-menu { - display: flex; - padding: 20px 0; - - strong { - text-align: center; - } - } - } -} - -#content.careers-content { - margin-top: 0; - - .career { - .top-banner { - background: url('../images/pages/careers/careers-1_bg.jpg') no-repeat; - background-size: cover; - min-height: 300px; - position: relative; - background-position: center; - - .banner-caption { - position: absolute; - z-index: 1; - width: 100%; - bottom: -100px; - - .caption-text { - margin: 0 auto; - max-width: 960px; - background-color: $COLOR_WHITE; - text-align: center; - padding: 40px 0px 20px; - - p { - margin: 1em auto; - max-width: 80%; - } - } - } - @media (max-width: 768px) { - background-position: 75% -30px; - } - } - .center-banner { - background: url('../images/pages/careers/careers-2_bg.jpg') no-repeat; - background-size: cover; - min-height: 300px; - display: flex; - align-items: center; - justify-content: center; - background-position: center; - - .caption-text { - margin: 0 auto; - max-width: 960px; - text-align: center; - - h1 { - margin-top: 1em; - } - p { - color: $COLOR_WHITE; - margin: 1em auto; - max-width: 80%; - font-weight: 300; - } - } - } - .video-container { - width: 100%; - height: 0px; - position: relative; - padding-bottom: 56.3%; - } - .video-container iframe, .video-container object, .video-container embed { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - } - .center-element { - margin: 0 auto; - } - .margin-top-50 { - margin-top: 50px; - } - .margin-top-100 { - margin-top: 100px; - } - .btn-margin-top { - margin-top: 1.5em; - } - .column-margin { - margin: 0 0 1em; - } - .header-line { - border-color: $COLOR_ORANGE; - border-width: 3px; - width: 25%; - } - .fill-text { - padding: 1em 0; - } - .values-box { - border: 2px solid $COLOR_ORANGE; - margin: 0 4px; - - &-icon { - max-width: 60px; - padding: 8px 36px 0px; - margin-top: -36px; - background: $COLOR_WHITE; - } - &-subheader { - font-size: $FONT_SIZE_L; - font-weight: normal; - text-transform: capitalize; - } - @media (max-width: 768px) { - margin-bottom: 2.5rem; - } - } - h4 { - color: $COLOR_BLUE; - } - ul.role-section { - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 20px; - border-bottom: 0; - - li.role { - margin: 0; - border-radius: 0; - padding: 0; - - a.role-btn { - padding: 15px 20px !important; - - span { - color: $COLOR_BLUE; - font-weight: 600; - font-size: $FONT_SIZE_L; - text-transform: none; - @media (max-width: 320px) { - font-size: $FONT_SIZE_S; - } - } - &:focus { - border: 0; - outline: 0; - } - } - &.ui-tabs-active a span { - color: $COLOR_WHITE; - } - &:focus { - border: 0; - outline: 0; - } - } - } - .footer-email { - margin-bottom: -20px; - - p { - color: $COLOR_WHITE; - padding: 20px 0; - text-align: center; - } - } - .location-section { - padding-bottom: 10px; - - @media (max-width: 480px) { - padding-bottom: 0; - - .fill-text { - margin-bottom: 30px; - } - } - - .col-margin-top { - @media (min-width: 768px) { - margin-top: 26px; - } - } - .container { - justify-content: center; - } - } - .values-group { - margin-bottom: 20px; - - h1 { - margin-bottom: 30px; - } - } - } -} - -#content.economic_calendar-content { - .calendar-container { - position: relative; - - .calendar-footer { - position: absolute; - display: flex; - width: calc(100% - 2px); - border: 1px solid $COLOR_GRAY; - border-top-width: 0; - height: 30px; - justify-content: space-between; - background: $COLOR_WHITE; - align-items: center; - bottom: 0; - - span.desc { - outline: 0; - display: block; - padding: 1px 70px 6px 30px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - a { - font-size: $FONT_SIZE_S; - color: $COLOR_LIGHTER_BLUE; - text-decoration: underline; - font-weight: 400; - - &.logo { - text-indent: -9999px; - position: absolute; - left: 6px; - top: 3px; - height: 24px; - width: 24px; - background: url('https://c.mql5.com/i/calendar/mt_logo1_x1.png') no-repeat top left; - } - &.social-links { - i { - width: 20px; - height: 20px; - display: inline-block; - vertical-align: top; - background: url('https://c.mql5.com/i/calendar/widget-icons-social-sharing.png'); - - &.fb { - background-position: -21px 0; - } - &.twitter { - background-position: 0 0; - } - } - } - } - .left { - margin-left: 8px; - } - .right { - margin-right: 8px; - - a { - padding: 0 2px; - } - } - } - } -} - -.welcome-content { - .box-grid .box { - display: flex; - flex-direction: column; - max-height: 100%; - min-height: 120px; - - div > p { - margin: 1em 0 0.5em; - - &.text-orange { - color: $COLOR_ORANGE; - font-size: $FONT_SIZE_XXL; - font-weight: 300; - } - } - } - .account-created:before { - content: url('../images/pages/set_currency/congratulations.svg'); - } - .box > .box-item-end { - margin-top: auto; - - p { - margin-top: 0; - margin-bottom: 10px; - } - } -} - -.two_factor_auth { - .padding-left-medium { - padding-left: 45px; - } - .otp-form-group { - display: flex; - align-items: flex-start; - - input { - box-sizing: border-box; - height: 37px; - width: 140px; - margin-bottom: 5px; - margin-right: 5px; - } - } - .steps.steps-vertical { - flex-direction: column; - padding-left: 15px; - - .step { - position: relative; - margin-top: 0px; - - &:not(:last-child) { - border-left: 1px solid $COLOR_LIGHT_GRAY; - } - .circle { - margin: 0; - position: absolute; - left: -20px; - } - .content { - padding: 8px 0 0 30px; - - p { - margin: 0; - - &:last-child, &:nth-child(3) { - padding-bottom: 15px; - } - } - #qrcode { - padding: 15px 0; - @media (max-width: 480px) { - padding: 10px 0; - } - } - } - } - } -} - -#signup_form { - input { - width: 100%; - height: 3em; - box-sizing: border-box; - text-align: center; - font-size: $FONT_SIZE_S; - } - button { - width: 100%; - height: 3rem; - margin: 5px 0; - } - #google-signup { - font-size: $FONT_SIZE_S; - } -} - -#contract-specification table td { - white-space: nowrap; -} - -.select-options { - &::-webkit-scrollbar { - -webkit-appearance: none; - } - &::-webkit-scrollbar:vertical { - width: 11px; - } - &::-webkit-scrollbar:horizontal { - height: 11px; - } - &::-webkit-scrollbar-thumb { - border-radius: 8px; - border: 2px solid $COLOR_WHITE; /* should match background, can't be transparent */ - background-color: $COLOR_LIGHT_GRAY; - } - &::-webkit-scrollbar-track { - background-color: $COLOR_WHITE; - border-radius: 8px; - } -} - -.keep-safe-container { - .box { - &.bordered { - border: 1px solid $COLOR_GRAY; - height: 100%; - - > div { - display: inline-flex; - padding: 20px; - - img { - padding-right: 20px; - } - } - } - } -} - -.vpn-app { - .steps.steps-vertical { - max-width: 603px; - margin-left: auto; - margin-right: auto; - flex-direction: column; - padding-left: 15px; - @media (max-width: 480px) { - flex-direction: column; - - .step:not(:first-child) { - margin-top: 2rem; - } - } - - .step { - position: relative; - min-height: 135px; - - &:not(:last-child) { - border-left: 1px solid $COLOR_LIGHT_GRAY; - } - .circle { - margin: 0; - position: absolute; - left: -20px; - } - .content { - padding: 8px 0 0 30px; - margin-left: 37px; - - p { - margin: 0; - max-width: 270px; - text-align: left; - - &:last-child, &:nth-child(2) { - padding-bottom: 15px; - } - } - } - } - } - &-icon { - width: 83px; - margin-bottom: 23px; - @media screen and (max-width: 480px) { - margin-top: 10px; - transform: scale(0.85); - } - } - .column { - @media screen and (max-width: 480px) { - padding: 0; - width: 100%; - text-align: center; - } - } - .vertical-divider { - width: 1px; - background-color: $COLOR_LIGHT_GRAY; - @media screen and (max-width: 480px) { - display: none; - } - } - .cta-download-heading { - margin-top: 50px; - - h2 { - margin-bottom: 45px; - } - } -} - -.why-us-content { - .awards-section { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: center; - padding-bottom: 40px; - - img { - width: 70px; - height: auto; - } - .award-icon { - max-height: 90px; - width: 70px; - - .caption { - font-size: $FONT_SIZE_XXS; - line-height: 1.2; - text-align: center; - width: 100%; - display: inline-flex; - align-items: flex-end; - justify-content: center; - margin-top: auto; - } - } - .horizontal-margin { - margin: 0 15px; - - @media screen and (max-width: 931px) { - margin: 15px 15px 20px; - } - } - } -} - -.account-closure { - &-form { - text-align: left; - line-height: 40px; - - span { - padding-left: 15px; - } - } - &-subtitle { - margin-top: 0; - margin-bottom: 20px; - } - &-close-title { - margin-bottom: 0; - } - & .ui-accordion .ui-accordion-icons { - padding-right: 1.2em; - } - .account-closure-dialog { - left: 0; - - .account-closure-dialog-content { - width: 29rem; - height: 22.7rem; - border-radius: 4px; - background-color: $COLOR_WHITE; - @media (max-width: 500px) { - height: unset; - } - } - #account_closure_error { - &_content { - border-radius: 8px; - padding: 24px; - width: 28.5rem; - height: auto; - } - &_title { - font-size: $FONT_SIZE_N; - } - &_buttons { - text-align: right; - } - } - .account-closure-details { - padding-left: 16px; - padding-right: 16px; - display: flex; - width: 307px; - justify-content: space-between; - align-items: center; - line-height: 1.5; - } - #ic-emergency { - width: 6rem; - height: 6rem; - object-fit: contain; - margin: 0.5em 0em; - } - .warning-msg { - line-height: 0.7em; - } - .btn-size { - width: 12.7rem; - height: 2.3rem; - } - #span-btn { - padding-right: 5rem; - padding-left: 5rem; - @media (max-width: 500px) { - margin-bottom: 10px; - margin-left: 10px; - } - } - #red-msg { - color: $COLOR_RED; - font-weight: bold; - } - } -} - -.reason-textfield { - border-color: $COLOR_GRAY; - color: $COLOR_BLACK; -} - -.paymentagent_description { - height: 4em; - width: 206px; -} - -#binary_dp2p { - margin: 0 auto; - width: 1008px; - font-size: 10px; - position: relative; - - @media screen and (max-width: 1023px) { - display: none; - } -} - -#message_dp2p_mobile_view { - @media screen and (max-width: 1023px) { - display: block !important; - visibility: visible; + &::-webkit-scrollbar-track { + background-color: $COLOR_WHITE; + border-radius: 8px; } } #self_exclusion_dialog #dialog_content { max-width: 496px; } - -.affiliate-ib { - &-calculation { - border: 1px solid $COLOR_BLACK; - padding: 10px; - - &-minimum { - margin-top: 20px; - margin-bottom: 20px; - } - } -} - -.signal_provider { - &-container { - display: flex; - @media screen and (max-width: 480px) { - flex-direction: column-reverse; - } - } - &-image { - border: 2px solid $COLOR_GRAY; - } - -} diff --git a/src/sass/static/timeline.scss b/src/sass/static/timeline.scss deleted file mode 100644 index 6cd23cdc1b5..00000000000 --- a/src/sass/static/timeline.scss +++ /dev/null @@ -1,126 +0,0 @@ -$arrow-size: 14px; -$arrow-vertical-offset: 10px; -$year-cricle-size: 80px; -$width-break-point: 600px; -$width-break-point-minus-one: 599px; -$event-column-width: 40%; -$grow-effect-factor: 1.1; -$grow-effect-duration: 0.4s; - -.timeline { - margin: 0 auto; - overflow: hidden; - height: auto; - position: relative; - padding-top: 30px; - list-style-type: none; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjVweCIgaGVpZ2h0PSIxcHgiIHZpZXdCb3g9IjAgMCA1IDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUgMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjRjFGMUYxIiB3aWR0aD0iNSIgaGVpZ2h0PSIxIi8+DQo8L3N2Zz4NCg==') repeat-y 50% 0; - - *, *:after, &:after, *:before, &:before { - box-sizing: border-box; - } - .year { - background: $COLOR_LIGHT_GRAY; - clear: both; - width: $year-cricle-size; - height: $year-cricle-size; - border-radius: 50%; - line-height: $year-cricle-size; - @media all and (min-width: $width-break-point) { - margin: -100px auto; - } - @media all and (max-width: $width-break-point-minus-one) { - margin: 25px auto; - } - border: 1px solid $COLOR_GRAY; - font-weight: bold; - font-size: $FONT_SIZE_XL; - transition-duration: $grow-effect-duration; - transition-property: transform; - box-shadow: 0 0 2px $COLOR_GRAY; - - &:first-of-type { - margin-top: 0 !important; - } - & + .event { - @media all and (min-width: $width-break-point) { - margin-top: -5px; - } - } - &:hover { - transform: scale($grow-effect-factor); - background: $COLOR_ORANGE; - color: $COLOR_LIGHT_GRAY; - } - } - .event { - position: relative; - float: left; - clear: left; - width: $event-column-width; - background: $COLOR_WHITE; - @include BIDIR_VALUE(text-align, left, right); - margin-bottom: 20px; - box-shadow: 0 0 2px $COLOR_GRAY; - direction: ltr; - - .header { - background: $COLOR_LIGHT_GRAY; - font-weight: bold; - padding: 12px; - border-top: none; - border-bottom: none; - @include BIDIR_VALUE(direction, ltr, rtl); - } - .event-body { - border: 1px solid $COLOR_LIGHT_GRAY; - padding: 12px; - @include BIDIR_VALUE(direction, ltr, rtl); - } - &.featured { - .header { - background: $COLOR_ORANGE; - color: $COLOR_LIGHT_GRAY; - } - &.right { - &:after { - border-right: $arrow-size solid $COLOR_ORANGE; - } - } - &:after { - @media all and (min-width: $width-break-point) { - border-left: $arrow-size solid $COLOR_ORANGE; - } - } - } - - @media all and (max-width: $width-break-point) { - width: 85%; - } - - &.right { - float: right; - clear: right; - - &:after { - border-left: none; - border-right: $arrow-size solid $COLOR_LIGHT_GRAY; - left: -$arrow-size; - } - } - &:after { - @media all and (min-width: $width-break-point) { - content: ' '; - width: 0; - height: 0; - border-top: $arrow-size solid transparent; - border-bottom: $arrow-size solid transparent; - border-left: $arrow-size solid $COLOR_LIGHT_GRAY; - position: absolute; - top: $arrow-vertical-offset; - right: -$arrow-size; - } - } - - } -} diff --git a/src/sass/usb_style.scss b/src/sass/usb_style.scss deleted file mode 100644 index 07e0aeff91f..00000000000 --- a/src/sass/usb_style.scss +++ /dev/null @@ -1,9 +0,0 @@ -@import '_common/base/constants'; - -/* common styles */ -@import '_common/base/reset'; - -/* Grid layout system */ -@import '_common/external/grid'; - -@import 'landing_pages/usb'; \ No newline at end of file diff --git a/src/templates/_common/_layout/footer.jsx b/src/templates/_common/_layout/footer.jsx deleted file mode 100644 index 6b35ffce69d..00000000000 --- a/src/templates/_common/_layout/footer.jsx +++ /dev/null @@ -1,251 +0,0 @@ -import React from 'react'; -import { List } from '../components/elements.jsx'; - -const FooterColumn = ({ header, items }) => ( -
-
-);
-
-const SocialIcons = ({ networks }) => (
- {header}
-
- { networks.map((net, idx) => (
-
- })
-
- ))}
-
-);
-
-const StatusNotification = () => (
-
-
- ))}
-
-
-);
-
-const DialogNotification = () => (
-
- })
-
-
-
-
- })
-
-
-
-
-);
-
-const Footer = () => (
- {it.L('Our website uses cookies to give you the best user experience. For more information, [_1]view our policy[_2].', ``, '')}
- {it.L('OK')} -
-
-
-);
-
-export default Footer;
diff --git a/src/templates/_common/_layout/layout.jsx b/src/templates/_common/_layout/layout.jsx
index 603dee0260a..9222983a189 100644
--- a/src/templates/_common/_layout/layout.jsx
+++ b/src/templates/_common/_layout/layout.jsx
@@ -1,9 +1,7 @@
import React from 'react';
-// import Footer from './footer.jsx';
import Head from './head.jsx';
import Header from './header.jsx';
// import MobileMenu from './mobile_menu.jsx';
-import InterviewPopup from '../components/interview_popup.jsx';
import DerivIFrame from '../includes/deriv-iframe.jsx';
// import Elevio from '../includes/elevio.jsx';
import Gtm from '../includes/gtm.jsx';
@@ -75,10 +73,8 @@ const Layout = () => {
{/* */}
-
-
-
-
-
-
-
-
-
- - {it.L('In the EU, financial products are offered by Deriv Investments (Europe) Limited, W Business Centre, Level 3, Triq Dun Karm, Birkirkara, BKR 9033, Malta, regulated as a Category 3 Investment Services provider by the Malta Financial Services Authority ([_1]licence no. IS/70156[_2]).', ``, '')} -
-- {it.L('Outside the EU, financial products are offered by Deriv (SVG) LLC, Hinds Building, Kingstown, St. Vincent and the Grenadines; Deriv (V) Ltd, Govant Building, Port Vila, PO Box 1276, Vanuatu, regulated by the Vanuatu Financial Services Commission ([_1]view licence[_2]); Deriv (BVI) Ltd, Kingston Chambers, P.O. Box 173, Road Town, Tortola, British Virgin Islands, regulated by the British Virgin Islands Financial Services Commission ([_3]licence no. SIBA/L/18/1114[_4]); and Deriv (FX) Ltd., Lot No. F16, First Floor, Paragon Labuan, Jalan Tun Mustapha, 87000 Labuan, Malaysia, regulated by the Labuan Financial Services Authority to carry on a money-broking business ([_5]licence no. MB/18/0024[_6]).', - ``, '', - ``, '', - ``, '')} -
-- {it.L('This website\'s services are not made available in certain countries such as the USA, Canada, Hong Kong, or to persons under age 18.')} -
- -
-
-
-
-
-
-
- - {it.L('Deriv Investments (Europe) Limited, W Business Centre, Level 3, Triq Dun Karm, Birkirkara BKR 9033, Malta, is licensed in Malta and regulated by the Malta Financial Services Authority under the Investments Services Act to provide investment services in the European Union ([_1]licence no. IS/70156[_2]). It is also authorised and subject to limited regulation by the Financial Conduct Authority in the UK. Details about the extent of our authorisation and regulation by the Financial Conduct Authority are available from us on request.', ``, '')} -
-- {it.L('In the Isle of Man and the UK, Synthetic indices are offered by Deriv (MX) Ltd, Millennium House, Level 1, Victoria Road, Douglas IM2 4RW, Isle of Man; licensed and regulated in Great Britain by (1) the Gambling Commission under [_1]account no. 39172[_3] and by (2) the Gambling Supervision Commission in the Isle of Man ([_2]view licence[_3]).', '', ``, '')} -
-- {it.L('In the rest of the EU, Synthetic Indices are offered by Deriv (Europe) Limited, W Business Centre, Level 3, Triq Dun Karm, Birkirkara BKR 9033, Malta; licensed and regulated by (1) the Malta Gaming Authority ([_1]licence no. MGA/B2C/102/2000[_4]), by (2) the Gambling Commission for clients in Great Britain under [_2]account no. 39495[_4], and by (3) the Revenue Commissioners for clients in Ireland (licence no. 1010285). View complete [_3]Regulatory Information[_4].', ``, '', ``, '')} -
-
-
-
-
-
-
- - {it.L('[_1] is an award-winning online trading provider that helps its clients to trade on financial markets through binary options and CFDs. Trading binary options and CFDs on Synthetic Indices is classified as a gambling activity. Remember that gambling can be addictive – please play responsibly. Learn more about [_2]Responsible Trading[_3]. Some products are not available in all countries. This website\'s services are not made available in certain countries such as the USA, Canada, Hong Kong, or to persons under age 18.', it.website_name, ``, '')} -
-
-
-
-
-
-
- - {it.L('Trading binary options may not be suitable for everyone, so please ensure that you fully understand the risks involved. Your losses can exceed your initial deposit and you do not own or have any interest in the underlying asset.')} -
-- {it.L('CFDs are complex instruments and come with a high risk of losing money rapidly due to leverage. [_1] of retail investor accounts lose money when trading CFDs with Deriv Investments (Europe) Limited. You should consider whether you understand how CFDs work and whether you can afford to take the high risk of losing your money.', '68%')} -
-
-
-
-
-
-
-
- })
-
-
- {it.L('2021 Binary | All rights reserved')}
-
-
-);
-
-export const Jurisdiction = () => (
-
-);
-
-export const RiskDisclaimer = () => (
-
-);
-
-export const ClientMessage = () => (
-
-
-
-
-
-
-
-
-
-
-);
-
-export const TaxInformationForm = () => (
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('This requirement is mandated by the Common Reporting Standard (CRS) and the Foreign Account Tax Compliance Act (FATCA).')}
-{it.L('Please enter your [_1]tax information[_2] below to continue.', '', '')}
-{it.L('Rest assured that your information will only be used for CRS/FATCA reporting purposes and will be kept safe.')}
-{it.L('If we have reason to believe that your tax information is incomplete, we may contact you for clarification.')}
-- {it.L('This Tax Identification Number (TIN) is invalid. You may continue, but to facilitate future payment processes, valid tax information will be required.')} -
- -
-
-
-
-
-
-
-
-);
-
-export default ImageSlider;
diff --git a/src/templates/_common/components/interview_popup.jsx b/src/templates/_common/components/interview_popup.jsx
deleted file mode 100644
index 3b02a98df95..00000000000
--- a/src/templates/_common/components/interview_popup.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import HTMLComment from './html_comment.jsx';
-
-const InterviewPopup = () => (
-
-
-
- })
-
-
-
-
- -
- {images.map((image, idx) => (
-
-
-
- {!!image.caption && -
-- } -{image.caption}
-
- ))}
-
- })
-
-
-
- googleoff: all {/* https://support.google.com/gsa/answer/6329153?hl=en#82542 */}
- googleon: all
-
-);
-
-export default InterviewPopup;
diff --git a/src/templates/_common/components/mt5_banner.jsx b/src/templates/_common/components/mt5_banner.jsx
deleted file mode 100644
index f66aaa3d2ce..00000000000
--- a/src/templates/_common/components/mt5_banner.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-const mt5Banner = () => (
-
-
-
-
-
- {it.L('Can you spare 15 minutes?')}
-
-
- {it.L('We\'d love to hear what you think.')}
- - {it.L('We\'re looking to improve our products and services, and we want to understand your needs better. We\'d like to interview you via phone, to know what you like about us, what you don\'t like, and where we can do better.')} -
- -})
- })
- {it.L('Binary.com MT5 is moving to Deriv')}
-})
- })
- {it.L('Learn more')}
-
-);
-
-export default mt5Banner;
diff --git a/src/templates/_common/components/payment_logo.jsx b/src/templates/_common/components/payment_logo.jsx
deleted file mode 100644
index 7c15da21ab5..00000000000
--- a/src/templates/_common/components/payment_logo.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-
-const payment_methods_list = [
- { image: 'visa', param: '?anchor=visa' },
- { image: 'mastercard', param: '?anchor=mastercard' },
- { image: 'maestro', param: '?anchor=maestro' },
- { image: 'bank_transfer', param: '?anchor=bank-transfer' },
- { image: 'paytrust', param: '?anchor=paytrust', dataShow: '-eucountry' },
- { image: 'neteller', param: '?anchor=neteller' },
- { image: 'fasapay', param: '?anchor=fasapay', dataShow: '-eucountry' },
- { image: 'perfect_money', param: '?anchor=perfect-money', dataShow: '-eucountry' },
- { image: 'skrill', param: '?anchor=skrill' },
- { image: 'qiwi', param: '?anchor=qiwi', dataShow: '-eucountry' },
- { image: 'webmoney', param: '?anchor=webmoney' },
- { image: 'paysafe', param: '?anchor=paysafe' },
- { image: 'jeton', param: '?anchor=jeton' },
- { image: 'sticpay', param: '?anchor=sticpay' },
- { image: 'airtm', param: '?anchor=airtm' },
-];
-
-const PaymentLogo = () => payment_methods_list.map((item, inx) => (
-
- {item.param ?
-
- })
-
- :
-
- }
-
-));
-
-export default PaymentLogo;
diff --git a/src/templates/_common/includes/form_verify_email.jsx b/src/templates/_common/includes/form_verify_email.jsx
deleted file mode 100644
index b6d7cc8dc49..00000000000
--- a/src/templates/_common/includes/form_verify_email.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-
-const FormVerifyEmail = ({
- className = '',
- padding = 8,
- email_padding = 7,
- button_padding = 5,
- email_padding_mobile = 10,
- button_padding_mobile = 8,
- dark_button,
- children,
- text,
-}) => (
-
-);
-
-export default FormVerifyEmail;
diff --git a/src/templates/app/_includes/authenticate_message.jsx b/src/templates/app/_includes/authenticate_message.jsx
deleted file mode 100644
index f7346efea36..00000000000
--- a/src/templates/app/_includes/authenticate_message.jsx
+++ /dev/null
@@ -1,231 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-import { Table } from '../../_common/components/elements.jsx';
-
-const FileSelector = ({
- heading,
- data_show,
- allowed_documents,
- instructions,
- accepted_documents,
- type,
-}) => (
-
-
- :
-
- }
-
-
-
-);
-
-export const UnsupportedMessage = () => (
- {it.L('Learn more about submitting essential documents with our handy infographic:')}
- - -
-
-
-
- {it.L('Document submission status')}
-
-
- {it.L('Please resolve all pending issues to continue')}
-
-
- {it.L('Learn more about submitting essential documents with our handy infographic:')}
- - -
-
-
-
- {it.L('Document submission status')}
-
-
- {it.L('Please resolve all pending issues to continue')}
-
-
- {it.L('As an EU resident, you are also required to verify the above documents by [_1]video call[_2].', ``, '')}
-); - -export default AuthenticateMessageFinancial; diff --git a/src/templates/app/_includes/financial_form.jsx b/src/templates/app/_includes/financial_form.jsx deleted file mode 100644 index 641d1f51564..00000000000 --- a/src/templates/app/_includes/financial_form.jsx +++ /dev/null @@ -1,155 +0,0 @@ -import React from 'react'; -import { Fieldset, FormRow } from '../../_common/components/forms.jsx'; - -const Experience = () => ( -
-
-);
-
-export default FormVerificationCode;
diff --git a/src/templates/app/_includes/pep_declaration.jsx b/src/templates/app/_includes/pep_declaration.jsx
deleted file mode 100644
index ae6cba22dc7..00000000000
--- a/src/templates/app/_includes/pep_declaration.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import { Fieldset } from '../../_common/components/forms.jsx';
-
-const PepDeclaration = () => (
-
-);
-
-export default PepDeclaration;
diff --git a/src/templates/app/_includes/professional_client.jsx b/src/templates/app/_includes/professional_client.jsx
deleted file mode 100644
index 80b1988cf93..00000000000
--- a/src/templates/app/_includes/professional_client.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react';
-import { Fieldset } from '../../_common/components/forms.jsx';
-
-const ProfessionalClient = () => (
-
-);
-
-export default ProfessionalClient;
diff --git a/src/templates/app/cashier/account_transfer.jsx b/src/templates/app/cashier/account_transfer.jsx
deleted file mode 100644
index 7219cf6632a..00000000000
--- a/src/templates/app/cashier/account_transfer.jsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-
-const Row = ({ id }) => (
- {it.L('Please check your email for the verification code to complete the process.')}
- -
-
-
-
- -
-
- {it.L('Current balance')}:
- -{it.L('Transfer Between Accounts')}
- -
-
-
-
-
-
-
-
- - {it.L('Fund transfers between accounts are unavailable.')} - - {it.L('The minimum required amount for using the account transfer facility is [_1].', '')} - - - - {it.L('Please [_1]deposit[_2] to your account.', ``, '')} - - -
-
-
-
-
-
-
-
-
-
- {it.L('Your fund transfer is successful. Your new balances are:')}
-
-
-
-
- |
-
-
- |
-
-
- {it.L('Notes:')}
-
- -
-
- {it.L('Transfer limit: [_1]*', '')}
{it.L('(This limit may vary depending on current exchange rates.)')}
- - {it.L('There may be times when transfers are not available because the market is closed (weekends or holidays), there is high volatility in the market or because of technical issues.')} -
- {it.L('You may only transfer funds between fiat and cryptocurrency accounts.')} -
- {it.L('Each transfer is subject to a [_1] transfer fee or a minimum fee of [_2], whichever is higher.', '', '')} -
- {it.L('Authorised payment agents are exempted from paying any transfer fees.')} -
-
-
-
-);
-
-export default DepositWithdraw;
diff --git a/src/templates/app/cashier/dp2p.jsx b/src/templates/app/cashier/dp2p.jsx
deleted file mode 100644
index f9e3a3a8dcf..00000000000
--- a/src/templates/app/cashier/dp2p.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-
-const DP2P = () => (
-
-
-
-
-
-
- {it.L('Please check your email for the verification link to complete the process.')}
-
- {it.L('There was a problem validating your personal details. Please update your [_1] [_2]here[_3].', '[_1]', ``, '')}
-
{it.L('If you need assistance feel free to contact our [_1]Customer Support[_2].', ``, '')}
-
{it.L('Please [_1]authenticate[_2] your account.', ``, '')}
-
-
-
-
- {it.L('Financial Risk approval is required. Please contact [_1]customer support[_2] for more information.', ``, '')}
- {it.L('Account needs age verification, please contact [_1]customer support[_2] for more information.', ``, '')}
- {it.L('Please [_1]accept the updated Terms and Conditions[_2].', ``, '')}
- {it.L('Please set your [_1]30-day turnover limit[_2] to access the cashier.', ``, '')}
- {it.L('Verification code is wrong. Please use the link sent to your email.')}
-
-
-
-
-
-
- {it.L('Sorry, mobile version is not available yet.')}
-
-
-
-
- { button_link ?
-
- 
-
- :
-
- }
-
-);
-
-const DepositWithdrawButton = ({ is_payment_agent, is_virtual }) => (
-
-
-);
-
-export const CashierNote = ({ text, className }) => (
-
- { is_virtual ?
-
-
- }
-
-
-
-
- :
-
-
-
-
-
-
-
-
-);
-
-const Cashier = () => (
-
-
-
-
-
-
- i
-
-
- - {text} -
-{it.L('Cashier')}
- - - -
- ![Currency Icon]()
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Reset your virtual balance')}
-
-
-
-
-
-
-
-
-
-
- - {it.L('Deposit into or withdraw from your real account')} - {it.L('Cryptocurrency')} -
-
-
-
- {it.L('Move funds in and out of your real account.')}
- {it.L('Manage the funds in your cryptocurrency account.')}
-
-
- {it.L('View available payment methods')}
-
-
-
-
-
-
- {it.L('Payment Agent')}
-
-
-
- {it.L('For e-wallets or local currencies not supported by [_1].', it.website_name)}
-
-
-
- {it.L('P2P')}
-
-
-
- {it.L('Make a deposit or withdrawal on your account by buying and selling fiat currencies from anywhere in the world.')}
-
-
-
-
-
-
-
-
- | {tr.text} | -- { (tr.href || tr.mailto) ? - - {tr.placeholder} - - : tr.placeholder - } - | -||
-
-);
-
-export default PaymentAgentList;
diff --git a/src/templates/app/cashier/payment_methods.jsx b/src/templates/app/cashier/payment_methods.jsx
deleted file mode 100644
index d5b61a6cbe9..00000000000
--- a/src/templates/app/cashier/payment_methods.jsx
+++ /dev/null
@@ -1,634 +0,0 @@
-import React from 'react';
-import { CashierNote } from './index.jsx';
-import { Table } from '../../_common/components/elements.jsx';
-
-const Button = ({ url, real, className, text }) => (
-
- {text}
-
-);
-
-const TableTitle = ({ title, className, dataShow, dataAnchor }) => (
- {it.L('How to use a payment agent?')}
-{it.L('You can use an authorized payment agent to process deposits and withdrawals for payment methods or local currencies not supported by [_1]. It\'s easy to do.', it.website_name)}
--
-
- {it.L('Check out the payment methods accepted by the payment agents in the list below.')} -
- {it.L('Choose the payment method you\'d like to use.')} -
- {it.L('Contact the payment agent directly for more information on how to transfer money to them.')} -
- {it.L('Send your funds to the payment agent. The deposited funds, less the agent\'s commission, will show up in your account.')} -
-
-
-
-
-
-
-
- %name
-
-
-
-
- %supported_banks
- {it.L('Payment Agent services are not available in your country or in your preferred currency.')}
-{it.L('Virtual accounts do not have Payment Agent services.')}
- -{it.L('Apply to become a [_1] [_2]payment agent[_3].', it.website_name, ``, '')}
-- {it.L('IMPORTANT DISCLAIMER')} - {it.L('[_1] is not affiliated with any of the payment agents listed above. Each payment agent operates as an independent service provider and is not endorsed, guaranteed or otherwise approved by [_1]. CUSTOMERS DEAL WITH PAYMENT AGENTS AT THEIR SOLE RISK AND PERIL. Customers are advised to check the credentials of payment agents before sending them any money. [_1] shall not in any circumstance be held responsible for transactions made between customers and payment agents.', it.website_name)} -
-{title}
-); - -const PaymentLogo = ({ logo }) => ( -, e], null) } -
- {item.td && {item.td}}
- {item.td_list &&
- item.td_list.map((td, inx_td) => (
-
- ))}
- {td.text}
- )) - } -
-
- );
-};
-
-export default PaymentMethods;
diff --git a/src/templates/app/cashier/paymentagent_transfer.jsx b/src/templates/app/cashier/paymentagent_transfer.jsx
deleted file mode 100644
index cbe3f75968f..00000000000
--- a/src/templates/app/cashier/paymentagent_transfer.jsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React from 'react';
-import {
- Fieldset,
- FormRow,
- SubmitButton } from '../../_common/components/forms.jsx';
-import Loading from '../../_common/components/loading.jsx';
-
-const StrongLabel = ({ id }) => (
-
-);
-
-const PaymentagentTransfer = () => (
- {it.L('Available payment methods')}
- -{it.L('This is a complete list of supported payment methods. We\'ll show you which payment methods are available in your location on the deposit page.')}
-
-
-
- - - - -
-
-
},
- { attributes: { colSpan: 5, className: 'toggler' }, custom_td : paytrust88.com') },
- { td_list: [
- { text: 'USD' },
- { text: '25 - 10,000' },
- { text: 'N/A' },
- { text:
},
- { attributes: { colSpan: 5, className: 'toggler' }, custom_td :
},
- { attributes: { colSpan: 5, className: 'toggler' }, custom_td : www.jeton.com') },
- { td_list: [
- { text: 'USD EUR' },
- { text: '5 - 10,000' },
- { text: 'N/A' },
- { text: https://www.sticpay.com') },
- { td_list: [
- { text: 'USD GBP EUR' },
- { text: '5 - 10,000' },
- { text: '5 - 10,000' },
- { text: https://www.airtm.io') },
- { td_list: [
- { text: 'USD' },
- { text: '5 - 2,500' },
- { text: '5 - 2,500' },
- { text:
,
- },
- ],
- ],
- tbody: [
- {
- id : 'bitcoin',
- row: [
- { text:
-
-
-
-
- {it.L('Note:')} {it.L('Mastercard and Maestro withdrawals are only available for UK Clients.')}
-
-
- {it.L('Note:')} {it.L('Figures have been rounded.')}
-
-
- {it.L('Note:')}
--
-
- {it.L('The minimum amount for withdrawal will vary depending on the latest exchange rates.')} -
- {it.L('Additional processing time may be required by your bank or money transfer services for the funds to be credited to your payment account.')} -
{it.L('Payment Agent transfer')}
- -
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Please [_1]deposit[_2] before transferring to client.', ``, '')}
-
-
-
-
-
- {it.L('This feature is only relevant to payment agent accounts.')}
-
-
- {it.L('Notes:')}
- -
-
- {it.L('Our site does not charge any transfer fees.')} -
- {it.L('Once you click the \'Submit\' button, the funds will be withdrawn from your account and transferred to your Client\'s account.')} -
- {it.L('Your Client will receive an email notification informing him/her that the transfer has been processed.')} -
{it.L('IMPORTANT DISCLAIMER')} - {it.L('[_1] is not affiliated with any of the Payment Agents listed above. Each Payment Agent operates as an independent service provider and is not endorsed, guaranteed or otherwise approved by [_1]. CUSTOMERS DEAL WITH PAYMENT AGENTS AT THEIR SOLE RISK AND PERIL. Customers are advised to check the credentials of Payment Agents before sending them any money. [_1] shall not in any circumstance be held responsible for transactions made between customers and Payment Agents.', it.website_name)}
-); - -const PaymentAgentWithdraw = () => ( -{it.L('Payment Agent Withdrawal')}
- -
-
-
-
-
-
- - {it.L('Withdrawal for your account is not allowed at this moment.')} -
-
- {it.L('Please check your email for the verification link to complete the process.')}
-
-
-
-
-
-
-
-
-
- {it.L('Please provide us with the following information:')}
- - - -
-
-
-
-);
-
-export default SessionExpired;
diff --git a/src/templates/app/endpoint.jsx b/src/templates/app/endpoint.jsx
index bf999e3d66a..ef4f3504c10 100644
--- a/src/templates/app/endpoint.jsx
+++ b/src/templates/app/endpoint.jsx
@@ -23,7 +23,9 @@ const Endpoint = () => (
/>
{it.L('Your cashier session has expired. Please try again.')}
-
-
+
{it.L('Reset to original settings')}
diff --git a/src/templates/app/new_account.jsx b/src/templates/app/new_account.jsx
deleted file mode 100644
index 73277a95a7e..00000000000
--- a/src/templates/app/new_account.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { SocialButton } from '../_common/components/elements.jsx';
-import { SeparatorLineWithText } from '../_common/components/separator_line.jsx';
-
-const NewAccount = () => (
-
-
-);
-
-export default NewAccount;
diff --git a/src/templates/app/new_account/financial.jsx b/src/templates/app/new_account/financial.jsx
deleted file mode 100644
index 28a2e16a9a2..00000000000
--- a/src/templates/app/new_account/financial.jsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import FinancialForm from '../_includes/financial_form.jsx';
-import Loading from '../../_common/components/loading.jsx';
-import PepDeclaration from '../_includes/pep_declaration.jsx';
-import ProfessionalClient from '../_includes/professional_client.jsx';
-import { Fieldset, FormRow } from '../../_common/components/forms.jsx';
-import {
- Salutation,
- FirstName,
- LastName,
- DateOfBirth,
- Citizenship,
- Residence,
- AccountOpeningReason,
- AddressLine1,
- AddressLine2,
- AddressCity,
- AddressState,
- AddressPostcode,
- Jurisdiction,
- Phone,
- RiskDisclaimer,
- SecretQuestion,
- SecretAnswer,
- ClientMessage,
- Tnc,
- TaxInformationForm,
-} from '../../_common/components/forms_common_rows.jsx';
-
-const Financial = () => (
-
-
-);
-
-export default Financial;
diff --git a/src/templates/app/new_account/real.jsx b/src/templates/app/new_account/real.jsx
deleted file mode 100644
index 22beb21b75d..00000000000
--- a/src/templates/app/new_account/real.jsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-import PepDeclaration from '../_includes/pep_declaration.jsx';
-import ProfessionalClient from '../_includes/professional_client.jsx';
-import { Fieldset, FormRow } from '../../_common/components/forms.jsx';
-import {
- Salutation,
- FirstName,
- LastName,
- DateOfBirth,
- Citizenship,
- Residence,
- AccountOpeningReason,
- AddressLine1,
- AddressLine2,
- AddressCity,
- AddressPostcode,
- AddressState,
- Jurisdiction,
- Phone,
- RiskDisclaimer,
- SecretQuestion,
- SecretAnswer,
- ClientMessage,
- Tnc,
-} from '../../_common/components/forms_common_rows.jsx';
-
-const Real = () => (
-
-
-);
-
-export default Resources;
diff --git a/src/templates/app/resources/trading_times.jsx b/src/templates/app/resources/trading_times.jsx
deleted file mode 100644
index 00e991bc4e4..00000000000
--- a/src/templates/app/resources/trading_times.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-
-const TradingTimes = () => (
-
-
-);
-
-export default TradingTimes;
diff --git a/src/templates/app/trade/explanation.jsx b/src/templates/app/trade/explanation.jsx
index 059f14e49e6..d4ff5c478bd 100644
--- a/src/templates/app/trade/explanation.jsx
+++ b/src/templates/app/trade/explanation.jsx
@@ -1,8 +1,11 @@
-import React from 'react';
+import React from 'react'
const Note = ({ children, text }) => (
-
@@ -11,326 +14,784 @@ const Note = ({ children, text }) => (
//
// );
-const Explanation = () => (
-
-
-
- {it.L('Start Trading with [_1]', `${it.website_name}`)}
-
-
-
-
-
- {it.L('Create free account with')}
-
-
- {it.L('Already have an account? [_1]Log in[_2] here', '', '')}
-
- })
-
-
- {it.L('We\'re almost there')}
-{it.L('Please check your email for the verification link to complete the process.')}
-
-
-
-
-
- {it.L('Financial Account Opening')}
- - - - - -
-
-);
-
-export default Real;
diff --git a/src/templates/app/new_account/virtual.jsx b/src/templates/app/new_account/virtual.jsx
deleted file mode 100644
index 48ecd6558f1..00000000000
--- a/src/templates/app/new_account/virtual.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import { FormRow, Fieldset } from '../../_common/components/forms.jsx';
-import FormVerificationCode from '../_includes/form_verification_code.jsx';
-
-const Virtual = () => (
- {it.L('Real Money Account Opening')}
-
-
-
-
- {it.L('Please complete the Real Account form to verify your age as required by the [_1]UK Gambling[_2] Commission (UKGC).', '', '')}
-
-
-);
-
-export default Virtual;
diff --git a/src/templates/app/new_account/welcome_page.jsx b/src/templates/app/new_account/welcome_page.jsx
deleted file mode 100644
index 9bb80f68af7..00000000000
--- a/src/templates/app/new_account/welcome_page.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const WelcomePage = () => (
- {it.L('Create New Virtual-money Account')}
- -
-
-
-
-);
-
-export default WelcomePage;
diff --git a/src/templates/app/resources/asset_index.jsx b/src/templates/app/resources/asset_index.jsx
deleted file mode 100644
index 79f7129b02f..00000000000
--- a/src/templates/app/resources/asset_index.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-
-const AssetIndex = () => (
- {it.L('Congratulations!')}
-{it.L('You have successfully created your Virtual Account.')}
- -
-
-
-
-
-
-
-
-
-
-
- {it.L('Virtual Account')}
-
-
- {it.L('Practice your trading strategies in a risk-free environment by using virtual funds.')}
-
-
-);
-
-export default AssetIndex;
diff --git a/src/templates/app/resources/economic_calendar.jsx b/src/templates/app/resources/economic_calendar.jsx
deleted file mode 100644
index 6f202211d72..00000000000
--- a/src/templates/app/resources/economic_calendar.jsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const EconomicCalendar = () => (
- {it.L('Asset Index')}
-
-
-
-
- - {it.L('Asset index is unavailable in this country. If you have an active [_1] account, please [_2]log in[_3] for full access.', it.website_name, '', '')} -
-
-
-);
-export default EconomicCalendar;
diff --git a/src/templates/app/resources/index.jsx b/src/templates/app/resources/index.jsx
deleted file mode 100644
index ba32088c7dd..00000000000
--- a/src/templates/app/resources/index.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-
-const Column = ({
- header,
- image,
- text,
- url,
-}) => (
-
-);
-
-const Resources = () => (
- {it.L('Economic Calendar')}
-
-
-
-
-
-
-
- {/* Update anchor links below in case they become outdated */}
-
-
-
- {it.L('Resources')}
-{it.L('Do you want to learn more about the markets and how to trade them? Check out the resources below.')}
-
-
- {it.L('Trading Times')}
-- - -
-{it.L('All times are in GMT (Greenwich Mean Time).')}
- -
-
-
-
- - {it.L('Trading times is unavailable in this country. If you have an active [_1] account, please [_2]log in[_3] for full access.', it.website_name, '', '')} -
-{it.L('Note')}: {text || children}
-); ++ {it.L('Note')}: + {text || children} +
+) // const Duration = ({ link }) => ( //
- {/* ========== Winning ========== */}
-
-
-
- {/* ========== Image ========== */}
-
-
-
- {it.L('Winning the contract')}
-{it.L('Asian options settle by comparing the last tick with the average spot over the period.')}
-{it.L('If you select "Asian Rise", you will win the payout if the last tick is higher than the average of the ticks.')}
-{it.L('If you select "Asian Fall", you will win the payout if the last tick is lower than the average of the ticks.')}
-{it.L('If the last tick is equal to the average of the ticks, you don\'t win the payout.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Matches", you will win the payout if the last digit of the last tick is the same as your prediction.')}
-{it.L('If you select "Differs", you will win the payout if the last digit of the last tick is not the same as your prediction.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Ends Between", you win the payout if the exit spot is strictly higher than the Low barrier AND strictly lower than the High barrier.')}
-{it.L('If you select "Ends Outside", you win the payout if the exit spot is EITHER strictly higher than the High barrier, OR strictly lower than the Low barrier.')}
-{it.L('If the exit spot is equal to either the Low barrier or the High barrier, you don\'t win the payout.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Even", you will win the payout if the last digit of the last tick is an even number (i.e., 2, 4, 6, 8, or 0).')}
-{it.L('If you select "Odd", you will win the payout if the last digit of the last tick is an odd number (i.e., 1, 3, 5, 7, or 9).')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Higher", you win the payout if the exit spot is strictly higher than the barrier.')}
-{it.L('If you select "Lower", you win the payout if the exit spot is strictly lower than the barrier.')}
-{it.L('If the exit spot is equal to the barrier, you don\'t win the payout.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Over", you will win the payout if the last digit of the last tick is greater than your prediction.')}
-{it.L('If you select "Under", you will win the payout if the last digit of the last tick is less than your prediction.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Rise", you win the payout if the exit spot is strictly higher than the entry spot.')}
-{it.L('If you select "Fall", you win the payout if the exit spot is strictly lower than the entry spot.')}
-{it.L('If you select "Allow equals", you win the payout if exit spot is higher than or equal to entry spot for "Rise". Similarly, you win the payout if exit spot is lower than or equal to entry spot for "Fall".')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('You win the payout if the market price ends in the digit you have selected.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('You win the payout if the market price does not end in the digit you have selected.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "rises", you win the payout if the market price is higher than the entry spot.')}
-{it.L('If you select "falls", you win the payout if the market price is lower than the entry spot.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Stays Between", you win the payout if the market stays between (does not touch) either the High barrier or the Low barrier at any time during the contract period.')}
-{it.L('If you select "Goes Outside", you win the payout if the market touches either the High barrier or the Low barrier at any time during the contract period.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Rises", you win the payout if the exit spot is strictly higher than the entry spot.')}
-{it.L('If you select "Falls", you win the payout if the exit spot is strictly lower than the entry spot.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Touches", you win the payout if the market touches the barrier at any time during the contract period.')}
-{it.L('If you select "Does Not Touch", you win the payout if the market never touches the barrier at any time during the contract period.')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "rises", you win the payout if the market price is higher than the entry spot.')}
-{it.L('If you select "falls", you win the payout if the market price is lower than the entry spot.')}
-
-
- {it.L('Pay-out')}
-{it.L('By purchasing the [_1]"Close-Low"[_2] contract, you\'ll win the multiplier times the difference between the [_1]close[_2] and [_1]low[_2] over the duration of the contract.', '', '')}
-
-
- {it.L('Pay-out')}
-{it.L('By purchasing the [_1]"High-Close"[_2] contract, you\'ll win the multiplier times the difference between the [_1]high[_2] and [_1]close[_2] over the duration of the contract.', '', '')}
-
-
-
- {it.L('Pay-out')}
-{it.L('By purchasing the [_1]"High-Low"[_2] contract, you\'ll win the multiplier times the difference between the [_1]high[_2] and [_1]low[_2] over the duration of the contract.', '', '')}
-
-
-
- {it.L('Winning the contract')}
-{it.L('If you select "Reset-Call", you win the payout if the exit spot is strictly higher than either the entry spot or the spot at reset time.')}
-{it.L('If you select "Reset-Put", you win the payout if the exit spot is strictly lower than either the entry spot or the spot at reset time.')}
-{it.L('If the exit spot is equal to the barrier or the
-
-
- {it.L('Winning the contract')}
-{it.L('If you select [_1]"High Tick"[_2], you win the payout if the selected tick is the [_1]highest among the next five ticks[_2].', '', '')}
-{it.L('If you select [_1]"Low Tick"[_2], you win the payout if the selected tick is the [_1]lowest among the next five ticks[_2].', '', '')}
-
-
- {it.L('Winning the contract')}
-{it.L('If you select [_1]"Only Ups"[_2], you win the payout if consecutive ticks rise successively after the [_1]entry spot[_2].[_3]No payout if any tick falls or is equal to any of the previous ticks.', '', '', '
')}
{it.L('If you select [_1]"Only Downs"[_2], you win the payout if consecutive ticks fall successively after the [_1]entry spot[_2].[_3]No payout if any tick rises or is equal to any of the previous ticks.', '', '', '
')}
-
-
- {/* ========== Explain ========== */}
-
-
-
-
- ![]()
-
-
- ![]()
-
-
-
-
-
- {/* ========== Duration ========== */}
- {/*
-
-
- {it.L('Entry Spot')}
-{it.L('The entry spot is the first tick after the contract is processed by our servers.')}
-{it.L('The Average')}
-{it.L('The average is the average of the ticks, including the entry spot and the last tick.')}
-
-
-
- {it.L('Entry Spot')}
-{it.L('The entry spot is the first tick after the contract is processed by our servers.')}
-
-
-
- {it.L('Exit spot')}
-{it.L('The exit spot is the latest tick at or before the end time.')}
-{it.L('The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).')}
-{it.L('The start time is when the contract is processed by our servers.')}
-
-
-
- {it.L('Entry Spot')}
-{it.L('The entry spot is the first tick after the contract is processed by our servers.')}
-
-
-
- {it.L('Exit spot')}
-{it.L('The exit spot is the latest tick at or before the end time.')}
-{it.L('The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).')}
-{it.L('The start time is when the contract is processed by our servers.')}
-
-
-
- {it.L('Entry Spot')}
-{it.L('The entry spot is the first tick after the contract is processed by our servers.')}
-
-
-
- {it.L('Entry spot')}
-{it.L('The start time is when the contract is processed by our servers and the entry spot is the next tick thereafter.')}
-{it.L('If you select a start time in the future, the start time is that which is selected and the entry spot is the price in effect at that time.')}
-{it.L('Exit spot')}
-{it.L('The exit spot is the latest tick at or before the end time.')}
-{it.L('If you select a start time of "Now", the end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).')}
-{it.L('If you select a specific end time, the end time is the selected time.')}
-
-
-
- {it.L('Contract period')}
-{it.L('The contract period is the period between the next tick after the start time and the end time.')}
-{it.L('The start time is when the contract is processed by our servers.')}
-{it.L('The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).')}
-
-
-
- {it.L('Contract period')}
-{it.L('The contract period is the period between the next tick after the start time and the end time.')}
-{it.L('The start time is when the contract is processed by our servers.')}
-{it.L('The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).')}
-
-
-
- {it.L('High, Low and Close')}
-{it.L('The [_1]high[_2] is the highest point ever reached by the market during the contract period.', '','')}
-{it.L('The [_1]low[_2] is the lowest point ever reached by the market during the contract period.', '','')}
-{it.L('The [_1]close[_2] is the latest tick at or before the [_1]end time[_2]. If you selected a specific [_1]end time,[_2] the [_1]end time[_2] is the selected time.', '','')}
-{it.L('Contract period')}
-{it.L('The [_1]contract period[_2] is the period between the [_1]first tick[_2] (after start time) and the [_1]end time[_2].', '','')}
-{it.L('The [_1]start time[_2] begins when the contract is processed by our servers.', '','')}
-{it.L('The [_1]end time[_2] is the selected number of minutes/hours after the [_1]start time[_2].', '','')}
-
-
-
- {it.L('High, Low and Close')}
-{it.L('The [_1]high[_2] is the highest point ever reached by the market during the contract period.', '','')}
-{it.L('The [_1]low[_2] is the lowest point ever reached by the market during the contract period.', '','')}
-{it.L('The [_1]close[_2] is the latest tick at or before the [_1]end time[_2]. If you selected a specific [_1]end time,[_2] the [_1]end time[_2] is the selected time.', '','')}
-{it.L('Contract period')}
-{it.L('The [_1]contract period[_2] is the period between the [_1]first tick[_2] (after start time) and the [_1]end time[_2].', '','')}
-{it.L('The [_1]start time[_2] begins when the contract is processed by our servers.', '','')}
-{it.L('The [_1]end time[_2] is the selected number of minutes/hours after the [_1]start time[_2].', '','')}
-
-
-
- {it.L('High, Low and Close')}
-{it.L('The [_1]high[_2] is the highest point ever reached by the market during the contract period.', '','')}
-{it.L('The [_1]low[_2] is the lowest point ever reached by the market during the contract period.', '','')}
-{it.L('The [_1]close[_2] is the latest tick at or before the [_1]end time[_2]. If you selected a specific [_1]end time,[_2] the [_1]end time[_2] is the selected time.', '','')}
-{it.L('Contract period')}
-{it.L('The [_1]contract period[_2] is the period between the [_1]first tick[_2] (after start time) and the [_1]end time[_2].', '','')}
-{it.L('The [_1]start time[_2] begins when the contract is processed by our servers.', '','')}
-{it.L('The [_1]end time[_2] is the selected number of minutes/hours after the [_1]start time[_2].', '','')}
-
-
-
- {it.L('Reset Time')}
-{it.L('At reset time, if the spot is in the opposite direction of your prediction, the barrier is reset to that spot.')}
-{it.L('The exit spot is the latest tick at or before the end time.')}
-{it.L('The end time is the selected number of minutes/hours after the start time.')}
-{it.L('The start time is when the contract is processed by our servers.')}
-{it.L('The entry spot is the first tick after the contract is processed by our servers.')}
-
-
- {it.L('Entry Spot')}
-{it.L('The entry spot is the first tick after the contract is processed by our servers.')}
-
-
- {it.L('Entry spot')}
-{it.L('The [_1]start time[_2] is when the contract has been processed by our servers and the [_1]entry spot[_2] is the [_1]next tick[_2] thereafter.', '', '')}
-{it.L('Exit Spot')}
-{it.L('The [_1]exit spot[_2] is the last tick when the contract ends. Contract ends when all ticks rise or fall successively, or when a single tick breaks the predicted pattern.', '', '')}
- */}
- {/*
*/}
-
- {/* ========== Note ========== */}
- */}
- {/*
*/}
-
- {/* */}
- {/*
*/}
-
- {/* */}
- {/*
*/}
-
- {/* */}
- {/*
*/}
- {/*
-
-
-);
-
-export default Accounts;
diff --git a/src/templates/app/user/authenticate.jsx b/src/templates/app/user/authenticate.jsx
deleted file mode 100644
index 826a9ba54ad..00000000000
--- a/src/templates/app/user/authenticate.jsx
+++ /dev/null
@@ -1,213 +0,0 @@
-import React from 'react';
-import {
- AuthenticateMessage,
- UnsupportedMessage } from '../_includes/authenticate_message.jsx';
-import { Button } from '../../_common/components/elements.jsx';
-import Loading from '../../_common/components/loading.jsx';
-import {
- TabContainer,
- TabContent,
- TabContentContainer,
- TabsSubtabs } from '../../_common/components/tabs.jsx';
-
-const ArrowsMobile = ({ direction, parent }) => (
-
-
-);
-/* eslint-enable react/jsx-no-target-blank */
-
-export default Metatrader;
diff --git a/src/templates/app/user/profit_table.jsx b/src/templates/app/user/profit_table.jsx
deleted file mode 100644
index b89a18c5dec..00000000000
--- a/src/templates/app/user/profit_table.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import { DatePicker } from '../../_common/components/elements.jsx';
-import Loading from '../../_common/components/loading.jsx';
-
-const ProfitTable = () => (
-
-
-);
-
-export default ProfitTable;
diff --git a/src/templates/app/user/reset_password.jsx b/src/templates/app/user/reset_password.jsx
deleted file mode 100644
index 8e7f7b2ffb5..00000000000
--- a/src/templates/app/user/reset_password.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import { FormRow, Fieldset, SubmitButton } from '../../_common/components/forms.jsx';
-
-const ResetPassword = () => (
-
-
-
-);
-
-export default ResetPassword;
diff --git a/src/templates/app/user/security.jsx b/src/templates/app/user/security.jsx
deleted file mode 100644
index 5a2861fd397..00000000000
--- a/src/templates/app/user/security.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react';
-
-const Column = ({
- className,
- dataShow,
- header,
- id,
- image,
- text,
- url,
-}) => (
-
-);
-
-const Security = () => (
-
-
-);
-
-export default Security;
diff --git a/src/templates/app/user/security/account_closure.jsx b/src/templates/app/user/security/account_closure.jsx
deleted file mode 100644
index 1bed4119e1f..00000000000
--- a/src/templates/app/user/security/account_closure.jsx
+++ /dev/null
@@ -1,226 +0,0 @@
-import React from 'react';
-// import { Client } from '../../../../javascript/app/base/client';
-// import { CommonFunctions } from '../../../../javascript/_common/common_functions';
-import {
- FormRow,
- SubmitButton } from '../../../_common/components/forms.jsx';
-import Loading from '../../../_common/components/loading.jsx';
-
-import { SeparatorLine } from '../../../_common/components/separator_line.jsx';
-
-const ClosureDescription = ({
- id,
- list_items,
- list_title,
- subtitle,
- title,
- is_trading_limit,
-}) => (
-
-
-);
-
-const AccountClosureDialog = () => (
-
-
-);
-
-export default AccountClosure;
diff --git a/src/templates/app/user/security/api_token.jsx b/src/templates/app/user/security/api_token.jsx
deleted file mode 100644
index 5ebf22e07bf..00000000000
--- a/src/templates/app/user/security/api_token.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import Loading from '../../../_common/components/loading.jsx';
-import { FormRow, SubmitButton, Fieldset } from '../../../_common/components/forms.jsx';
-
-const ApiToken = () => (
-
-
-);
-
-export default ApiToken;
diff --git a/src/templates/app/user/security/authorised_apps.jsx b/src/templates/app/user/security/authorised_apps.jsx
deleted file mode 100644
index 76bd466e800..00000000000
--- a/src/templates/app/user/security/authorised_apps.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import Loading from '../../../_common/components/loading.jsx';
-
-const AuthorisedApps = () => (
-
-
-);
-
-export default AuthorisedApps;
diff --git a/src/templates/app/user/security/change_password.jsx b/src/templates/app/user/security/change_password.jsx
deleted file mode 100644
index 4c4b8c7cf74..00000000000
--- a/src/templates/app/user/security/change_password.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import { FormRow, Fieldset, SubmitButton } from '../../../_common/components/forms.jsx';
-
-const ChangePassword = () => (
-
-
-);
-
-export default ChangePassword;
diff --git a/src/templates/app/user/security/cloudflare_dns.jsx b/src/templates/app/user/security/cloudflare_dns.jsx
deleted file mode 100644
index 203e4e1687a..00000000000
--- a/src/templates/app/user/security/cloudflare_dns.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-
-const CloudflareDNS = () => (
-
-
-);
-
-export default CloudflareDNS;
diff --git a/src/templates/app/user/security/iphistory.jsx b/src/templates/app/user/security/iphistory.jsx
deleted file mode 100644
index 02f42c03dd1..00000000000
--- a/src/templates/app/user/security/iphistory.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-
-const Iphistory = () => (
-
-
-);
-
-export default Iphistory;
diff --git a/src/templates/app/user/security/limits.jsx b/src/templates/app/user/security/limits.jsx
deleted file mode 100644
index 9c5397752d3..00000000000
--- a/src/templates/app/user/security/limits.jsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React from 'react';
-import { Table } from '../../../_common/components/elements.jsx';
-import Loading from '../../../_common/components/loading.jsx';
-
-const Limits = () => {
- const data_balloon = `})
`;
- const balloonReplace = (txt, balloon_txt) =>
- it.dangreouslyRenderHtml(it.L(txt) + data_balloon.replace('%', it.L(balloon_txt)));
-
- const open_position = balloonReplace(
- 'Maximum number of open positions',
- 'Represents the maximum number of outstanding contracts in your portfolio. Each line in your portfolio counts for one open position. Once the maximum is reached, you will not be able to open new positions without closing an existing position first.'
- );
- const account_balance = balloonReplace(
- 'Maximum account cash balance',
- 'Represents the maximum amount of cash that you may hold in your account. If the maximum is reached, you will be asked to withdraw funds.'
- );
- const payout = balloonReplace(
- 'Maximum aggregate payouts on open positions',
- 'Presents the maximum aggregate payouts on outstanding contracts in your portfolio. If the maximum is attained, you may not purchase additional contracts without first closing out existing positions.'
- );
- const limit = balloonReplace(
- 'Maximum daily turnover',
- 'Represents the maximum volume of contracts that you may purchase in any given trading day.'
- );
-
- return (
-
-
- );
-};
-
-export default Limits;
diff --git a/src/templates/app/user/security/self_exclusion.jsx b/src/templates/app/user/security/self_exclusion.jsx
deleted file mode 100644
index c7879b890ad..00000000000
--- a/src/templates/app/user/security/self_exclusion.jsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import React from 'react';
-import Loading from '../../../_common/components/loading.jsx';
-import { FormRow, SubmitButton, Fieldset } from '../../../_common/components/forms.jsx';
-
-const SelfExclusion = () => (
-
-
-);
-
-export default SelfExclusion;
diff --git a/src/templates/app/user/security/two_factor_authentication.jsx b/src/templates/app/user/security/two_factor_authentication.jsx
deleted file mode 100644
index dab9ea95b61..00000000000
--- a/src/templates/app/user/security/two_factor_authentication.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import Loading from '../../../_common/components/loading.jsx';
-
-const ErrorMessage = ({ id }) => (
-
-
-
-);
-
-const OtpForm = () => (
-
-
-
-);
-
-const TwoFactorAuthentication = () => (
-
-
-);
-
-export default TwoFactorAuthentication;
diff --git a/src/templates/app/user/set_currency.jsx b/src/templates/app/user/set_currency.jsx
deleted file mode 100644
index ceaa1f7ac33..00000000000
--- a/src/templates/app/user/set_currency.jsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const Currencies = ({ text, id }) => (
-
-
-);
-
-const SetCurrency = () => (
-
-
-);
-
-export default SetCurrency;
diff --git a/src/templates/app/user/settings.jsx b/src/templates/app/user/settings.jsx
deleted file mode 100644
index 99d840633ab..00000000000
--- a/src/templates/app/user/settings.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-
-const Column = ({
- id,
- header,
- text,
- url,
- image,
- className = '',
-}) => (
-
-);
-
-const Settings = () => (
-
-
-);
-
-export default Settings;
diff --git a/src/templates/app/user/settings/financial_assessment.jsx b/src/templates/app/user/settings/financial_assessment.jsx
deleted file mode 100644
index e823eafb9d2..00000000000
--- a/src/templates/app/user/settings/financial_assessment.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import FinancialForm from '../../_includes/financial_form.jsx';
-import Loading from '../../../_common/components/loading.jsx';
-import { SubmitButton } from '../../../_common/components/forms.jsx';
-import { RiskDisclaimer } from '../../../_common/components/forms_common_rows.jsx';
-
-const FinancialAssessment = () => (
-
-
-);
-
-export default PersonalDetails;
diff --git a/src/templates/app/user/settings/professional.jsx b/src/templates/app/user/settings/professional.jsx
deleted file mode 100644
index d36b1b31a3f..00000000000
--- a/src/templates/app/user/settings/professional.jsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import ProfessionalClient from '../../_includes/professional_client.jsx';
-import Loading from '../../../_common/components/loading.jsx';
-import { SubmitButton } from '../../../_common/components/forms.jsx';
-
-const Professional = () => (
-
-
-);
-
-export default Statement;
diff --git a/src/templates/app/user/telegram_bot.jsx b/src/templates/app/user/telegram_bot.jsx
deleted file mode 100644
index 5d173d6824c..00000000000
--- a/src/templates/app/user/telegram_bot.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import { FormRow, SubmitButton, Fieldset } from '../../_common/components/forms.jsx';
-
-const TelegramBot = () => (
-
-
-);
-
-export default TelegramBot;
diff --git a/src/templates/app/user/tnc_approval.jsx b/src/templates/app/user/tnc_approval.jsx
deleted file mode 100644
index e7c4b2a32a2..00000000000
--- a/src/templates/app/user/tnc_approval.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-
-const TncApproval = () => (
-
-
-);
-
-export default TncApproval;
diff --git a/src/templates/app/user/top_up_virtual/pop_up.jsx b/src/templates/app/user/top_up_virtual/pop_up.jsx
deleted file mode 100644
index 9e26b2bb42d..00000000000
--- a/src/templates/app/user/top_up_virtual/pop_up.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-
-const TopUpVirtualPopup = () => (
-
-
-);
-
-export default TopUpVirtualPopup;
diff --git a/src/templates/app/user/top_up_virtual/top_up_virtual.jsx b/src/templates/app/user/top_up_virtual/top_up_virtual.jsx
deleted file mode 100644
index cfd5e3e22d3..00000000000
--- a/src/templates/app/user/top_up_virtual/top_up_virtual.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import Loading from '../../../_common/components/loading.jsx';
-
-const TopUpVirtual = () => (
-
-
-
-);
-
-export default TopUpVirtual;
diff --git a/src/templates/app/user/video_facility.jsx b/src/templates/app/user/video_facility.jsx
deleted file mode 100644
index 31c9fdd7812..00000000000
--- a/src/templates/app/user/video_facility.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-
-const VideoFacility = () => {
- const support_link = '%'.replace(new RegExp('%', 'g'), 'authentications@binary.com');
-
- return (
-
-
- );
-};
-
-export default VideoFacility;
diff --git a/src/templates/landing_pages/_common/layout.jsx b/src/templates/landing_pages/_common/layout.jsx
deleted file mode 100644
index 610777468ec..00000000000
--- a/src/templates/landing_pages/_common/layout.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import OutdatedBrowserMessage from './outdated_browser_message.jsx';
-import Title from '../../_common/components/title.jsx';
-import AntiClickjack from '../../_common/includes/anti_clickjack.jsx';
-import DerivIFrame from '../../_common/includes/deriv-iframe.jsx';
-import Favicons from '../../_common/includes/favicons.jsx';
-
-const Layout = ({
- meta_description,
- css_files,
- js_files,
- children,
-}) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default GraduateProgram;
diff --git a/src/templates/landing_pages/hackathon.jsx b/src/templates/landing_pages/hackathon.jsx
deleted file mode 100644
index 3a3b4b72c63..00000000000
--- a/src/templates/landing_pages/hackathon.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import Layout from './_common/layout.jsx';
-
-const Hackathon = () => (
-
-
-
-
-
-
-
-
-);
-
-export default Hackathon;
diff --git a/src/templates/landing_pages/usb.jsx b/src/templates/landing_pages/usb.jsx
deleted file mode 100644
index ca5a2e82fe4..00000000000
--- a/src/templates/landing_pages/usb.jsx
+++ /dev/null
@@ -1,257 +0,0 @@
-import React from 'react';
-import Layout from './_common/layout.jsx';
-
-const UsbPage = () => (
-
-
-
-
-
-);
-
-export default UsbPage;
diff --git a/src/templates/static/about/asuncion.jsx b/src/templates/static/about/asuncion.jsx
deleted file mode 100644
index d3341288721..00000000000
--- a/src/templates/static/about/asuncion.jsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react';
-import { BoxOverlayImage } from '../../_common/components/box_row.jsx';
-import ImageSlider from '../../_common/components/image_slider.jsx';
-
-const Asuncion = () => (
-
-
-);
-
-export default BinaryInNumbers;
diff --git a/src/templates/static/about/careers.jsx b/src/templates/static/about/careers.jsx
deleted file mode 100644
index 64fcdb8d792..00000000000
--- a/src/templates/static/about/careers.jsx
+++ /dev/null
@@ -1,313 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-import Step from '../../_common/components/step.jsx';
-
-const Box = ({
- gr,
- text,
- icon,
- href,
- download,
- target,
- padding,
-}) => (
-
-
-);
-
-export default Contact;
diff --git a/src/templates/static/about/contact_2.jsx b/src/templates/static/about/contact_2.jsx
deleted file mode 100644
index a5704ddac09..00000000000
--- a/src/templates/static/about/contact_2.jsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import { InfoBox } from '../../_common/components/elements.jsx';
-
-const support_email = 'support@binary.com';
-
-const Contact2 = () => (
-
-
-);
-
-const JobDescriptions = () => (
-
-
-);
-
-const SideBar = ({ className, sidebar_items = [] }) => (
-
-
-);
-
-export default AffiliateIBLanding;
diff --git a/src/templates/static/affiliate_ib_landing/faq.jsx b/src/templates/static/affiliate_ib_landing/faq.jsx
deleted file mode 100644
index 2a3eb51501d..00000000000
--- a/src/templates/static/affiliate_ib_landing/faq.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-
-const FAQ = () => {
- const affiliate_faq_items = [
- {
- image: it.url_for('images/pages/affiliates_ib_landing/icons/marketing-dark.svg'),
- link : `${it.url_for('affiliate/faq')}#general`,
- text : it.L('General'),
- },
- {
- image: it.url_for('images/pages/affiliates_ib_landing/icons/account-dark.svg'),
- link : `${it.url_for('affiliate/faq')}#account-management-and-tracking`,
- text : it.L('Account management'),
- },
- {
- image: it.url_for('images/pages/affiliates_ib_landing/icons/general-faq-dark.svg'),
- link : `${it.url_for('affiliate/faq')}#referral-tools`,
- text : it.L('Referral tools'),
- },
- ];
-
- const ib_faq_items = [
- {
- image: it.url_for('images/pages/affiliates_ib_landing/icons/marketing-dark.svg'),
- link : `${it.url_for('ib-programme/ib-faq')}#general`,
- text : it.L('General'),
- },
- {
- image: it.url_for('images/pages/affiliates_ib_landing/icons/account-dark.svg'),
- link : `${it.url_for('ib-programme/ib-faq')}#account-management`,
- text : it.L('Account management'),
- },
- {
- image: it.url_for('images/pages/affiliates_ib_landing/icons/general-faq-dark.svg'),
- link : `${it.url_for('ib-programme/ib-faq')}#referral-tools`,
- text : it.L('Referral tools'),
- },
- ];
-
- return (
-
-
- );
-};
-
-export default FAQ;
diff --git a/src/templates/static/affiliate_ib_landing/hero.jsx b/src/templates/static/affiliate_ib_landing/hero.jsx
deleted file mode 100644
index e755d1eeab9..00000000000
--- a/src/templates/static/affiliate_ib_landing/hero.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-const Hero = () => (
-
-
-);
-
-export default Hero;
diff --git a/src/templates/static/affiliate_ib_landing/how_it_works.jsx b/src/templates/static/affiliate_ib_landing/how_it_works.jsx
deleted file mode 100644
index 78bd295a943..00000000000
--- a/src/templates/static/affiliate_ib_landing/how_it_works.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-
-const HowItWorks = () => (
-
-
-);
-
-export default HowItWorks;
diff --git a/src/templates/static/affiliate_ib_landing/payment.jsx b/src/templates/static/affiliate_ib_landing/payment.jsx
deleted file mode 100644
index c2e476382af..00000000000
--- a/src/templates/static/affiliate_ib_landing/payment.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import PaymentLogo from '../../_common/components/payment_logo.jsx';
-
-const Payment = () => (
-
-
-);
-
-export default Payment;
diff --git a/src/templates/static/affiliate_ib_landing/statistics.jsx b/src/templates/static/affiliate_ib_landing/statistics.jsx
deleted file mode 100644
index faabed92ca6..00000000000
--- a/src/templates/static/affiliate_ib_landing/statistics.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-const Statistics = () => (
-
-
-);
-
-export default Statistics;
diff --git a/src/templates/static/affiliate_ib_landing/type_of_partnership.jsx b/src/templates/static/affiliate_ib_landing/type_of_partnership.jsx
deleted file mode 100644
index 4e927af643c..00000000000
--- a/src/templates/static/affiliate_ib_landing/type_of_partnership.jsx
+++ /dev/null
@@ -1,538 +0,0 @@
-import React from 'react';
-import { Table } from '../../_common/components/elements.jsx';
-import {
- TabContainer,
- TabContent,
- TabContentContainer,
- TabsSubtabs } from '../../_common/components/tabs.jsx';
-
-const ArrowsMobile = ({ direction, parent }) => (
-
-
-);
-
-export default TypesOfPartnership;
diff --git a/src/templates/static/affiliate_ib_landing/who_can_apply.jsx b/src/templates/static/affiliate_ib_landing/who_can_apply.jsx
deleted file mode 100644
index 95f629734c8..00000000000
--- a/src/templates/static/affiliate_ib_landing/who_can_apply.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-
-const WhoCanApply = () => {
- const who_can_apply = [
- {
- title : it.L('Webmaster'),
- description: it.L('Runs and manages a website that promotes forex or binary options'),
- },
- {
- title : it.L('Trading guru'),
- description: it.L('Nurtures a community of potential and existing online traders through insight and mentorship'),
- },
- {
- title : it.L('Webinar speaker'),
- description: it.L('Conducts trading discussions and interactive sessions online with trading enthusiasts'),
- },
- {
- title : it.L('Web and software developer'),
- description: it.L('Builds trading applications and interfaces using the [_1] API', it.website_name),
- },
- {
- title : it.L('Social media admin'),
- description: it.L('Manages a social media page dedicated to online trading'),
- },
- {
- title : it.L('Blogger and vlogger'),
- description: it.L('Maintains a page or video channel about online trading'),
- },
- ];
-
- return (
-
-
- );
-};
-
-export default WhoCanApply;
diff --git a/src/templates/static/affiliate_ib_landing/why_partner.jsx b/src/templates/static/affiliate_ib_landing/why_partner.jsx
deleted file mode 100644
index 410f186e855..00000000000
--- a/src/templates/static/affiliate_ib_landing/why_partner.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-
-const WhyPartner = () => {
- const reasons = [
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/commission.svg'),
- description: it.L('Generous commissions'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/conversion.svg'),
- description: it.L('High conversions'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/payment.svg'),
- description: it.L('On-time payments'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/no-hidden-fees.svg'),
- description: it.L('No hidden fees'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/contact.svg'),
- description: it.L('Customer-centric partnership'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/diversify-income.svg'),
- description: it.L('Multiple income opportunities'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/marketing.svg'),
- description: it.L('Advanced referral tools'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/support-faq.svg'),
- description: it.L('International support'),
- },
- {
- image : it.url_for('images/pages/affiliates_ib_landing/icons/globe.svg'),
- description: it.L('Multilingual platforms'),
- },
- ];
-
- return (
-
-
- );
-};
-
-export default WhyPartner;
diff --git a/src/templates/static/affiliates/faq.jsx b/src/templates/static/affiliates/faq.jsx
deleted file mode 100644
index b68b52aa6ab..00000000000
--- a/src/templates/static/affiliates/faq.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from 'react';
-import { Section, ListStrong } from '../get_started/common.jsx';
-import { List } from '../../_common/components/elements.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const FAQ = () => (
-
-
-);
-
-export default Register;
diff --git a/src/templates/static/charity.jsx b/src/templates/static/charity.jsx
deleted file mode 100644
index b36344831c4..00000000000
--- a/src/templates/static/charity.jsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import React from 'react';
-
-const CharityHelper = ({ country, charities }) => (
-
-
-);
-
-const Step = ({ header, text }) => {
- circle_no += 1;
-
- return (
-
-
- );
-};
-
-const Glossary = ({ glossary }) => (
- glossary.map((item, idx) => (
-
-
- ))
-);
-
-const BinaryOptions = () => {
- circle = 0;
- circle_no = 0;
-
- return (
-
-
-);
-
-export const ListStrong = ({ header, text }) => (
- {header}
{text}
-);
-
-export const BoxText = ({ text, text_two }) => (
-
-
-);
-
-export const Box = ({ text, text_two, children }) => (
-
-
-);
-
-export const ImageBox = ({ header, text, image }) => (
-
-
-
-
-);
-
-const Metals = () => (
-
-
-);
-
-// const AcademySection = ({ image, header, text }) => (
-//
-
- );
-};
-
-export default Home;
diff --git a/src/templates/static/ib_programme/ib_faq.jsx b/src/templates/static/ib_programme/ib_faq.jsx
deleted file mode 100644
index 3ac887d8fdf..00000000000
--- a/src/templates/static/ib_programme/ib_faq.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import { Section } from '../get_started/common.jsx';
-import { List } from '../../_common/components/elements.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const FAQ = () => (
- {title} {subtitle && — {subtitle}}
- {sub_list &&
-);
-
-const TermsAndConditions = () => (
-
-
-
-);
-
-const Box = ({
- first,
- last,
- header,
- children,
-}) => (
-
- {first ?
-);
-
-const RegulatorImage = ({
- padding,
- padding_m,
- href,
- image,
-}) => (
-
- {items.map((item, idx) =>(
-
- ))}
-
- );
-};
-
-const Regulation = () => {
- const has_KID = /en|es|it|pl|pt/.test(`${it.language.toLowerCase()}`);
- const lang_KID = has_KID ? `${it.language.toLowerCase()}` : 'en';
-
- return (
-
-
-);
-
-const Forex = () => (
-
- {operand_1}
- })
- {operand_2}
- })
- {operand_3}
- })
- {operand_4}
-
-);
-
-const Metals = () => (
-
- {text}
- {number}
-
-);
-
-const TypesOfAccounts = () => (
-
-
-);
-
-const LiquiditySolutions = () => (
-
-
-);
-
-export default LiquiditySolutions;
diff --git a/src/templates/static/partners/open_source_projects.jsx b/src/templates/static/partners/open_source_projects.jsx
deleted file mode 100644
index 65e5736343e..00000000000
--- a/src/templates/static/partners/open_source_projects.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from 'react';
-import { List } from '../../_common/components/elements.jsx';
-
-const TextBlock = ({ text, children }) => (
-
-
-);
-
-export default Partners;
diff --git a/src/templates/static/partners/payment_agent.jsx b/src/templates/static/partners/payment_agent.jsx
deleted file mode 100644
index bd98276b680..00000000000
--- a/src/templates/static/partners/payment_agent.jsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React from 'react';
-import { List } from '../../_common/components/elements.jsx';
-
-const Section = ({ id, header, children }) => (
-
-);
-
-const PaymentAgent = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Rise/Fall contracts will be refunded if:')}
- • {it.L('There are less than 2 ticks between the start and end times')}
- • {it.L('The contract doesn\'t end within 5 minutes (for tick duration contracts)')} -
-
-
- - • {it.L('There are less than 2 ticks between the start and end times')}
- • {it.L('The contract doesn\'t end within 5 minutes (for tick duration contracts)')} -
-
-
-
-
-
-
-
+const Explanation = () => {
+ return (
+
+ {/* ========== Winning ========== */}
+
-);
+ )
+}
-export default Explanation;
+export default Explanation
diff --git a/src/templates/app/user/accounts.jsx b/src/templates/app/user/accounts.jsx
deleted file mode 100644
index 4feb7e16ce9..00000000000
--- a/src/templates/app/user/accounts.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-import { Table } from '../../_common/components/elements.jsx';
-
-const Accounts = () => (
-
+
+
+ {/* ========== Image ========== */}
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'Asian options settle by comparing the last tick with the average spot over the period.' + )} +
++ {it.L( + 'If you select "Asian Rise", you will win the payout if the last tick is higher than the average of the ticks.' + )} +
++ {it.L( + 'If you select "Asian Fall", you will win the payout if the last tick is lower than the average of the ticks.' + )} +
++ {it.L( + "If the last tick is equal to the average of the ticks, you don't win the payout." + )} +
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Matches", you will win the payout if the last digit of the last tick is the same as your prediction.' + )} +
++ {it.L( + 'If you select "Differs", you will win the payout if the last digit of the last tick is not the same as your prediction.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Ends Between", you win the payout if the exit spot is strictly higher than the Low barrier AND strictly lower than the High barrier.' + )} +
++ {it.L( + 'If you select "Ends Outside", you win the payout if the exit spot is EITHER strictly higher than the High barrier, OR strictly lower than the Low barrier.' + )} +
++ {it.L( + "If the exit spot is equal to either the Low barrier or the High barrier, you don't win the payout." + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Even", you will win the payout if the last digit of the last tick is an even number (i.e., 2, 4, 6, 8, or 0).' + )} +
++ {it.L( + 'If you select "Odd", you will win the payout if the last digit of the last tick is an odd number (i.e., 1, 3, 5, 7, or 9).' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Higher", you win the payout if the exit spot is strictly higher than the barrier.' + )} +
++ {it.L( + 'If you select "Lower", you win the payout if the exit spot is strictly lower than the barrier.' + )} +
++ {it.L( + "If the exit spot is equal to the barrier, you don't win the payout." + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Over", you will win the payout if the last digit of the last tick is greater than your prediction.' + )} +
++ {it.L( + 'If you select "Under", you will win the payout if the last digit of the last tick is less than your prediction.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Rise", you win the payout if the exit spot is strictly higher than the entry spot.' + )} +
++ {it.L( + 'If you select "Fall", you win the payout if the exit spot is strictly lower than the entry spot.' + )} +
++ {it.L( + 'If you select "Allow equals", you win the payout if exit spot is higher than or equal to entry spot for "Rise". Similarly, you win the payout if exit spot is lower than or equal to entry spot for "Fall".' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'You win the payout if the market price ends in the digit you have selected.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'You win the payout if the market price does not end in the digit you have selected.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "rises", you win the payout if the market price is higher than the entry spot.' + )} +
++ {it.L( + 'If you select "falls", you win the payout if the market price is lower than the entry spot.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Stays Between", you win the payout if the market stays between (does not touch) either the High barrier or the Low barrier at any time during the contract period.' + )} +
++ {it.L( + 'If you select "Goes Outside", you win the payout if the market touches either the High barrier or the Low barrier at any time during the contract period.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Rises", you win the payout if the exit spot is strictly higher than the entry spot.' + )} +
++ {it.L( + 'If you select "Falls", you win the payout if the exit spot is strictly lower than the entry spot.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Touches", you win the payout if the market touches the barrier at any time during the contract period.' + )} +
++ {it.L( + 'If you select "Does Not Touch", you win the payout if the market never touches the barrier at any time during the contract period.' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "rises", you win the payout if the market price is higher than the entry spot.' + )} +
++ {it.L( + 'If you select "falls", you win the payout if the market price is lower than the entry spot.' + )} +
+
+
+ {it.L('Pay-out')}
++ {it.L( + 'By purchasing the [_1]"Close-Low"[_2] contract, you\'ll win the multiplier times the difference between the [_1]close[_2] and [_1]low[_2] over the duration of the contract.', + '', + '' + )} +
+
+
+ {it.L('Pay-out')}
++ {it.L( + 'By purchasing the [_1]"High-Close"[_2] contract, you\'ll win the multiplier times the difference between the [_1]high[_2] and [_1]close[_2] over the duration of the contract.', + '', + '' + )} +
+
+
+
+ {it.L('Pay-out')}
++ {it.L( + 'By purchasing the [_1]"High-Low"[_2] contract, you\'ll win the multiplier times the difference between the [_1]high[_2] and [_1]low[_2] over the duration of the contract.', + '', + '' + )} +
+
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select "Reset-Call", you win the payout if the exit spot is strictly higher than either the entry spot or the spot at reset time.' + )} +
++ {it.L( + 'If you select "Reset-Put", you win the payout if the exit spot is strictly lower than either the entry spot or the spot at reset time.' + )} +
+
+ {it.L(
+ "If the exit spot is equal to the barrier or the
+
+
+ {it.L('Winning the contract')}
++ {it.L( + 'If you select [_1]"High Tick"[_2], you win the payout if the selected tick is the [_1]highest among the next five ticks[_2].', + '', + '' + )} +
++ {it.L( + 'If you select [_1]"Low Tick"[_2], you win the payout if the selected tick is the [_1]lowest among the next five ticks[_2].', + '', + '' + )} +
+
+
+ {it.L('Winning the contract')}
+
+ {it.L(
+ 'If you select [_1]"Only Ups"[_2], you win the payout if consecutive ticks rise successively after the [_1]entry spot[_2].[_3]No payout if any tick falls or is equal to any of the previous ticks.',
+ '',
+ '',
+ '
'
+ )}
+
+ {it.L(
+ 'If you select [_1]"Only Downs"[_2], you win the payout if consecutive ticks fall successively after the [_1]entry spot[_2].[_3]No payout if any tick rises or is equal to any of the previous ticks.',
+ '',
+ '',
+ '
'
+ )}
+
+
+
+ {/* ========== Explain ========== */}
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+
+ {/* ========== Duration ========== */}
+ {/*
+
+
+ {it.L('Entry Spot')}
++ {it.L( + 'The entry spot is the first tick after the contract is processed by our servers.' + )} +
+{it.L('The Average')}
++ {it.L( + 'The average is the average of the ticks, including the entry spot and the last tick.' + )} +
+
+
+
+ {it.L('Entry Spot')}
++ {it.L( + 'The entry spot is the first tick after the contract is processed by our servers.' + )} +
+
+
+
+ {it.L('Exit spot')}
++ {it.L( + 'The exit spot is the latest tick at or before the end time.' + )} +
++ {it.L( + 'The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).' + )} +
++ {it.L( + 'The start time is when the contract is processed by our servers.' + )} +
+
+
+
+ {it.L('Entry Spot')}
++ {it.L( + 'The entry spot is the first tick after the contract is processed by our servers.' + )} +
+
+
+
+ {it.L('Exit spot')}
++ {it.L( + 'The exit spot is the latest tick at or before the end time.' + )} +
++ {it.L( + 'The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).' + )} +
++ {it.L( + 'The start time is when the contract is processed by our servers.' + )} +
+
+
+
+ {it.L('Entry Spot')}
++ {it.L( + 'The entry spot is the first tick after the contract is processed by our servers.' + )} +
+
+
+
+ {it.L('Entry spot')}
++ {it.L( + 'The start time is when the contract is processed by our servers and the entry spot is the next tick thereafter.' + )} +
++ {it.L( + 'If you select a start time in the future, the start time is that which is selected and the entry spot is the price in effect at that time.' + )} +
+{it.L('Exit spot')}
++ {it.L( + 'The exit spot is the latest tick at or before the end time.' + )} +
++ {it.L( + 'If you select a start time of "Now", the end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).' + )} +
++ {it.L( + 'If you select a specific end time, the end time is the selected time.' + )} +
+
+
+
+ {it.L('Contract period')}
++ {it.L( + 'The contract period is the period between the next tick after the start time and the end time.' + )} +
++ {it.L( + 'The start time is when the contract is processed by our servers.' + )} +
++ {it.L( + 'The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).' + )} +
+
+
+
+ {it.L('Contract period')}
++ {it.L( + 'The contract period is the period between the next tick after the start time and the end time.' + )} +
++ {it.L( + 'The start time is when the contract is processed by our servers.' + )} +
++ {it.L( + 'The end time is the selected number of minutes/hours after the start time (if less than one day in duration), or at the end of the trading day (if one day or more in duration).' + )} +
+
+
+
+ {it.L('High, Low and Close')}
++ {it.L( + 'The [_1]high[_2] is the highest point ever reached by the market during the contract period.', + '', + '' + )} +
++ {it.L( + 'The [_1]low[_2] is the lowest point ever reached by the market during the contract period.', + '', + '' + )} +
++ {it.L( + 'The [_1]close[_2] is the latest tick at or before the [_1]end time[_2]. If you selected a specific [_1]end time,[_2] the [_1]end time[_2] is the selected time.', + '', + '' + )} +
+{it.L('Contract period')}
++ {it.L( + 'The [_1]contract period[_2] is the period between the [_1]first tick[_2] (after start time) and the [_1]end time[_2].', + '', + '' + )} +
++ {it.L( + 'The [_1]start time[_2] begins when the contract is processed by our servers.', + '', + '' + )} +
++ {it.L( + 'The [_1]end time[_2] is the selected number of minutes/hours after the [_1]start time[_2].', + '', + '' + )} +
+
+
+
+ {it.L('High, Low and Close')}
++ {it.L( + 'The [_1]high[_2] is the highest point ever reached by the market during the contract period.', + '', + '' + )} +
++ {it.L( + 'The [_1]low[_2] is the lowest point ever reached by the market during the contract period.', + '', + '' + )} +
++ {it.L( + 'The [_1]close[_2] is the latest tick at or before the [_1]end time[_2]. If you selected a specific [_1]end time,[_2] the [_1]end time[_2] is the selected time.', + '', + '' + )} +
+{it.L('Contract period')}
++ {it.L( + 'The [_1]contract period[_2] is the period between the [_1]first tick[_2] (after start time) and the [_1]end time[_2].', + '', + '' + )} +
++ {it.L( + 'The [_1]start time[_2] begins when the contract is processed by our servers.', + '', + '' + )} +
++ {it.L( + 'The [_1]end time[_2] is the selected number of minutes/hours after the [_1]start time[_2].', + '', + '' + )} +
+
+
+
+ {it.L('High, Low and Close')}
++ {it.L( + 'The [_1]high[_2] is the highest point ever reached by the market during the contract period.', + '', + '' + )} +
++ {it.L( + 'The [_1]low[_2] is the lowest point ever reached by the market during the contract period.', + '', + '' + )} +
++ {it.L( + 'The [_1]close[_2] is the latest tick at or before the [_1]end time[_2]. If you selected a specific [_1]end time,[_2] the [_1]end time[_2] is the selected time.', + '', + '' + )} +
+{it.L('Contract period')}
++ {it.L( + 'The [_1]contract period[_2] is the period between the [_1]first tick[_2] (after start time) and the [_1]end time[_2].', + '', + '' + )} +
++ {it.L( + 'The [_1]start time[_2] begins when the contract is processed by our servers.', + '', + '' + )} +
++ {it.L( + 'The [_1]end time[_2] is the selected number of minutes/hours after the [_1]start time[_2].', + '', + '' + )} +
+
+
+
+ {it.L('Reset Time')}
++ {it.L( + 'At reset time, if the spot is in the opposite direction of your prediction, the barrier is reset to that spot.' + )} +
++ {it.L( + 'The exit spot is the latest tick at or before the end time.' + )} +
++ {it.L( + 'The end time is the selected number of minutes/hours after the start time.' + )} +
++ {it.L( + 'The start time is when the contract is processed by our servers.' + )} +
++ {it.L( + 'The entry spot is the first tick after the contract is processed by our servers.' + )} +
+
+
+ {it.L('Entry Spot')}
++ {it.L( + 'The entry spot is the first tick after the contract is processed by our servers.' + )} +
+
+
+ {it.L('Entry spot')}
++ {it.L( + 'The [_1]start time[_2] is when the contract has been processed by our servers and the [_1]entry spot[_2] is the [_1]next tick[_2] thereafter.', + '', + '' + )} +
+{it.L('Exit Spot')}
++ {it.L( + 'The [_1]exit spot[_2] is the last tick when the contract ends. Contract ends when all ticks rise or fall successively, or when a single tick breaks the predicted pattern.', + '', + '' + )} +
+ */}
+ {/*
*/}
+
+ {/* ========== Note ========== */}
+ */}
+ {/*
*/}
+
+ {/* */}
+ {/*
*/}
+
+ {/* */}
+ {/*
*/}
+
+ {/* */}
+ {/*
*/}
+ {/*
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {it.L('Rise/Fall contracts will be refunded if:')}
•{' '} + {it.L( + 'There are less than 2 ticks between the start and end times' + )}{' '} +
•{' '} + {it.L( + "The contract doesn't end within 5 minutes (for tick duration contracts)" + )} +
+
+
+ •{' '} + {it.L( + 'There are less than 2 ticks between the start and end times' + )}{' '} +
•{' '} + {it.L( + "The contract doesn't end within 5 minutes (for tick duration contracts)" + )} +
+
+
+
+
+
+
+
+
-
-
-
-
-
- {it.L('Create or Manage Accounts')}
- -
-
-
-
-
-
- {it.L('Note: You can only have one fiat currency account and one of each cryptocurrency account.')}
-
-
-
-
- {it.L('You have created all accounts available to you.')}
-{it.L('Your Existing Accounts')}
-
-
-
-
- {it.L('Note: For any enquiries regarding disabled or excluded accounts, please contact [_1]Customer Support[_2].', ``, '')}
-
-
- })
-
-);
-
-const Authenticate = () => (
-
-
-
-);
-
-export default Authenticate;
diff --git a/src/templates/app/user/lost_password.jsx b/src/templates/app/user/lost_password.jsx
deleted file mode 100644
index 6e07c2cdef0..00000000000
--- a/src/templates/app/user/lost_password.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { Fieldset, FormRow, SubmitButton } from '../../_common/components/forms.jsx';
-import FormVerificationCode from '../_includes/form_verification_code.jsx';
-
-const LostPassword = () => (
-
-
-
- {it.L('Authentication')}
-
-
-
- {it.L('Your account does not need authentication at this time.[_1]We will inform you if authentication is required in the future.', '
')}
- })
-
-
-
- {it.L('Your account has been verified successfully')}
-
- })
-
-
-
- {it.L('You do not need to authenticate your account at this time')}
-{it.L('We will inform you when your account needs to be authenticated.')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {it.L('Before uploading your document, please ensure that your [_1]personal details[_2] are updated to match your proof of identity. This will help to avoid delays during the verification process.', ``, '')} -
- -
-
-
-
-
-
-
- {it.L('Your proof of identity was submitted successfully')}
-{it.L('Your document is being reviewed, please check back in 1-3 days.')}
-{it.L('Your document is being reviewed, please check back in 1-3 days. You must also submit a proof of address.')}
- -
- })
-
-
-
- {it.L('Sorry,')}
-{it.L('there was a connection error. Please try again later.')}
-
-
-
-
-
- {it.L('Your proof of identity has expired')}
-{it.L('Kindly send a scan of a valid proof of identity to [_1]support@binary.com[_2]', '', '')}
-
-
-
-
-
- {it.L('Your proof of identity submission failed because:')}
-
-
-
-
-
-
-
-
- {it.L('You\'ve reached the limit for uploading your documents.')}
-{it.L('Please contact us via [_1]live chat[_2].', ``, '')}
-
-
-
-
-
- {it.L('Proof of identity verification failed')}
-{it.L('We were unable to verify your document automatically. We will try to verify your document manually. Please check back in 1-3 days.')}
-
-
-
-
-
- {it.L('Your proof of identity has been verified successfully')}
-{it.L('You must also submit a proof of address.')}
- -
-
- {it.L('Update your personal details')}
-{it.L('We can\'t validate your personal details because there is some information missing.')}
-{it.L('Please update your [_1] to continue.', '')}
- -{it.L('Need help? [_1]Contact us[_2].', ``, '')}
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Your proof of address has been verified successfully')}
-{it.L('You must also submit a proof of identity.')}
- -
-
-
-
-
- {it.L('Your proof of address was submitted successfully')}
-{it.L('Your document is being reviewed, please check back in 1-3 days.')}
-{it.L('Your document is being reviewed, please check back in 1-3 days. You must also submit a proof of identity.')}
- -
-
-
-
-
- {it.L('Your proof of address has expired')}
-{it.L('Kindly send a scan of a valid proof of address to [_1]support@binary.com[_2]', '', '')}
-
-
-
-
-
-
- {it.L('Proof of address verification failed')}
-{it.L('Please check your email for details')}
-
-
-);
-
-export default LostPassword;
diff --git a/src/templates/app/user/metatrader.jsx b/src/templates/app/user/metatrader.jsx
deleted file mode 100644
index f3e0e11abac..00000000000
--- a/src/templates/app/user/metatrader.jsx
+++ /dev/null
@@ -1,530 +0,0 @@
-import React from 'react';
-import { Button } from '../../_common/components/elements.jsx';
-import {
- FormRow,
- SubmitButton,
-} from '../../_common/components/forms.jsx';
-import Loading from '../../_common/components/loading.jsx';
-import MT5Banner from '../../_common/components/mt5_banner.jsx';
-
-/* eslint-disable react/jsx-no-target-blank */
-const AccountDesc = ({ title, description, account_type, landing_company_short, items, id = undefined }) => {
- let types = '';
- if (account_type) {
- types = `demo_${account_type} real_${account_type} ${landing_company_short || ''}`;
- }
-
- return (
- {it.L('Password reset')}
-{it.L('To reset your password, enter the email address you used to create your account into the field below and click \'Reset password\'.')}
-{it.L('If you don\'t receive the email within the next few minutes, please check your junk/spam folder.')}
-
-
- );
-};
-
-const TypeGroup = ({ title, children, types }) => (
- {title}
-{description}
--
- {items && items.map((item, i) => (
-
- {item} - ))} -
-
-);
-
-const CashierDesc = ({ title, desc, arrow_direction }) => (
-
-
- {types.map((box, i) => (
- {title}
- {children} -
-
- ))}
-
- {box.title ?
- }.svg`)})
- }
-
- {box.title}
- :
-
- }
- {box.desc}
-
-
-);
-
-const Metatrader = () => (
- {title}
-{desc}
-
- })
- })
- })
-
-
-
-
-
-
-
- {it.L('MetaTrader 5 dashboard')}
-- {it.L('Please [_1]authenticate[_2] your account to continue trading.', ``, '')} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('MT5 Login:')}
-
- ⓘ
-
-
- {it.L('Balance:')}
-
-
-
- {it.L('Broker:')}
-
-
-
- {it.L('Server:')}
-
-
-
- {it.L('Trade server:')}
-
-
-
-
-
-
- {it.L('Balance')}
-
-
-
- - {it.L('Server maintenance starting 01:00 GMT every Sunday. This process may take up to 2 hours to complete. Service may be disrupted during this time.')} -
-
-
-
-
- {it.L('Create MetaTrader 5 account')}
-
-
- {it.L('Manage funds')}
-
-
- {it.L('Manage MT5 password')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- })
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Reset password')}
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('How to manage your funds')}
-{it.L('Deposits and withdrawals for your MetaTrader 5 account always pass through your binary options account.')}
- -
- {it.L('Remaining MT5 fund transfers for today: [_1]', '')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('To perform this action, please set the [_1]currency[_2] of your account.', ``, '')}
-
- {it.L('To perform this action, please switch to your [_1] Real Account.', it.website_name)}
-
- {it.L('If you do not have a [_1] Real Account yet, please [_2]create one[_3].', it.website_name, ``, '')} -
- - {it.L('If you do not have a [_1] Real Account yet, please [_2]create one[_3].', it.website_name, ``, '')} -
- {it.L('To create a MetaTrader 5 account:')}
-
- -
-
- {it.L('Upgrade to [_1] [_2]Gaming Account[_3].', it.website_name, ``, '')} -
- {it.L('Upgrade to [_1] [_2]Financial Account[_3].', it.website_name, ``, '')} -
- {it.L('Please [_1]complete the trading experience section[_2] in the financial assessment to open an MT5 account.', ``, '')} -
- {it.L('Please [_1]complete the financial assessment[_2] to open an MT5 account.', ``, '')} -
- {it.L('Complete your [_1]Tax Information[_2].', ``, '')} -
- {it.L('Select [_1]Citizenship[_2].', ``, '')} -
- {it.L('Select [_1]Account opening reason[_2].', ``, '')} -
- {it.L('Please [_1]authenticate your account[_2] before creating an MT5 account.', ``, '')} -
{it.L('To withdraw from MetaTrader 5 Financial Account please [_1]Authenticate[_2] your Binary account.', ``, '')}
-
-
-
-
- {it.L('Profit Table')}
- -
-
-
-
- {it.L('Security')}
-
-
-
-
-
-
-
- i
-
-
- - {it.L('Explore ways to enhance your account security and manage your trading risk.')} {it.L('Learn more')} -
-
-
- {title}
-
-
- {subtitle}
- {is_trading_limit &&{it.L('[_1]Note[_2]: These limits are only applicable to your [_3] real account. To set limits, switch to the respective account and set your limits accordingly.', '', '', it.website_name)}
} - {list_title &&{list_title}
} - {list_items && --
- { list_items.map((item, idx) => (
-
- {item.text} - ))} -
-
-);
-
-const AccountClosureError = () => (
-
-
-
- })
-
-
- {it.L('Warning!')}
-{it.L('If you deactivate:')}
-{it.L('You’ll be logged out automatically.')}
-{it.L('You will [_1]NOT[_2] be able to log in again.', '', '')}
-
- {it.L('Back')}
-
-
-
-
-);
-
-const AccountClosure = () => (
-
-
-
-
-
- {it.L('Action required')}
-
- {it.L('You have open positions in these Binary accounts:')}
-
-
- {it.L('You have funds in these Binary accounts:')}
-
-
- {it.L('You have open positions in these MT5 accounts:')}
-
-
- {it.L('You have funds in these MT5 accounts:')}
-
-
-
-
-
- {it.L('Account Closure')}
-
-
-
- {it.L('We\'re sorry to see you leave.')}
-
- {it.L('Your account is now deactivated.')}
-
-
-
-
-
-
-
-
-
- `, '')}
- is_trading_limit
- />
- `, '')}
- list_items={[]}
- />
- ', ``, '')}
- list_items={[]}
- />
- `, '')}
- list_title={it.L('Choose one or more cryptocurrency accounts:')}
- list_items={[]}
- />
- `, '')}
- list_items={[]}
- />
- ', ``, '')}
- list_items={[]}
- />
- `, '')}
- list_title={it.L('Choose a currency for your real account:')}
- list_items={[]}
- />
- ', '')}
- />
-
- {it.L('I want to close my account')}
-
-
- {it.L('To close your account, complete the following steps:')}
-
-
-
- {it.L('Step 1: Close all open positions')}
-{it.L('Go to the [_1]Portfolio[_2] to close all open positions from your Binary.com accounts.', ``, '')}
-{it.L('If you have opened positions in your MT5 account, please close them too.')}
- -{it.L('Please tell us why you are closing your account (please select one):')}
-
-
-
-
-
-
- {it.L('API Token')}
- -{it.L('In order to access our mobile apps and other third-party applications, you\'ll first need to generate an API Token.')}
--
-
- {it.L('Simply click on "Create" to generate your token; then copy and paste it into the app.')} -
- {it.L('Choose the specific type of API token that you need, based on the capabilities that you wish to make available.')} -
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Applications')}
-{it.L('Keep track of your authorised applications.')}
- -{it.L('Change Password')}
- - -{it.L('Your password has been changed. Please log in again.')}
-1.1.1.1
-{it.L('Cloudflare\'s public DNS service gives you more secure and faster web browsing.')}
-
-
-
- })
-
-
-
-
-
-
-
- {it.L('What is DNS')}
-{it.L('The Domain Name System (DNS) allows you to access a website through a user-friendly web address such as [_1], instead of a complicated IP address.', `www.binary.com`)}
-
-
- {it.L('Why you should use [_1] instead of your ISP\'s default DNS service', '1.1.1.1')}
-{it.L('The default DNS services provided by your ISP can be slow and insecure. [_1] recommends using Cloudflare\'s [_2] DNS service that gives you a faster and more private way to browse the Internet.', it.website_name, '1.1.1.1')}
-
-
-
-
- -
- {it.L('Login History')}
-- -
`;
- const balloonReplace = (txt, balloon_txt) =>
- it.dangreouslyRenderHtml(it.L(txt) + data_balloon.replace('%', it.L(balloon_txt)));
-
- const open_position = balloonReplace(
- 'Maximum number of open positions',
- 'Represents the maximum number of outstanding contracts in your portfolio. Each line in your portfolio counts for one open position. Once the maximum is reached, you will not be able to open new positions without closing an existing position first.'
- );
- const account_balance = balloonReplace(
- 'Maximum account cash balance',
- 'Represents the maximum amount of cash that you may hold in your account. If the maximum is reached, you will be asked to withdraw funds.'
- );
- const payout = balloonReplace(
- 'Maximum aggregate payouts on open positions',
- 'Presents the maximum aggregate payouts on outstanding contracts in your portfolio. If the maximum is attained, you may not purchase additional contracts without first closing out existing positions.'
- );
- const limit = balloonReplace(
- 'Maximum daily turnover',
- 'Represents the maximum volume of contracts that you may purchase in any given trading day.'
- );
-
- return (
-
-
- {it.L('Trading and Withdrawal Limits')}
-
-
-
- {it.L('Trading Limits')}
-
-
-
- - {it.L('Stated limits are subject to change without prior notice.')} -
-{it.L('Withdrawal Limits')}
-
-
-
-
-
-
-
-
- {it.L('Note:')}{' '}{it.L('These limits will change due to fluctuation in currency exchange rates.')}
-
-
- {it.L('Self-Exclusion')}
-
-
- {it.L('Online trading can be addictive. Self-exclusion is a facility to limit your online trading activity, should you need it. You can set limits in your account to help prevent unwanted losses. If you are in the UK, your limits may be removed or increased within 24 hours.')}
-{it.L('If you are in the IOM, your limits may only be removed or increased, once the limit date setting has expired. [_1]Contact us[_2] to remove or adjust your limits.', ``, '')}
-
-
- {it.L('Online trading can be addictive. This self-exclusion page is where you manage your online trading activity and exercise [_1]responsible trading[_2].', ``, '')}
-{it.L('Online trading can be addictive. Self-exclusion is a facility to limit your online trading activity, should you need it. You can set limits in your account to help prevent unwanted losses. You may adjust these limits any time, but remove them only after 24 hours. [_1]Contact us[_2] to remove or adjust your limits.', ``, '')}
-{it.L('You may also instruct us to exclude you from trading on [_1] for a specific period of time. This self-exclusion date cannot be amended once it is set.', it.website_name)}
-{it.L('Here, you can set and adjust the amount of money and time you spend trading on SmartTrader, WebTrader, and Binary Bot. Setting your limits is optional and you can adjust them at any time. If you don’t wish to set a specific limit, leave the field blank.')}
-{it.L('You can also decide to exclude yourself entirely from our website for a specified duration. Once the self-exclusion period has ended, you can either extend it further or resume trading immediately. If you wish to reduce or remove the self-exclusion period, contact our [_1]Customer Support[_2].', ``, '')}
-
-
-
-
-
- {it.L('Turnover Limit')}
-{it.L('In order to access the cashier, we kindly request that you set a 30-day turnover limit for your account. Turnover is the total aggregate amount that is used to open trades. Therefore, this limit should be set to the total volume that you wish to trade with over 30 days.')}
-
-
-
-
-
-
- {it.L('Two-Factor Authentication')}
-{it.L('Protect your account with two-factor authentication. Each time you sign into your account, you will need to enter your password, plus an authentication code generated by an app on your smartphone.')}
- -
-
-
- {it.L('Setup two-factor authentication for your [_1] account now:', it.website_name)}
- -
-
-
-
- 1
-
-
- {it.L('Scan the QR code below with your authentication app. We recommend [_1] or [_2]. Please note that [_3] is not supported.', 'Authy', 'Google Authenticator', 'Duo Mobile')}
-{it.L('If you are unable to scan the QR code, you can manually enter this code instead:')}
-
- 2
-
-
- {it.L('Enter the authentication code generated by the app below:')}
-
-
-
- {it.L('To disable two-factor authentication, please enter the code generated by the app below:')}
-
-
-
- {text}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Select currency')}
- -
- })
-
-
-
-
-
- {it.L('Congratulations!')}
-{it.L('You have successfully created your real money [_1]account.', `${it.L('gaming')} `)}
- -
-
-
-
-
-
- {it.L('Please select the currency for this account:')}
-
-
-
-
-
-
- {it.L('Profile')}
- -
-
-
-
-);
-
-export default FinancialAssessment;
diff --git a/src/templates/app/user/settings/personal_details.jsx b/src/templates/app/user/settings/personal_details.jsx
deleted file mode 100644
index ae2aa6d1f84..00000000000
--- a/src/templates/app/user/settings/personal_details.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React from 'react';
-import { FormRow, SubmitButton, Fieldset } from '../../../_common/components/forms.jsx';
-import {
- AccountOpeningReason,
- AddressLine1,
- AddressLine2,
- AddressCity,
- AddressState,
- AddressPostcode,
- DateOfBirth,
- FirstName,
- LastName,
- Phone,
- Salutation,
- TaxInformationForm,
-} from '../../../_common/components/forms_common_rows.jsx';
-import Loading from '../../../_common/components/loading.jsx';
-
-const PersonalDetails = () => (
- {it.L('Financial assessment')}
- -
-
-
-
-
-
-
- {it.L('Thank you for completing the Financial Assessment. You can now deposit funds and trade forex with real money on MetaTrader 5.')}
- -{it.L('Personal details')}
- -- {it.L('Please complete your personal details before you proceed.')} -
- -
-
-
-
-
-
-
-
- {it.L('Thank you for completing your Personal Details. You can now deposit funds and trade forex with real money on MetaTrader 5.')}
- -{it.L('To change your name, date of birth, country of residence, email, or tax information, please contact [_1]Customer Support[_2].', ``, '')}
-
-
-);
-
-export default Professional;
diff --git a/src/templates/app/user/statement.jsx b/src/templates/app/user/statement.jsx
deleted file mode 100644
index 0512b614e0d..00000000000
--- a/src/templates/app/user/statement.jsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from 'react';
-import { Button, DatePicker } from '../../_common/components/elements.jsx';
-import Loading from '../../_common/components/loading.jsx';
-
-const AccountStatisticsBox = ({ id, title, heading, className }) => (
-
-
- {it.L('Account Categorisation')}
- -
-
-
-
-
- {it.L('Your application to be treated as a professional client is being processed.')}
-
-
- {it.L('You are categorised as a professional client.')}
-
-
-
-
- {it.L('Your request to be treated as a professional client is [_1]not approved[_2].', '', '')}
-{it.L('Please check your inbox for details.')}
-{`${it.L('Your account remains under the retail client category.')} ${it.L('Please reapply once the required criteria has been fulfilled.')}`}
-
- { title ?
-
-);
-
-const Statement = () => (
- {title}
- : - {heading} - } - { id && } -
-
-
-
-
- {it.L('Statement')}
- -
-
-
-
-
-
-
-
-
-
-
- {it.L('[_1] rows displayed:', '')} {it.L('Download CSV')}
-
-
-
-
- {it.L('Download your statement')}
-{it.L('Please select the date range of your statement:')}
-
-
-
-
-
-
-
-
- {it.L('Your statement has been sent to your email address.')}
- -{it.L('Telegram Bot')}
- -{it.L('In order to access Telegram Bot, please [_1]generate an API Token[_2] and enter it in the input box below.', ``, '')}
- - -
-
-
-
-
-
-
-
- }){kind=icon}
-
-
-
-
- {it.L('Top up Virtual Account')}
- -{it.L('Do you want to top up for another [_1]? If not, you can do this later on the [_2]Cashier page[_3], too.', '$10,000.00', ``, '')}
- -
-
- {it.L('Video Room Facility')}
- -
-
-
-
-
- {it.L('Authenticate your account by video conference call. Follow these steps to proceed:')}
--
-
- {it.L('[_1]Contact us[_2] to arrange a date and time for the video call.', ``, '')} -
- {it.L('You will be asked to prove that you are the owner of the account being authenticated.')} -
- {it.L('Provide the customer support agent with the four-digit verification code below for confirmation.')} -
- {it.L('Display your proof of identity when prompted.')} -
- {it.L('Display your proof of address when prompted.')} -
- {it.L('Please wait for confirmation. Our customer support team will get back to you regarding your account status via email within four hours.')} -
- {it.L('Generated verification code:')}
-
-
-
-
-
-
-
- {it.L('Important')}
--
-
- {it.L('Your webcam and microphone must be in good working condition')} -
- {it.L('Ensure that your original documents are ready when the video call starts')} -
- {it.L('You must have a fast and stable Internet connection as screenshots of your documents are required for our records')} -
- {it.L('If your documents cannot be verified over video call for any reason, you will be required to send your documents to [_1]', support_link)} -
- {it.L('Your web browser ([_1]) is out of date and may affect your trading experience. Proceed at your own risk. [_2]Update browser[_3]', '{brow_name}', '', '')}
-
-);
-
-export default OutdatedBrowserMessage;
diff --git a/src/templates/landing_pages/graduate_program.jsx b/src/templates/landing_pages/graduate_program.jsx
deleted file mode 100644
index f4e32bcaede..00000000000
--- a/src/templates/landing_pages/graduate_program.jsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import React from 'react';
-import Layout from './_common/layout.jsx';
-
-const GraduateProgram = () => {
- const steps = [
- { icon: 'one', title: 'Send us your resume', description: 'Kickstart the application process by uploading your resume. Be sure to emphasise awards, achievements, projects, and open-source contributions that will make you stand out.' },
- { icon: 'two', title: 'Phone interview', description: 'If your resume makes the cut, we\'ll arrange a phone interview to get a better idea of who you are and what you\'re interested in.' },
- { icon: 'three', title: 'Technical test', description: 'If you pass our phone interview, we\'ll invite you to a technical test either on-site or online. You\'ll be asked technical questions which may require you to write code.' },
- { icon: 'four', title: 'Self-Assessment Topgrading Interview (SATI) Questionnaire', description: 'Once you pass our technical test, we\'ll send you a SATI questionnaire to understand you better.' },
- { icon: 'five', title: 'Job offer', description: 'If you ace your interviews and make a real impression on us, we\'ll contact you with an official offer to join our graduate programme.' },
- ];
-
- return (
-
-
-
- {(`${it.website_name} Graduate Programme`)}
-{('Build a successful career at the cutting-edge of finance and technology')}
-
- Apply now
-
-
-
- Who we are
-{(`Looking for an exciting, challenging, and highly-rewarding graduate role in software development? ${it.website_name} is looking for A players who want to make a difference and impact the way thousands of people trade online.`)}
-{('As the pioneer in binary options trading, we\'re no strangers to big ideas and innovation. Here, you\'ll be given the opportunity to break the norm with support from some of the top talents in your field.')}
-{('Our graduate developers take on responsibilities from Day 1. We\'ve designed a world-class training programme to help you enhance the skills you have and master new ones, even as you\'re pushing the boundaries of what\'s possible at the intersection of finance and technology.')}
-
-
- {('Who we\'re looking for')}
-
-
-
-
-
-
-
- {('We\'re looking for talented graduates who are passionate about software development and can get things done.')}
-{('You must possess a natural curiosity and determination to solve complex problems and challenges.')}
-{('You must also be a fast learner eager to adopt new tools and technology, and a dynamic team player who values open and honest communication.')}
-
-
- {('Education and experience requirements')}
-
- })
-
-
- {('A bachelor\'s degree, master\'s degree, or PhD in computer science, IT, mathematics, physics, or engineering')}
-
- })
-
-
- {('Experience with any of the following technologies: C, C++, Java, Perl, HTML, CSS, JavaScript, Amazon Web Services, and Google Cloud Platform')}
-
- })
-
-
- {('If currently employed, you must have less than one year\'s worth of working experience')}
-
-
- {('Application process')}
-
-
-
-
-
- {steps.map((step, idx) => (
-
-
-
-
- ))}
- {step.title}
-{step.description}
-
-
- {('Product development teams')}
-
-
- -
-
- {('Front-end')} -
- {('Back-end')} -
- {('Quants')} - -
-
-
-
-
-
-
-
- {('Front-End')}
-
-
- {('Develop and maintain user-facing websites and applications.')}
-{('Integrate new features into existing user interfaces.')}
-{('Resolve complex technical challenges faced by our suite of platforms.')}
-{('Software development stack: HTML, CSS, JavaScript')}
-
- })
-
-
-
-
-
-
-
-
- {('Back-End')}
-
-
- {('Build and manage APIs and product features.')}
-{('Scale up data architecture.')}
-{('Integrate third-party financial systems.')}
-{('Software development stack: Perl, Linux, C++, Chef, Postgres, Redis, Amazon Web Services, Google Cloud Engine')}
-
- })
-
-
-
-
-
-
-
-
- {('Quants')}
-
-
- {('Manage and optimise pricing and risk management software for exotic options, forex, and CFDs.')}
-{('Develop risk management models and algorithms.')}
-{('Develop software to study market microstructure and manage financial data feeds.')}
-{('Software development stack: Perl, R, Python, MATLAB')}
-
- })
-
-
-
-
- {('What\'s in the programme?')}
-
-
- {('Our graduate programme is designed to tap into your true potential, give you deep insights into our business, and provide you with a platform to do amazing work.')}
-
- })
-
-
- {(`We'll kick things off with orientation week ${String.fromCharCode(8212)} a week spent away from the office that's all about learning and having fun. You'll participate in team building exercises, learn how to navigate your new workplace, and join a mini hackathon where you'll get the chance to make pull requests and contribute to our codebase.`)}
-
- })
-
-
- {('A buddy and mentor will be assigned to guide you throughout the programme. This will give you the opportunity to take part in pair coding sessions. You\'ll also have a friend to guide you throughout the programme.')}
-
- })
-
-
- {('Experience what your team does on a day-to-day basis while contributing to our codebase. Tasks will be assigned to you in increasing complexity and responsibility to gradually build your confidence.')}
-
- })
-
-
- {(`Attend our Software Craftsmanship Workshops ${String.fromCharCode(8212)} interactive lessons on a wide range of software development topics that will give you a better understanding of our codebase.`)}
-- Hackathon Competition -
- -
-
-
-
- Thank you for all those who participated.
-Stay tuned for updates on our next Hackathon competition!
-
-
-
-
- {('Welcome to the future')}
- {('Introducing USB')} - {('A stablecoin backed by the US dollar')} -
-
-
-
-
-
-
- })
-
-
-
-
- {('Guaranteed by ')}{it.broker_name}{(', USB is a digital currency pegged to the US dollar on a one-to-one basis. Send and receive payments with the peace of mind that your currency is backed by the strength of ')}{it.broker_name}{(' balance sheet.')}
-
-
-
-
-
-
-
-
- {('An overview of the ')}{it.broker_name}{(' USB stablecoin')}
-{('Put your confidence in an optimal currency backed by a market leader.')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {('Explore the possibilities of a new generation of cryptocurrency')}
-
-
-
-
-
-
-
-
- {('Why USB?')}
-{('The value of USB is pegged to the US dollar, so you get the best of both worlds: the benefits of decentralised digital assets and the stability of fiat currencies.')}
-
-
-
-
-
-
-
- {('Fully backed by US dollar')}
-{('USB is a stable coin pegged to the US dollar on a one-to-one basis. ')}{it.broker_name}{(' guarantees that 1 USB will always be worth 1 USD.')}
-
-
-
- {('Redeem for USD anytime')}
-{('To redeem USB for USD, complete the ')}{it.broker_name}{(' KYC check, then perform the conversion using our ')}{('transfer between accounts')} {('facility.')}
-
-
-
- {('Peace of mind')}
-{('USB is backed by ')}{it.broker_name}{(' – a profitable, 18-year-old company with')} {('annual turnover exceeding 1 USD billion')}.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {('Who is it for?')}
-{('USB can be used by anyone for any transaction that requires a stable currency, including:')}
-
-
-
-
-
-
-
- {it.broker_name}{(' clients')}
-{('Trade on ')}{it.broker_name}{(' using USB.')}
-
-
-
- {('Crypto traders')}
-{('Use USB to hedge against volatility in the cryptocurrency markets. Move in and out of cryptocurrencies and USB to profit from market swings.')}
-
-
-
- {('Online businesses')}
-{('Accept USB in your online store for secure and efficient payments, and avoid the hassle of dealing with banks and credit card companies.')}
-
-
-
-
-
-
-
-
- {('How do I start?')}
-{('Start buying USB and store the tokens in a compatible wallet for future transactions:')}
-
-
-
-
-
-
-
- {('Buy')}
-{('Purchase USB via your ')}{it.broker_name}{(' account. 1 USB is always priced at 1 USD.')}
-
-
-
- {('Hold')}
-{('Hold your USB in any ERC20-compatible wallet, such as')} {('Trust Wallet')}.
-
-
-
- {('Trade')}
-{('We\'re applying for listing of the USB token on major cryptocurrency exchanges.')}
-
-
-
-
-
-
-
-
- {('Technical implementation')}
-{('Our USB token is powered by secure and transparent blockchain technology:')}
-
-
-
-
-
-
-
- {('Contract address')}
-{('USB is an ERC20 token.')}
-
-
-
- {('Supply and divisibility')}
-{('Each token is divisible to 18 decimal places.')}
-
-
-
- {('Source code')}
-{('The source code of the USB token can be freely')} {('audited on Etherscan')}.
-
-
-
-
-
-
-
-
-
- {it.broker_name} {('USB – Frequently asked questions')}
-
-
-
-
-
-
-
-
-
-
- {('What is USB?')}
-{('USB is a stablecoin exclusively issued by ')}{it.broker_name}{('. It is permanently pegged to the US dollar on a one-to-one basis.')}
- {('What are the usages of USB?')}
-{('Use USB as normal money. For example, you can initiate trades, payments, and online transactions with USB.')}
- {('Why use USB?')}
-{('USB has a flat rate: one USB is always equal to one US dollar. Thus, it is as stable and secure as the US dollar. It is also issued and guaranteed by ')}{it.broker_name}{(', a market leader with 18 years of trading history and a billion-dollar annual turnover.')}
- {('Who can use USB?')}
-{('Anybody who wants to make a transaction with a stable, dependable cryptocurrency can use USB. Crypto traders can use USB to hedge against price volatility in cryptocurrency markets and exchange USB with other cryptocurrencies to benefit from market swings. Online consumers and businesses can use USB to enjoy a more secure and efficient payment method and avoid the hassle of dealing with banks and credit card companies.')}
- {('How many USBs are supplied?')}
-{('Twenty million.')}
- {('How can I get started with USB?')}
-
-
- -
-
- {('Create an ERC-20 compatible wallet to carry your USB')} -
- {('Purchase USB on ')}{it.broker_name} -
- {('Use your USB to trade binary options, forex, CFDs, and more at ')}{it.broker_name} -
-
-);
-
-export default Asuncion;
diff --git a/src/templates/static/about/binary_in_numbers.jsx b/src/templates/static/about/binary_in_numbers.jsx
deleted file mode 100644
index 8ea4b7fee3f..00000000000
--- a/src/templates/static/about/binary_in_numbers.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-
-const Numbers = ({ className, header, text, image }) => (
-
-
-
-
-
-
- {it.L('Asunción')}
-{it.L('Mother of Cities')}
-
-
-
-
-
- })
-
-
-
-
- {it.L('Asunción is the capital city of Paraguay and one of the oldest settlements in South America. In the past, colonial expeditions departed from Asunción to establish other important cities, leading to its nickname as the ‘Mother of Cities\'.')}
-{it.L('As the country\'s cultural heartbeat and economic centre, Asunción is undergoing an impressive economic boom that\'s resulting in widespread development across the city. Today, you\'ll find charming colonial buildings intermingling with modern office buildings, bustling shopping malls, and trendy eateries.')}
-
-
-
-
-
-
- {it.L('Living in Asunción')}
-
-
-
-
-
-
-
-
-
-
- {it.L('Can\'t miss in Asunción')}
-
-
-
-);
-
-const BinaryInNumbers = () => (
-
- })
-
- {header}
-{text}
-
-
-
- {it.L('[_1] in Numbers', it.website_name)}
-{it.L('In business since 2000, [_1] is the world\'s leading binary options company.', it.website_name)}
-
-
-
-
-);
-
-const ColumnSM = ({ gr, header, paragraph }) => (
-
-
-
-
-
-);
-
-const ColumnValues = ({ gr, icon, header }) => (
- {header}
-{paragraph}
-
-
-);
-
-const ColumnLG = ({ center, image, text, link, margin_top }) => (
-
-);
-
-const CareerStep = ({ ...props }) => (
-
- })
-
-
-
-
- {header}
-})
- {!!link &&
-
-
- );
-};
-
-export default Careers;
diff --git a/src/templates/static/about/contact.jsx b/src/templates/static/about/contact.jsx
deleted file mode 100644
index dd97a11f9c0..00000000000
--- a/src/templates/static/about/contact.jsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import Loading from '../../_common/components/loading.jsx';
-
-const Contact = () => (
-
-
-
-
-
-
- {it.L('Imagine')}
-{it.L('Imagine a workplace where your individuality, creativity and sense of adventure are valued and rewarded.')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Our locations')}
-
-
-
-
-
-
-
-
-
- {it.L('Ideas, opinions and insights from the people behind [_1]', it.website_name)}
-{it.L('Passionate about people, culture, management, and software development? Explore what we do, what matters to us, and how we bring our ideas to life.')}
-
-
-
-
-
-
-
-
-
-
- {it.L('Open positions')}
-{it.L('[_1] is always looking to add experienced professionals to its talented team of administrators, technical contributors, and managers. To support our continued growth, we\'ve developed a number of exciting career opportunities in the following areas:', it.website_name)}
-
-
-
-
-
-
-
-
-
- {it.L('Recruitment Process')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Please read this [_1]privacy policy[_2] before submitting your application.', ``, '')}
-
-
-
-
- {it.L('To apply, please submit your CV and a cover letter to [_1]','recruitment@binary.com.')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default Contact2;
diff --git a/src/templates/static/about/cyberjaya.jsx b/src/templates/static/about/cyberjaya.jsx
deleted file mode 100644
index 55d2605f693..00000000000
--- a/src/templates/static/about/cyberjaya.jsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from 'react';
-import { BoxOverlayImage } from '../../_common/components/box_row.jsx';
-import ImageSlider from '../../_common/components/image_slider.jsx';
-
-const Cyberjaya = () => (
-
-
-
-
- {it.L('Contact us')}
-
-
-
-
-
-
-
-
-
- })
-
-
-
-
-
-
-
-
-
-
- {it.L('[_1] (United Kingdom)', '+44 1942 316229')}
-
-
- * {it.L('All calls are recorded for training and monitoring purposes')}
-
-
-
-
-
-
-
- })
-
- {it.L('Live chat')}
-
-
-
-
- {it.L('Live chat')}
-
-
- { /* to prevent number linking as phone number in iOS */ }
-
- {it.L('Weekdays:')} 2200 - 1300 GMT
-{it.L('Weekend:')} 0000 - 0900 GMT
-
-
-
-
- {it.L('Email:')}
-
-
- {it.L('For general support:')}
-
- {support_email}
-
-
-
-
- {it.L('For payments-related queries:')}
-
-
-
- {it.L('For affiliate, partnership, and other marketing-related queries:')}
-
-
-
-
- {it.L('Company addresses')}
-
-
-
-
-
-
-
-
-
-);
-
-export default Cyberjaya;
diff --git a/src/templates/static/about/dubai.jsx b/src/templates/static/about/dubai.jsx
deleted file mode 100644
index d39ae4bde32..00000000000
--- a/src/templates/static/about/dubai.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import { BoxOverlayImage } from '../../_common/components/box_row.jsx';
-import ImageSlider from '../../_common/components/image_slider.jsx';
-
-const Asuncion = () => (
-
-
-
-
-
-
- {it.L('Cyberjaya')}
-{it.L('High-tech green township')}
-
-
-
-
-
- })
-
-
-
-
- {it.L('Cyberjaya is a pioneer tech hub that lies 30 minutes away from Kuala Lumpur. Established in 1997, Cyberjaya is the heartbeat of the Multimedia Super Corridor — a government-designated zone that aims to accelerate Malaysia\'s push to achieve Vision 2020.')}
-{it.L('Cyberjaya is also a pioneer green township that is designed for sustainable living. It has an urban environment where almost half of its total development area is reserved for public amenities and greenery. It has also taken measures to cut carbon emissions based on a low carbon city framework, becoming a model for sustainable future cities.')}
-
-
-
-
-
-
- {it.L('Living in Cyberjaya')}
-
-
-
-
-
- }){kind=icon}
-
-
-
-
-
-
- {it.L('Can\'t miss in Cyberjaya')}
-
-
-);
-
-export default Asuncion;
diff --git a/src/templates/static/about/group_history.jsx b/src/templates/static/about/group_history.jsx
deleted file mode 100644
index cffecdbf956..00000000000
--- a/src/templates/static/about/group_history.jsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from 'react';
-
-const UL = ({ className, items = [] }) => {
- let class1;
- if (className) {
- class1 = className;
- }
- return (
-
-
-
-
-
-
- {it.L('Dubai')}
-{it.L('City of Gold')}
-
-
-
-
-
- })
-
-
-
-
- {it.L('Dubai is an independent city-state and one of the seven emirates that make up the United Arab Emirates. Dubai is the largest and most advanced emirate; it has rapidly evolved from a humble port city into a global metropolis well-known for its futuristic architecture.')}
-{it.L('Today, Dubai\'s state-of-the-art infrastructure and free-market economic opportunities continue to attract skilled talents and businesses from all over the world. It\'s also one of the world\'s leading tourist destinations with something for everyone, from theme parks and beaches to desert safaris and shopping havens.')}
-{it.L('Our office in Dubai is located at the world-class Jumeirah Lake Towers (JLT) free zone. JLT is home to universities, commercial and residential towers, parks, and over 500 retail outlets, giving you exceptional convenience and a quality of life that you won\'t find anywhere else.')}
-
-
-
-
-
-
- {it.L('Living in Dubai')}
-
-
-
-
-
-
-
-
-
-
- {it.L('Can\'t miss in Dubai ')}
--
- { items.map((item, idx) => (
-
-
- { item.header ?
-
- - : -- {item.header} --- {item.text} --- {item.text} - - } -
- ))}
-
-
-);
-
-export default GroupHistory;
diff --git a/src/templates/static/about/index.jsx b/src/templates/static/about/index.jsx
deleted file mode 100644
index 7d6143fc527..00000000000
--- a/src/templates/static/about/index.jsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const BoxInner = ({ className = '', href, target, image, text }) => (
-
-
-
- {it.L('[_1]\'s remarkable history', it.website_name)}
-
-
-
-
- - Deriv.com`, it.website_name) },
- { className: 'event right', header: it.L('New office in Dubai, UAE'), text: it.L('[_1] opens a new office at the world-class Jumeirah Lake Towers free zone to expand our reach in the region.', it.website_name) },
- { className: 'event', header: it.L('New office in Asunción, Paraguay'), text: it.L('[_1] opens new hub of operations in the capital of Paraguay to drive our growth in South America.', it.website_name) },
- { className: 'year center-text', text: '2018' },
- { className: 'event right', header: it.L('New office in Labuan, Malaysia'), text: it.L('[_1] opens new office in the island of Labuan as part of our business expansion.', it.website_name) },
- { className: 'event featured', header: it.L('Global Brands Awards 2018'), text: it.L('[_1] is awarded \'Best Trading Platform in Asia\' by Global Brands Magazine. The Global Brands Awards honours excellence in performance and exceptional service delivery. ', it.website_name) },
- { className: 'event right featured', header: it.L('Global Banking & Finance Awards 2018'), text: it.L('[_1] wins \'Best Binary Company Asia Pacific\' in the Global Banking & Finance Awards 2018. This reflects our expertise and leadership in innovation and strategy.', it.website_name) },
-
- { className: 'year center-text', text: '2017' },
- { className: 'event', header: it.L('Personal Wealth Awards 2017'), text: it.L('[_1] is awarded Best Binary Options Broker by the UK-based Online Personal Wealth Awards 2017, as voted by investors worldwide.', it.website_name) },
-
- { className: 'year center-text', text: '2016' },
- { className: 'event featured', header: it.L('Binary KK granted Japan license'), text: it.L('Binary\'s Japanese subsidiary Binary KK is licensed by the KLFB as a Type 1 Financial Instruments Business in Japan.') },
- { className: 'event right', header: it.L('Kuala Lumpur Office'), text: it.L('[_1] opens an office in the QSentral office building in central Kuala Lumpur to further expand its IT development team.', it.website_name) },
- { className: 'event', header: it.L('Binary Bot released'), text: it.L('[_1] introduces an [_2]auto-trader programming tool[_3], allowing clients to develop their own automated trading robots with “drag-and-drop” simplicity.', it.website_name, '', '') },
- { className: 'event right featured', header: it.L('[_1] Shop introduced', it.website_name), text: it.L('[_1] launches an [_2]e-commerce site for branded merchandise[_3] – enabling clients, affiliates, and developers to buy and sell [_1] products.', it.website_name, '', '') },
- { className: 'event', header: it.L('MENA FFXPO Award'), text: it.L('[_1] is honoured as the world\'s "Best Binary Options Broker" at the 16th annual MENA International Financial Conference and Exhibition, hosted in Dubai.', it.website_name) },
-
- { className: 'year center-text', text: '2015' },
- { className: 'event', header: it.L('EGR Operator Award'), text: it.L('[_1] takes home first prize in the Financial Trading Operator category at the prestigious 2015 EGR Operator Awards ceremony, hosted in London.', it.website_name) },
- { className: 'event right', header: it.L('1 million transactions/day'), text: it.L('[_1]\'s systems are now processing in excess of 1 million transactions/day (including virtual accounts).', it.website_name) },
- { className: 'event featured', header: it.L('Binary granted Investment Services license'), text: it.L('Binary\'s Maltese subsidiary Binary Investments (Europe) Ltd. is granted a Category 3 Investment Services license by the Malta Financial Services Authority.') },
- { className: 'event right', header: it.L('Binary opens Japan office'), text: it.L('Binary\'s Japanese subsidiary Binary KK opens an office in Tokyo and starts the process of applying for relevant licenses.') },
- { className: 'event', header: it.L('[_1] reaches 1 million registered users', it.website_name), text: it.L('[_1] hits 1 million users, reaching a historic milestone. The company continues to see exponential growth and this reconfirms its position as an industry leader.', it.website_name) },
- { className: 'event right featured', header: it.L('Regent Pacific transaction'), text: it.L('Regent Pacific Group Ltd., the Hong Kong-listed founding shareholder of [_1], [_2]disposes of its stake[_3] at a valuation of US$ 50.5 million.', it.website_name, '', '') },
-
- { className: 'year center-text', text: '2014' },
- { className: 'event right featured', header: it.L('[_1] reaches $2 billion turnover since starting in 1999', it.website_name), text: it.L('[_1] has over 800,000 clients in its database and reaches the US$ 2 billion milestone in our 15th year, making us one of the leading binary options providers.', it.website_name) },
- { className: 'event featured', header: it.L('Regent Markets Group Ltd. renames to Binary Ltd.'), text: it.L('Regent Markets Group Ltd. renames to Binary Ltd., harmonising company and website branding throughout the organisation.') },
- { className: 'event right', header: it.L('[_1] offers new ways to trade', it.website_name), text: it.L('Fifteen years on, and we\'re still innovating, growing and working on new ways to serve our customers better. For the first time, we offer short-term touch/no-touch trades and introduce a new charting application. We believe we have the most competitive and comprehensive digital options platform available to the retail public.') },
- { className: 'event', header: it.L('[_1] continues to innovate and grow', it.website_name), text: it.L('Our customers clearly like us. In mid-2014, [_1] has over 100 million historical transactions and over 130,000 new daily transactions.', it.website_name) },
-
- { className: 'year center-text', text: '2013' },
- { className: 'event featured', header: it.L('BetOnMarkets.com is successfully rebranded [_1]', it.website_name), text: it.L('We rebrand BetOnMarkets.com as [_1]. The rebranding is a natural evolution for the platform as it continues to grow market share in the highly competitive field of binary trading. The new brand reflects the nature of the business, and our new tagline - Sharp Prices, Smart Trading - communicates our ethos and commitment to our clients.', `www.${it.website_name}`) },
-
- { className: 'year center-text', text: '2012' },
- { className: 'event right featured', header: it.L('BetOnMarkets.com reaches $1 billion turnover since starting in 1999', it.website_name), text: it.L('BetOnMarkets.com has over 400,000 clients in its database and reach the US$ 1 billion milestone in only our 13th year, making us one of the leading fixed-odds trading providers.') },
- { className: 'event featured', header: it.L('\'Best Fixed-Odds Firm 2012\' award by Global Banking and Finance Review'), text: it.L('Another major award. This time we\'re nominated by the online readers of Global Banking and Finance Review and judged by a panel of industry experts and analysts who recognise our 13 years of platform reliability, range of trades, pricing, customer service and extensive knowledge.') },
- { className: 'event right', header: it.L('BetOnMarkets.com increases payouts to 100,000 USD, EUR, GBP and AUD'), text: it.L('Times are changing. We increase payouts so our clients can make the most of their winning trades.') },
-
- { className: 'year center-text', text: '2011' },
- { className: 'event', header: it.L('Regent Markets granted two new US patents'), text: it.L('We\'re granted patents for \'Computer trading system and method for speculating on a financial market\' and \'Computer trading system for offering custom financial market speculations\'. The patents show our ability to innovate and stay ahead of the pack.') },
- { className: 'event right', header: it.L('\'Best Fixed-Odds Broker\' silver award by Trade2Win'), text: it.L('This is another award we really savour. Trade2win is a portal for active traders seeking to profit from stocks, futures, options and forex, and these traders award us silver (we are just pipped for gold by Betfair). It means active traders worldwide rate our trading platform extremely highly.') },
-
- { className: 'year center-text', text: '2009' },
- { className: 'event featured', header: it.L('\'Best Fixed-Odds Financial Trading Provider\' award by Shares Magazine UK'), text: it.L('For the third straight year, BetOnMarkets.com is voted \'Best Fixed-Odds Financial Trading Provider\' by Shares Magazine UK. It\'s the last time we win it because Shares Magazine stops awarding in this category.') },
- { className: 'event right', header: it.L('\'Financial Trading Operator of the Year\' award by eGaming Review'), text: it.L('A panel featuring industry leaders awards BetOnMarkets.com \'Financial Trading Operator of the Year\' over two other finalists. It\'s a major victory for our brand and further recognition of our world-beating service. Ten years on, and going from strength to strength.') },
- { className: 'event', header: it.L('Regent Markets acquires BetsForTraders client base'), text: it.L('Our fast organic growth is supplemented by the acquisition of the client base of BetsForTraders, one of our main competitors.') },
-
- { className: 'year center-text', text: '2008' },
- { className: 'event right', header: it.L('\'Best Fixed-Odds Financial Trading Provider\' award by Shares Magazine UK'), text: it.L('We do it again. BetOnMarkets.com follows up our 2007 award by being voted \'Best Fixed-Odds Financial Trading Provider\' for 2008.') },
- { className: 'event featured', header: it.L('\'Best Customer Communication Firm\' award by Investors Chronicle'), text: it.L('We\'re really proud of this award. We\'re strongly committed to offering an ethical and customer-focused trading experience, and the award shows that BetOnMarkets is a trusted brand that listens and caters to customers, whether they are experienced traders or novices. We offer customer services in English, Indonesian, Russian, Chinese and Spanish.') },
- { className: 'event right', header: it.L('\'Best Fixed-Odds Financial Provider\' award by Financial Times and Investors Chronicle UK'), text: it.L('This is big. We pick up a double award from the Financial Times and Investors Chronicle, reflecting our success in improving the quality and usability of our website and products.') },
-
- { className: 'year center-text', text: '2007' },
- { className: 'event', header: it.L('Regent Markets granted US patent'), text: it.L('The patent means Regent Markets is the recognised pioneer of binary trading. The patent helps protect our innovations.') },
- { className: 'event right featured', header: it.L('\'Best Fixed-Odds Financial Trading Provider\' award by Shares Magazine UK'), text: it.L('Only five years after inception, we pick up this major award for our online trading services. The award recognises BetOnMarkets.com\'s reliable, fast and secure online trading for novice and expert traders. At this time, our website has received over 15 million trades.') },
-
- { className: 'year center-text', text: '2004' },
- { className: 'event', header: it.L('Regent Markets sets up a programming centre in Cyberjaya, Malaysia'), text: it.L('It\'s time to expand. We set up a programming center in Cyberjaya - the Silicon Valley of Kuala Lumpur - to maintain and improve BetOnMarkets.com.') },
- { className: 'event right', header: it.L('Regent Markets obtains a licence in the Isle of Man'), text: it.L('Our company continues to thrive and obtains a license in the Isle of Man to better service our UK clients.') },
-
- { className: 'year center-text', text: '2000' },
- { className: 'event featured', header: it.L('BetOnMarkets goes live'), text: it.L('In April, [_1]Betonmarkets.com[_2] (formerly known as [_3]Xodds.com[_2]) goes live, establishing a round-the-clock financial trading service on a variety of financial indices. Business grows quickly, and we soon become the market leader in fixed-odds financial trading.', '', '', '') },
- { className: 'event right', header: it.L('Regent Markets files for patent, and registers BetOnMarkets trading name'), text: it.L('Regent Markets files for a patent in March 2000 on the basis of our unique position as the sole serious competitor in the business of fixed-odds financial trading. In May, we register the trading name BetOnMarkets and move to Malta to receive an online licence.') },
-
- { className: 'year center-text', text: '1999' },
- { className: 'event featured', header: it.L('Regent Markets receives funding to provide on-line financial trading services'), text: it.L('In October 1999, Regent Markets receives US$ 2 million investment funding from Jim Mellon through his Regent Pacific Group, a Hong Kong based fund management company.') },
- { className: 'event right', header: it.L('Regent Markets is founded by Jean-Yves Sireau'), text: it.L('In classic Silicon Valley style, Hong Kong based hedge fund manager and entrepreneur, Jean-Yves Sireau, starts Regent Markets in his Hong Kong bedroom. He develops the systems, methods and algorithms for implementing a fixed-odds financial trading system. Jean-Yves\'s vision is to create a market in the simplest of all derivatives contracts - the fixed-odds trade - and to offer ordinary investors the chance to make small trade. Until his innovation, binary options are normally only traded in large quantities.') },
- ] }
- />
-
- { href ?
-
-
- })
-
-
- :
-
-
-
- }
-
-);
-
-const ValuesBox = ({ subheader, icon, paragraph }) => (
-
-
- {text}
-
- {text}
-
-
-);
-
-const Box = ({ children }) => (
-
-
-
-
-
-
-
- {subheader}
-
-
- - {paragraph} -
-
-
-);
-
-const Index = () => (
-
- {children}
-
-
-
-);
-
-export default Index;
diff --git a/src/templates/static/about/job_applicant_policy.jsx b/src/templates/static/about/job_applicant_policy.jsx
deleted file mode 100644
index 9691d20abb1..00000000000
--- a/src/templates/static/about/job_applicant_policy.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-
-const JobApplicantPrivacyPolicy = () => (
-
-
-
-
- - {it.L('The premier platform for trading binary options in the world\'s financial markets')} -
-
-
-
- })
-
-
-
-
-
- {it.L('Founded in 1999, [_1] is one of the oldest and most respected names in online binary trading.', it.website_name)}
-{it.L('Using our website, customers can trade currencies, stock indices, commodities, and synthetic indices 24/7. We have the most flexible pricing and the most comprehensive suite of products available.')}
-{it.L('[_1] has earned an enviable reputation for our commitment to high ethical standards and the quality of the trading experience we provide.', it.website_name)}
-{it.L('When you trade with [_1], you can be assured that your deposits are held in a separate trust account and are not used for any other purpose.', it.website_name)}
-
-
-
-
- - {it.L('Our values')} -
-
-
-
-
-
- {it.L('Want to be a part of our dynamic culture? Browse all our openings and see where you fit:')}
-
-
-
-
-
-
- {it.L('Key facts')}
-
-
- `, '')} />
-
-
- `, '')} />
-
-
-
-
- ', '')} />
-
-
- `, '')} />
-
-
-
-
-
-
- {it.L('[_1] is owned and operated by the Deriv Group Ltd. group of companies. For more information, [_2]visit our history page[_3].', it.website_name, ``, '')}
-{it.L('In the UK, our clients trade through Deriv (MX) Ltd and Deriv Investments (Europe) Limited. In the Isle of Man, they trade through Deriv (MX) Ltd. In the European Union (except UK), they trade through Deriv (Europe) Limited and Deriv Investments (Europe) Limited. In the rest of the world, they trade through Deriv (SVG) LLC, Deriv (V) Ltd, Deriv (BVI) Ltd and Deriv (FX) Ltd.')}
-
-
-);
-
-export default JobApplicantPrivacyPolicy;
diff --git a/src/templates/static/about/job_descriptions.jsx b/src/templates/static/about/job_descriptions.jsx
deleted file mode 100644
index 326c1361d65..00000000000
--- a/src/templates/static/about/job_descriptions.jsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const Column = ({
- className,
- header,
- text,
- id,
- subsection,
-}) => (
-
-);
-
-const Row = ({ title, id, sections = [], last }) => (
- {it.L('Job application privacy policy')}
-{it.L('Deriv Group of companies (hereafter referred to as \'the Company\' and \'It\') is committed to protecting the privacy and security of the applicant\'s personal information. This privacy notice sets out the types of data that the Company collects on the applicant. It also sets out how the Company collects and uses the applicant\'s personal data, how long it keeps them, and other relevant information about the applicant\'s data in accordance with the General Data Protection Regulation (EU) 2016/679 (hereafter referred to as \'GDPR\') and Data Protection Act 2018.')}
-{it.L('This privacy notice only applies to job applicants residing in the EU.')}
-{it.L('The Company is required under data protection legislation to notify the applicant of the information contained in this privacy notice. As such, it is important that the applicant read this notice, together with any other privacy notice that the Company may provide for the applicant on specific occasions when the Company is collecting or processing personal data about the applicant, so that the applicant is aware of how and why the Company is using such information.')}
- -{it.L('Interpretations')}
-{it.L('The following terms shall have the meanings set out below and cognate terms shall be construed accordingly:')}
-'{it.L('Data Protection Act (DPA)')}' {it.L('shall mean Data Protection Act 2018, Chapter 440 of the Laws of Malta.')}
-'{it.L('GDPR')}' {it.L('shall mean EU General Data Protection Regulation 2016/679.')}
-'{it.L('Processing')}' {it.L('shall mean any operation which is performed on personal data or on sets of personal data, whether or not by automated means, such as collection, recording, organisation, structuring, storage, adaptation or alteration, restriction, erasure, or destruction, etc.')}
- -{it.L('Types of personal data collected')}
-{it.L('The Company collects, stores, and processes a range of information about the applicant, including but not limited to the following:')}
--
-
- {it.L('The applicant\'s personal details, including name, address, date of birth, nationality, gender, and contact details, comprising email address and telephone number')} -
- {it.L('The applicant\'s qualifications, skills, education, experience, and employment history')} -
- {it.L('Details of the applicant\'s current level of remuneration, including entitlement to benefits such as pensions or insurance cover, if applicable')} -
- {it.L('Information about the applicant\'s medical or health conditions, including whether or not the applicant has a disability for which the Company needs to make reasonable adjustments')} -
{it.L('The Company may collect this information in a variety of ways. Data is collected and contained in CVs or resumes, cover letters, and identity documents, via Self-Assessment Topgrading Questionnaires/Interview (SATI), or through interviews or other forms of assessment, including online tests.')}
-{it.L('The Company may also collect personal data about the applicant from third parties, such as further references supplied by former employers and information from criminal records checks permitted by law.')}
-{it.L('Data will be stored in a range of different places, including on the applicant\'s application record, in HR management systems, and on other IT systems (including email).')}
- -{it.L('Purpose of collecting personal data')}
-{it.L('The Company typically collects and processes the applicant\'s personal data for the purposes of the legitimate interests that It pursues. Here are some examples of such interests:')}
--
-
- {it.L('Making decisions about who to employ and what salary and benefits to offer')} -
- {it.L('Making any reasonable adjustments for disabled employees')} -
- {it.L('Responding to and defending against legal claims')} -
{it.L('The Company also collects and processes the applicant’s data to decide whether to enter into a contract with the applicant.')}
-{it.L('In some cases, the Company needs to process the applicant’s personal data to comply with the Company’s legal obligations, for example conducting necessary checks in relation to the right to work in a specific jurisdiction.')}
-{it.L('The applicant is under no statutory or contractual obligation to provide data to the Company during the recruitment process. However, if the applicant chooses not to provide any necessary information, the Company may not be able to proceed with their application.')}
- -{it.L('Confidentiality')}
-{it.L('The Company shall ensure the confidentiality of all personal data provided by the applicant at all times and is protected against any accidental loss or disclosure, destruction, and abuse. The Company shall also ensure that such personal data is only processed and stored as necessary for the purposes specified in this privacy policy and all applicable Data Protection Laws.')}
-{it.L('The Company shall further disclose information about the applicant internally within the Deriv Group of companies for the purpose of the recruitment exercise. The Company shall ensure that a data-sharing agreement is in place and that the applicant\'s data is held securely and in line with GDPR requirements. The Company shall further disclose information about the applicant when It is legally obligated to do so.')}
- -{it.L('Data retention')}
-{it.L('The applicant\'s personal data shall be stored for a period of six months after the end of the relevant recruitment process if the applicant is unsuccessful in their job application or if they have declined an offer of employment with the Deriv Group of companies. At the expiry of that period, the applicant\'s data is deleted or destroyed unless the Company is required to further retain the applicant\'s information to exercise or defend any legal claims.')}
-{it.L('If the applicant\'s application is successful and an offer of employment with the Company is accepted, the applicant\'s data will be retained until the cessation of their employment. In this case, a separate privacy policy for employees will be made available to the applicant.')}
- -{it.L('Applicant\'s rights')}
-{it.L('In light of the EU General Data Protection Regulation 2016/679 and the Data Protection Act 2018, the applicant is entitled to the following rights with regards to the applicant\'s personal data:')}
--
-
- {it.L('The right to be informed of the use of their personal data, as reflected in this privacy policy')} -
- {it.L('The right to request access to their data from the Company')} -
- {it.L('The right to rectify their personal data if the Company holds any information about the applicant that is incomplete or inaccurate')} -
- {it.L('The right to delete their personal information, subject to the data retention practice of the Company')} -
{it.L('The applicant also has the right to restrict the further processing of their personal data.')}
-{it.L('In some circumstances, the applicant has the right to data portability, which is the right to request a copy of their personal data in a digital format and, where possible, ask the Company to transfer it to another company.')}
-{it.L('The applicant has the right to lodge a complaint to the Data Protection Commissioner in Malta if the applicant believes that the Company has failed to comply with the requirements of EU General Data Protection Regulation 2016/679 or the Data Protection Act 2018 with regards to the applicant\'s personal data.')}
- -{it.L('Automated decision-making')}
-{it.L('The applicant will not be subject to any recruitment decisions based solely on automated decision-making that will have a significant impact on the applicant.')}
- -{it.L('Changes to this privacy policy')}
-{it.L('The Company reserves the right to update this privacy policy at any time and will provide the applicant with a new privacy policy when substantial amendments and updates are made. The Company may also notify the applicant in other ways from time to time about the processing of the applicant\'s personal information.')}
-{it.L('If the applicant has any questions about this privacy policy or if the applicant would like to exercise any of their rights, they should contact the Company\'s Data Protection Officer (DPO) by emailing [_1].', 'dpo@binary.com')}
-
-
- {!last ?
-
-
- })
-
- {title}
-
-
-
-
- {sections.map((section, idx) => (
-
-
-
-);
-
-export default JobDescriptions;
diff --git a/src/templates/static/about/job_details.jsx b/src/templates/static/about/job_details.jsx
deleted file mode 100644
index 57f063c93ae..00000000000
--- a/src/templates/static/about/job_details.jsx
+++ /dev/null
@@ -1,1209 +0,0 @@
-import React from 'react';
-import { List } from '../../_common/components/elements.jsx';
-
-const InvisibleHeading = ({ headers = [] }) => (
-
- |
-
- |
-
- |
-
- |
-
- |
-
- |
-
- |
-
- |
-
- |
-
- |
-
-
-
-
-
- {it.L('Open Positions')}
-
- { headers.map((header, idx) => (
-
-);
-
-const UlText = ({ text, paragraph, className, items = [] }) => (
- {header.string}
- ))} -{text}
- { paragraph &&{paragraph}
} - { items &&
-
-
-);
-
-const InvisibleImage = ({ classNames = [] }) => (
-
- { classNames.map((className,idx) => (
- })
- ))}
-
-);
-
-const JobDetails = () => (
-
- ))}
-
-
-);
-
-export default JobDetails;
diff --git a/src/templates/static/about/labuan.jsx b/src/templates/static/about/labuan.jsx
deleted file mode 100644
index 8e51b5eebcf..00000000000
--- a/src/templates/static/about/labuan.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import { BoxOverlayImage } from '../../_common/components/box_row.jsx';
-import ImageSlider from '../../_common/components/image_slider.jsx';
-
-const Labuan = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('DevOps Engineer')}
- -{it.L('[_1]\'s IT team is responsible for the design, development and operation of our high-traffic web applications.', it.website_name)}
-{it.L('As our DevOps Engineer, you will have a critical role in our approach to our infrastructure and operations. The stability and scalability of our applications have a direct impact on our bottom line. This means that you will be taking on a mission critical role.')}
-{it.L('To excel, you must demonstrate a passion for open-source technologies. You must also have a burning desire to challenge yourself in a fast-paced environment.')}
- -
-
-
- {it.L('System Administrator')}
- -{it.L('The System Administration team is responsible for the upkeep, configuration, and reliable operation of our computer software, hardware, and networks.')}
-{it.L('To excel, you must demonstrate a passion for open-source technologies. You must also have a burning desire to challenge yourself in a fast-paced environment.')}
- -
-
-
- {it.L('Back-End Developer')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our high-traffic networks. As our Back-End Developer, you will be taking on the challenge of writing robust, high-quality, and production-ready code. Your work will greatly contribute to the architecture that drives our high-traffic binary options trading website.', it.website_name)}
- -
-
-
- {it.L('Front-End Developer')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our websites, applications, and high-traffic networks. As our Front-End Developer, you will be taking on the challenge of developing and maintaining advanced applications and interfaces that connect clients with our patented trading system.', it.website_name)}
-{it.L('You will also test and debug complex technical and UI issues related to our trading platform (that processes over one million transactions per day), based on feedback from our clients and customer service team.')}
- -
-
-
- {it.L('Perl Developer')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our high- traffic networks. As our Perl Developer, you will be taking on the challenge of writing robust, high-quality, and production-ready code. Your work will greatly contribute to the architecture that drives our high-traffic binary options trading website.', it.website_name)}
- -
-
-
- {it.L('Cryptocurrency/Blockchain Developer')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our system infrastructure and high-traffic networks. As our Cryptocurrency/Blockchain Developer, you will be taking on the challenge of revamping our existing cashier system and infrastructure for our ICO launch. You will also drive all our future blockchain-based projects. Your work will greatly contribute to the architecture that drives our high-traffic binary options trading website.', it.website_name)}
- -
-
-
- {it.L('Security Researcher')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our high-traffic web applications. As our Security Researcher, we expect you to stay informed about the latest security bulletins and findings, and actively monitor our software development pipeline to find and raise potential security issues.', it.website_name)}
- -{it.L('You will also encourage security awareness throughout the organisation via regular communication on security best practices and the latest online threats.')}
- -
-
-
-
- {it.L('PostgreSQL Database Administrator (DBA)')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our high-traffic networks. As our PostgreSQL Database Administrator, you will plan, implement, and manage the database systems that are essential to the architecture of our high-traffic binary options trading platform.', it.website_name)}
- -
-
-
- {it.L('UI/UX Designer')}
- -{it.L('[_1]\'s UI/UX team explores the many ways that we can design better product experiences for our users. As our UI/UX Designer, you will play a key role in conceptualising and defining user experience and interaction across multiple websites and applications.', it.website_name)}
- -{it.L('You will solve complex user experience problems, and seamlessly communicate product features and functions to our users through meaningful design. You will play a key role in creating intuitive and functional products that give our users the best experience possible so we can keep growing our user base and revenue.')}
- -
-
-
- {it.L('Technical Writer')}
- -{it.L('You will combine your excellent command of English and your strong understanding of the technology we use to produce well-structured, concise, and easy-to-understand technical documentation as well as project and architectural plans.')}
- -
-
-
-
-
- {it.L('Software Tester')}
- -{it.L('[_1]\'s IT team is responsible for the design, development, and operation of our websites, applications, and high-traffic networks. As our Software Tester, we rely on you to run high-quality tests to ensure the stability, quality, and usability of our website and codebase with each software release.', it.website_name)}
- -
-
-
-
-
-
- {it.L('Quantitative Analyst')}
- -{it.L('[_1]\'s Quantitative Analytics team is responsible for the pricing of our binary options. You will join them in managing the risk and profitability of the company\'s options book.', it.website_name)}
- -{it.L('The work that you do is complex, challenging, and essential to our future.')}
- -{it.L('We process over a million transactions each day, and manage a book of exotic options which exceeds the complexity of the typical derivatives desk.')}
- -{it.L('Since all transactions on the [_1] website are fully automated, our pricing and risk management algorithms must fully consider critical factors such as real-time pricing parameters, data feed irregularities, and latencies.', it.website_name)}
- -
-
- {it.L('Financial Markets Analyst')}
- -{it.L('As our Senior Financial Markets Analyst, you will manage the day-to-day risk of our trading books, conduct complex quantitative analysis, carry out performance testing, develop advanced data analytics tools, and support other related operations that have a direct impact on the profitability and future growth of our company.')}
-{it.L('This includes decisions on new markets to launch in, and the spreads and margins we might offer. You must also be able to analyse and interpret large volumes of data, and communicate your research and findings in a clear and concise manner - either in written reports or presentations.')}
- -
-
-
-
-
- {it.L('Data Scientist')}
- -{it.L('We need a talented Data Scientist with the technical skills and creative curiosity to explore and solve complex business problems.')}
- -
-
-
-
-
-
- {it.L('Affiliate/Country Manager')}
- -{it.L('The Country Manager is expected to acquire, service, manage, and expand our network of active affiliates in the countries where Deriv Group targets to be represented. You will also contribute your energy, skills, and knowledge of the local business culture to increase our rapid growth rate worldwide.')}
-{it.L('You are also expected to help us promote our cutting-edge trading platform that has been one of the most recognised in the binary options trading industry for over 18 years.')}
- -
-
-
- {it.L('Technical Marketing Executive')}
- -{it.L('The Marketing team oversees all our marketing initiatives, such as our partnership programmes, social media presence, webinars, PPC, SEO, and email marketing. As our Technical Marketing Executive, you will act on data-driven information and assist in troubleshooting issues to further nurture and grow our client base.')}
- -
-
-
- {it.L('Marketing Executive')}
- -{it.L('The Marketing team oversees all our marketing and advertising initiatives, such as our affiliate programme, social media presence, webinars, and emails. As our Marketing Executive, you will coordinate and execute marketing campaigns across a variety of channels, and continuously identify the best ways to reach current and prospective customers.')}
- -
-
-
- {it.L('Graphics Designer')}
- -{it.L('[_1]\'s UI/UX team explores the many ways that we can design better product experiences for our users. As our Graphic Designer, you will develop high-impact graphics and visual elements such as images and icons for our websites and applications. You will play an essential role in creating user interface assets that bring our products and users closer together.', it.website_name)}
- -
-
- {it.L('Copywriter')}
- -{it.L('[_1]\'s Marketing team oversees all our marketing and advertising initiatives, such as our affiliate programme, social media presence, webinars, and emails. As our Copywriter, you will help us to craft copy and content that engages our audiences - both online and offline.', it.website_name)}
- -
-
-
-
-
- {it.L('Accounts and Payments Executive')}
- -{it.L('Our Accounting & Payments team manages our wide range of bank accounts and e-currency systems, as well as the huge volume of transactions that take place every day.')}
- -{it.L('They also generate monthly management accounts, annual audited accounts, and reconcile all transactions. As our Accounts & Payments Executive, you will be able to contribute to all these key areas and increase the efficiency of our financial operations.')}
- -
-
-
-
-
-
- {it.L('Compliance Executive')}
- -{it.L('As our Compliance Executive, you must ensure that our group of companies worldwide conduct their business operations in full compliance with relevant laws and regulations - both national and international.')}
- -
-
-
- {it.L('Compliance and Payments Analyst')}
- -{it.L('We are PayOps, part of the Compliance department. Our team emphasizes business development by implementing the payment strategy for the Deriv group of companies in collaboration with the Marketing team.')}
- -
-
- {it.L('Risk Management Executive')}
- -{it.L('As our Risk Management Executive, we will depend on you to devise and execute effective analyses to identify potential risks to the Company and design and implement measures to eliminate such risks.')}
- -
-
-
-
-
- {it.L('Internal Audit Executive')}
- -{it.L('The Internal Audit team is the catalyst for improving our organisation\'s governance, risk management, and internal controls by providing insights and recommendations based on the audits they perform.')}
- -
-
-
-
-
-
- {it.L('HR Operations Executive')}
- -{it.L('The Human Resource Operations team manages essential human resource functions such as managing expats, processing work permits, onboarding, managing payroll, compiling compensation studies, and overseeing performance appraisals.')}
- -{it.L('They also manage our suppliers and contractors, as well as general administrative duties and procedures. As our Human Resource Operations Executive, you will be counted on to lead, execute, and support a wide range of HR-related and administrative tasks to ensure the smooth operations of our offices worldwide.')}
- -
-
- {it.L('Talent Acquisition Executive')}
- -{it.L('The Recruitment team plays a challenging role in the company by sourcing and selecting quality applicants that will contribute to the company growth.')}
- -
-
-
-
-
- {it.L('Customer Support Executive')}
- -{it.L('As our Customer Support Executive, you will serve as the voice of the company, and help our customers resolve and reduce the issues they\'re facing with our products and services. The frontline is essential to our business and you are expected to deliver world-class customer service that creates customer loyalty and promotes business growth.')}
- -
-
-
-
-
-
-
-
-
-
-
- {it.L('Vs 407 zrnaf nalguvat fcrpvny gb lbh lbh znl pbcl lbhe nccyvpngvba gb wl+ebg13@ovanel.pbz sbe snfg-genpx pbafvqrengvba.')}
-
-
-);
-
-export default Labuan;
diff --git a/src/templates/static/about/malta.jsx b/src/templates/static/about/malta.jsx
deleted file mode 100644
index 54d988c30cc..00000000000
--- a/src/templates/static/about/malta.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import { BoxOverlayImage } from '../../_common/components/box_row.jsx';
-import ImageSlider from '../../_common/components/image_slider.jsx';
-
-const Malta = () => (
-
-
-
-
-
-
- {it.L('Labuan')}
-{it.L('The Pearl of Borneo')}
-
-
-
-
-
- })
-
-
-
-
- {it.L('Labuan is a federal territory made up of the main island, Labuan Island, and six other small islands off the coast of Sabah. Its name comes from the Malay word, \'labuhan\' which means harbour. Formerly a part of the Brunei Sultanate, it was ceded to the British Crown in 1846, before joining Malaysia in 1963.')}
-{it.L('Today, Labuan is known as a flourishing financial centre and tax-free tourist destination. Its economy is driven primarily by its oil and gas resources, as well as its international investment and banking services. The latter has attracted thousands of companies to Labuan over the years, plus dozens of leading banks.')}
-
-
-
-
-
-
- {it.L('Living in Labuan')}
-
-
-
-
-
-
-
-
-
-
- {it.L('Can\'t miss in Labuan')}
-
-
-);
-
-export default Malta;
diff --git a/src/templates/static/affiliate_ib_landing.jsx b/src/templates/static/affiliate_ib_landing.jsx
deleted file mode 100644
index d529f0670db..00000000000
--- a/src/templates/static/affiliate_ib_landing.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-
-import Hero from './affiliate_ib_landing/hero.jsx';
-import Statistics from './affiliate_ib_landing/statistics.jsx';
-import TypesOfPartnership from './affiliate_ib_landing/type_of_partnership.jsx';
-import HowItWorks from './affiliate_ib_landing/how_it_works.jsx';
-import WhoCanApply from './affiliate_ib_landing/who_can_apply.jsx';
-import WhyPartner from './affiliate_ib_landing/why_partner.jsx';
-import FAQ from './affiliate_ib_landing/faq.jsx';
-import Payment from './affiliate_ib_landing/payment.jsx';
-
-const AffiliateIBLanding = () => (
-
-
-
-
-
-
- {it.L('Malta')}
-{it.L('Historical Mediterranean island')}
-
-
-
-
-
- })
-
-
-
-
- {it.L('The Republic of Malta is an island country in Southern Europe — located approximately 80km south of Italy. Its rich, colourful history can be traced back thousands of years to the Neolithic period.')}
-{it.L('Malta\'s strategic location in the Mediterranean Sea saw it occupied by a number of foreign powers, including the Greeks, Romans, Arabs, French, and most recently, the British. It gained independence from the British in 1964, and joined the European Union in 2004. Today, Malta is a popular tourist destination and a high-income country powered by an industrialised, service-based economy.')}
-
-
-
-
-
-
- {it.L('Living in Malta')}
-
-
-
-
-
-
-
-
-
-
- {it.L('Can\'t miss in Malta')}
-{it.L('Frequently asked questions')}
- -
-
-
-
-
- {it.L('Affiliate')}
- --
- { affiliate_faq_items.map((item, index) => (
-
-
-
- {item.text} -
- ))}
-
-
- {it.L('Introducing Broker')}
- --
- { ib_faq_items.map((item, index) => (
-
-
-
- ))}
-
{it.L('For further assistance, email us at [_1]partners@binary.com[_2]', '', '')}
-
-
- {it.L('Build a rewarding and long-term business relationship with an industry pioneer')}
- - {it.L('Become our partner')} - -
-
- {it.L('How it works')}
- -
-
-
-
-
-
-
-
-
- })
-
-
-
- })
-
-
- {it.L('Sign up')}
-{it.L('Choose your preferred programme, complete the application form, and receive your affiliate link upon approval.')}
-
-
-
-
-
-
-
- })
-
-
-
-
-
-
- {it.L('Introduce [_1]', it.website_name)}
-{it.L('Spread the word to your audience. Use your unique referral link and our tried-and-tested referral tools to drive traffic to [_1].', it.website_name)}
-
- })
-
-
- {it.L('Earn')}
-{it.L('Refer new clients to trade with us. Receive commissions based on your chosen partnership programme.')}
-
-
- {it.L('Receive your earnings through your favourite payment method')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('$12M+')}
-{it.L('Partner earnings')}
-{it.L('150+')}
-{it.L('Countries')}
-{it.L('1M+')}
-{it.L('Clients')}
-
-
-
-);
-
-const TypesOfPartnership = () => (
-
-
-
- {it.L('The types of partnerships we offer')}
-{it.L('Depending on what you do, you can apply as our Affiliate or Introducing Broker, or both. More new clients from you means higher potential commissions.')} -
-
-
-
-
-
-
-
-
-
- {it.L('Earn up to 45% in commission based on the total net revenue generated by your clients. Commissions are credited into your account after the 15th of every month.')}
-{it.L('Commision structure')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Sign up now')}
-
- {it.L('Our turnover-based commission plan depends on the payout probability for each contract. Contracts with higher returns for the client offer you lower commissions.')}
-
-
- {it.L('Cost per acquisition (CPA) for EU clients only')}
-{it.L('Earn 100 USD in commission for each successful referral. Your referred client must open a [_1]real account[_2] through your unique affiliate link and deposit a total of 100 USD or more (one-time or accumulative) in the account. This commission plan is only available for clients based in the EU.', '', '')}
- - {it.L('Sign up now')} - -
-
-
-
- {it.L('Earn daily commissions on the trading activities of the clients you refer to the [_1] MetaTrader 5 (MT5) platform. Your total commissions will be credited into your account by the end of the day.', it.website_name)}
- -
-
-
-
-
-
-
-
- {it.L('Commision structure')}
- -{it.L('Synthetic Account')}
-{it.L('Earn when your clients trade on an MT5 Synthetics account.')}
-
- })
-
- {it.L('How it’s calculated')}
-{it.L('A deal for 1 lot of the Volatility 75 Index for a price of USD 500,000 will pay out USD 25 in commission based on the following formula:')}
-
- {it.L('[_1]Please note[_2]: Commission payout for all assets will be converted to your deposit currency based on the latest exchange rate.', '', '')}
-{it.L('Financial account')}
-{it.L('Earn when your clients trade on an MT5 Financial account.')}
-
- })
- })
-
- {it.L('How it’s calculated')}
-{it.L('For forex, a deal for 1 lot of EUR/USD will pay out EUR 5 in commission based on the following formula:')}
-
- {it.L('For cryptocurrency assets, a deal for 1 lot of BTC/USD (with a BTC to USD exchange rate of USD 50,000) will pay out USD 10 in commission based on the following formula:')}
-
- {it.L('Please note:')}
-{it.L('For forex, your commission is represented in the base currency (EUR in the above example). Commission payout for all assets will be converted to your deposit currency based on the latest exchange rate.')}
-{it.L('Financial STP account')}
-{it.L('Earn when your clients trade on an MT5 Financial STP account.')}
-
- })
- })
-
- {it.L('How it’s calculated')}
-{it.L('For forex, a deal for 1 lot of EUR/USD will pay out EUR 2.5 in commission based on the following formula:')}
-
- {it.L('For cryptocurrency assets, a deal for 1 lot of BTC/USD (with a BTC to USD exchange rate of USD 50,000) will pay out USD 10 in commission based on the following formula:')}
-
- {it.L('Please note:')}
-{it.L('For forex, your commission is represented in the base currency (EUR in the above example).')}
-{it.L('Commission payout for all assets will be converted to your deposit currency based on the latest exchange rate.')}
-
- })
- })
-
- })
- })
-
-
- {it.L('Sign up now')}
-
- {it.L('Minimum volume requirement')}
-{it.L('To receive the minimum commission (0.01 in any currency) allowed by the system, the minimum volume requirement is calculated based on the following formulas:')}
- -{it.L('Example:')}
-{it.L('A deal for 1 lot of BTC/USD (with a BTC to USD exchange rate of USD 50,000) per USD 100,000 turnover will pay out a commission of USD 10. The minimum volume required to receive the minimum commission of USD 0.01 is determined using the following formula:')}
-
-
-
- {it.L('A deal for 1 lot of the Volatility Index 75 for a price of USD 500,000 per USD 100,000 turnover will pay out a commission of USD 5. The minimum volume required to receive the minimum commission of USD 0.01 is determined using the following formula:')}
-
-
-
-
- {it.L('Who can apply as a [_1] partner', it.website_name)}
- -
- { who_can_apply.map((who, index) => (
-
-
-
- ))}
-
-
- {it.L('Join our global network of partners now')}
-
- { who.title }
-{ who.description }
-
-
- {it.L('Why partner with us')}
-
- { reasons.map((reason, index) => (
-
-
- 
-
- ))}
- {reason.description}
-
-
-);
-
-export default FAQ;
diff --git a/src/templates/static/affiliates/register.jsx b/src/templates/static/affiliates/register.jsx
deleted file mode 100644
index f069fb4e73e..00000000000
--- a/src/templates/static/affiliates/register.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-
-const Register = () => (
- {it.L('Affiliate FAQ')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('What is the [_1] Affiliate Programme all about?', it.website_name)}
-{it.L('The [_1] Affiliate Programme allows you to benefit from referring new clients to our site.', it.website_name)}
-{it.L('If you\'re a broker we\'d like to work with you. You will be introducing your clients to a unique and innovative product: the [_1] trading platform. Your clients will love the [_1] trading platform because we offer a complete binary options trading experience tailored to the needs of an exceptionally wide range of traders.', it.website_name)}
-{it.L('Novice traders can use our intuitive platform to learn about trading, practise trading, and gain trading experiences. Seasoned traders can use the [_1] platform and take full advantage of the wide range of trading and analysis tools we have to offer.', it.website_name)}
- -{it.L('Who can apply as a [_1] affiliate?', it.website_name)}
--
-
{it.L('Why should I become a [_1] affiliate?', it.website_name)}
-{it.L('[_1] is a licensed and regulated binary options trading platform that\'s been operating since 2000. It has:', it.website_name)}
--
-
- {it.L('An international appeal with multilingual support in English, Spanish, French, German, Portuguese, Chinese, Italian, Thai, Polish, and Russian')} -
- {it.L('An intuitive, web-based platform that\'s instantly available to traders of all levels – anytime, anywhere')} -
- {it.L('A competitive and flexible affiliate programme that can be adapted to your needs')} -
{it.L('Is there a cost for joining?')}
-{it.L('Not at all. Joining our affiliate programme is completely free and always will be.')}
- -{it.L('What is the definition of a referred client?')}
-{it.L('A referred client is someone who has been referred through your unique affiliate link and who has deposited money into their [_1] account. They must fulfil the following criteria:', it.website_name)}
--
-
- {it.L('Have not previously been a [_1] customer', it.website_name)} -
- {it.L('Aged 18 years old and above')} -
{it.L('Who can be a client on the [_1] platform?', it.website_name)}
-{it.L('Anyone aged 18 years old and above who is not the resident of a "restricted country" (as listed in our [_1]Terms & Conditions[_2]) can become a [_3] client.', ``, '', it.website_name)}
-{it.L('How can I become an affiliate?')}
-{it.L('It\'s easy. Just go to the signup page and complete the [_1]affiliate registration form[_2]. We\'ll review your application and get back to you if your application is successful.', ``, '')}
- -{it.L('I forgot my password, what should I do?')}
-{it.L('Don\'t worry, you can simply [_1]reset your password[_2].', ``, '')}
- -{it.L('How can I change my payment method?')}
-{it.L('Log in to your [_1] affiliate account and go to: Finances → Payment instructions.', it.website_name)}
- -{it.L('How and when will I receive my affiliate earnings?')}
-{it.L('Your commission for the previous calendar month will be deposited into your account by the 15th of every month.')}
- -{it.L('How do I know how much I have earned?')}
-{it.L('Log in to your [_1] affiliate account and go to: Reports → Detailed activity report', it.website_name)}
- -{it.L('What kind of reports can I generate?')}
-{it.L('You can generate all kinds of insightful reports, including the following:')}
--
-
- {it.L('Hits & Impression report: Displays your hit rate and click through rates')} -
- {it.L('Countries report: Displays a list of countries where your clicks are coming from')} -
- {it.L('My Players report: Displays a list of your clients according to their IDs and the date they signed up')} -
{it.L('Can I offer my referrals an incentive to sign up through my unique affiliate link rather than sign up directly?')}
-{it.L('We prohibit the use of unauthorised incentives, gifts, and payments to encourage customer signups. If we have reason to believe that you have engaged in such activity, we reserve the right to withhold any payments due to you. However, if you have a specific incentive in mind, then please contact your account manager for further discussion and approval.')}
-{it.L('What referral tools do you offer?')}
-{it.L('We have a tested and proven selection of referral tools including banners, reviews, videos, and text ads for you to use. If you would like certain items to be customised to your preferences, please contact your account manager at [_1]. You can also use the MyAffiliates system to track and optimise your campaigns.', `${it.affiliate_email}`)}
-{it.L('Where can I send my questions, comments, and suggestions?')}
-{it.L('Feel free to get in touch with us at [_1]. We\'d love to hear from you.', `${it.affiliate_email}`)}
-
-
-
-
- {it.L('Register')}
-
-
-);
-
-const Charity = () => (
-
-
- { charities.map((charity, inx) => (
- {country}
-
- })
-
-
- ))}
-
-
- {charity.title}
-{charity.text}
- { charity.contacts && charity.contacts.map((contact, inxc) => ( -- - {contact.text}: - - {contact.href} - - -
- ))} -
-
-);
-
-export default Charity;
diff --git a/src/templates/static/get_started/binary_options.jsx b/src/templates/static/get_started/binary_options.jsx
deleted file mode 100644
index 6196078fa2e..00000000000
--- a/src/templates/static/get_started/binary_options.jsx
+++ /dev/null
@@ -1,339 +0,0 @@
-import React from 'react';
-import {
- Section,
- HeaderSecondary,
- NavButtons,
- ListStrong } from './common.jsx';
-import { List } from '../../_common/components/elements.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-let circle,
- circle_no;
-
-const SectionTicked = ({ header, text }) => (
-
-
-
-
-
-
-
- {it.L('Making a Positive Impact in Local Communities')}
-{it.L('[_1]\'s charitable initiative focuses on small charities and nonprofits around the world that are making a positive difference in their local communities. Our donations have a direct impact, free from the burden of overheads seen in larger charities.', it.website_name)}
-
- })
- })
- })
-
-
-
-
-
-
-
-
-
- {it.L('We are always on the lookout for small, local charities where our contributions can make a direct impact. If you\'d like to talk to us about supporting your charity, please contact us at [_1].', 'marketing@binary.com')}
-
-
-);
-
-const SectionSmall = ({ header, text, image }) => (
- -
-
-
- {header}
-
{text}
-
-
-
-);
-
-const SectionLarge = ({ dataAnchor, header, text, image, children }) => (
-
- 
-
- {header}
- {text}
-
-
-
-
- })
-
-
-
-
- {header}
-{text}
--
- {children}
-
-
-
- );
-};
-
-const CircleHeader = ({ className, header, text, children }) => {
- circle += 1;
-
- return (
- { circle_no }
-
-
-
- })
-
-
- {header}
- {text}
-
- {circle}
-
- {header}
-{text}
- {children} -{item.definition}
-
-
- );
-};
-
-export default BinaryOptions;
diff --git a/src/templates/static/get_started/cfds.jsx b/src/templates/static/get_started/cfds.jsx
deleted file mode 100644
index 87895b32777..00000000000
--- a/src/templates/static/get_started/cfds.jsx
+++ /dev/null
@@ -1,209 +0,0 @@
-import React from 'react';
-import { Section, HeaderSecondary, ListStrong, BuySellImage, MtBox, NavButtons, MTAccountOpeningButton } from './common.jsx';
-import { List, Table } from '../../_common/components/elements.jsx';
-
-const hundredth = '0.01';
-const thousandth = '0.001';
-const tenth = '0.10';
-const two_tenth = '0.20';
-const three_tenth = '0.30';
-const five_tenth = '0.50';
-const five_thousandth = '0.005';
-const three = '3.00';
-
-const Cfds = () => (
- {it.L('Binary Options')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('A binary option is a type of option with a fixed payout in which you predict the outcome from two possible results. If your prediction is correct, you receive the agreed payout. If not, you lose your initial stake, and nothing more. It\'s called \'binary\' because there can be only two outcomes – win or lose.')}
- -{it.L('Aside from the simplicity of its \'yes or no\' proposition, binary options trading is also very flexible. It gives you the ability to trade:')}
-
-
-
- {it.L('Enjoy an award-winning online trading platform with trading conditions that are ideal for new and experienced traders.')}
- {it.L('Award-winning online trading platform')} --
-
-
-
-
-
-
-
{it.L('Binary options trading is relatively easy. You can purchase a contract in just three steps:')}
- -
-
-
- {it.L('Step 1: Define your position')}
-{it.L('The first step is to set the parameters of your trade. There are five trade parameters you need to adjust in order to receive a price for the contract:')}
-
- })
-
-
-
- -
-
-
-
{it.L('Aside from the three main trade types above, you also get Asians and Digits trade types exclusively with our Synthetic Indices.')}
-
- })
-
-
- {it.L('The price of the contract is automatically calculated by our patented pricing technology based on the parameters you\'ve defined in Step 1. Our prices are benchmarked against the interbank options market, so you always get the most competitive prices. This means that you\'ll always receive fair and transparent pricing, whatever your position.')}
- -
- })
-
-
- {it.L('When you are satisfied with the price that you receive, execute your trade immediately. With our unique platform, there\'s no risk of \'slippage\' or gaping markets. And most importantly, there are no hidden fees. You can also sell back any long-term trades at any time to profit from favourable market conditions.')}
-{it.L('[_1] offers the following trade types that will help you execute your market view or strategy:', it.website_name)}
-{it.L('At reset time, if the spot is in the opposite direction of your prediction, the barrier is reset to that spot.')}
-{it.L('Please note that Asians, Digits, Reset Call/Reset Put, High Ticks/Low Ticks, and Only Ups/Only Downs are available exclusively with our Synthetic Indices.')}
-{it.L('Binary options allow you to trade on a wide range of underlying markets. One of the advantages of trading binary options is that you are not buying or selling an actual asset, only a contract that determines how that asset performs over a period of time. This limits your risk and makes it easy for anyone to start trading.')}
- -
-
-
- {it.L('Trade popular major and minor currency pairs, plus Smart FX indices – weighted indices that measure the value of a currency against a basket of major currencies.')}
-{it.L('There are four types of Smart FX indices that you can trade:')}
--
-
- {it.L('AUD Index – Measures the value of the Australian dollar against a basket of five global currencies (USD, EUR, GBP, JPY, CAD), each weighted by 20%')} -
- {it.L('EUR Index – Measures the value of the Euro against a basket of five global currencies (USD, AUD, GBP, JPY, CAD), each weighted by 20%')} -
- {it.L('GBP Index – Measures the value of the British Pound against a basket of five global currencies (USD, EUR, AUD, JPY, CAD), each weighted by 20%')} -
- {it.L('USD Index – Measures the value of the US dollar against a basket of five global currencies (EUR, GBP, JPY, CAD, AUD), each weighted by 20%')} -
{it.L('Enjoy exciting opportunities to trade stock indices with the benefit of real-time charts and pricing.')}
-{it.L('Our stock indices are sourced from the over-the-counter (OTC) market – sources outside of the centralised exchanges. Please note that due to their OTC nature, the prices of our stock indices may differ from their counterparts on centralised exchanges.')}
- -{it.L('We offer all four precious metals – gold, silver, palladium, and platinum – as well as energy in our list of commodities.')}
- -{it.L('[_1]\'s Synthetic Indices are synthetic indices that mimic real-world market volatility and are available for trading 24/7. They are based on a cryptographically secure random number generator audited for fairness by an independent third party.', it.website_name)}
-{it.L('Synthetic Indices give you exclusive access to various trade types, such as Up/Down, Touch/No Touch, In/Out, Asians, Digits, Lookbacks, Reset Call/Reset Put, Call Spread/Put Spread, Only Ups/Only Downs, and more.')}
-{it.L('Synthetic Indices are further categorised into two classes:')}
--
-
- {it.L('Continuous Indices – Choose from the Volatility 10 (1s) Index, Volatility 25 (1s) Index, Volatility 50 (1s) Index, Volatility 75 (1s) Index, Volatility 100 (1s) Index, Volatility 10 Index, Volatility 25 Index, Volatility 50 Index, Volatility 75 Index, and Volatility 100 Index. These indices correspond to simulated markets with constant volatilities of 10%, 25%, 50%, 75%, and 100% respectively.')} -
- {it.L('Daily Reset Indices – Daily Reset Indices replicate markets with a bullish and bearish trend with a constant volatility. The Bull Market and Bear Market indices start at 00:00 GMT each day, replicating bullish and bearish markets respectively.')} -
-
-);
-
-export default Cfds;
diff --git a/src/templates/static/get_started/common.jsx b/src/templates/static/get_started/common.jsx
deleted file mode 100644
index d2a8637555d..00000000000
--- a/src/templates/static/get_started/common.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-export const Section = ({ id, header, children }) => (
- {it.L('MetaTrader 5')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('A Contract for difference (CFD) is a financial derivative that allows you to potentially profit by speculating on the rise or fall of an underlying asset, without actually owning that asset.')}
-{it.L('The movement of the underlying asset determines your profit or loss – depending on the position that you have taken.')}
--
-
{it.L('Contracts for difference (CFDs) allow you to speculate on a number of markets, including indices, shares, and commodities. At [_1], we offer popular cash indices, cryptocurrencies, as well as proprietary Synthetic Indices that simulate market movement.', it.website_name)}
-{it.L('New to CFD trading? We explain a few basics that all CFD traders need to know before they start trading.')}
- -{it.L('When you are trading CFDs, you can choose to open a buy position (if you think that the price will rise) or a sell position (if you think that the price will fall).')}
-{it.L('Let\'s use the US 100 index as an example:')}
-{it.L('If you decide to buy or \'go long\' on the US 100 index, your profit will continue to increase as long as the price of the US 100 index keeps rising. However, if the price falls, the losses you incur will also increase.')}
-{it.L('The opposite is true if you decide to sell or \'go short\' on the US 100 index. This means that your profit will continue to increase as long as the price of the US 100 index keeps falling. However, if the price rises, the losses you incur will also increase.')}
- -{it.L('Let\'s say a US 100 contract is worth 1 USD per point in the underlying asset. If you decide to \'go long\' on the US 100, and the asset price rises by 10 points, that represents a 10 USD profit for you.')}
-{it.L('However, if the asset price falls by 10 points, that represents a 10 USD loss for you.')}
-{it.L('To learn more, please read our [_1]CFD contract specifications[_2].', '', '')}
- -{it.L('When you decide to close an open contract, you only need to choose “Close Position” option from context menu.')}
-{it.L('Margin allows you to trade on leverage – giving you the same level of market exposure using much less capital.')}
-{it.L('For example, if you wanted to purchase 100 units of a particular asset trading at 50 USD per unit through a traditional broker, it would cost you 5,000 USD for this transaction.')}
-{it.L('With leverage, you can purchase 100 units of the same asset at a fraction of the cost.')}
- -{it.L('You can determine the margin for our CFDs by using the formula below:')}
-{it.L('Equity is the sum of your balance and floating profit and loss (PnL). Margin level is the ratio of equity to margin. When that ratio reaches a specified percentage (usually 100%), your account will be placed under margin call. This does not affect your ability to open new positions; it serves to alert you that your floating PnL is moving lower. However, it is recommended to add funds to your account in order to keep your positions open. Alternatively, you may close losing positions.')}
- -{it.L('If your margin level reaches an even lower level (usually 50%), it will reach the stop out level where it is unable to sustain an open position. This will lead to some, or all your open positions being forcibly closed (also known as "forced liquidation").')}
-{it.L('When your account hits the forced liquidation level, your orders and positions are forcibly closed in the following sequence:')}
--
-
- {it.L('We delete an order with the largest margin reserved.')} -
- {it.L('If your margin level is still under the stop out level, your next order will be deleted. However, orders without margin requirements will not be deleted.')} -
- {it.L('If your margin level is still under the stop out level, we will close an open position with the largest loss.')} -
- {it.L('We will continue to close open positions until your margin level becomes higher than the stop out level.')} -
{it.L('A Contract for difference (CFD) is a derivative contract that allows you to profit by speculating on the rise or fall of an underlying asset. Your profit and loss is calculated through the difference in the buy and sell prices of the underlying asset.')}
-{it.L('Each time you open a position on an index symbol, you can start with a minimum volume transaction as indicated in the table above.')}
-{it.L('Crash/boom indices')}
-{it.L('With Crash 1000 (500) index, there\'s an average of one drop in the price series that occurs at anytime within 1000 (500) ticks.')}
-{it.L('With Boom 1000 (500) index, there\'s an average of one spike in the price series that occurs at anytime within 1000 (500) ticks.')}
-{it.L('Step indices')}
-{it.L('With Step index, there is equal probability of up/down movement in the price series with fixed step size of 0.1.')}
-{it.L('Range break indices')}
-{it.L('Range break index fluctuates within a range between an upper and lower price level, also known as borders. When it hits either border, the index occasionally breaks through the range with a jump or crash, creating a new range. There are two types:')}
-{it.L('Range break 100 breaks through the range on average once every 100 times that it hits the border.')}
-{it.L('Range break 200 breaks through the range on average once every 200 times that it hits the border.')}
- -{it.L('If you keep any positions open overnight, an interest adjustment will be made to your trading account as indication of the cost required to keep your position open.')}
-{it.L('The interest adjustment is calculated in annual base for long and short positions according to the formula: (current price*contract size*volume in lots*specified swap size/100)/360.')}
-{it.L('Please take note that our swap rate also depends on the time and days you hold your positions open.')}
-
-
-);
-
-export const HeaderSecondary = ({ header, ...props }) => (
- {header}
- {children} -{header}
-{text}
{text}
- { text_two &&{text_two}
} -
- { text ?
-);
-
-export const NavButtons = ({ parent, section }) => (
-
-
-
-
-
-
-
-);
-
-export const BuySellImage = () => (
-
- })
-
- {header}
-{text}
-
-
-);
-
-export const BuySellCurrency = ({ currency_one, currency_two }) => (
-
-
-);
-
-export const MtBox = ({ text, icon_1, icon_2 }) => (
-
-
- {it.L('Buy')}
--
-
- {it.L('You\'re buying the [_1] and selling the [_2].', currency_one, currency_two)} -
- {it.L('You expect the [_1] to rise in value so you can sell it back for a profit.', currency_one)} -
- {it.L('Buy = go long')} -
-
- {it.L('Sell')}
--
-
- {it.L('You\'re selling the [_1] and buying the [_2].', currency_one, currency_two)} -
- {it.L('You expect the [_1] to fall in value so you can buy it back at a lower price (and make a profit).', currency_one)} -
- {it.L('Sell = go short')} -
-
-
-);
-
-export const MTAccountOpeningButton = () => (
-
-);
diff --git a/src/templates/static/get_started/cryptocurrencies.jsx b/src/templates/static/get_started/cryptocurrencies.jsx
deleted file mode 100644
index efb57c4fd92..00000000000
--- a/src/templates/static/get_started/cryptocurrencies.jsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import React from 'react';
-import {
- BuySellCurrency,
- Section,
- HeaderSecondary,
- NavButtons,
- MtBox,
- MTAccountOpeningButton } from './common.jsx';
-import {
- List,
- Table } from '../../_common/components/elements.jsx';
-
-const hundredth = '0.01';
-const tenth = '0.10';
-const one = '1';
-const hundred = '100';
-
-const Cryptocurrencies = () => (
- {text}
- -
-
-);
-
-export default Cryptocurrencies;
diff --git a/src/templates/static/get_started/forex.jsx b/src/templates/static/get_started/forex.jsx
deleted file mode 100644
index d422f47d0b3..00000000000
--- a/src/templates/static/get_started/forex.jsx
+++ /dev/null
@@ -1,275 +0,0 @@
-import React from 'react';
-import {
- Box,
- BuySellCurrency,
- HeaderSecondary,
- MtBox,
- NavButtons,
- Section,
- MTAccountOpeningButton } from './common.jsx';
-import {
- List,
- Table } from '../../_common/components/elements.jsx';
-
-const hundred_thousand = '100,000';
-const hundredth = '0.01';
-
-const Forex = () => (
- {it.L('MetaTrader 5')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Cryptocurrencies such as Bitcoin and Ethereum are decentralised digital currencies on the blockchain.')}
-{it.L('Some of the things that cryptocurrencies have in common include:')}
--
-
- {it.L('Decentralisation – The decentralised nature of cryptocurrencies means that no single government body or financial authority has control over them')} -
- {it.L('Blockchain technology – All cryptocurrencies use a variation of blockchain technology (a kind of public ledger) to score records of each transaction. ')} -
- {it.L('High level of security – Each cryptocurrency transaction is secured through advanced cryptographic techniques that make it almost impossible to counterfeit')} -
{it.L('Trading cryptocurrencies on our MetaTrader 5 platform means taking a position on a cryptocurrency pair when you expect it to rise or fall in value so you can make a profit when your prediction is correct.')}
-{it.L('Trade Bitcoin, Ethereum, and Litecoin pairs without owning them. Our cryptocurrency pairs quote a cryptocurrency such as Bitcoin against a fiat currency, such as the US dollar.')}
-{it.L('Similar to forex trading, you must understand when to buy (or "go long") and when to sell (or "go short"). In forex trading, you\'ll buy a certain currency pair if you think the value of the base currency will rise. The opposite is also true: you will sell a certain currency pair if you think the value of the base currency will fall.')}
-{it.L('The same concept applies to our cryptocurrency pairs.')}
-{it.L('Let\'s compare the differences between buying and selling, using the BTC/USD as an example:')}
-{it.L('In a nutshell, when you go long on the BTC/USD with [_1], you are not purchasing bitcoin directly. Instead, you\'re taking a position that the BTC/USD will rise in value whereby you will make a profit. If you go long on the BTC/USD and its value falls, then you will make a loss.', it.website_name)}
-{it.L('Margin allows you to trade on leverage – meaning your existing capital can give you a much higher level of market exposure.')}
-{it.L('For example, if you wanted to purchase 100 units of a particular asset that\'s trading at 50 USD per unit through a traditional broker, it would typically cost you 5,000 USD for this transaction.')}
-{it.L('However, with leverage you can purchase those 100 units at a fraction of the typical cost – depending on the leverage afforded to you by your broker or trading platform.')}
- -{it.L('You can determine the margin for our cryptocurrency pairs by using the formula below:')}
- -{it.L('Equity is the sum of your balance and floating profit and loss (PnL). Margin level is the ratio of equity to margin. When that ratio reaches a specified percentage (usually 100%), your account will be placed under margin call. This does not affect your ability to open new positions; it serves to alert you that your floating PnL is moving lower. However, it is recommended to add funds to your account in order to keep your positions open. Alternatively, you may close losing positions.')}
- -{it.L('If your margin level reaches an even lower level (usually 50%), it will reach the stop out level where it is unable to sustain an open position. This will lead to some, or all your open positions being forcibly closed (also known as "forced liquidation").')}
-{it.L('When your account hits the forced liquidation level, your orders and positions are forcibly closed in the following sequence:')}
--
-
- {it.L('We delete an order with the largest margin reserved.')} -
- {it.L('If your margin level is still under the stop out level, your next order will be deleted. However, orders without margin requirements will not be deleted.')} -
- {it.L('If your margin level is still under the stop out level, we will close an open position with the largest loss.')} -
- {it.L('We will continue to close open positions until your margin level becomes higher than the stop out level.')} -
{it.L('Each time you open a position on a cryptocurrency pair, you can start with a minimum volume as indicated in the table above.')}
-{it.L('To learn more, read our [_1]Margin Policy[_2] that further explains our margin requirements.', '', '')}
- -
-
-);
-
-export default Forex;
diff --git a/src/templates/static/get_started/index.jsx b/src/templates/static/get_started/index.jsx
deleted file mode 100644
index 100224052ec..00000000000
--- a/src/templates/static/get_started/index.jsx
+++ /dev/null
@@ -1,319 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-import {
- TabContainer,
- TabContent,
- TabContentContainer,
- TabsSubtabs } from '../../_common/components/tabs.jsx';
-
-const GetStartedSection = ({ link, hash, image, header, text }) => {
- const href = `${it.url_for(link)}#${hash}`;
- return (
-
- );
-};
-
-const GetStartedSectionWrapper = ({
- dataShow,
- section_id,
- section_header,
- section_description,
- section_button_url = '',
- section_button_text = '',
- children,
-}) => (
- {it.L('MetaTrader 5')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- })
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('The foreign exchange market (forex) is the world\'s most liquid and most traded market, where trades worth trillions are completed each day.')}
-{it.L('Forex trading involves buying one currency and selling another currency at the same time. This is why you always see them quoted in pairs. For example: EUR/USD and GBP/USD.')}
- -{it.L('Forex trading involves buying or selling these "currency pairs". When you buy a currency pair such as EUR/USD, it means that you are buying the EURO and selling the USD at the same time.')}
-{it.L('Currency pairs are categorised as follows:')}
--
-
- {it.L('Major pairs – Consist of the world\'s most widely traded currency pairs')} -
- {it.L('Minor pairs – Consist of less liquid currency pairs')} -
- {it.L('Exotic pairs – Consist of one non-USD major currency that\'s paired with the currency of an emerging economy, for example: GBP/HKD')} -
{it.L('When you see currency pairs offered by a broker or trading service, there are usually two prices available: the ask price and the bid price. These are also known as the buy price and the sell price respectively.')}
-{it.L('The spread is the difference between the ask and bid price.')}
-{it.L('Based on the table below, can you tell what is the spread for the EUR/USD currency pair?')}
- -{it.L('Let\'s calculate the spread for EUR/USD:')}
- -{it.L('The forex is an over-the-counter market where trading takes place between two parties, and not with a centralised exchange or marketplace.')}
-{it.L('Depending on your broker or trading platform, you can start trading from the time the Sydney market opens on Monday morning to the time the New York market closes on Friday evening – up to 24 hours a day, five days a week.')}
-{it.L('[_1] clients can trade forex from Sunday 21:00 GMT to Friday 21:00 GMT.', it.website_name)}
-{it.L('A forex trader always has one objective in mind when trading: to exchange one currency for another in order to make a profit.')}
-{it.L('This is why we\'ve come up with the following three-step tutorial to help you bridge that gap and make your first trade:')}
- -{it.L('One of the first things most forex traders learn is how to read a currency pair. There are two parts to a currency pair')}
-EUR / USD
-
-
-
-
- {it.L('Base currency')}
- {it.L('Also known as transaction currency')}
-
-
- {it.L('Quote currency')}
- {it.L('Also known as counter currency')}
- {it.L('Tips')}
--
-
- {it.L('The base currency is always equal to one unit.')} -
- {it.L('The ask price of the currency pair indicates how much of the quote currency is required to buy one unit of base currency. This is more commonly known as the exchange rate.')} -
{it.L('For example, if you see that the EUR/USD has an ask price of 1.05382, you\'ll sell 1.05382 USD (quote currency) for every 1 EUR (base currency) you buy.')}
-{it.L('If the bid price is 1.05229, you\'ll buy 1.05229 USD for every 1 EUR you sell.')}
- -{it.L('Think that a certain currency will go up or down? Learn when you should buy (or "go long") and when to sell (or "go short").')}
-{it.L('Traders choose to buy a certain currency pair if they think the value of the base currency will rise. The opposite is also true: they sell a certain currency pair if they think the value of the base currency will fall.')}
-{it.L('Let\'s compare the differences between buying and selling, using the EUR/USD as an example:')}
-{it.L('After you\'ve decided which position you want to take, your next step is to purchase that currency pair on MetaTrader 5')}.
-{it.L('Here\'s an example of the EUR/USD currency pair and its bid-ask price:')}
-
- {it.L('To go long, you\'ll want to click on \'Buy\' to purchase 1 EUR for 1.17726 USD')}
-{it.L('To go short, you\'ll click on \'Sell\' to sell 1 EUR and receive 1.17725 USD in return.')}
-{it.L('Margin allows you to trade on leverage – meaning your existing capital can give you a much higher level of market exposure.')}
-{it.L('For example, if you wanted to purchase 100 units of a particular asset that\'s trading at 50 USD per unit through a traditional broker, it would typically cost you 5,000 USD for this transaction.')}
-{it.L('However, with leverage you can purchase those 100 units at a fraction of the typical cost – depending on the leverage afforded to you by your broker or trading platform.')}
- -{it.L('You can determine the margin for our currency pairs by using the formula below:')}
- -{it.L('Equity is the sum of your balance and floating profit and loss (PnL). Margin level is the ratio of equity to margin. When that ratio reaches a specified percentage (usually 100%), your account will be placed under margin call. This does not affect your ability to open new positions; it serves to alert you that your floating PnL is moving lower. However, it is recommended to add funds to your account in order to keep your positions open. Alternatively, you may close losing positions.')}
- -{it.L('If your margin level reaches an even lower level (usually 50%), it will reach the stop out level where it is unable to sustain an open position. This will lead to some, or all your open positions being forcibly closed (also known as "forced liquidation").')}
-{it.L('When your account hits the forced liquidation level, your orders and positions are forcibly closed in the following sequence:')}
--
-
- {it.L('We delete an order with the largest margin reserved.')} -
- {it.L('If your margin level is still under the stop out level, your next order will be deleted. However, orders without margin requirements will not be deleted.')} -
- {it.L('If your margin level is still under the stop out level, we will close an open position with the largest loss.')} -
- {it.L('We will continue to close open positions until your margin level becomes higher than the stop out level.')} -
{it.L('The forex is typically traded in lots. One standard lot is equivalent to 100,000 units. Each time you open a position on a currency symbol, you can start with a minimum transaction of 0.01 lots.')}
-{it.L('For information about forex leverage, refer to our [_1]Margin Policy[_2].', '', '')}
- -{it.L('If you keep any positions open overnight, an interest adjustment will be made to your trading account as indication of the cost required to keep your position open.')}
-{it.L('This interest adjustment (or swap rate) is based on interbank lending rates, on top of a 2% fee.')}
-{it.L('The interest adjustment is calculated in \'points\' – meaning we will convert the relevant interbank lending rates to \'points\' in the base currency.')}
-{it.L('Please take note that our swap rate also depends on the time and days you hold your positions open:')}
--
-
- {it.L('You will be subjected to swap rates if you keep a position open past 23:59:59 GMT.')} -
- {it.L('Positions that are still open on Wednesday at 23:59:59 GMT will be charged three times the swap rate to account for weekends – a standard practice for all forex brokers.')} -
- {it.L('Our swap rate may also be adjusted to take holidays into account.')} -
})
-
-
-);
-
-const CTA = () => (
-
-
- {section_header}
-{section_description}
- { section_button_url && -
-
-
}
- {children}
-
-
-);
-
-const Index = () => (
-
-
- {it.L('Don\'t have a [_1] account yet?', it.website_name)}
- {it.L('Create free account')} -
-
-
-
-);
-
-export default Index;
diff --git a/src/templates/static/get_started/metals.jsx b/src/templates/static/get_started/metals.jsx
deleted file mode 100644
index 8c765fa8c22..00000000000
--- a/src/templates/static/get_started/metals.jsx
+++ /dev/null
@@ -1,177 +0,0 @@
-import React from 'react';
-import {
- Box,
- HeaderSecondary,
- ListStrong,
- NavButtons,
- Section,
- BuySellImage,
- MtBox,
- MTAccountOpeningButton } from './common.jsx';
-import {
- List,
- Table } from '../../_common/components/elements.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const hundred = 100;
-const hundredth = 0.01;
-const five_thousand = 5000;
-
-const Lot = () => (
- {it.L('Get Started')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Binary Options')}
-{it.L('Options that offer a fixed payout based on a simple yes/no proposition.')}
-
-
- {it.L('MetaTrader 5')}
-{it.L('Trade forex and contracts for difference (CFDs) on MetaTrader 5 – a multi-asset platform that offers outstanding trading possibilities and technical analysis tools.')}
- -
-
-
-
-
-
-
-
- {it.L('Lookbacks')}
-{it.L('What are lookbacks')}
-{it.L('A lookback contract has a payout that depends on the optimum high or low achieved by the market. The option allows the holder to "look back" over time to determine the payout.')}
-{it.L('Types of lookbacks')}
-{it.L('We offer three types of lookbacks:')}
-
-
-
- }/high-close.svg`)})
-
-
- -
-
- {it.L('High-Close')} -
{it.L('Win the multiplier times the high minus close.')}
-
- }/close-low.svg`)})
-
-
- -
-
- {it.L('Close-Low')} -
{it.L('Win the multiplier times the close minus low.')}
-
- }/high-low.svg`)})
-
-
- -
-
- {it.L('High-Low')} -
{it.L('Win the multiplier times the high minus low.')}
-{it.L('For example, let\'s say the market has a low of 5,200 and a close of 6,000 over the contract duration, then a "Close-Low" lookback with a multiplier of $2 would have a payout of:')}
-
- {it.L('2 * (6,000 – 5,200) = $1600')}
-
- {it.L('Lookbacks options are currently only available for [_1]Synthetic Indices[_2].', ``, '')}
-{it.L('Return to player (RTP) % for lookbacks for a multiplier of 1 and 1m duration is around 87% on average.')}
-
-
-
-
-
-
- i
-
-
- {it.L('Please note that one lot is equivalent to 100 units, based on our [_1]contract specifications[_2].', '', '')}
-
-
-);
-
-export default Metals;
diff --git a/src/templates/static/home.jsx b/src/templates/static/home.jsx
deleted file mode 100644
index 3cf57dc9a5e..00000000000
--- a/src/templates/static/home.jsx
+++ /dev/null
@@ -1,415 +0,0 @@
-import React from 'react';
-import FormVerifyEmail from '../_common/includes/form_verify_email.jsx';
-import { SocialButton } from '../_common/components/elements.jsx';
-import PaymentLogo from '../_common/components/payment_logo.jsx';
-import {
- SeparatorLine,
- SeparatorLineWithText } from '../_common/components/separator_line.jsx';
-import {
- TabContainer,
- TabContentContainer,
- TabsSubtabs,
- TabContent } from '../_common/components/tabs.jsx';
-// import DerivBanner from '../_common/components/deriv_banner.jsx';
-
-const Arrows = ({ direction, parent }) => (
- {it.L('MetaTrader 5')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Diversify your portfolio with some of the most popular commodities in the world including gold and silver.')}
-{it.L('Metals trading lets you speculate on the price movement of a particular metal asset in order to profit from the price difference when the asset value rises or falls.')}
- -{it.L('Metals are also known as "hard" commodities as they are natural resources that must be mined or extracted.')}
-{it.L('Metals are categorised into two types:')}
--
-
- {it.L('Industrial metals')}
{it.L('Industrial metals – also known as base metals – are abundant, but oxidise or corrode easily. Industrial metals feature heavily across a wide range of industrial and commercial applications, including electrical wiring, automobiles, and batteries.')}
- - {it.L('Precious metals')}
{it.L('Precious metals are harder to come by and are more valuable than industrial metals. Because precious metals are softer and less reactive, they are widely used in jewellery, medical devices, and electronics.')}
-
-
-
{it.L('Learn the basic concepts of trading metal pairs on our MetaTrader 5 platform.')}
- -{it.L('When you are trading metals, you can choose to open a buy position (if you think that the price of an asset will rise) or a sell position (if you think that the price of an asset will fall).')}
- -{it.L('Let\'s use the XAU/USD (Gold vs US dollar) metal pair as an example.')}
-{it.L('If you decide to buy or \'go long\' on the XAU/USD, you will profit if the price of the XAU/USD rises, and incur losses if the price falls.')}
-{it.L('If you decide to sell or \'go short\' on XAU/USD, you will profit if the price of the XAU/USD falls, and incur losses if the price rises.')}
- -{it.L('Knowing when to buy and sell metals largely depends on how well you know the factors that influence market prices. The most common influencing factors are:')}
--
-
- {it.L('Supply – Decline or increase in supply')} -
- {it.L('Demand – Driven by industrial and commercial applications, including new technological products or fashion trends')} -
- {it.L('Market volatility – Political, economic, or social instability may lead to more volatile financial markets that affect the prices of certain metals')} -
{it.L('Keeping up with market news and trends in a certain sector can help you tremendously, especially if you\'re just starting out.')}
- -{it.L('Let\'s use the XAU/USD metal pair again as an example.')}
-{it.L('Due to market volatility and gold\'s reputation as a safe-haven asset, you predict that the price of gold will rise.')}
-{it.L('After you purchase one lot of XAU/USD at a price of 1,255.06 USD, the price of gold increases and you decide to sell when it reaches 1,255.80 USD. Your profit or loss comes down to the price difference multiplied by the total lots you purchased.')}
-{it.L('Your profit or loss is calculated as follows:')}
-{it.L('Margin allows you to trade on leverage – giving you the same level of market exposure using much less capital.')}
-{it.L('For example, if you wanted to purchase 100 units of a particular asset trading at 50 USD per unit through a traditional broker, it would cost you 5,000 USD for this transaction.')}
-{it.L('With leverage, you can purchase 100 units of the same asset at a fraction of the cost.')}
- -{it.L('You can determine the required margin for our metal pairs by using the formula below:')}
- -{it.L('Without margin, purchasing one lot of the XAU/USD pair will cost you:')}
-{it.L('Equity is the sum of your balance and floating profit and loss (PnL). Margin level is the ratio of equity to margin. When that ratio reaches a specified percentage (usually 100%), your account will be placed under margin call. This does not affect your ability to open new positions; it serves to alert you that your floating PnL is moving lower. However, it is recommended to add funds to your account in order to keep your positions open. Alternatively, you may close losing positions.')}
- -{it.L('If your margin level reaches an even lower level (usually 50%), it will reach the stop out level where it is unable to sustain an open position. This will lead to some, or all your open positions being forcibly closed (also known as "forced liquidation").')}
-{it.L('When your account hits the forced liquidation level, your orders and positions are forcibly closed in the following sequence:')}
--
-
- {it.L('We delete an order with the largest margin reserved.')} -
- {it.L('If your margin level is still under the stop out level, your next order will be deleted. However, orders without margin requirements will not be deleted.')} -
- {it.L('If your margin level is still under the stop out level, we will close an open position with the largest loss.')} -
- {it.L('We will continue to close open positions until your margin level becomes higher than the stop out level.')} -
{it.L('Our metal pairs are typically traded in lots. One standard lot is equivalent to 100 units except silver where 1 lot equals 5,000 units. Each time you open a position on a symbol, you can start with a minimum transaction of 0.01 lots.')}
-{it.L('For information about forex leverage refer to our [_1]Margin Policy[_2].', '', '')}
- -{it.L('If you keep any positions open overnight, an interest adjustment will be made to your trading account as indication of the cost required to keep your position open.')}
-{it.L('This interest adjustment (or swap rate) is based on interbank lending rates, on top of a 2% fee.')}
-{it.L('The interest adjustment is calculated in points, meaning we will convert the relevant interbank lending rates to points in the base currency.')}
-{it.L('Please take note that our swap rate also depends on the time and days you hold your positions open:')}
--
-
- {it.L('You will be subjected to swap rates if you keep a position open past 23:59:59 GMT.')} -
- {it.L('Positions that are still open on Wednesday at 23:59:59 GMT will be charged three times the swap rate to account for weekends – a standard practice for all brokers.')} -
- {it.L('Our swap rate may also be adjusted to take holidays into account.')} -
-
-
-);
-
-const ArrowsMobile = ({ direction, parent }) => (
-
-
-
-
-);
-
-const MarketsContent = ({ text, header, image, footnote }) => (
-
-
-
-);
-
-const MarketsTabContent = ({ text, header, image, footnote }) => (
-
-
-
-
-
-
-
-
- {text}
- {footnote &&{footnote}
} -
- })
-
-
-
-);
-
-const AccountsListItem = ({ image, list_header, list_text }) => (
-
-
-);
-
-const AccountsTabContent = ({
- header,
- image,
- mobile_header,
- mobile_class,
- image_one,
- image_two,
- image_three,
- list_header_one,
- list_header_two,
- list_header_three,
- list_text_one,
- list_text_two,
- list_text_three,
-}) => (
-
-
-
-
- {list_header}
-
- {list_text}
-
-
- {header}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {header}
-
-
-//
-// );
-
-const TabCircles = ({ id, number }) => (
-
-//
-//
-//
-//
-//
-// {header}
-//
-// {text}
-//
-
-);
-
-const Home = () => {
- const binary_header = it.L('Binary options');
- const binary_desc = it.L('Options that offer a fixed payout based on a simple yes/no proposition.');
- const binary_img = 'images/pages/home/trade/binary.svg';
-
- return (
-
- { Array.from(new Array(number)).map((x, inx) => (
-
- ))}
-
-
- {/*
-
-
-
-
-
-
-
-
- {it.L('Diverse platforms and account types')}
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Choose the platforms and accounts you need, based on your personal trading style')}
- - {it.L('View our platforms')} - -
-
-
-
-
- {it.L('Trade in the world\'s financial markets')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Choose from 100+ tradable instruments, backed by award-winning technology and innovation since 2000.')}
-
-
-
-
-
-
-
-
-
- {it.L('Award-winning trading excellence')}
-
- {/* TODO: add this later when we have sufficient awards for two lines */}
- {/*
-
- })
- {it.L('Trade2Win')}
-
*/}
-
- {it.L('Trade2Win')}
-
- })
- {it.L('Global Banking and Finance Review')}
-
-
- {it.L('Global Banking and Finance Review')}
-
- })
- {it.L('EGR Operator Awards')}
-
-
- {it.L('EGR Operator Awards')}
-
- })
- {it.L('16th MENA Financial Forum & Expo')}
-
-
- {it.L('16th MENA Financial Forum & Expo')}
-
- })
- {it.L('Online Personal Wealth Awards')}
-
-
- {it.L('Online Personal Wealth Awards')}
-
- })
- {it.L('Global Banking & Finance Awards')}
-
-
- {it.L('Global Banking & Finance Awards')}
-
- })
- {it.L('Global Brands Magazine')}
-
-
- {it.L('Global Brands Magazine')}
-
- })
- {it.L('Global Brands Magazine')}
-
-
- {it.L('Global Brands Magazine')}
-
- {/*
- {it.L('[_1] Academy', it.website_name)}
-{it.L('Learn to be a better trader and keep up with the latest news and trends in financial trading - all for free.')}
-
-
-
-
-
-
-
-
- {it.L('Payment methods')}
-{it.L('We support hundreds of deposit and withdrawal options, including Bitcoin.')}
- -
-
-
-
-
-
-);
-
-export default FAQ;
diff --git a/src/templates/static/keep_safe.jsx b/src/templates/static/keep_safe.jsx
deleted file mode 100644
index a48db8b0d95..00000000000
--- a/src/templates/static/keep_safe.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../_common/components/separator_line.jsx';
-
-const Box = ({
- className,
- text,
- icon,
-}) => (
- {it.L('IB programme FAQ')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('What is the [_1] IB Programme all about?', it.website_name)}
-{it.L('Refer new clients to our MetaTrader 5 platform and earn a commission on their forex and CFD trading activity.')}
- -{it.L('How much do I get paid if I refer clients onto your MT5 platform?')}
-{it.L('You will earn a fixed payout based on the volume of individual trades purchased by each referred client. Please refer to our IB commission structure for forex, metals, and Synthetic Indices.')}
- -{it.L('Is there a fee to join the [_1] IB Programme?', it.website_name)}
-{it.L('It\'s completely free to join our IB programme. We\'ve never charged a fee and we never will.')}
-{it.L('How do I register to become a [_1] IB?', it.website_name)}
-{it.L('Thank you for your interest in partnering with us. We\'ve made it easy for you to apply online. Just fill out the [_1]online application form[_2] with all necessary details. If you are already registered as a [_3] affiliate, you can email us at [_4] instead. We will contact you directly if your application is successful.', ``, '', it.website_name, `${it.affiliate_email}`)}
- -{it.L('When are my commissions paid?')}
-{it.L('IB earnings from your MT5 referrals are credited daily into your MT5 account.')}
- -{it.L('How can I withdraw my commissions?')}
-{it.L('IB commissions are credited directly into your MT5 account. You can transfer funds from your MT5 account to your [_1] Real Account, then withdraw the funds using your preferred withdrawal method.', it.website_name)}
-{it.L('Do you offer any referral tools to your IBs?')}
-{it.L('Yes, we will provide you with banners, links, reviews, videos, and text ads that you can use to drive referrals to the [_1] MT5 platform.', it.website_name)}
- -{it.L('Are there any minimum client or volume conditions that I need to meet before I can withdraw my commissions?')}
-{it.L('No, there are no minimum requirements to withdraw your IB commissions.')}
- -{it.L('Do you offer any tools to manage my clients\' trades?')}
-
-
-);
-
-const KeepSafe = () => (
-
-
-
- })
-
- {text}
-
-
-);
-
-export default KeepSafe;
diff --git a/src/templates/static/legal/affiliate.jsx b/src/templates/static/legal/affiliate.jsx
deleted file mode 100644
index 93e1f8bfb34..00000000000
--- a/src/templates/static/legal/affiliate.jsx
+++ /dev/null
@@ -1,165 +0,0 @@
-import React from 'react';
-import ListNested from '../../_common/components/list_nested.jsx';
-
-const Affiliate = () => (
-
-
-
-
-
- {it.L('Keep safe')}
-{it.L('Explore ways to enhance your account security and manage your trading risk.')}
-
-
- {it.L('Account security')}
-{it.L('Your account security is of paramount importance to us. Please consider the following initiatives and tools to enhance your account security:')}
-
- `, '', it.website_name)} className='desktop-app invisible' />
- `, '')} />
- https://1.1.1.1/`)} />
- `, '')} />
- `, '')} />
- ', '')} />
- ', '', '', '')} />
-
-
-
-
-
-
-
-
-
-
- {it.L('Practise with virtual funds')}
-{it.L('[_1] provides virtual-money facilities to practise your trading strategy with virtual funds. Switch to your virtual-money account using the drop-down box in the top-right corner of the screen.', it.website_name)}
-
- })
-
-
-
-
-
-
-
- {it.L('Understand the risks')}
-
- })
-
-
- {it.L('Trading binary options and CFDs can involve substantial risks. Do not trade with money you cannot afford to lose, and never trade with borrowed money. Learn about [_1]Responsible Trading[_2].', ``, '')}
-{it.L('Trading on [_1] can become addictive. If you feel the need to exclude yourself from the website, please use the [_2]self-exclusion facilities[_3].', it.website_name, ``, '')}
-
-
-);
-
-export default Affiliate;
diff --git a/src/templates/static/legal/api.jsx b/src/templates/static/legal/api.jsx
deleted file mode 100644
index 72cf6fc009e..00000000000
--- a/src/templates/static/legal/api.jsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import React from 'react';
-import ListNested from '../../_common/components/list_nested.jsx';
-
-const Api = () => (
- {it.L('[_1]\'s Affiliate Programme', it.website_name)}
--
-
- {it.L('In the event that the Company is aware of an Affiliate who is in breach of any of the above provisions, the Company shall have the right, in addition to any other right or remedy available to it under this Agreement or applicable law, to immediately block the Affiliate\'s access to this programme. The Affiliate hereby irrevocably waives their rights to, and shall indemnify the Company and any member of the Deriv group of companies for, any claims or demands made against the Company or any member of the Deriv group of companies, their directors, officers, shareholders, or employees or against the [_1] website if the Company revokes the Affiliate\'s access to the programme.', it.website_name)} -
-
-
-
-);
-
-export default Api;
diff --git a/src/templates/static/legal/code_of_conduct.jsx b/src/templates/static/legal/code_of_conduct.jsx
deleted file mode 100644
index 82cc06c58cd..00000000000
--- a/src/templates/static/legal/code_of_conduct.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-
-const CodeOfConduct = () => (
- {it.L('[_1] Application Programming Interface ("API")', it.website_name)}
-{it.L('This document (the "Agreement") sets out the terms and conditions ("Terms") between Deriv Services Ltd (“the Company”) and the person who registered for the [_1] Application Programming Interface (“the Programmer”).', it.website_name)}
--
-
-
-);
-
-export default CodeOfConduct;
diff --git a/src/templates/static/legal/complaints.jsx b/src/templates/static/legal/complaints.jsx
deleted file mode 100644
index d71a0caef58..00000000000
--- a/src/templates/static/legal/complaints.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-const Complaints = () => (
- {it.L('Code of Conduct for Business Partners')}
-{it.L('Introduction')}
-{it.L('[_1] is one of the oldest and most successful online trading companies in the world. Our commitment to high standards of ethics is one of the key factors that will ensure our continuing success. Our Business Principles summarise the values that underpin our work.', it.website_name)}
-{it.L('We expect our business partners as well as our employees to abide by these same values. This Code explains how the Business Principles apply to you. It is intended to provide you with a clear and straightforward summary of the main points. You should read it together with the Payment Agent Terms and Conditions, the Affiliate Programme Terms and Conditions, and the more detailed policies and product descriptions, that appear on our website.')}
-{it.L('Each section starts with a paragraph from the Business Principles written in italics. We then explain how this paragraph applies to business partners.')}
-{it.L('Our business is founded on collaboration and we aim to build long-term, mutually beneficial relationships with our partners. However, we will never compromise our commitment to business integrity. In cases where our partners are unwilling or unable to abide by our principles, we reserve the right to withdraw from the business relationship.')}
-{it.L('If you wish to seek guidance on any aspect these Business Principles, you should contact [_1]compliance@binary.com[_2]', '', '')}
-{it.L('Legal and regulatory compliance')}
-{it.L('We hold multiple licenses to comply with regulations around the world. [_1] abides by all applicable laws and regulations in the countries where it operates.', it.website_name)}
-{it.L('The Regulatory Information section of our website gives more details according to the geographical location of our holding company and its various subsidiaries. Business partners are responsible for ensuring that they comply with the applicable laws, rules, and regulations in the countries where they themselves operate. For example, these include laws relating to advertising, data protection, privacy, and social responsibility.')}
-{it.L('Responsible trading')}
-{it.L('We describe the risks as well as the potential rewards that apply to our services. We emphasise that clients must have a clear understanding of those risks. Recognising that trading can be addictive, we emphasise that clients must trade only with money that they can afford to lose, and they must never trade with borrowed funds. They should put a limit on their winnings, and they should never trade when they are tired or under the influence of alcohol or medication.')}
-{it.L('Affiliates have a particular responsibility to explain our services clearly and accurately. Of course, we want our clients to share the excitement of trading. However, they need to understand clearly that they may win as well as lose. It is essential to avoid exaggerated descriptions of potential winnings.')}
-{it.L('Affiliates are required to display a risk warning on their website and associated materials, with wording such as the following:')}
-{it.L('The products offered on the [_1] website include binary options, contracts for difference ("CFDs") and other complex derivatives. Trading binary options may not be suitable for everyone. Trading CFDs carries a high level of risk since leverage can work both to your advantage and disadvantage. As a result, the products offered on the website may not be suitable for all investors because of the risk of losing all of your invested capital. You should never invest money that you cannot afford to lose, and never trade with borrowed money. Before trading in the complex products offered, please be sure to understand the risks involved.', it.website_name)}
-{it.L('Transparency')}
-{it.L('Recognising the complexities of the financial markets, we describe our trading options fairly and in detail. We include accurate product descriptions on our website, as well as free webinars. We offer clients the opportunity to set up virtual accounts in order to experiment with the system free of charge. We encourage our clients to study all these sources of information carefully before they trade.')}
-{it.L('This is a continuation of the same point. [_1] offers clients a variety of ways of learning how to trade responsibly. Affiliates should make sure that they do learn, for example by encouraging them to build up their expertise with a virtual account rather than trading with real funds straightaway.', it.website_name)}
-{it.L('Reliability')}
-{it.L('We keep our promises. When clients trade on our system, we clearly define what they may win, what they may lose, and in what circumstances. If they win, we pay out their rewards quickly and efficiently.')}
-{it.L('This is one of our core commitments to clients.')}
-{it.L('Confidentiality')}
-{it.L('We will not disclose any confidential information that comes into our possession through our client relationships unless required to do so by a regulator or law enforcement authority.')}
-{it.L('A regulator or law enforcement authority might ask us to share otherwise confidential information in connection with investigations into a suspected criminal offence, particularly money-laundering (see below). If you receive a request to share confidential information, you should immediately inform [_1]compliance@binary.com[_2] who will give guidance on how to respond.', '', '')}
-{it.L('No bribery')}
-{it.L('We do not pay bribes in any form, and we do not permit anyone else to pay bribes on our behalf. This includes an absolute prohibition on bribes to government officials as well as people in positions of responsibility in the private sector.')}
-{it.L('We recognise that bribes may take the form of gifts in kind as well as financial payments. We will not offer or accept gifts that could affect either side’s impartiality, influence a business decision or lead to the improper performance of an official duty.')}
-{it.L('[_1]’s refusal to pay bribes is an essential part of our ethical commitment. Similarly, we do not permit our business partners to pay bribes when acting on our behalf.', it.website_name)}
-{it.L('Anti-money laundering')}
-{it.L('We will not permit our products or payment facilities to be used to facilitate money laundering, terrorist financing, or other criminal activities. Where appropriate, we will conduct Know Your Customer (KYC) checks on our clients. We will report suspicious transactions to relevant authorities.')}
-{it.L('Clients may trade on our platforms only when they are using their own money and are drawing on funds that have been acquired honestly. If you have any suspicion that clients are using money that has been acquired dishonestly, you must inform [_1]. In such cases, we may decide to conduct checks on the client’s status and background. [_2] management will decide what information needs to be reported to government officials and through what channels.', 'compliance@binary.com', it.website_name)}
-{it.L('No insider trading')}
-{it.L('We prohibit all forms of insider trading. This means that clients are not permitted to trade on the basis of knowledge that is not publicly available. For example, such knowledge may include confidential information gained through their work. ')}
-{it.L('Special conditions apply to clients who are employed in the banking and/or finance sector. They may not conduct trades through our website without the knowledge of their employer. They must check that any such trading is in accordance with their employer\'s policies.')}
-{it.L('You must ensure that potential clients are aware of the prohibition on insider trading based on confidential information. If you have any suspicion that such trading is taking place you must inform [_1]compliance@binary.com[_2].', '', '')}
-{it.L('Fair Competition')}
-{it.L('[_1] prohibits anti-competitive agreements or conduct, including fixing prices, restricting the supply of services, price rigging and market sharing. We require our business partners to commit to free and fair competition and to abide by relevant competition laws and regulations.', it.website_name)}
-{it.L('Again, this means that you must not share sensitive commercial information with [_1]’s competitors, nor with your own competitors.', it.website_name)}
-{it.L('Conflicts of interest')}
-{it.L('[_1] employees and affiliates must avoid conflicts of interest. For example, they may not compete with the company, either directly or indirectly, or use knowledge gained while working for [_1] to help anyone else compete with it.', it.website_name)}
-{it.L('If an actual or potential conflict appears in the course of your work, they must declare it to [_1]compliance@binary.com[_2]', '', '')}
-{it.L('Books and records')}
-{it.L('We take care to maintain accurate books and records that reflect our business transactions as they occur, and we keep them for as long as legally required. ')}
-{it.L('You must ensure that you fill in all records accurately and in as much detail as required.')}
-
-
-);
-
-export default Complaints;
diff --git a/src/templates/static/legal/conflicts_policy.jsx b/src/templates/static/legal/conflicts_policy.jsx
deleted file mode 100644
index 17f3f5cd3ec..00000000000
--- a/src/templates/static/legal/conflicts_policy.jsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-
-const ConflictsPolicy = () => (
- {it.L('Complaints and disputes')}
- -{it.L('If the client would like to file a complaint with regards to the Company\'s service, the client can contact the Company at [_1], providing any relevant details relating to the client\'s complaint. [_2]If you are registered with Deriv (Europe) Limited, you can also place a complaint by calling [_3].[_4] The Company will investigate each inquiry and provide a final response in the shortest time possible.', - 'complaints@binary.com', '', '+447723580049', '')} -
- -{it.L('If the client\'s complaint relates to the Company\'s data processing practices, the client may formally submit a complaint to the Information and Data Protection Commissioner (Malta) on the entity\'s [_1]website[_2]. Alternatively, the client can make a complaint to any Supervisory Authority within the European Union.', - '', '')} -
-{it.L('Clients registered with Deriv (MX) Ltd can formally submit a complaint to their local Supervisory Authority.')}
-{it.L('If the client\'s complaint relates to an outcome of a trade or a transaction and remains unresolved, it will turn into a dispute. Should clients be unsatisfied with the Company\'s response, they can choose to escalate their complaint to the regulator or to an alternative dispute resolution entity.')}
-{it.L('Clients registered with Deriv (MX) Ltd or Deriv (Europe) Limited can raise their unresolved disputes with the alternative dispute resolution entity IBAS by filling the adjudication form on the ADR entity\'s [_1]website[_2]. Alternatively, they can make use of the European Commission\'s Online Dispute Resolution (ODR) platform available [_3]here[_4]. Clients registered with Deriv (Europe) Limited can also refer their unresolved disputes to the Malta Gaming Authority via the [_5]Player Support Unit[_6].', - '', '', '', '', '', '')} -
-{it.L('Clients registered with Deriv Investments (Europe) Limited can raise their unresolved disputes with the Office of the Arbiter for Financial Services. Contact details and guidance on making a complaint with the Arbiter\'s Office can be found [_1]here[_2].', - '', '')} -
-{it.L('If you reside in the UK and you are unhappy with our response you may escalate your complaint to the [_1]Financial Ombudsman Service[_2].', - '', '')} -
-{it.L('It is important that clients refer their disputes to the appropriate ADR for the claims to be valid.')}
-
-
-);
-
-export default ConflictsPolicy;
diff --git a/src/templates/static/legal/copyright.jsx b/src/templates/static/legal/copyright.jsx
deleted file mode 100644
index 3b511a2b875..00000000000
--- a/src/templates/static/legal/copyright.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-const Copyright = () => (
- {it.L('Summary of conflicts policy')}
-{it.L('The Company provides here a summary of the policy that the Company maintains in order to manage conflicts of interest in respect of the duties that the Company owes to clients.')}
- -{it.L('General')}
-{it.L('Due to the nature of the Company\'s business as a trading counterparty, the Company\'s profits are tied to the net revenue generated by clients through trading. However, the Company aims to establish, maintain, and operate effective organisational and administrative arrangements with a view to taking all reasonable steps to prevent conflicts of interest from constituting or giving rise to a material risk of damage to the interests of clients.')}
-{it.L('Due to the high degree of risk involved, which could result in the loss of the entire investment, the Company has adequate internal procedures in place to ensure that the client is in all cases treated fairly and that the risk of damage to client interests will be mitigated.')}
- -{it.L('The Company\'s policy')}
-{it.L('The Company aims to keep a record of the kinds of activity that the Company carries on in which a material conflict could arise or has arisen. The Company also maintains procedures to manage actual or potential conflicts. This includes procedures to maintain appropriate independence among members of the Company\'s staff who are involved in potentially conflicting activities. Such independence-upholding procedures can be followed, for example, through the operation of information barriers, physical separation of staff, the segregation of duties and responsibilities, and the maintenance of a policy of independence, which requires the Company\'s staff, when providing services to a client, to act in the best interests of the client and to disregard any conflicts of interest, or in some circumstances, to decline to act for a client or potential client in order to avoid conflicts of interest.')}
- -{it.L('General disclosure')}
-{it.L('The organisational and administrative arrangements established by the Company to prevent or manage a conflict are not sufficient to ensure, with reasonable confidence, that the risk of damage to the interest of the client will be prevented. However, the Company aims to disclose the general nature or sources of conflicts of interest.')}
-{it.L('Clients have the opportunity to consider whether to ask for more information by sending an email to compliance@binary.com, in which case further details of the conflicts of interest policy will be made available.')}
-
-
-);
-
-export default Copyright;
diff --git a/src/templates/static/legal/datafeed.jsx b/src/templates/static/legal/datafeed.jsx
deleted file mode 100644
index d91571b5e72..00000000000
--- a/src/templates/static/legal/datafeed.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-
-const DataFeed = () => (
- {it.L('Copyright')}
-{it.L('The [_1] website is protected by certain copyrights.', it.website_name)}
-{it.L('The materials comprising the [_1] website (including without limitation all articles, text, images, logos, compilation, systems, code, and design) are under Copyright 1999-[_2] Deriv Group companies with all rights reserved.', it.website_name, '')}
-{it.L('Such materials may be copied and distributed on a limited basis for noncommercial purposes only, provided that any material copied remains intact and that all copies include the following notice in a clearly visible position: “Copyright 1999- Deriv Ltd. All rights reserved.”')}
-{it.L('These materials may not be copied or redistributed for commercial purposes or for compensation of any kind without prior written permission from a Deriv Group company.')}
-{it.L('[_1] and the bull/bear logo are registered trademarks.', it.website_name)}
-
-
-);
-
-export default DataFeed;
diff --git a/src/templates/static/legal/introducing_brokers.jsx b/src/templates/static/legal/introducing_brokers.jsx
deleted file mode 100644
index b448fa52c88..00000000000
--- a/src/templates/static/legal/introducing_brokers.jsx
+++ /dev/null
@@ -1,210 +0,0 @@
-import React from 'react';
-import { Li } from './metatrader/terms_and_conditions.jsx';
-
-const IntroducingBrokers = () => (
- {it.L('Data feed')}
-{it.L('Here is some information about the data feeds used by the Company.')}
- -{it.L('Differences with other data feeds')}
-{it.L('The Company\'s data feed may at times differ slightly from other data feeds found on the Internet (which may themselves differ from each other). Reasons for differences in feed providers include:')}
- --
-
- {it.L('For forex: The forex market is an OTC (over the counter) market, where banks and other major financial institutions trade currencies amongst themselves without there being any central clearing house. Accordingly, there is no \'official\' price source for forex quotes. Different data feeds will contain quotes from a different sub-set of international banks. Accordingly, prices may differ among providers, depending on which bank(s) they obtain prices from.')} -
- {it.L('Market-closing times: The client is asked to refer to [_1]Trading times[_2] page for the exact time of settlement for all contracts. Other websites may adopt a different convention (for example, some websites choose 4 o\'clock NY time or 5 o\'clock London time). As a result, the open, high, low, and closing prices displayed on the Company\'s website may differ from those on other websites, due to the market-closing time convention.', ``, '')} -
- {it.L('Use of Bid/Ask: When the market is illiquid, the data feed may contain many Bids and Asks, without there actually being any traded price for quite a while. By taking an average of the Bid/Ask (i.e. bid + ask, divided by 2), a market quote is generated that reflects the current market, without it actually being a traded price. The Company\'s system will generate prices from these Bids and Asks, whereas other websites might not. As a result, the Company\'s website might display ticks that do not appear in the data feeds of other websites.')} -
{it.L('The Company\'s data feed is designed to be one of the best and most robust available for a trading environment.')}
- -{it.L('Weekend quotes')}
-{it.L('The client is asked to note that weekend quotes are ignored for the purpose of contract settlement. During weekends, the forex markets may occasionally generate prices; however, these prices are often artificial (traders sometimes take advantage of the illiquidity of the markets during weekends to push prices up or down). To avoid settling prices based on such artificial prices, it is Company\'s policy not to count weekend prices towards contract settlement values (except for Synthetic Indices, which are open during weekends).')}
-
-
-);
-
-export default IntroducingBrokers;
diff --git a/src/templates/static/legal/metatrader/biel.jsx b/src/templates/static/legal/metatrader/biel.jsx
deleted file mode 100644
index 0ffe8fedb87..00000000000
--- a/src/templates/static/legal/metatrader/biel.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import React from 'react';
-
-const BIEL = () => (
- {it.L('Introducing Brokers')}
-{it.L('This Agreement sets out the terms and conditions between [_1] and the Introducing Broker in providing Introducing Broker services to the Company in accordance with the provisions and terms of this Agreement.', it.website_name)}
-{it.L('The services offered by the Introducing Broker to the clients are offered because the Introducing Broker is approved and qualified to offer such services. Additionally, such services are offered by the Introducing Broker fairly, honestly, and in good faith and in accordance with all business-ethics rules.')}
-{it.L('It is hereby agreed as follows: ')}
--
-
-
-
{it.L('Account')}{it.L(' means a client\'s trading account opened with Binary in accordance with the account procedure provided on [_1].', it.website_name)}
-{it.L('Agreement')}{it.L(' means this agreement and includes all appendices, schedules and annexures as amended, supplemented, replaced, or novated.')}
-{it.L('Affiliate Arrangement')}{it.L(' means an arrangement where Binary devotes its time and resources to identify prospective clients in a specified manner.')}
-{it.L('Associate')}{it.L(' means any physical person or any type of legal person or entity or body of persons which has business, commercial, financial, entrepreneurial, employment, agency, family, personal, and other links or bonds with the Introducing Broker and includes any person who has the same personal information, IP address, physical or mailing address, telephone number, email address, or passport details as the Introducing Broker.')}
-{it.L('Authorisation')}{it.L(' means any written notarisation, certificate, license, approval, permission, Authority, exemptions, registration, filing, agreement, consent, notice, or notice of non-objection.')}
-{it.L('Authority')}{it.L(' means organisation, whether governmental or not, or physical person or any type of legal person or entity or body of persons and any executor, administrator, or representative of such Competent Authority located in any jurisdiction that has legally delegated or invested authority, capacity, power, or competence to perform a designated function.')}
-{it.L('Business Day')}{it.L(' means Monday to Friday (UTC+8).')}
-{it.L('Client Information')}{it.L(' means all of the information about the client, including but not limited to their name, address, contact details, account details and trading history.')}
-{it.L('Commission')}{it.L(' means the commission payable by Binary to the Introducing Broker as set out in the Appendix below.')}
-{it.L('Competent Authority')}{it.L(' means any organisation, whether governmental or not, or physical person or any type of legal person or entity or body of persons and any executor, administrator, or representative of such Competent Authority located in any jurisdiction that has legally delegated or invested authority, capacity, power, or competence to perform a designated function.')}
-{it.L('Company or Binary')}{it.L(' means [_1].', it.website_name)}
-{it.L('Effective Date')}{it.L(' means the commencement date of this Agreement.')}
-{it.L('Introducing Broker')}{it.L(' means any potential individual or entity willing to provide Binary with IB services.')}
-{it.L('Law')}{it.L(' means all laws including rules of common law, principles of equity, statutes, regulations, proclamations, ordinances, by-laws, rules, regulatory principles and requirements, policy statements, practice notes, mandatory codes of conduct, writs, orders, injunctions, judgments, determinations, and statutory licence conditions.')}
-{it.L('Malicious Activity')}{it.L(' means any manipulations of Binary\'s systems and business in ways which resulted in any adverse, special, incidental, punitive or consequential loss or damages to Binary.')}
-{it.L('Marketing Materials')}{it.L(' means any content, whether in electronic or hard copy form, created by or under Binary\'s direction, for the purpose of marketing the Binary business or services, and incorporating the Binary Trademarks.')}
-{it.L('Trademark')}{it.L(' means any trademarks, signs, logos, designs, expressions, and trading names owned by or licensed to Binary, whether registered or not registered, and any subsequent trademark created.')}
-
-
- -
-
{it.L('This Agreement constitutes the entire agreement between the parties, and no earlier representation or arrangement, written or oral, relating to any matter dealt with in this Agreement between the parties shall have any force or effect before the Effective Date.')}
-{it.L('Each party shall do anything reasonably required by the other party to give effect to the provisions and terms of this Agreement.')}
-{it.L('Should any provisions or terms of this Agreement become invalid or unenforceable, the provision or term shall be severed from the remainder of the Agreement and shall not render the remainder Agreement to be invalid or unenforceable.')}
-{it.L('If the Introducing Broker breaches any of the provisions or terms of this Agreement, the Company shall have the discretion to suspend any or all payments to the Introducing Broker.')}
-{it.L('The Company may modify any provisions or terms of this Agreement at any time. It is the responsibility of the Introducing Broker to consistently review all modifications in the Agreement made on the website.')}
-{it.L('The section headings are for convenience only and shall not control or affect the meaning, construction, scope, and intent of any of the provisions of this Agreement.')}
-
- -
-
{it.L('The Introducing Broker shall use their experience, knowledge, and best efforts to provide IB services to Binary, and Binary shall remunerate the Introducing Broker for IB services in accordance to the Commission structure listed on [_1] Introducing Broker programme.', it.website_name)}
-{it.L('Upon request from the Company or its legal representatives or government regulators, the Introducing Broker must promptly grant Binary with unlimited access to information to the extent that Binary requires to satisfy any legal or regulatory requirement or obligation.')}
-{it.L('The parties agree that the relationship between Binary and the Introducing Broker is not an exclusive relationship and both the Introducing Broker and Binary may enter into similar relationships with other parties.')}
-
- -
-
{it.L('The Introducing Broker must notify the Company immediately if they cease to possess any relevant Authorisation required or cease to be competent, capable, adequate, or qualified to effectively perform all their duties and obligations undertaken and agreed to under this Agreement for any reason, including but not limited to lack of knowledge, expertise, experience, skills, and time. The Introducing Broker must also promptly notify the Company in writing upon the initiation of any proceedings in bankruptcy, dissolution, or liquidation.')}
-{it.L('In providing IB services, the Introducing Broker shall')} -
-
-
- {it.L('Use their best endeavours to attract potential clients for Binary')} -
- {it.L('Use the Marketing Materials provided by Binary solely for the purpose of providing IB services and in accordance with Binary\'s instructions')} -
- {it.L('Provide Binary with any information that they have become aware of which may result in an adverse or harmful consequence for Binary and its reputations')} -
- {it.L('Implement and comply with all business-related directions, policies, and procedures of Binary as enacted, amended, or replaced from time to time')} -
- {it.L('Comply with any Competent Authorities\' requests or directions')} -
- {it.L('Perform IB services and other obligations mentioned here at their own cost and risk')} -
- {it.L('Fairly and accurately describe Binary\'s business and services in a transparent manner to the clients')} -
- {it.L('Provide information to clients only on technical and educational matters')} -
- {it.L('Inform any clients introduced to Binary that the trading services and products are offered by or through Binary and not the Introducing Broker')} -
- {it.L('Inform any clients introduced to Binary of any matter that the Company may reasonably consider necessary in order to comply with any legal/regulatory requirements ')} -
{it.L('Where the Introducing Broker owns, or operates, a website and wishes to include Binary\'s services, the Introducing Broker shall')} -
-
-
- {it.L('Receive the approval of the Company to include any information in relation to Binary')} -
- {it.L('Provide a web-link from their own website to [_1]', it.website_name)} -
- {it.L('Include a disclaimer or notice that the intellectual property rights of the Trademark solely belong to Binary and any use of it is strictly prohibited unless Binary has given such authorisation.')} -
{it.L('The Introducing Broker consents to the disclosure of their identity on the webpage of [_1] or any publicly accessible medium managed by Binary.', it.website_name)}
-{it.L('The Introducing Broker pledges that they shall not at any time')} -
-
-
- {it.L('Indicate that Binary or the Introducing Broker and their Associates will guarantee a client\'s profit or loss or limit the losses of any client')} -
- {it.L('Misrepresent Binary or the services that are offered by Binary')} -
- {it.L('Engage in misleading or deceptive conduct or illusory or deceptive advertising')} -
- {it.L('Prepare and publish any content or place any advertisements that refer to Binary and its relationship with Binary without the prior written consent of Binary')} -
- {it.L('Amend or change all or any part of the Marketing Material without Binary\'s prior written consent')} -
- {it.L('Use the name \'Binary\' or any derivation of that name such as \'[_1]\' or the Binary Trademarks in a way that might compete with Binary\'s search engine optimisation without the prior written consent of Binary, which includes using the name \'[_1]\' on the title tag of the Introducing Broker\'s website', it.website_name)} -
- {it.L('Refer clients to Binary with the knowledge, or with a reasonably expected knowledge, that these clients engage in such conduct that constitutes Malicious Activity')} -
- {it.L('Provide any financial/investment trading advice to clients (Binary shall not be liable to the Introducing Broker and the client for any misrepresentation or fraudulent or negligent misstatement made by the Introducing Broker. The Introducing Broker shall also hold Binary harmless and shall indemnify Binary and its directors, officers, managers, employees, or agents from and against any liabilities, losses, damages, costs, and expenses, including all and any legal fees incurred arising out of the failure of the Introducing Brokers to comply with any or all of their obligations set forth in this Agreement.)')} -
-
- -
-
-
-
- {it.L('Closed/complete trades')} -
- {it.L('Closed trades made by clients introduced by an Introducing Broker and duly approved by Binary')} -
{it.L('However, Introducing Brokers contracted with Deriv Investments (Europe) Limited shall be paid on a Cost Per Acquisition (CPA) deal only, whereby the Introducing Broker shall become eligible for payment of a set amount only upon the introduction of a client to Binary and as long as the Introducing Broker is providing an enhanced service to the clients.')}
-{it.L('Commission will not be paid for Accounts that have been opened or traded by an Associate of the Introducing Broker.')}
-{it.L('Binary will pay the Commission to the Introducing Broker before or on the 15th day of the month following the calendar month in which the trades were made (Due Date).')}
-{it.L('The Introducing Broker acknowledges that the Commission received by the Introducing Broker pursuant to this Agreement fully compensates for its obligations under this Agreement.')}
-{it.L('The Introducing Broker is responsible for the payment of their own taxes, duties, fees, or other governmental levies or charges. Any fees payable by Binary to the Introducing Broker in connection with this Agreement are exclusive of any such taxes, duties, fees, or levies.')}
-{it.L('The clauses above shall not apply in its entirety to any Introducing Brokers who are contracted to provide Introducing Broker services with Deriv Investments (Europe) Limited.')}
-
- -
-
-
-
- {it.L('All information/documentations provided by the Introducing Broker when applying for Binary\'s Introducing Broker programme is true and accurate.')} -
- {it.L('They have obtained all Authorisations and are not aware of anything that shall or might reasonably be expected to prevent them from entering and performing all of their obligations under this Agreement.')} -
- {it.L('They are not aware of anything that shall, or might reasonably be expected to, prevent, or obstruct them from performing all of their obligations under this Agreement, in the manner and at the times contemplated by this Agreement.')} -
- {it.L('They will comply with all laws when performing their obligations under this Agreement.')} -
- {it.L('This Agreement has been duly executed and constitutes binding obligations on both parties, enforceable against it in accordance with its Terms.')} -
- -
-
{it.L('Other than the payment of Commissions, Binary is not liable to the Introducing Broker or their Associates or any other person for any matter arising out of or in relation to this Agreement whether under the law of tort, contract, or equity or otherwise for any loss.')}
-{it.L('The Introducing Broker agrees to indemnify Binary against any loss that Binary may suffer or incur arising out of, or in connection with, any act or omission of the Introducing Broker, or as a result of any fraud, negligence, wilful default, or material breach of this Agreement.')}
-
- -
-
{it.L('This Agreement shall commence on the Effective Date and will continue to be in full force and effect until this Agreement is terminated in accordance with the provisions and terms of this Agreement.')}
-{it.L('Either party may terminate this Agreement at any time by giving a seven-day (7) advanced written notice to the other party.')}
-{it.L('If any of the parties is a physical person, this Agreement shall be terminated in the event of death or physical or mental incapacity of such parties. ')}
-{it.L('This Agreement shall be terminated should the behaviour of the Introducing Broker constitute negligence, misconduct, or wilful default.')}
-{it.L('This Agreement shall be equally terminated in the event of bankruptcy, insolvency, or liquidation of either party. ')}
-{it.L('On termination of this Agreement')} -
-
-
- {it.L('Binary shall pay Commissions for any trades placed by clients prior to the date of termination but shall not be liable to pay Commissions for any trades placed by clients on or after the date of termination. In the case of the Introducing Brokers who are contracted with Deriv Investments (Europe) Limited, any pending Commission from the CPA deal prior to the date of termination shall be paid in full.')} -
- {it.L('The Introducing Broker shall immediately cease using the Marketing Materials whether in hard copy or electronically on any website and return all Marketing Materials to Binary. They shall also cease referring to Binary and shall remove all of the Binary Trademarks, including logos, branding, and other references to Binary from their website and/or marketing materials.')} -
- {it.L('The Introducing Broker acknowledges that on termination, they have no claims against Binary whatsoever and are not entitled to any compensation or claim arising from the termination.')} -
- {it.L('If the Introducing Broker engages in Malicious Activity, Binary, in its absolute discretion, may')}
-
-
-
- {it.L('Refuse to pay any Commission to the Introducing Broker engaged in the Malicious Activity')} -
- {it.L('Set off any Commission paid or payable by Binary to the Introducing Broker against any amounts held in any accounts of the Company')} -
-
- -
-
{it.L('Any notice required by this Agreement shall be in writing and shall be emailed to the following addresses:')} -
- -{it.L('In any event, an email notice shall be presumably and sufficiently served upon the completion of sending the email. Should the email be sent on a non-Business Day, it shall be presumably and sufficiently served on the next Business Day.')}
-
- -
-
{it.L('Neither party shall, without the prior written consent of the other, disclose any details or information acquired directly or indirectly as a result of the relationship contemplated by this Agreement to any person or use the same for their own benefit, other than as contemplated in this Agreement.')}
-{it.L('The clause above shall not apply to any information to the extent')} -
-
-
- {it.L('To which it, at the time of execution of this Agreement was, or subsequently has become, in the public domain through no fault of the parties')} -
- {it.L('That the recipient is obliged by Law to disclose such information, provided that the recipient promptly advises the other party of the legal obligation to disclose such information')} -
- {it.L('That the parties agree in writing that both parties will be exempt from the provisions of this clause')} -
{it.L('Each party will')} -
-
-
- {it.L('Take all necessary steps at all times to ensure the non-disclosure and confidentiality of other party\'s confidential information')} -
- {it.L('Require its Associates, employees, and agents not to disclose or copy any of the other party\'s confidential information for any purpose except as permitted under this Agreement')} -
{it.L('The obligations under this clause shall survive after the termination of this Agreement.')}
-
- -
-
{it.L('Binary may assign any or all of its rights under this Agreement to a third party.')}
-{it.L('The Introducing Broker may not assign any or all of its rights under this Agreement without the prior written consent of Binary.')}
-
-
-
- -
-
{it.L('No party shall be deemed liable for a partial or complete failure to meet its obligations under this Agreement, in case of force majeure events, including but not limited to civil war, unrest, insurrection, international intervention, any governmental actions, exchange controls, nationalisations, devaluations, forfeitures, natural disasters, act of God, and other inevitable or unforeseeable, unanticipated, and unpredicted events not depending on the will of the parties.')}
-{it.L('The party that, due to force majeure events, is not able to meet their obligations under this Agreement, shall inform the other party in writing within six (6) days after the occurrence of such an event.')}
-{it.L('Should force majeure events last for more than thirty (30) Business Days, the party not suffering force majeure events may terminate this Agreement immediately.')}
-
-
-
{it.L('The Company shall, in its absolute discretion, determine whether the application of the Introducing Broker has been successful. The Company\'s decision is final and is not subject to any appeal.')}
-{it.L('The Company shall notify the Introducing Broker upon the successful approval of the Introducing Broker application.')}
-
-
-);
-
-export default BIEL;
diff --git a/src/templates/static/legal/metatrader/order_execution.jsx b/src/templates/static/legal/metatrader/order_execution.jsx
deleted file mode 100644
index ee94cf5b502..00000000000
--- a/src/templates/static/legal/metatrader/order_execution.jsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from 'react';
-
-const OrderExecution = () => (
- {it.L('Supplementary terms and conditions for Financial Products offered by Deriv Investments (Europe) Limited')}
-{it.L('These supplementary terms and conditions (these "ST&Cs") apply solely to the clients of Deriv Investments (Europe) Limited ("DIEL") and will govern the relationship between the client and DIEL when trading Financial Products (as defined below) with DIEL.')}
-{it.L('Under these ST&Cs, the client may enter into Transactions in the following investments and instruments, all of which are over-the-counter ("OTC") products:')}
--
-
- {it.L('Rolling Spot Forex')} -
- {it.L('CFDs on commodities')} -
- {it.L('CFDs on indices')} -
{it.L('The trading services described in this agreement are OTC. This means that one or more of the Underlying Instruments in which the client transacts with DIEL, though quoted on an exchange, are not traded on an exchange when transacted through the electronic trading platform as described in this agreement.')}
-{it.L('The client\'s trades will be carried out on an execution-only basis through our online platform.')}
-{it.L('The Company does not provide and is not authorised to provide investment advice. The Company will not make personal recommendations or advise on the merits of buying and/or selling in particular investments.')}
-{it.L('The client acknowledges that any explanations, trading recommendations, independent investment research, market commentary, or any other information provided by DIEL is provided to the client as marketing communication and/or educational material, for information purposes only, and does not construe any personal advice on the merits of investing.')}
- -{it.L('Risk acknowledgement')}
-{it.L('By entering into an agreement with DIEL, the client understands that CFDs are highly speculative, complex products and carry a high degree of risk, especially those traded on Margin. Whilst the client may generate profit and increase their capital, they may also expose themselves to losing the entire sum invested, and their loss may exceed their deposit. The products referred to in this agreement are not appropriate for everyone. The client acknowledges that the trading services described in this agreement are designed for clients who are knowledgeable and experienced in the types of Transactions described in this agreement, and the client fully understands the associated risks before entering into this agreement with DIEL.')}
-{it.L('The client acknowledges, recognises, and understands that')}
--
-
- {it.L('Because of the leverage effect, the Margin required in Margined Transactions, and price changes in the Underlying Instruments, the client may suffer significant losses.')} -
- {it.L('Transaction monitoring is the client\'s responsibility in its entirety. The Company shall not conduct any monitoring of the client\'s trades.')} -
- {it.L('There are no guaranteed profits in investment trading.')} -
- {it.L('Transactions in CFD instruments are traded outside a stock exchange or OTF or MTF.')} -
- {it.L('The client is not trading in the actual Underlying Instrument, or the actual foreign currency; all Transactions are settled in cash only.')} -
{it.L('The client should not sign up to receive the trading services described in this agreement unless they understand the nature of these services and the associated risks.')}
- -{it.L('Provision of service')}
-{it.L('Deriv Investments (Europe) Limited aggregates the Bid and Ask prices from a pool of liquidity providers to determine and offer the client the best available price of the instrument. The Company is always the final counterparty to the client\'s Transactions. The Company may execute Orders on behalf of its client, wherein the Company will act as a broker and pass on the Order to the liquidity provider for execution. Alternatively, the Company may also keep the client\'s Order on its own account, wherein the Company will take the other side of the client\'s trade. It is further noted that the Company may make a profit as a result of the client\'s losses and vice-versa. Further details can be found under Conflicts of interest policy and Order execution policy.')}
-{it.L('The provision of the trading services described in this agreement utilises a third-party system acquired via a non-exclusive, non-transferable, non-sub-licensable, terminable licence from the third-party system provider/licensor (the "MT5 trading platform"). The client acknowledges that, when providing trading services described in this agreement to the client, DIEL may decide to change its third–party system provider/licensor and use a trading platform other than the MT5 trading platform. Hence, in such cases, DIEL may decide to use an entirely new third–party system provider/licensor (hereinafter referred to as the "new trading platform") or to introduce an additional third–party system provider/licensor (hereinafter referred to as the "additional trading platform").')}
-{it.L('If DIEL decides to introduce a new trading platform, it shall provide the client with a relevant notice within 30 days before it introduces the new trading platform or the additional trading platform. In such a notice, DIEL will outline information including, but not limited to, features and operations of the new trading platform. Thus, using its backup database on the MT5 trading platform, DIEL shall integrate all data to the new trading platform, including but not limited to open trades, historical trades/data, and accounts.')}
- -{it.L('Account management')}
--
-
- {it.L('Opening an MT5 Real Account')}
-
{it.L('To be able to trade OTC instruments available on the MT5 trading platform, the client has to first')}
--
-
- {it.L('Open a [_1] account through DIEL\'s website [_2]', it.website_name, `www.binary.com`)} -
-
-
{it.L('a. Access the MT5 trading platform through the direct link [_1] from DIEL\'s web interface, or', `https://www.binary.com/en/platforms.html`)}
-{it.L('b. Download and install the MT5 trading platform through the link [_1]', `https://www.binary.com/en/user/metatrader.html`)}
-
-
- - {it.L('Payments & withdrawals')}
-
-
-
- {it.L('Funding of the MT5 Real Account')}
-
{it.L('When the client transfers their money to DIEL for trading purposes, the client\'s funds are deposited in their [_1] account. If the client chooses to trade FX and CFDs, the client shall transfer funds from their [_1] account to their MT5 Real Account. Such a transfer shall not be regarded as a transfer from two different accounts but as a transfer of funds from the client\'s centralised [_1] account to the MT5 Real Account. No fund transfers shall be made to any other account in the name of any third party.', it.website_name)}
-{it.L('The client agrees to comply with the following when making payments to DIEL:')}
--
-
- {it.L('Deposits and/or payments due are to be made in the currency chosen by the client from the ones specified by DIEL from time to time.')} -
- {it.L('The client is responsible for all third-party electronic transfer fees in respect of payments.')} -
- {it.L('Payments made to DIEL will only be deemed to have been received once DIEL receives cleared funds.')} -
- {it.L('The client bears the responsibility of ensuring that payments made to DIEL are correctly received with the specified client\'s account details.')} -
{it.L('There are no charges for transferring money from the client\'s [_1] account to their MT5 Real Account.', it.website_name)}
-
- - {it.L('Transfer of funds from the MT5 Real Account')}
-
{it.L('If the client has a positive balance in their MT5 Real Account, they may transfer such balance from their MT5 Real Account into their [_1] account and then request a withdrawal as necessary for any amount available on their [_1] account. The Company may withhold, deduct, or refuse to make any such transfer or withdrawal, in whole or in part, if', it.website_name)}
--
-
- {it.L('The client has Open Positions on the account that show a loss.')} -
- {it.L('Such a transfer would result in the client\'s Account Equity dropping to less than zero.')} -
- {it.L('The requested transfer would reduce the client\'s Account Balance to less than the Margin required for the client\'s Open Positions.')} -
- {it.L('The Company reasonably considers that funds may be required to meet any current or future Margin Requirements on Open Positions due to the underlying market conditions.')} -
- {it.L('The Company reasonably determines that there is an unresolved dispute between the Company and the client relating to the agreed terms and conditions.')} -
- {it.L('There is an amount outstanding from the client to DIEL.')} -
- {it.L('DIEL is required to do so in accordance with any relevant law or regulation.')} -
{it.L('The client\'s MT5 Real Account, as well as all payments and withdrawals therefrom, must be made in the same currency as maintained in the client\'s [_1] account; otherwise, a currency conversion fee shall be applied.', it.website_name)}
-
- - {it.L('Negative Balance Protection')}
-
{it.L('When using the MT5 trading platform, all DIEL\'s clients will be provided with Margin monitoring functionality to protect the clients from encountering negative balances when trading under normal market conditions. As a trader, the client should always maintain the appropriate levels of Margin in their trading account as the recommended method of their own risk management.')}
-{it.L('If the client\'s usable Margin drops below 100%, a Margin Call mode will be triggered and maintained till the level of 50%. In the event that the client\'s Margin Level is equal to, or drops below 50%, the Company will initiate the closing of the client\'s current Open Positions, starting from the most unprofitable, until the required Margin Level is achieved. In such events, the positions will be automatically closed at the current market price at that point in time.')}
-{it.L('In exceptional circumstances, where there is a price change in the underlying that is sufficiently large and sudden, gapping can occur. In such cases, the automatic Margin close-out protection might fail, causing the client\'s Account Balance to fall below zero. For this purpose, a Negative Balance Protection mechanism has been introduced. Negative Balance Protection provides a \'backstop\' in case of extreme market conditions and ensures that the client\'s maximum losses from trading CFDs, including all related costs, are limited to the balance available on the client\'s CFD account. Therefore, the client can never lose more money than the total sum invested for trading CFDs; if the client\'s CFD account balance falls below zero, the Company will compensate the negative balance as soon as possible without any additional cost to the client.')}
-{it.L('Negative Balance Protection does not apply to the clients categorised as Professional Traders, who can still lose more money than their available balance.')}
-
-
- - {it.L('Funding of the MT5 Real Account')}
-
- {it.L('Account closure')}
-
{it.L('If the client wishes to withdraw funds from their MT5 Real Account and/or close their MT5 Real Account, the client may notify the Company via [_1]live chat[_2]. The client\'s MT5 Real Account may be closed if the client does not have any Open Positions and all amounts due to the Company have been settled.', ``, '')}
-
-
{it.L('Market execution')}
-{it.L('On the MT5 trading platform, the client will benefit from direct market access that gives the client the opportunity to receive the best possible price in the market at a specified time, without having to use a dealing desk.')}
-{it.L('As a result, the client\'s trades are executed at market as follows:')}
--
-
- {it.L('The price of the client\'s chosen investment appears on the platform/on the client\'s screen.')} -
- {it.L('By clicking buy or sell, the client\'s Order will be filled at the best possible price with either one of the Company\'s liquidity providers or on the Company\'s own books (according to the best streaming price at the time of the client\'s Order placement).')} -
- {it.L('When the Order hits the liquidity provider\'s server, or the Company\'s server in case the Order is taken on DIEL\'s own books, it is fulfilled.')} -
{it.L('The client is advised to note that prices can change very quickly in the market, so the execution price may not necessarily be visible instantly once the Order has been filled.')}
-{it.L('The client is also reminded that their internet connection can influence what price is displayed after the trade has been executed.')}
- -{it.L('Expert Advisors')}
-{it.L('Expert Advisors, including any additional functions/plug-ins of trading operations provided by or developed using Expert Advisors, are applications developed using the MetaQuotes Language which can be used to analyse price charts and automate the client\'s trades.')}
-{it.L('Expert Advisors, made available on the MT5 trading platform, are owned by MetaQuotes Software Corporation (the MT5 trading platform licensor) and shall remain the exclusive property of MetaQuotes Software Corporation.')}
-{it.L('The Company is an independent legal entity and is not affiliated with the MT5 trading platform. MT5 is not owned, controlled, or operated by the Company. Therefore, the Company does not provide any warranties related to any MT5 product or service and has not reviewed or verified any performance results that may be presented and/or described on this website in relation to MT5.')}
-{it.L('There are no restrictions to the use of Expert Advisors on the MT5 trading platform apart from unethical trading.')}
- -{it.L('As an example, Expert Advisors might be able to be programmed for')}
--
-
- {it.L('Alerting clients of a potential trading opportunity')} -
- {it.L('Execution of trades automatically on their behalf')} -
- {it.L('Managing of various aspects of online trading such as sending Orders to the platform')} -
- {it.L('Automatic adjustments of Take Profit levels')} -
- {it.L('Trailing stops')} -
- {it.L('Stop Loss Orders')} -
{it.L('Before using the trading robots or Expert Advisors and forward trade, the client should test it on a demo account.')}
-{it.L('Actual trading results may not correspond to optimised or back-tested results.')}
-{it.L('All software is to be used at the client\'s own risk. The Company will not be liable for any financial losses incurred using a third-party software. The Company is not associated with the development of the automated trading software or the Expert Advisors because they are exclusively developed and supported by third parties and not by the Company. The Company does not receive any form of financial and/or other benefits from permitting Expert Advisors to be used.')}
-{it.L('The client shall accept the risk of using any additional functions provided by the Expert Advisor on the MT5 trading platform. The Company has no responsibility for the outcome of such trading and reserves the right to accept or reject the use of such functions with absolute discretion.')}
-{it.L('Where such additional functions/plug-ins affect the reliability and/or smooth operation and/or orderly functioning of the MT5 trading platform, the Company has the right to immediately terminate its contractual relationship with its clients by written notice.')}
-{it.L('By using the electronic trading system, including the MT5 trading platform, clients accept full responsibility for using such platforms and for any Orders transmitted via such platforms.')}
-{it.L('All unforeseen openings or closings of positions initiated by the Expert Advisor, whether relevant to system error or otherwise, are out of the scope of the Company\'s responsibility; hence the Company is not liable for such actions or results.')}
- -{it.L('Governing law and jurisdiction')}
-{it.L('These ST&Cs are to be governed by and construed in accordance with Maltese law, and the parties hereto agree to submit to the non-exclusive jurisdiction of the Maltese courts.')}
-
-
-);
-
-export default OrderExecution;
diff --git a/src/templates/static/legal/metatrader/risk_disclaimer.jsx b/src/templates/static/legal/metatrader/risk_disclaimer.jsx
deleted file mode 100644
index 11388e2bde5..00000000000
--- a/src/templates/static/legal/metatrader/risk_disclaimer.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-
-const RiskDisclaimer = () => (
- {it.L('Order execution policy')}
- -{it.L('A. Introduction')}
-- {it.L('The terms \'the Company\' and \'[_1]\' shall denote', it.website_name)} - {it.L('Deriv (V) Ltd,')} - {it.L('Deriv (FX) Ltd, or')} - {it.L('Deriv Investments (Europe) Limited.')} -
- -{it.L('The Company\'s order execution policy (the "Policy") sets out the overview and approach of how [_1] executes orders on behalf of the Company\'s clients.', it.website_name)}
-{it.L('The Policy is supplemented by Appendix A, which provides further details to the Company\'s considerations as they are related to differing asset classes. The accompanying Appendix A should be read in conjunction with this Policy.')}
- -{it.L('B. Scope')}
-{it.L('This Policy applies to retail and professional clients of [_1] dealing in financial products offered by [_1].', it.website_name)}
- -{it.L('C. Definition of best execution')}
-{it.L('Best execution is the requirement to take all sufficient steps to obtain, when executing orders, the best possible result for the client, taking into account price, costs, speed, likelihood of execution and settlement, size, nature, or any other consideration relevant (hereinafter referred to as the "Execution Factors") to the execution of the order.')}
- -{it.L('D. Client instructions')}
-{it.L('When the Company accepts an order from the client to open or close a transaction, or any other specific instructions in relation to the client\'s order, the Company will endeavour to follow the client\'s instructions as far as reasonably possible, acting in accordance with the Company\'s duty of best execution in accordance with the client\'s instructions. These specific instructions include, but are not limited to, the following:')}
--
-
- {it.L('The venue at which the client\'s order will be executed')} -
- {it.L('The price at which the client\'s order will be executed')} -
- {it.L('The time at which the client\'s order will be executed')} -
- {it.L('The timeframe or duration of the contract as defined by the client\'s order execution')} -
{it.L('Where a particular venue has been specified in the client\'s instructions with respect to the execution of an order, the Company will not be responsible for the venue selection.')}
-{it.L('Where a particular time or timeframe has been specified in a client\'s instructions with respect to the execution of an order, regardless of the price available, the Company will endeavour to execute the order at the specified time or over the specified timeframe in the best possible manner after taking all sufficient steps. However, the Company will not be responsible for any consequences related to pricing that are resulted from the time or timeframe of the execution.')}
-{it.L('Aspects of a client order not affected by specific instructions are subject to the application of [_1]\'s order execution policy. In the absence of specific instructions from clients, the Company will exercise its own discretion in determining the factors that are required to be taken into account for the purpose of providing clients with best execution, paying regard to the execution criteria listed below:', it.website_name)}
--
-
- {it.L('The characteristics of the client')} -
- {it.L('The characteristics of the order')} -
- {it.L('The characteristics of financial instruments that are the subject of that order')} -
- {it.L('The characteristics of the execution venues to which that order can be directed')} -
{it.L('E. Best execution obligation')}
-{it.L('[_1] owes the client a duty of best execution when executing orders on the client\'s behalf, i.e. when the client places a legitimate reliance on the Company to safeguard the client\'s interest in relation to the execution of the client\'s order.', it.website_name)}
-{it.L('In executing orders on the client\'s behalf, [_1] takes into consideration the following to achieve the best possible result for the client:', it.website_name)}
--
-
- {it.L('Price - the price at which the transaction in relation to the client\'s order is executed')} -
- {it.L('Costs - the costs of executing client order, predominantly comprising of spread, i.e. the difference between the Company\'s Bid and the Company\'s Ask')} -
- {it.L('Speed - the speed at which client order can be executed')} -
- {it.L('Likelihood of execution and settlement - the depth of liquidity of the market to which client order is related')} -
- {it.L('Size - the size of client order determined by the volume (number of lots)')} -
- {it.L('Any other consideration relevant to the execution of the transaction')} -
{it.L('The factors listed above are not listed in order of priority. Ordinarily, price will merit a high relative importance in obtaining the best possible result for the client. However, the relative importance of the listed factors above may change in accordance with')}
--
-
- {it.L('The specific instructions that the Company receives from the client')} -
- {it.L('The market conditions of the financial instruments that client orders are related to, which includes the need for timely execution, availability of price improvement, liquidity of the market, size of client order, and the potential impact on total consideration')} -
{it.L('The Company\'s determination of the relative importance of the execution factors may differ from the client\'s during certain circumstances, acting in the client\'s interest in accordance with the Company\'s obligation of best execution.')}
- -{it.L('F. Execution venues')}
-{it.L('[_1] offers forex and contracts for differences via the hybrid model, i.e. dealing on own account (dealing desk – B-book) or partially hedging client orders with the Company\'s liquidity providers (no-dealing desk – A-book).', it.website_name)}
-{it.L('When the Company deals on own account (dealing desk), the Company acts as principal and not as an agent on the client\'s behalf and the Company therefore acts as the execution venue.')}
-{it.L('Whilst the Company acts as principal in respect of the client\'s orders, the Company also assesses the execution venues that the Company uses and upon which the Company places significant reliance to provide the best possible result for the execution of the client\'s orders. These venues typically consist of third-party investment firms, brokers, and/or liquidity providers.')}
-{it.L('[_1] assesses the choice of external execution venues regularly (at least once a year) with the intention of achieving a better result for the client based on the Company\'s best execution obligation.', it.website_name)}
-{it.L('When executing client orders using the A-book model, the Company directs the client\'s trade to one of its liquidity providers, namely:')}
--
-
- {it.L('GBE Brokers')} -
- {it.L('FXOpen')} -
- {it.L('CFH Clearing Limited')} -
- {it.L('TopFX')} -
- {it.L('Prime Brokerage Services Limited')} -
{it.L('G. Order handling')}
-{it.L('All client orders are processed on a first in, first out basis without any manual intervention. If a client order exceeds the volume limit for the symbol, it is automatically rejected. When executing client orders, [_1] will seek to fill client order transaction as promptly as possible at the instructed price (or at a better price, if available). Exposure limits are established based on internal governance arrangements and risk management framework, which both commensurate with the size, nature, complexity, and risk profile of the Company\'s activities. These exposure limits are used as benchmarks to distinguish orders that are auto-accepted from orders that will be worked in the market with fill level passed on to the client.', it.website_name)}
- -{it.L('H. Monitoring and review')}
-{it.L('The Company will monitor the effectiveness of the Company\'s order execution arrangements and order execution policy. The Company will assess from time to time whether the venues relied upon by the Company in pricing the Company\'s contracts on the client\'s behalf allow the Company to achieve best execution on a consistent basis or whether the Company needs to make changes to the Company\'s execution arrangements. The Company will also review the Company\'s order execution arrangements and order execution policy in respect of material changes either in respect of one of the Company\'s chosen pricing venues or what otherwise affects the Company\'s ability to continue to achieve best execution. Should there be any material changes to the Company\'s order execution arrangements or order execution policy, the Company will notify the client.')}
- -{it.L('Appendix - Product specific policies')}
- -{it.L('A. Spot FX')}
-{it.L('For features and trading illustration of Spot FX offered by [_1], refer to the Product disclosure statement. This policy is an appendix to, and should be read in conjunction with, the overarching [_1]\'s order execution policy.', it.website_name)}
-{it.L('[_1] provides the client with best execution by utilising a smart aggregation method when managing incoming orders. The smart aggregation method works by', it.website_name)}
--
-
- {it.L('Consolidating liquidity from several providers into a single stream of blended feed')} -
- {it.L('Intelligently routing incoming orders to different types of execution modes based on configurations and algorithms established using best execution factors')} -
{it.L('By default, the intelligent order routing system ensures that the top of the book is always comprised of the best Bids and Asks quoted by the competing liquidity providers. However, during times of market illiquidity, this may change with likelihood of execution being the primary execution factor.')}
-{it.L('Depending on the level of risk that the Company is exposed to while acting as the client\'s counterparty, the Company acts largely in a principal capacity of the client\'s trades. As such, the execution venue will usually be [_1]. However, the Company may transmit the client\'s order to third-party liquidity providers, in which case the Company will determine the execution venue on the basis described above.', it.website_name)}
-{it.L('The execution venues are assessed, on a regular basis, as to whether they provide for the best possible result for the clients.')}
-
-
-);
-
-export default RiskDisclaimer;
diff --git a/src/templates/static/legal/metatrader/terms_and_conditions.jsx b/src/templates/static/legal/metatrader/terms_and_conditions.jsx
deleted file mode 100644
index 4c390da7df3..00000000000
--- a/src/templates/static/legal/metatrader/terms_and_conditions.jsx
+++ /dev/null
@@ -1,433 +0,0 @@
-import React from 'react';
-import BIEL from './biel.jsx';
-
-export const Li = ({
- dataShow,
- title,
- subtitle,
- sub_list,
- paragraph,
- children,
-}) => (
- {it.L('Risk disclosure statement')}
-{it.L('This risk disclosure statement is not exhaustive and is not intended to constitute a comprehensive statement of all the risks to which the client might be exposed and does not describe all the risks inherent to forex and contracts for differences that exist now or which may arise in the future. Its objective is rather to provide the client with information, so that the client can reasonably understand the risks associated with forex and contracts for differences offered by [_1], as it is the Company\'s intention to provide the client with the best possible trading experience.', it.website_name)}
- -{it.L('The high-risk and speculative nature of forex and CFDs')}
-{it.L('Forex and contract-for-difference transactions involve a high degree of risk and are speculative because they allow the client to speculate on the short-term price movements of the underlying financial instruments. The client should not enter into forex and/or contract-for-difference transactions unless the client is able to sustain losses that exceed the client\'s deposited funds. It is important for the client to understand that in order to realise any value from the client\'s open positions, the client would have to enter into a corresponding transaction to close the client\'s open positions and may find it difficult or impossible to do so under certain market conditions.')}
- -{it.L('Execution model and counterparty risk')}
-{it.L('[_1] offers forex and contracts for differences via a series of models - either solely dealing on own account (dealing desk), or wholly hedging client orders with the Company\'s liquidity providers (no-dealing desk), or a hybrid model, depending on the company with which the client has a contract. For the hybrid model, client orders are typically hedged when the total transaction volume exceeds a predefined threshold of risk tolerance level. For these execution models, [_1] acts as the contractual counterparty to the transactions that the client enters into with the Company, as opposed to entering into a contractual counterparty with a central clearing house as would be the case with exchange-traded financial instruments. As such, counterparty risk exists. Counterparty risk refers to the risk of loss for clients resulting from the fact that the counterparty to the forex and/or contract-for-difference transaction that the client has entered into may default on its obligations prior to the final settlement of the transaction\'s cash flow.', it.website_name)}
- -{it.L('Leverage')}
-{it.L('Leverage, in the context of margin trading, refers to the use of margin to increase/amplify the value of a trade. Leverage is expressed as a ratio. A 50:1 leverage, for example, means that the client would be able to enter into a trade position that is of 50 times higher than the client\'s margin. When the client invests in a leveraged product, the client\'s profit or loss is based on the leveraged position, i.e. the increased/amplified value of the client\'s trade is determined based on the leverage ratio that the client has set for the client\'s account.')}
-{it.L('Leverage can be used to generate returns that are of multiple times higher than the amount set aside from the client\'s account balance to open and maintain a transaction (the client\'s margin). However, investments that have the potential to deliver greater investment returns carry higher levels of risk. This means that if the price movement is against the client\'s favour, the client will suffer losses that are multiple times higher than the amount set aside from the client\'s account balance to open and maintain a transaction (the client\'s margin).')}
- -{it.L('Relationship between margin and leverage')}
-{it.L('The leverage ratio refers to the number of times that the client\'s margin (the amount set aside from the client\'s account balance to open and maintain a transaction) can be "leveraged" to enter into a transaction. The denominator of the leverage ratio is always one. A 50:1 leverage is equivalent to a 2% margin requirement (1 divided by 50 = 2%). The leverage ratio that the Company/the client establishes will determine the amount of margin required. As leverage is inversely proportional to margin, as the leverage that the client sets for the client\'s account gets lower, the margin required to be set aside from the client\'s account balance (the client\'s margin requirement) gets higher.')}
- -{it.L('Risk of stop order')}
-{it.L('The system fills orders on a first-in, first-out basis, i.e. based on the sequence of the order received, and this is beyond the Company\'s control. As a result, the client may find it difficult or impossible to close a position at the intended price stipulated in the client\'s stop order during certain market conditions. The placement of stop order by the client, though useful as a risk management tool, will not necessarily limit the client\'s losses to the client\'s intended amounts in the event of highly volatile trading conditions, since market conditions may make it impossible to execute such orders, and there is uncertainty about the client\'s possible exit price. In short, a stop order is not guaranteed because it cannot operate in all market circumstances.')}
- -{it.L('Regular monitoring of open positions')}
-{it.L('Trading forex and contracts for differences carries a high level of risk and [_1] does not monitor the open positions of the client\'s account on the client\'s behalf. It is the client\'s responsibility to monitor the client\'s open positions and understand the exposure of the client\'s open positions whilst ensuring that the client\'s exposure commensurate with the client\'s risk appetite. Due to the cost associated with overnight open positions, the client should consider investing in the market of the instrument in which the client ordinarily transacts instead of investing in a CFD.', it.website_name)}
- -{it.L('Risk of slippage')}
-{it.L('Whilst the Company endeavours to open or close the transaction to which the client\'s orders relate at the requested price, acting in accordance with the Company\'s duty of best execution, there are times when, due to an increase in volatility or volume, orders may be subject to slippage. The difference between the order price and execution price when orders are filled is known as slippage. This means that the client\'s order is not filled at the exact intended quoted price when the client places their order. Slippage is usually seen during periods of extremely high or low volatility and generally occurs during fundamental news releases or periods of limited liquidity. Slippages can result in either a positive slippage (more favourable to the client) or a negative slippage (less favourable to the client).')}
- -{it.L('External forces')}
-{it.L('The client\'s forex and contract-for-difference transactions with [_1] are linked to an underlying financial instrument, and the client will be exposed to price, currency exchange, interest rate, or other volatility of the market to which the client\'s financial instrument is related to, especially if the market is of a jurisdiction that is foreign to the client. Forex and contract-for-difference trading over the Internet via an electronic trading platform is subject to data latency risk, which may result in delays in order execution.', it.website_name)}
-- {sub_list.map(list =>
- {list} )}
{paragraph}
} - {children} -
-
-);
-
-export default TermsAndConditions;
diff --git a/src/templates/static/legal/order_execution.jsx b/src/templates/static/legal/order_execution.jsx
deleted file mode 100644
index c5f052a5a41..00000000000
--- a/src/templates/static/legal/order_execution.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-
-const OrderExecution = () => (
- {it.L('A. Introduction and scope of agreement')}
--
-
- - {it.L('Depending on the jurisdiction to which a client\'s account has been attached in accordance with the account opening procedures of the website, the terms \'the Company\' and \'[_1]\' shall denote either', it.website_name)} - {it.L('Deriv (V) Ltd,')} - {it.L('Deriv (SVG) LLC,')} - {it.L('Deriv (BVI) Ltd,')} - {it.L('Deriv (FX) Ltd,')} - {it.L('Deriv (Europe) Limited, or')} - {it.L('Deriv Investments (Europe) Limited.')} - - -
- {it.L('The client understands that products based on a random number generator (the "Synthetic Indices") are gaming products whereas products based on financial market indices (forex, stock indices, and commodities) are financial instruments.')} -
- {it.L('All products traded on Margin carry a high degree of risk and can result in losses that exceed the client\'s initial deposit. The Margin trading services described in this agreement are not suitable for everyone. The client acknowledges that the Margin trading services described in this agreement are designed for the clients who are knowledgeable and experienced in the types of transactions described in this agreement, and the client fully understands the associated risks before entering into this agreement with the Company.')} -
- {it.L('The client should not sign up to receive the Margin trading services described in this agreement without understanding their nature and the associated risks.')} -
- {it.L('This agreement is supplied to the client in English. In the event that there is a difference between the English version and any translated versions of this document, the English version shall prevail.')} -
- {it.L('A glossary of the capitalised terms can be found in paragraph R, entitled "Interpretation of terms".')} -
{it.L('B. Commencement')}
--
-
- {it.L('This agreement will commence on the date that the client receives their MT5 Real Account number and, for any new versions thereafter, on the date the new versions are published on the Company\'s website.')} -
{it.L('C. Provision of services')}
--
-
- {it.L('The Company mainly provides contracts for difference (CFDs) via MT5 platform.')} -
- {it.L('The provision of the Margin trading services described in this agreement utilises a third-party system, acquired via a non-exclusive, non-transferable, non-sublicensable, and terminable licence from the third-party system provider/licensor (the "MT5 trading platform"). The client acknowledges that the Company reserves the right to change the third-party system provider/licensor during the course of providing the Margin trading services described in this agreement to the client.')} -
- {it.L('[_1] shall act purely on an execution-only basis.', it.website_name)} -
- {it.L('[_1] shall also act at times as a principal and at other times as an agent on the client\'s behalf for all transactions entered into by the client, depending on the company that the client has opened their account with.', it.website_name)} -
- {it.L('The Company will hold the client responsible for all their obligations under this agreement in the Company\'s course of providing the Margin trading services that are described in this agreement to the client even if the client notifies the Company that they are acting as the agent of an identified principal.')} -
{it.L('D. Account management')}
--
-
- {it.L('Opening an account')}
-
-
-
- {it.L('[_1] offers a variety of MT5 Real Accounts depending on the jurisdiction to which a client’s [_1] account has been attached subject to any verification or authentication requirements.', it.website_name)} -
- {it.L('By opening an MT5 Real Account with [_1], the client represents, warrants, and undertakes the following:', it.website_name)}
-
-
-
- {it.L('The client is acting for their sole benefit, and not for or on behalf of any other person.')} -
- {it.L('The client has read these terms and conditions in full and has understood that they will be buying and selling financial contracts subject to these terms and conditions.')} -
- {it.L('The client has sufficient experience and knowledge about contracts for difference to be capable of evaluating the merits and risks of acquiring contracts via this site and have done so without relying on any information contained in this site.')} -
- - {it.L('The Company reserves the right to refuse the client\'s request to open an MT5 Real Account for any reason, and any MT5 Real Account may be closed at the Company\'s discretion at any time upon 7-day notice.')} -
- - {it.L('Assessment of appropriateness')}
-
-
-
- {it.L('In the course of providing services, the Company may, where applicable, conduct an appropriateness test, in accordance with the Company\'s regulatory obligations, in order to determine whether the client, in the Company\'s view and on the basis of the information provided by the client, possesses the necessary knowledge and experience in the investment field to understand the risks involved in the specific type of product or service offered or demanded.')} -
- {it.L('If the Company considers, on the basis of the information provided by the client, that the client does not possess the knowledge and experience to appreciate the risks associated with an investment in the proposed instrument, the Company will issue a warning to the client. Such a warning shall be displayed on the website.')} -
- {it.L('In accordance with applicable regulatory requirements, if the Company does not manage to obtain sufficient information to assess the appropriateness of the product or service for the client, the Company will similarly inform the client that [_1] is not in a position to assess appropriateness.', it.website_name)} -
- - {it.L('Fund transfers')}
-
-
-
- {it.L('Funding of MT5 Real Account')}
-
-
-
- {it.L('The client\'s MT5 Real Account shall be funded by transferring funds from their [_1] account, subject to the availability and sufficiency of funds in their [_1] account and any daily transfer limits. No fund transfers shall be made to any other account in the name of any third party.', it.website_name)} -
- {it.L('All fund transfers from the client\'s [_1] account to their MT5 Real Account must be made by the client.', it.website_name)} -
- {it.L('There will be no charges for fund transfers from the client\'s [_1] account to their MT5 Real Account in the same currency. Should the client\'s [_1] account and MT5 Real Account be in different currencies, the Company reserves the right to charge a currency conversion fee.', it.website_name)} -
- - {it.L('Withdrawal of funds from MT5 Real Account')}
-
-
-
- {it.L('Subject to the availability and sufficiency of funds in their MT5 Real Account and any daily transfer limits, the client may withdraw funds from their MT5 Real Account to their [_1] account.', it.website_name)} -
- {it.L('The Company may, however, withhold the client\'s withdrawal request from their MT5 Real Account to their [_1] account, in whole or in part, in one or more of the following cases:', it.website_name)}
-
-
-
- {it.L('The client has unrealised losses on their MT5 Real Account.')} -
- {it.L('Such a withdrawal would result in the client\'s Account Equity being less than zero.')} -
- {it.L('The Company reasonably considers that funds may be required to meet any Margin Requirement.')} -
- {it.L('There is an amount outstanding from the client to the Company.')} -
- {it.L('The Company is required to do so in accordance with any relevant law or regulation.')} -
- - {it.L('Withdrawal of funds from the client\'s MT5 Real Account can be made in a different currency from the one maintained in the client\'s [_1] account subject to a currency transfer fee charge.', it.website_name)} -
-
- - {it.L('Funding of MT5 Real Account')}
-
- {it.L('Accounts with debit balance (i.e. credit exposure to [_1])', it.website_name)}
-
-
-
- {it.L('The Company does not offer credit to its clients. The client acknowledges and agrees that they will not be dealing with the Company on credit.')} -
- {it.L('Accounts with debit balances are required to settle the full amount immediately by making a payment to [_1].', it.website_name)} -
- {it.L('If the client fails to immediately make a full settlement of the sum due to the Company in accordance with this agreement, the Company reserves the right to accrue interest on the sums due from the client to the Company in respect of any transaction that the client fails to pay on the relevant due date. Interest will accrue on a daily basis from the relevant due date until the date on which payment is received in full at the bank\'s official base rate for short term funds determined by the Company and will be payable on demand.')} -
- - {it.L('Self-exclusion limits')}
-
-
-
- {it.L('When a self-exclusion limit is set on the client\'s [_1] account, the client\'s MT5 Real Account will be disabled until the self-exclusion limit on their [_1] account is removed.', it.website_name)} -
- {it.L('Due to the responsibilities under responsible gaming, the Company reserves the right to assess and safeguard the client\'s account by setting limits to the client\'s activity as deemed proportionate and necessary for their protection.')} -
- {it.L('In relation to 5.2, the Company also reserves the right to exclude the client definitely or indefinitely, based on the Company\'s client assessment.')} -
- - {it.L('Account security')}
-
-
-
- {it.L('By adhering to the following measures, the Company is committed to making sure that the client\'s personal data and transactions are secure:')}
-
-
-
- {it.L('The client\'s MT5 Real Account password and login ID are unique, and passwords are hashed so that not even [_1] staff can read them. This is the reason why the Company cannot retrieve the client\'s password and has to send a link for setting a new password to the client\'s email if they cannot recall their password.', it.website_name)} -
- {it.L('It is the client\'s responsibility to keep their password and login ID confidential. The client agrees not to disclose their password and login ID to any other person.')} -
- {it.L('The Company\'s information security policies are based on industry best practices in access control and business continuity.')} -
- {it.L('The Company uses identity verification services and real-time fraud detection measures to help protect the client from unauthorised access to their account. The Company also monitors account activity for signs of unusual activity that might indicate fraud and works with collection agencies and law-enforcement agencies to address fraud issues.')} -
- {it.L('The Company will rely on the transactions and other instructions entered into and/or given by the client\'s username and password, and the client is bound by any transaction or expense incurred in reliance on such Orders and/or instructions.')} -
- {it.L('The client is to immediately notify the Company if they become aware of the loss, theft, or disclosure to third parties of their login details.')} -
- {it.L('If the Company believes that unauthorised persons are using an account, it reserves the right to suspend the client\'s right to use the trading facility without prior notice.')} -
-
- - {it.L('By adhering to the following measures, the Company is committed to making sure that the client\'s personal data and transactions are secure:')}
-
- {it.L('Closing an account')}
-
-
-
- {it.L('If the client wishes to withdraw funds from their MT5 Real Account and close their MT5 Real Account, they may notify the Company via [_1]live chat[_2]. The client\'s MT5 Real Account may be closed if they do not have any Open Positions and all the amounts that were due to the Company have been settled.', ``, '')} -
- {it.L('If the client\'s [_1] account is closed, their MT5 Real Account will be automatically closed as well.', it.website_name)} -
- {it.L('Client\'s demo accounts will be deleted after [_1] days of inactivity.', '30')} -
- {it.L('Real accounts will be archived after [_1] days of inactivity. The client can request for the reactivation of a real account via [_2]live chat[_3].', '30', ``, '')} -
- {it.L('Any pending funds in your MT5 account will be transferred to your Binary account.')} -
-
{it.L('E. Orders')}
--
-
- {it.L('Order execution/cancellation/modification')}
-
-
-
- {it.L('The client acknowledges that it is their responsibility to understand the features, characteristics, terms, and conditions of an Order and the implications of executing an Order before they place an Order with the Company.')} -
- {it.L('Subject to network latency, the Company endeavours to execute the client\'s Order within a reasonable time from the time that they trigger the Order, at the price nearest to the client\'s specified price. The Company does not guarantee that a transaction will be opened/closed following an Order being triggered by the client at their specified price. This can happen under certain trading conditions when there are sharp price movements in the market. In that case, the Company has the right to execute the Order at the first available price.')} -
- {it.L('The Company endeavours to open or close the transaction to which the client\'s Order relates at a price reasonably available to the Company, acting in accordance with the Company\'s duty of best execution. Best execution means that, when executing Orders, the Company must take all sufficient steps to obtain the best possible result for the client, taking into account the price, costs, speed, likelihood of execution and settlement, size, nature, or any other consideration relevant to the execution of the Order.')} -
- {it.L('The Company Prices are determined by reference to the price of the Underlying Instrument which is quoted on external exchanges or dealing facilities that [_1] selects at the Company\'s discretion. The Company\'s IT infrastructure and price aggregator system facilitate the reception of quotes from shortlisted prime brokers, who act as liquidity providers for the Company and the delivery of the quotes, derived with reference against relevant benchmark and markets, to the client. The client acknowledges that the Company Prices may differ from the Bids and Asks made available by external exchanges or dealing facilities and the Company is not liable for any losses that the client might incur arising from such differences. This clause does not apply to Synthetic Indices.', it.website_name)} -
-
{it.L('Types of Orders')}
--
-
{it.L('Market Orders')}
-{it.L('A Market Order is an Order to buy or sell at the available market price, which results from the aggregation of prices and volumes received from third-party liquidity providers.')}
-
- {it.L('Pending Orders')}
-{it.L('A Pending Order is the trader\'s instruction to a brokerage company to buy or sell a security in future, under pre-defined conditions, when price reaches a specific level.')}
--
-
- {it.L('The Company may, at its absolute discretion, accept a Stop Order, a Limit Order, or a Stop Limit Order from the client.')} -
- {it.L('The client may specify their instruction of a Stop Order or apply for a Limit Order for a limited duration or for an indefinite period (a "good till cancelled" or "GTC" Order).')}
-
-
-
- {it.L('In the case of a Stop Order, the client acknowledges that the Company will endeavour to fill the Order at a price equal to the one that the client has specified. However, if the price is unavailable, the next available price may be quoted. In other words, the Order is executed at either the price equal to the specified one or the next available price (slippage). The execution of Stop Orders is guaranteed.')} -
- {it.L('In the case of a Limit Order, the client acknowledges that the Company will endeavour to fill the Order at a level that is the same or better than the Limit the client has specified, subject to the availability of the Limit Price.')} -
- - {it.L('Stop Limit Orders are a combination of Stop and Limit Orders. If the price reaches (or passes) the Stop Price, a Limit Order is placed at the specified price, which will be filled at a price equal or better than the specified price. ')} -
- {it.L('A Take Profit Order is intended for gaining profit when the financial instrument price has reached a certain level. Execution of this Order results in the complete closing of the whole position. It is always connected to an Open Position or a Pending Order.')} -
- {it.L('A Stop Loss Order is intended for minimising losses when the financial instrument price moves in an unprofitable direction. The execution of this Order results in the complete closing of the whole position. It is always connected to an Open Position or a Pending Order.')} -
- {it.L('The client may not cancel or amend the level of their Stop and Limit Order once the level has been reached.')} -
- {it.L('The client acknowledges that it is their responsibility to cancel the Stop or Limit Order if they do not want the Stop or Limit Order to remain valid. If the client fails to cancel the Stop or Limit Order, the Company shall be entitled, at its absolute discretion, to treat the Stop or Limit Order as an instruction to enter into a new transaction for the client if and when the Company quote reaches or goes beyond the level of the Stop or Limit Order.')} -
- {it.L('The client acknowledges that the Company reserves the right to establish a minimum and maximum transaction size, as well as a total net position size, which may be subject to alteration, and that the Company will only execute Orders that fall within the range of the minimum and maximum transaction sizes.')} -
- {it.L('The Company may, at its absolute discretion, disregard the client\'s Order if an Event takes place resulting in it no longer being practicable to act on the client\'s Order after indicating an acceptance of their Order.')} -
-
{it.L('F. Margin and Leverage')}
--
-
- {it.L('General provisions')}
-
{it.L('The Margin used in Margin calculations will be whichever is bigger: the Margin implied by the account\'s Leverage or the symbol\'s Margin. The account has a specific Margin, but symbol\'s Margin may vary. ')}
--
-
- {it.L('Prior to placing an Order, which results in opening a position, the client acknowledges that it is their responsibility to ensure that their Account Free Margin is sufficient to cover the Margin required in relation to the opening of the position (the "Margin Requirement"), and to continuously meet the Margin Requirement.')} -
- {it.L('To maintain Open Positions, the client is required to have sufficient Account Equity to cover any Margin Requirement. If a client\'s Margin Level is less than the Margin Level set for their account, the client has entered into a Margin Call and is required to increase their Margin Level above the account\'s specified level in order to avoid a Stop Out to occur. The client may not be able to place an Order to open a transaction unless there is sufficient Account Equity to cover the Total Margin.')} -
- {it.L('The client acknowledges that it is their responsibility to monitor their Account Balance and Margin Requirement, and the Company is not under any obligation to keep the client informed (i.e. to make a Margin Call).')} -
- - {it.L('Margin Requirement and calculation')}
-
-
-
-
- {it.L('Margin Requirement is the amount that the client needs to have in their account prior to entering into a trade and it is a percentage of the value of that trade. Margin Requirement will continue to increase/decrease in accordance with the volume and direction of the Open Positions.')} -
- {it.L('The Company may modify Margin Requirements for any Open Positions or new Orders at its sole discretion. Formulas for Margin Requirements published on the website are indicative only and may be changed by the Company at its discretion at any time, due to changing market conditions or other factors.')} -
- {it.L('Whilst the Company endeavours to close out the client\'s Open Positions if and when the Margin Level for their MT5 Real Account reaches or falls below the Stop Out Level, the company does not guarantee that the client\'s Open Positions will be closed when the Margin Level for their MT5 Real Account reaches the Stop Out Level.')} -
- {it.L('For fully covered accounts, no Margin will be charged on open positions. However, swaps and other applicable fees can cause the client\'s Account Equity to turn negative. In that case, the Stop Out process will be triggered.')} -
- {it.L('The Company reserves the right to charge the Margin per each hedged lot of a position.')} -
- - {it.L('Stop Out Level')}
-
-
-
- {it.L('If the Margin Level for the client\'s MT5 Real Account reaches or falls below the Stop Out Level, this will be classified as an Event of Default. In such circumstances, Open Positions are automatically closed in the following order: (i) the server analyses those Orders that are not under execution at the moment; (ii) the server deletes Orders with the largest Margin; (iii) if the client\'s Margin Level is still under the Stop Out Level, the next Order is deleted (Orders without Margin Requirements are not deleted); (iv) if the client\'s Margin Level is still under the Stop Out Level, the server closes a position with the largest loss; (v) Open Positions are closed until the client\'s Margin Level becomes higher than the Stop Out Level. Additionally, for fully hedged positions, Stop Out will be performed on accounts having Open Positions, zero Margin (positions are covered), and negative equity.')} -
- {it.L('The default Stop Out Level applicable to the client\'s account is published on the Company website. However, the default Stop Out Level is subject to alteration at the Company\'s absolute discretion. Any changes to the Stop Out Level will take effect immediately. The Company will endeavour to notify the client of an alteration to the default Stop Out Level by publishing the revised default Stop Out Level on the Company website. It is the client\'s responsibility to check the Company website regularly and remain informed about the default Stop Out Level.')} -
- {it.L('The Stop Out Level applicable to the client\'s MT5 Real Account may differ from the default Stop Out Level published on the Company website.')} -
- -
- {it.L('Negative Balance Protection')}
-
{it.L('The Company has a Stop Out policy which prevents the client from losing more than they have deposited. However, in the event that the client\'s Open Positions are not closed when the Margin Level for their MT5 Real Account reaches the Stop Out Level, the Company, at its sole discretion, may waive the client\'s negative balance by crediting their account if their Account Balance goes into a negative balance. The negative balance is determined by aggregating all the negative balances incurred over a 24-hour period across all accounts held by the client. The client acknowledges that, unless they are a retail customer of Deriv Investments (Europe) Limited, a client of Deriv (Europe) Limited, or a retail customer residing in Australia, the offer of the negative balance protection by the Company to the client is at the Company\'s sole discretion and the Company reserves the right to change the features and eligibility criteria of the negative balance protection at any time. The provisions of the negative balance protection do not apply in the following situations:')} -
-
-
- {it.L('When a force majeure event occurs')} -
- {it.L('When the market conditions or market movements/volatility are abnormal')} -
- {it.L('When the client opens any transactions in relation to Prohibited Trades')} -
- {it.L('When the client is a professional client')} -
- {it.L('Where the negative balance is connected to or a result of functional limitations and/or malfunction of the MT5 trading platform')} -
- {it.L('When a negative balance results from the breach of any of the terms of this agreement by the client')} -
- - {it.L('Transfer of funds')}
-
-
-
- {it.L('The client may make Margin Payments by transferring funds from their [_1] account to their MT5 Real Account. In the event that there are insufficient funds in the client\'s [_1] account to fund their MT5 Real Account, they may make Margin Payments by funding their [_1] account and transferring the funds from their [_1] account to their MT5 Real Account.', it.website_name)} -
- {it.L('Margin Payments are due immediately and shall be received in full by the Company.')} -
-
{it.L('G. Regulatory provisions')}
--
-
- {it.L('Potential conflicts of interest')}
-
-
-
- {it.L('The Margin trading services described in this agreement are conducted over the counter ("OTC"). ')} -
- {it.L('The client acknowledges that the Company will determine, at its discretion, the transactions that will be kept in the Company\'s own book (known as B booking) and the transactions that will be passed through to the prime brokers who act as liquidity providers for the Company (known as A booking). For the former, the Company is the counterparty in these transactions, and a correlation exists between the profit/loss made by the client and the profit/loss made by the Company. At any point in time, the Company may be entering into or may have entered into transactions with a large number of clients, each of whose interests may diverge from those of other clients. As such, the Company may be holding Open Positions that may not be aligned with the client\'s objectives/interests as an individual client of the Company.')} -
- {it.L('Whilst the Company endeavours to take all reasonable and sufficient steps, as required by applicable laws and regulations, to identify potential conflicts of interests between the Company and its clients, or between one client and another, that arise in the course of providing the Margin trading services as described in this agreement by establishing and implementing policies and procedures, it is possible that the Company may execute certain Orders which may have other direct or indirect material interests.')} -
- {it.L('Given the Company\'s role as a Margin trading service provider as described in this agreement, the Company seeks to avoid undue market influence to the extent consistent with the client\'s trading needs and the Company\'s risk management policies and procedures. By continuing to use the Margin trading services described in this agreement, the client acknowledges that they are aware of the potential conflict of interest disclosed that may arise and cannot be completely eliminated, and they consent to the Company acting notwithstanding such potential conflict of interests.')} -
- - {it.L('Client money')}
-
-
-
- {it.L('The money collected from clients is not invested in any securities, futures, or other investments on behalf of clients.')} -
- {it.L('The Company holds customer funds in bank accounts separate from the operational accounts, and arrangements have been made to ensure that the assets in the customer accounts will be distributed to the customers in the event of insolvency.')} -
-
{it.L('H. Quotes')}
--
-
- {it.L('Quote provision')}
-
-
-
- {it.L('A higher price (Ask), at which a client can buy, and a lower price (Bid), at which a client can sell, are quoted for each financial instrument, and they are referred to as Company Prices. The difference between the Bids and Asks is called the Spread.')} -
- {it.L('The Spread is subject to alteration, at the Company\'s absolute discretion. The client acknowledges that whilst the Company endeavours to maintain a competitive Spread, it may widen significantly in some circumstances, and such figures will be determined by the Company at its reasonable discretion. Spreads may be widened at the daily bank rollovers.')} -
- {it.L('All prices for financial instruments quoted on the Company website are real market prices and are hereby regarded as firm prices. Any slippage from the shown price during the execution of the Order is considered as consequential. Slippage may increase significantly at the daily bank rollovers. The client acknowledges that, by accepting this agreement, no frivolous quote is being offered to the client by the Company.')} -
-
{it.L('I. Trading')}
--
-
- {it.L('Opening a trade')}
-
-
-
- {it.L('A trade is opened by either executing a "Buy" or a "Sell" Order based on a specified number of lots (volume) that constitute the Underlying Instrument of the relevant market.')} -
- {it.L('Any trade opened by the client must be within the available balance or limits in effect with respect to MT5 Real Account or any transactions.')} -
- - {it.L('Closing a trade')}
-
-
-
- {it.L('General provisions')}
-
-
-
- {it.L('In order to profit from trading rate, it is necessary to close the position. To close a position, a trade operation opposite to the first one is executed.')} -
- {it.L('An Open Position may be closed by clicking the button "x".')} -
- {it.L('An Open Position may be partially closed by double clicking the position, selecting the volume to be partially closed from the context menu, and then clicking "Close".')} -
- {it.L('Upon closing a trade, the realised profit (or loss), which is represented by the difference between the opening level and closing level of the trade multiplied by the number of lots (volume), becomes due and payable by the Company to the client (or due and payable by the client to the Company in cases of realised loss).')} -
- - {it.L('Trading rules')}
-
-
-
- {it.L('The client acknowledges and accepts that a trade may be subject to market rules laid down in by-laws, rules, provisions, customs, and practices of an exchange, a market, a clearing house, a body, or any other organisation involved in the execution, clearing, and/or settlement of the said trade. Should any such organisation take decisions or measures which affect a trade or an Open Position, the Company shall be entitled to take any action (including closing any Open Position of the client) that it, at its sole discretion, considers reasonable. ')} -
- {it.L('The client acknowledges and agrees that the Company may, at any time without prior notice and at its discretion, change the trading rules in relation to the following:')}
-
-
-
- {it.L('Non-trading hours (e.g. the hours over the weekend during which trading of certain transactions are not possible)')} -
- {it.L('The minimum, incremental, and maximum Order amount')} -
- {it.L('Margin Requirement')} -
- {it.L('The instruments available on the electronic trading platform (including their availability for trading)')} -
- {it.L('The cut-off time for performing Roll-overs and any long or short position swap charges')} -
- - {it.L('Parts of this clause may not apply to Synthetic Indices.')} -
-
- - {it.L('General provisions')}
-
{it.L('J. Electronic trading platform and transactions')}
--
-
- {it.L('All intellectual property rights in the MT5 trading platform are owned by the licensor and shall remain the exclusive property of the licensor. Nothing in this agreement intends to transfer any such rights or to vest any such rights in the client.')} -
- {it.L('The client\'s use of the MT5 trading platform, whether accessed through or downloaded from the Company website or a third-party website, is governed by the terms of use provided by the MT5 trading platform licensor to the client. In the event of any conflict between the content of this agreement and the agreement between the client and the MT5 trading platform licensor, the terms of this agreement shall prevail. It is the client\'s responsibility to ensure that the information technology that they use is compatible with the required information technology to support the MT5 trading platform.')} -
- {it.L('The client acknowledges, understands, represents, and warrants that they are aware of the functional limitations of the MT5 trading platform (for example Wine, which is not a fully stable application, as disclosed by the MT5 trading platform licensor on their website).')} -
- {it.L('The Company will act on any instructions given, or appearing to be given, by the client and received by the Company in relation to the Margin trading services provided through the MT5 trading platform, as deemed instructed by the client. However, it is not the Company\'s obligation to act on any instructions deemed given by the client, and the Company is not obligated to give the client any reasons for declining to do so. Instructions received by the Company from the client are deemed final and will not be revocable. It is the client\'s responsibility to ensure the genuineness and accuracy of the instructions given by them to the Company.')} -
- {it.L('The Company will use reasonable endeavours within its control to ensure that all electronic data provided on the MT5 trading platform and all electronic transactions instructed by the client and accepted and executed by the Company are not subject to network latency.')} -
- {it.L('The client hereby agrees that they will not participate in any illegal, deceptive, misleading, or unethical practices including, but not limited to, disparagement of the MT5 trading platform or other practices which may be detrimental to the MT5 trading platform, the licensor, or public interest.')} -
- {it.L('The Company sources market data from prime brokers who act as liquidity providers, thus executing the client\'s transactions through a pool of aggregated liquidity from top tier banks. The services offered by the Company do not include physical delivery of foreign currency by the Company or the prime brokers to the client. The client acknowledges and agrees that such data is proprietary to the Company and any such provider, and the client will not retransmit, redistribute, publish, disclose, or display in whole or in part such data to third parties. The client represents and warrants that they will only use such data for purposes of facilitating their entry into transactions with the Company on the client\'s MT5 Real Account in accordance with this agreement and not for any other purpose. This clause does not apply to Synthetic Indices.')} -
{it.L('K. Event of Default')}
--
-
- {it.L('Each of the following events constitute an "Event of Default":')}
-
-
-
- {it.L('The client passes away, becomes incapacitated, becomes of unsound mind, is unable to pay debts as they fall due, or goes bankrupt or becomes insolvent, as defined under any bankruptcy or insolvency law applicable to the client if the client is an individual.')} -
- {it.L('The Margin Level of the client\'s MT5 Real Account reaches or falls below the Stop Out Level.')} -
- {it.L('The client acts in breach of any warranty or representation made under this agreement, and/or any information provided to the Company in connection with this agreement is, or becomes, untrue or misleading.')} -
- {it.L('The client\'s debts are not settled as, and when, they fall due.')} -
- - {it.L('Rights on Default')}
-
-
-
- {it.L('On the occurrence of an Event of Default, the Company may exercise its rights under this clause, at any time and without prior notice:')}
-
-
-
- {it.L('Closing or partly closing all, or any, of the client\'s Open Positions based on the prevailing prices available in the relevant markets')} -
- {it.L('Suspending the client\'s MT5 Real Account and refusing to execute any Orders to enter into further transactions with the client')} -
-
- - {it.L('On the occurrence of an Event of Default, the Company may exercise its rights under this clause, at any time and without prior notice:')}
-
- {it.L('In the event of the client failing to transfer funds to the client\'s MT5 Real Account, the Company may, at its absolute discretion, allow the client\'s Open Positions to remain open and allow the client to place new Orders to open a transaction. The client acknowledges that, when their Open Positions are allowed to remain open, they may incur further losses.')} -
{it.L('L. Manifest Error')}
--
-
- {it.L('[_1] reserves the right to void or amend the contractual terms of any transactions that the Company reasonably believes are entered into at prices that do not reflect fair market prices or that are entered into at an abnormally low level of risk due to an obvious or palpable error (a "Manifest Error"). In deciding whether an error is a Manifest Error, the Company may take into account any relevant information, including the state of the underlying market at the time of the error and any error within, or lack of clarity of, any information source or pronouncement. The client has a duty to report to the Company any such problems, errors, or suspected system inadequacies that The client may experience and may not abuse or arbitrage such system problems or errors for profit. The Company will endeavour to resolve any such difficulties in the shortest time possible.', it.website_name)} -
- {it.L('Any amendments to the contractual terms of Manifestly Erroneous contracts shall be reasonable and fair and may involve closing and/or opening of positions, placing/deleting Orders without the client\'s involvement, making changes in Open Positions, deleting trades from trading history, etc. Monies exchanged between the client and the Company in connection with the Manifestly Erroneous contracts shall be returned to the recipient according to the amendments made to the contractual terms and conditions of this agreement.')} -
{it.L('M. Force majeure events')}
--
-
- {it.L('A force majeure event, if and when determined, means, (i) the Company, by reason of force majeure or act of state, is prevented from, hindered, or delayed in delivering or receiving, or is unable to deliver or receive, any quotation of the Bids and Asks of a market in one or more of the instruments in which the Company ordinarily deals in transactions; (ii) an excessive movement in the market of the instrument or the Company\'s reasonable anticipation of the potential occurrence of market disruption.')} -
- {it.L('If the Company determines that a force majeure event exists, the Company shall promptly give notice thereof to the client. Subsequently, the Company may, at its absolute discretion, take one or more steps, including but not limited to the following:')}
-
-
-
- {it.L('Suspend the trading of the affected instrument')} -
- {it.L('Alter the normal trading times for the affected instrument')} -
- {it.L('Close all or any of the client\'s Open Positions at a closing level that is reasonably available')} -
- {it.L('Change the Margin rate in relation to both Open Positions and new Orders')} -
- - {it.L('The Company shall not be in breach of its obligation under this agreement and shall not be held liable for any failure of or delay in performing its obligations under this agreement if such failure or delay is the result of the occurrence of a force majeure event.')} -
- {it.L('Nothing in this section on force majeure events shall be taken as indicating that they constitute an Event of Default.')} -
- {it.L('This section on force majeure events does not apply to Synthetic Indices.')} -
{it.L('N. Representations and warranties')}
--
-
- {it.L('When the client enters into this agreement, they make the following representations and warranties to the Company and agree that such representations and warranties are deemed repeated each time the client opens or closes a transaction:')}
-
-
-
- {it.L('If the client is an individual, they are over 18 years old and they have full capacity to enter into this agreement.')} -
- {it.L('The client has fully read and understood the (i) Risk disclosure statement, (ii) Order execution policy, and (iii) Terms and conditions attached to this agreement before requesting to open an MT5 Real Account with the Company.')} -
- {it.L('The client has all necessary authority, powers, consents, licences, and authorisations and have taken all necessary actions to enable the client to enter into and perform this agreement and such transactions lawfully.')} -
- {it.L('The execution, delivery, and performance of this agreement and each transaction will not violate any law, ordinance, charter, by-law, or rule applicable to the client or the jurisdiction in which the client is resident.')} -
- {it.L('The client is willing and financially able to sustain a total loss of funds resulting from a transaction, which may exceed the client\'s initial deposit unless they are a retail customer of Deriv Investments (Europe) Limited.')} -
- {it.L('Any information which the client provides or have provided to the Company in respect of their financial position, domicile, or other matters is accurate and not misleading in any material respect.')} -
- - {it.L('The client promises the following:')}
-
-
-
- {it.L('They will, at all times, obtain, comply with, and do all that is necessary to maintain in full force and effect all authority, powers, consents, licences, and authorities referred to in this clause.')} -
- {it.L('They will take all reasonable steps to comply with any law, ordinance, charter, by-law, or rule applicable to the client or the jurisdiction in which the client is resident.')} -
- {it.L('They will provide the Company with any information that [_1] may reasonably require to fully satisfy the demands or the requirements of the applicable government authority, upon the Company\'s request.', it.website_name)} -
- {it.L('They will use the Margin trading services described in this agreement in good faith and will not use any software, algorithm, or any trading strategy to manipulate or take unfair advantage of the way that the Company\'s Bids and Asks are quoted. The client shall observe the standard of behaviour reasonably expected of persons in the client\'s position and not take any step which would cause [_1] to fail to observe the standard of behaviour reasonably expected of persons in the Company\'s position.', it.website_name)} -
- - {it.L('The client acknowledges that the Company reserves the right to void or close out one or more of the client\'s transactions if the Company observes any breaches of warranty given under this agreement.')} -
{it.L('O. Indemnification')}
--
-
- {it.L('Neither the Company nor any of its directors, officers, managers, employees, or agents shall be liable for any loss, damage, or debt to the client arising directly or indirectly out of, or in connection with, this agreement. The client agrees to indemnify the Company and its directors, officers, managers, employees, or agents from, and against, any and all liabilities, losses, damages, costs, and expenses (including reasonable attorney\'s fees) incurred arising out of the client\'s failure to comply with any and all of their obligations set forth in this agreement and/or the Company\'s enforcement against the client of any and all of its rights under this agreement.')} -
- {it.L('Without prejudice to any other terms of this agreement, neither the Company nor any of its directors, officers, managers, employees, or agents shall be liable to the client in relation to any loss that they have incurred whether directly or indirectly by any cause beyond the Company\'s control, including, but not limited to, any delay or defect in or failure of the whole or any part of the MT5 trading platform or any systems or network links.')} -
- {it.L('The Company does not make any warranty, express or implied, that any pricing or other information provided through the MT5 trading platform or otherwise is correct.')} -
{it.L('P. Miscellaneous')}
--
-
- {it.L('The client agrees that in any legal, arbitration, mediation, regulatory, administration, or any other proceedings initiated by them or by [_1], the Company\'s records related to the client\'s dealings shall constitute evidence. Subject to the laws and any court, tribunal, competent authority, or government authority orders, requests, instructions, or guidelines, the client shall not object to the admission of such records on the grounds that they are not originals or in writing, or that they are produced by computers or any other electronic systems whatsoever. The client shall not rely on the Company to meet any of their disclosures or other obligations imposed by any court, tribunal, competent authority, or government authority.', it.website_name)} -
- {it.L('If any provision of this agreement shall be held invalid or unenforceable by a court or regulatory body of competent jurisdiction, the remainder of this agreement shall remain in full force and effect.')} -
- {it.L('In connection with this agreement and all transactions contemplated by this agreement, the client agrees to execute and deliver such additional documents and instruments and to perform such additional acts as may be necessary or appropriate to effectuate, carry out, and perform all of the terms, provisions, and conditions of this agreement. The client shall cooperate fully with any investigation by any regulatory authority and promptly provide the regulatory authority with such information and records as may be requested in compliance with any law, ordinance, charter, by-law, or rule applicable to the client or the jurisdiction in which they are resident.')} -
{it.L('Q. Interpretation of terms')}
--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default OrderExecution;
diff --git a/src/templates/static/legal/payment_agents.jsx b/src/templates/static/legal/payment_agents.jsx
deleted file mode 100644
index 89027695a98..00000000000
--- a/src/templates/static/legal/payment_agents.jsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import React from 'react';
-
-const PaymentAgents = () => (
- {it.L('Summary of the order execution policy')}
-{it.L('The Company has a general duty to conduct its business with the client honestly, fairly, and professionally and to act in the client\'s best interests when opening and closing binary options trades with the client.')}
-{it.L('More specifically, when the Company enters into a Binary Option trade with the client (each, a "Contract"), the Company has a duty to provide the client with \'best execution\'. Best execution means that the Company must take reasonable steps to obtain the best possible result for the client when executing a client order. This document provides a summary of the Company\'s best execution policy.')}
-{it.L('The client should note that the Company\'s duty to provide the client with best execution does not apply to any gambling products that the client places with the Company when there is no underlying financial market.')}
-{it.L('This policy applies to clients classified as retail or professional. Clients classified as eligible counterparties are outside the scope of this policy.')}
- -{it.L('General')}
-{it.L('The Company\'s order execution policy comprises a set of procedures that are designed to obtain the best possible execution result for the client, subject to and taking into account the following factors:')}
--
-
- {it.L('(a) The nature of the client\'s Contracts')} -
- {it.L('(b) The priorities that the client has identified for the Company in relation to entering into those Contracts')} -
- {it.L('(c) The practices relating to the market in question, with the aim of producing a result that provides, in the Company\'s view, the best balance across a range of sometimes conflicting factors')} -
{it.L('The Company\'s policy cannot provide a guarantee, however, that when entering into Contracts with the client, the price will always be better than one that is or might have been available elsewhere.')}
- -{it.L('Order execution')}
-{it.L('The Company is licensed to deal in derivatives on its own account. Client orders will be accepted only if the orders are within the client’s account limit. Client orders will be executed by the Company and the Company will always be the client\'s sole execution venue for all of the trades a client makes in binary options. This means that the Company will always act as the client\'s counterparty, wherein it takes the other side of the client\'s trade. The clients should be aware that they are exposed to higher risks as all Binary Options contracts are traded on over-the-counter (OTC) markets, as opposed to regulated exchanges. This section of the policy will outline how the Company intends to comply with its best execution obligations.')}
- -{it.L('Classes of instruments')}
-{it.L('The Company offers binary options through its online interactive platform.')}
-{it.L('A binary option is a contract in which one party undertakes to pay the other party a specified amount if the value of a given asset changes in a specific direction within a predetermined period. The three major underlying asset classes for binary options offered by the Company are')}
--
-
- {it.L('Forex')} -
- {it.L('Stock Indices')} -
- {it.L('Commodities')} -
{it.L('Best execution factors')}
-{it.L('In relation to Contracts that the client enters into with the Company, the Company acts as principal and not as agent on the client\'s behalf; therefore, the Company acts as the sole execution venue for the execution of the client\'s Contracts.')}
-{it.L('The Company will mainly ensure best execution for the client by giving due consideration to the market price when calculating the Company\'s Bid/Ask for the underlying reference product to which the client\'s Contract relates. In order to ascertain the market price, the Company has access to a number of different data sources, which provide the Company with an objective view of the bids and offers available to arms\' length traders.')}
-{it.L('In the case of some Contracts, there may be no functioning or open market or exchange on which the reference product is traded at the time of the client order. In such cases, the Company sets out to determine a fair underlying price based on a number of factors, such as price movements on associated markets and other market influences and information about the client order.')}
-{it.L('The Company is required to take a number of factors into account when considering how to give the client best execution, specifically:')}
--
-
-
- {it.L('(a) Price and cost')}
-
{it.L('The Company has internally set appropriate controls and monitoring to verify that its aggregate return on various underlying options and durations is equal to its commission charge of 3 - 5%. Proper back-testing is conducted on a quarterly basis to certify that the Company\'s return does not exceed this set mark-up and hence ascertain continued fair prices to the clientele, whilst mitigating the Company\'s conflicts of interest.')}
-
- -
- {it.L('(b) Speed')}
-
{it.L('Due to the online nature of the business and instruments, there is a small delay between an order being entered and the same order being executed on the server. Any significant delay can have negative impacts on clients; therefore, the Company monitors the latency between the entering and execution of client orders. Should this delay exceed the established threshold, then the system administrators will be notified so that they can investigate any possible issue.')}
-
- -
- {it.L('(c) Likelihood of execution')}
-
{it.L('The Company strives to ensure that all the orders placed are executed; however, this is not always possible due to material difficulty or unusual circumstances. In any instance that the Company is aware of any material difficulty relevant to the proper execution of an order, it promptly informs the client of the issue.')}
-
- -
- {it.L('(d) Likelihood of settlement')}
-
{it.L('During volatile markets, the Company\'s trading platform runs across a high number of concurrent online users, high volumes of client orders, and a high number of imported price ticks. As part of the Company\'s best execution delivery to its clients, the Company ensures that its platform runs smoothly under such stressed conditions and takes all reasonable steps to safeguard the continuity and regularity in the performance of investment activities.')}
-
- -
- {it.L('(e) Size and nature')}
-
{it.L('Orders will generally be auto-accepted if they do not take the Company over exposure limits and the client has enough remaining balance in their account. With every contract purchased, the Company has systems in place that automatically carry out a large exposure check, and, in case the new total exposure result is greater than or equal to 25% of the eligible capital, the contract cannot be sold to the client.')}
-
-
{it.L('Specific instructions')}
-{it.L('When the client gives the Company specific instructions, including (a) specifying the price of a Contract with the Company or (b) specifying the price at which a Contract is to be closed, then those instructions take precedence over other aspects of the Company\'s policy.')}
- -{it.L('No fiduciary duty')}
-{it.L('The Company\'s commitment to provide the client with \'best execution\' does not mean that the Company owes the client any fiduciary responsibilities over and above the specific regulatory obligations placed upon the Company or as may be otherwise contracted between the Company and the client.')}
- -{it.L('Monitoring and review of this policy')}
-{it.L('The Company will monitor the effectiveness of its order execution arrangements and order execution policy. The Company will assess from time to time whether the venues relied upon by the Company in pricing its Contracts on the client\'s behalf allow the Company to achieve best execution on a consistent basis or whether the Company needs to make changes to its execution arrangements. The Company will also review its order execution arrangements and order execution policy in respect of material changes, either regarding one of the Company\'s chosen pricing venues or what might otherwise affect the Company\'s ability to continue to achieve best execution. Should there be any material changes to the Company\'s order execution arrangements or order execution policy, the Company will notify the client.')}
-
-
-);
-
-export default PaymentAgents;
diff --git a/src/templates/static/legal/privacy.jsx b/src/templates/static/legal/privacy.jsx
deleted file mode 100644
index 0ec258e043c..00000000000
--- a/src/templates/static/legal/privacy.jsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-
-const Privacy = () => (
- {it.L('Payment agents terms and conditions')}
- -A. {it.L('Scope of agreement')}
--
-
- {it.L('This agreement is between Deriv (SVG) LLC (hereinafter referred to as "the Company" or "[_1]") and Payment Agent (hereinafter referred to as "the Agent"), both of whom agree to be bound by this agreement.', it.website_name)} -
- {it.L('The Company and the Agent (hereinafter referred to as "the Parties") desire to enter into this agreement whereby the Company will offer to its clients local payment processing services through the Agent within a territory as specified in Section D of this agreement.')} -
B. {it.L('General')}
--
-
- {it.L('This agreement constitutes the entire agreement between the Parties, and no earlier representation, arrangement, or agreement, whether written or oral, relating to any matter dealt with in this agreement between the Parties, shall have any force or effect before the Commencement Date.')} -
- {it.L('This agreement is supplied to the Agent in English. In the event that there is a difference between the English version and any translated versions of this document, the English version shall prevail. The Company shall not be liable for any loss or damage whatsoever caused by an error, inaccuracy, or misspelling and, as a result, by misunderstanding or misinterpretation of any of the terms or conditions or clauses or provisions of any translated versions of this agreement.')} -
- {it.L('Each Party shall do anything reasonably required by the other Party to give effect to the provisions of this agreement.')} -
- {it.L('If any provision of this agreement is held to be invalid, void, or unenforceable in any way by any court, arbitration, regulatory body, competent authority, or any other authority or law whatsoever in any jurisdiction in which the Agent provides their services, the remainder of this agreement shall remain in full force and effect.')} -
C. {it.L('Commencement Date')}
-{it.L('The Commencement Date of this agreement shall mean the date on which the Agent account is approved by the Company.')}
- -D. {it.L('Provision of services')}
--
-
- {it.L('The Agent may provide the Agent\'s services to those clients of the Company who desire to deposit and/or withdraw money using the Agent. The Agent may provide the Agent\'s services to clients who intend to use e-wallet or e-payment methods other than those used by the Company (hereinafter referred to as the "e-payments") or local currencies other than those accepted by the Company (hereinafter referred to as the "local currencies") and local bank wire transfers (hereinafter referred to as the "bank wire transfers").')} -
- {it.L('It is agreed that any deposits through the Agent shall be made as follows:')}
-
-
-
- {it.L('The client using e-payments and bank wire transfers may make a deposit to the Agent. The Agent, receiving the deposit, shall thereinafter make a deposit to the Agent\'s [_1] account (hereinafter referred to as the "[_1] Agent Account").', it.website_name)} -
- {it.L('The sum received in the [_1] Agent Account shall be subsequently transferred by the Agent to the respective client\'s [_1] account (hereinafter referred to as the "[_1] Client Account").', it.website_name)} -
- - {it.L('It is agreed that any withdrawals through the Agent shall be made as follows:')}
-
-
-
- {it.L('When the client requests a withdrawal from [_1] Client Account, such request shall be automatically proceeded, and, as a result, the requested sum shall be transferred from the [_1] Client Account to the [_1] Agent Account. However, it is noted that when the client reaches the client\'s withdrawal limits, a withdrawal request shall not be automatically proceeded before the required authentication process is conducted.', it.website_name)} -
- {it.L('The Agent shall thereinafter transfer the requested sum to the client. It is noted that these transactions fall out of the scope of this agreement, and, as a result, the Company shall not be liable against the Agent and the client or any other person, under contract, tort law, or any other applicable law, for any dispute or potential dispute arising out of or in connection with such transactions.')} -
- - {it.L('The Agent shall not be authorised to offer the Agent\'s services, under this agreement, to the clients who reside in restricted countries outlined in the Company\'s terms and conditions (as amended from time to time), which are published on the Company\'s website, [_1]www.binary.com[_2].', ``, '')} -
E. {it.L('Agent\'s obligations')}
--
-
- {it.L('Upon demand, the Agent shall provide the Company with all the requested information and documentation regarding their operations and competence, including but not limited to their registration, incorporation, memberships, authorisations, knowledge, expertise, and experience.')} -
- {it.L('The Agent shall further undertake to perform all necessary due diligence on the Agent\'s clients, and the Company shall be entitled, at any time, to request the Agent to provide all information and documentation relating to their clients for the purposes of the Company\'s AML compliance. ')} -
- {it.L('Where the Agent ceases to be competent, capable, adequate, or qualified to effectively perform all of the Agent\'s duties and obligations that are undertaken and agreed to under this agreement, for any reason, including but not limited to lack of knowledge, expertise, experience, skills, and time, the Agent shall notify the Company immediately and without any delay.')}
-
{it.L('In providing the Agent\'s services, the Agent shall do the following:')}
--
-
- {it.L('Use their best endeavours and diligence to transfer funds deposited to [_1] Agent Account to its respective [_1] Client account', it.website_name)} -
- {it.L('Provide the Company with all and any information whatsoever that the Agent may become aware of that may be harmful, adverse, or detrimental to the Company and its reputation')} -
- {it.L('Follow, comply, and implement with all business-related directions, policies, and procedures of the Company as amended or re-enacted or replaced from time to time')} -
- {it.L('Fairly and accurately describe the Agent\'s services to the clients')} -
- {it.L('Perform the Agent\'s services and other obligations hereunder at their own cost and risk')} -
- - {it.L('Where the Agent owns or operates website/s, the Agent shall do the following:')}
-
-
-
- {it.L('Receive the approval of the Company to include any information in relation to the Company')} -
- {it.L('Include a disclaimer and/or notice that any intellectual property rights, including any trademark or slogan whatsoever, belong to the Company, and any unauthorised use is strictly prohibited')} -
- - {it.L('It is agreed that the Company shall not be responsible or liable for any matter arising out of or in relation to the use and operation of any website owned or used by the Agent. It is understood that the Agent shall indemnify the Company for all and any losses that the Company may suffer arising out of, or in relation to the use or operations of any website used or owned by the Agent.')} -
- {it.L('It is further agreed and understood that the Agent shall not use any domain name that includes the name [_1] and any derivation or variation of this name that might give the impression that the Company and the Agent are the same person.', it.website_name)} -
- {it.L('The Agent shall not do the following:')}
-
-
-
- {it.L('Represent themselves as a representative of the Company or as an authorised person by the Company in their advertising activities')} -
- {it.L('Use the Company\'s name or trademark in the Agent\'s advertising activities without a written authorisation to be given by the Company')} -
- {it.L('Misrepresent the services that the Agent provides to the clients')} -
- {it.L('Engage in misleading, illusory, or deceptive conduct')} -
- {it.L('Engage in misleading, illusory, or deceptive advertising or promises')} -
- {it.L('Prepare and publish any material or place any advertisements that refer to the Company and the Agent\'s relationship with the Company without an authorisation being given by the Company')} -
- {it.L('Abusively or fraudulently use, for any purpose, the Application Programme Interface (API) of [_1]', it.website_name)} -
-
F. {it.L('Company\'s obligations')}
-{it.L('Where the Company ascertains any mistakes or flaws related to deposits or withdrawals from or to [_1] Agent Account or [_1] Client Account, the Company shall, within a reasonable time, take all corrective measures to rectify such mistakes or flaws.', it.website_name)}
- -G. {it.L('Representations and warranties')}
--
-
-
-
{it.L('It is agreed that on the Commencement Date of this agreement and on the date of each transaction, the Agent represents and warrants the following:')}
--
-
- {it.L('Where the Agent is an individual, the Agent has reached the age of 18 years or over and has full capacity to enter into this agreement.')} -
- {it.L('The Agent has all the necessary authority, power, consents, licences, or authorisations and has taken all necessary actions to enable themselves to lawfully enter into and perform this agreement.')} -
- {it.L('This agreement, as well as any and all obligations or rights deriving from this agreement, is binding and enforceable against the Agent.')} -
- {it.L('The provisions of this agreement or any orders and any applicable laws will not be breached or violated.')} -
- {it.L('Any information that the Agent provided or will provide to the Company in relation to the Agent\'s financial position, domicile, or other matters is accurate and not misleading.')} -
- {it.L('The Agent has taken all measures required to obtain and maintain in full force and effect all authority and/or powers and/or consents and/or licences and/or authorities to enter into and perform this agreement.')} -
- {it.L('All reasonable steps are taken to comply with the law or any rules applicable to the jurisdiction in which the Agent resides.')} -
- {it.L('Upon the Company\'s request, the Agent provides the Company with any and all information reasonably required to fully satisfy any and all demands, requests, orders, or requirements of any government or any other authority.')} -
-
H. {it.L('Anti-money laundering policy')}
--
-
- {it.L('The Agent shall provide any and all information and documentation required in the context of the due diligence that the Company shall conduct from time to time. The Company, complying with the law and providing its services under this agreement, shall be entitled, at any time, to request the Agent to provide all and any due diligence information and documentation related to the Agent and any other person connected or associated with the Agent for the purposes of this agreement.')} -
- {it.L('The Agent represents and warrants that the Agent is and will be in compliance with all laws related to anti-money laundering as well as any financial or economic sanction programmes in the jurisdiction in which the Agent operates.')} -
- {it.L('Where the Agent omits, fails, or refuses in any manner to provide the Company with evidence of the Agent\'s identity or any other evidence as required by the law in relation to anti-money laundering within a reasonable time, the Company reserves the right to cease to deal with the Agent.')} -
I. {it.L('Anti-corruption policy')}
--
-
- {it.L('The Agent promises to the Company that the Agent shall comply with, and the Agent\'s services will be performed in accordance with, any applicable anti-corruption laws.')} -
- {it.L('This obligation encompasses the prohibition of unlawful payments or the granting of any form of unlawful benefits to public officials, business partners, employees, family members, or any other partners.')} -
- {it.L('The Company shall have the right to suspend or terminate this agreement with immediate effect if the Company has reasonable suspicion that the Agent is undertaking any practices that are in breach of any applicable anti-corruption laws.')} -
J. {it.L('On-boarding policy')}
--
-
- {it.L('The Agent shall submit an application including the following information:')}
-
-
-
- {it.L('Name, email address, and contact number')} -
- {it.L('Website URL (where applicable)')} -
- {it.L('A list of accepted payment methods')} -
- {it.L('The commissions to be charged on deposits and withdrawals')} -
- {it.L('Any other information as requested by the Company')} -
- - {it.L('The information outlined in Paragraph 1 of this section shall be submitted to [_1]partners@binary.com[_2].', '', '')} -
- {it.L('The application shall be reviewed and assessed by the Company\'s compliance and marketing departments. It is noted that, following and implementing the anti-money laundering policy and conducting due diligence in accordance with the law and regulations, the Company\'s compliance department shall request and collect all required information and documentation as per Section H.')} -
- {it.L('The Company, exercising its absolute discretion, may accept or reject the Agent\'s application. Where the Agent\'s application is accepted, the Company shall include all relevant information, including but not limited to name, address, website URL (if available), email address, telephone number, commission rates, and payment methods used by the Agent, in the payment agent list which is disclosed on the Company\'s website, [_1]www.binary.com[_2].', ``, '')} -
K. {it.L('Events of Default')}
--
-
- {it.L('Each of the following events constitutes an "Event of Default":')}
-
-
-
- {it.L('In case of the Agent\'s death, incapacity, or mental unsoundness')} -
- {it.L('Where the Agent becomes incapable to pay their debts as they fall due, or is bankrupt or insolvent, as defined under any and all applicable bankruptcy or insolvency law where the Agent is an individual')} -
- {it.L('Where the Agent acts in breach of any warranty, representation, or promise made under this agreement, and any information provided to the Company in connection with this agreement is, or becomes, untrue or misleading')} -
- {it.L('Where the Agent fails to comply with the Agent\'s obligations or fails to perform any of the Agent\'s duties or other provisions under this agreement and such failure continues for at least one business day after the receipt of the non-performance notice given by the Company')} -
- {it.L('Where any proceedings are involuntarily initiated against the Agent by any third parties who seek or propose liquidation, reorganisation, restructuring, an arrangement or composition, or a freeze or moratorium in relation to the Agent or the Agent\'s debts in accordance with the law')} -
- {it.L('Where any law-suit, action, or other legal or administrative proceedings in connection to this agreement are initiated for any execution, attachment or garnishment, or distress against the Agent or where an encumbrance takes possession of the entire or any part of the Agent\'s property, undertakings, or assets, whether tangible and intangible')} -
- {it.L('Where the Agent is dissolved or deregistered from any records of a formal register whatsoever; furthermore, where any procedure is initiated that is seeking, intending, or proposing the Agent\'s dissolution or deregistration from any records of a formal register')} -
- {it.L('Any event capable to have a material adverse effect on the Agent\'s ability to perform any of their duties and obligations in accordance with this agreement')} -
- - {it.L('It is agreed and understood that the Company may unilaterally terminate this agreement if any of the events mentioned in the paragraphs above occurs')} -
L. {it.L('Indemnification')}
--
-
- {it.L('Subject to the law and the terms and conditions of this agreement, the Company shall not be liable to the Agent for any matter arising out of or in relation to this agreement.')} -
- {it.L('The Company shall not be responsible or liable to the client for any fraudulent acts or omissions, negligence, misconduct, or wilful default made by the Agent. Likewise, the Company shall not be responsible or liable to the client if any terms and conditions of this agreement are breached by the Agent.')} -
- {it.L('The Agent agrees to indemnify the Company for all and any losses that the Company may suffer arising out of, or in connection with, the Agent\'s fraudulent acts or omissions, negligence, misconduct, wilful default, or breach of this Agreement.')} -
- {it.L('The Company shall not be responsible or liable for any advice on financial services provided by the Agent to any client.')} -
- {it.L('The Company shall not perform any supervisory function regarding any financial services whatsoever provided by the Agent.')} -
- {it.L('Subject to the law, neither the Company nor any of its directors, officers, managers, employees, or agents shall be liable to the Agent or client for any loss, damage, or debt whatsoever arising directly or indirectly out of, or in connection with, this agreement. The Agent agrees to indemnify the Company and its directors, officers, managers, employees, or agents from, and against, any and all liabilities, losses, damages, costs, and expenses, including all and any legal fees incurred arising out of the Agent\'s failure to comply with any and all of the Agent\'s obligations set forth in this agreement.')} -
M. {it.L('Modification/amendment')}
-{it.L('No modification or amendment of any or all clauses or provisions of this agreement shall be valid without the clear and unequivocal acceptance of such amendments by both Parties.')}
- -N. {it.L('Intellectual property rights')}
--
-
- {it.L('The Company is the sole owner of all rights, titles, or interests whatsoever in and to all [_1] electronic systems, including but not limited to any and all software, e-mail, and email management software, along with any modifications.', it.website_name)} -
- {it.L('It is further noted that the Company shall be the sole owner of all rights, titles, or interests whatsoever of data and other information generated or produced and distributed by or through [_1] electronic systems and other electronic systems used by [_1], along with any modifications.', it.website_name)} -
- {it.L('All [_1]\'s registered or unregistered proprietary rights, including but not limited to patents, trademarks, trade secrets, domain names, URL, pricing information or other proprietary rights materials, ideas, concepts, formats, suggestions, developments, arrangements, programmes, techniques, methodologies, knowhow, equipment, processes, procedures whatsoever shall solely remain with the Company.', it.website_name)} -
O. {it.L('Force majeure events')}
--
-
- {it.L('No Party shall be deemed liable for a partial or complete failure to meet its obligations, under this agreement, in case of force majeure events, including but not limited to civil war, unrest, insurrection, international intervention, any governmental actions, exchange controls, nationalisations, devaluations, forfeitures, natural disasters, act of God, and other inevitable, unforeseeable, unanticipated, or unpredicted events that are not depending on the will of the Parties.')} -
- {it.L('The Party that is not able to meet its obligations under this agreement due to force majeure events shall inform the other Party in writing within five business days after such an event has occurred. The Party shall be deprived of the right to be released from any responsibility, under this agreement, where it fails to duly notify the other Party on time.')} -
- {it.L('Force majeure events must be confirmed by an authority or government authority of the Party\'s residence.')} -
- {it.L('If force majeure events last for more than 30 business days, the Party not suffering force majeure events may terminate this agreement immediately.')} -
P. {it.L('Confidentiality')}
--
-
- {it.L('The Agent shall treat all information related to the Company and the client, including but not limited to client\'s identity, financial status, trading, or transaction performance, as well as the Company\'s business plans, price points, ideas, concepts, formats, suggestions, developments, arrangements, programmes, techniques, methodologies, knowhow, equipment whatsoever, as confidential (hereinafter referred to as the "Confidential Information").')} -
- {it.L('The Agent shall not produce any copies of any Confidential Information or any content based on the concepts contained within the Confidential Information for personal use or for distribution without the Company\'s request.')} -
- {it.L('It is agreed that Confidential Information shall be considered as confidential even after the termination of the business relationship established under this agreement or any other agreement or arrangement between the Parties.')} -
- {it.L('It is noted that immediately upon the termination of the relationship between the Company and the Agent, the Agent shall return to the Company any documents pertaining to the Company\'s business whatsoever which are in the Agent\'s possession.')} -
Q. {it.L('Termination')}
-{it.L('It is agreed and understood that any of the Parties may terminate this agreement by giving seven days written notice to the other Party.')}
-
-
- -
-);
-
-export default Privacy;
diff --git a/src/templates/static/legal/regulation.jsx b/src/templates/static/legal/regulation.jsx
deleted file mode 100644
index a14fd529073..00000000000
--- a/src/templates/static/legal/regulation.jsx
+++ /dev/null
@@ -1,602 +0,0 @@
-import React from 'react';
-import { FillBox } from '../../_common/components/elements.jsx';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const TimelineFirst = () => (
- {it.L('Security and privacy')}
-{it.L('The Company recognises the importance of protecting the client\'s personal and financial information.')}
-{it.L('All the information that the Company obtains about the client assists the Company in servicing the client and the client\'s account. The Company knows that the client may be concerned about what the Company does with this information.')}
-{it.L('The Company has outlined the Company\'s privacy practices for the client as follows:')}
- -{it.L('Use of information')}
-{it.L('The Company operates in full compliance with the General Data Protection Regulation (GDPR) and other applicable Data Protection laws. These regulatory measures place obligations on users of personal data like the Company. They also lay down the principles for fair and lawful processing of all the information that the Company acquires.')}
-{it.L('It is the Company\'s commitment to safeguard the client\'s privacy online at all times. The Company only uses the client\'s personal information to help the Company service the client\'s account, to improve the Company\'s services to the client, and to provide the client with products that the client has requested. The Company does not sell the client\'s personal information to third parties, but the Company may provide it to payment providers to facilitate transactions on the client\'s account.')}
-{it.L('The client\'s personal information is used primarily as a way of validating the client as the legitimate account owner and proper recipient of withdrawal payments. The Company also uses this information to process the client\'s trades. The Company collects from the client all personal and financial data directly relating to the client when the client fills in the Company\'s account opening form. In all instances, the client has either a legal or a contractual obligation to provide the Company with the information. If such information is not provided, the Company will be unable to provide the client with its services.')}
-{it.L('The Company reserves the right to request further information from the client whenever deemed appropriate under the circumstances. For example, the Company may ask the client to send the Company additional acceptable documents to confirm the authenticity of the client\'s account details or of any withdrawal request.')}
-{it.L('The client agrees that when using the Live Chat feature on the Company website and applications, all personal information that the client enters in the chat channel, including but not limited to the client\'s first name and email address, is processed by the Company and stored in the Company\'s databases.')}
-{it.L('The Company holds all the personal data that the Company collects from the client with due diligence and only processes them for purposes as required or allowed by law. This includes the process of obtaining and sharing of certain information with third parties for credit or identity checks to comply with legal and regulatory obligations. In certain cases, the Company may process the client\'s data to fulfill the Company\'s contractual obligations with the client.')}
-{it.L('The Company also collects basic tax residence information for the purposes of CRS/FATCA compliance. The tax information that the client provides may only be disclosed to the authorities who are legally charged with collecting this information for CRS/FATCA reporting, and [_1] will only do so to the extent that it is legally obliged to collect it from the clients and disclose it to the authorities. The Company does not use, disclose, or process this information in any other way at any time.', it.website_name)}
-{it.L('The client may update the client\'s personal information at any time by logging in to the "Settings" section of the client\'s account. It is the client\'s responsibility to ensure that [_1] is promptly and continually informed of any change in the client\'s personal information. The client should note that if the client provides the Company with inaccurate information, or if the client fails to notify the Company of any changes to the information previously supplied by the client, this may adversely affect the quality of the services that the Company can provide.', it.website_name)}
-
-
-
- {it.L('The Company also has a regulatory obligation to send the personal data of the clients residing in the UK to GAMSTOP to check whether or not they have self-excluded with GAMSTOP. To find out more, please read the [_1]GAMSTOP privacy policy[_2].', '', '')}
-{it.L('Profiling and categorisation')}
-{it.L('The Company collects and assesses the client\'s data to profile the client in relation to the Company\'s products. The Company does this manually with the assistance of automated processing. By categorisation, the Company will be able to provide the most appropriate products and services to the client.')}
- -{it.L('Cookies and device information')}
-{it.L('Cookies are small text files stored on computer drives and are widely used in order to make websites work and to improve the user experience. All recent versions of browsers give the client a level of control over cookies. The client can delete all cookies that are already on the client\'s computer, and the browser can be set to prevent them from being placed. However, if the client chooses not to receive the Company\'s cookies, the full usability of the Company\'s website may be adversely affected.')}
-{it.L('The client should note that the Company\'s website generates log files that record the IP addresses of accesses to the client\'s account, login attempts, and device information such as the manufacturer, model, operating system, and browser. This information is gathered for the sole purpose of providing assistance with investigating a client\'s account in the unlikely event that the account is accessed by unauthorised users. Information supplied by some cookies also helps the Company understand how visitors use the website, so that the Company can improve how it presents its content.')}
-{it.L('The Company\'s cookies are not deemed dangerous and cannot access any other information on the client\'s computer.')}
-{it.L('By using or interacting with the [_1] website, the client is giving permission to the use of the Google Analytics User ID Feature, which allows Google to capture the client\'s [_1] login ID such as VRTC1234 and MT1234. When this feature is enabled, no personally identifiable information other than the client\'s [_1] login ID, or other data that can be linked to such information by Google, is shared with or disclosed to Google.', it.website_name)}
-{it.L('To provide the client with a better experience, some of the services offered by [_1] may require permission to access the client\'s cloud storage services, such as Google Drive, to save or load DBot trading strategies. In such instances', it.website_name)}
--
-
- {it.L('The Company does not store any data related to the client\'s cloud storage service on any of the Company\'s servers. All files are downloaded on the client\'s local machines.')} -
- {it.L('The Company does not share any data related to the client\'s cloud storage service with anyone.')} -
- {it.L('The Company only accesses the client\'s cloud storage when the client\'s action initiates it. Clients can disconnect their storage service at any time.')} -
-
-
- {it.L('Transfer of data')}
-{it.L('The Company may also transfer relevant personal and financial data to any company within the Deriv Group companies. This includes any of the Company\'s business associates or payment providers within or outside of the EEA, including countries that might not offer an equivalent level of protection of personal data. In all instances, the Company places a contractual obligation on such third parties to offer the same level of rights and protection as stipulated in the GDPR.')}
-{it.L('The client also has the right to request copies of any personal information that the client has provided to the Company and to request that the Company transmit such information to other service providers.')}
- -{it.L('Consent')}
-{it.L('When the client opens an account with the Company, the Company will request the client\'s consent for the distribution of marketing materials to the e-mail address that the client provides to the Company upon sign-up.')}
- -{it.L('Right to object')}
-{it.L('The client has the right to object to the direct distribution of marketing materials. This can be done by either not providing the client\'s consent to any marketing material before the service is rendered or revoking it at any point during the service. In both cases, the Company will refrain from distributing marketing materials to the client.')}
- -{it.L('Access to personal data')}
-{it.L('Access to the client\'s personal data is strictly prohibited, with the exception of key [_1] personnel and only as needed for the performance of their duties.', it.website_name)}
-{it.L('If [_1] is legally required to disclose the client\'s personal or financial information by law, regulation, or pursuant to the order of a court of competent jurisdiction or a governmental agency, the Company will promptly notify the client, as it deems appropriate, to give the client the opportunity to seek protection for the information. The Company will do so unless legally prohibited. Such required disclosure shall not be interpreted as a breach of this terms and conditions agreement.', it.website_name)}
-{it.L('The client also has the right to request that the Company copy, modify, or remove the client\'s personal information as long as such actions do not breach any legal or regulatory obligations that the Company may have.')}
-{it.L('Data retention')}
-{it.L('If the client chooses to close the client\'s [_1] account, the client\'s data will be kept only until the Company\'s legal and regulatory obligations on data retention are met. The Company will delete the client\'s data once the applicable retention period expires.', it.website_name)}
- -{it.L('Security statement')}
-{it.L('Taking the following measures, the Company is committed to making sure that the client\'s personal data and transactions are secure:')}
--
-
- {it.L('The client\'s password and login ID are unique, and passwords are hashed so that not even [_1] staff can read them. This is the reason why the Company cannot retrieve the client\'s password and has to issue the client with a new one, sent to the client\'s email address, if the client cannot recall it.', it.website_name)} -
- {it.L('The Company maintains customer balances in cash or cash equivalent. The Company ensures that 100% of each customer\'s balance is available for immediate withdrawal, subject to verification.')} -
- {it.L('All credit card details are submitted directly to the Visa/Mastercard network using the latest SSL encryption technology, in accordance with bank policies.')} -
- {it.L('The Company\'s information security policies are based on industry best practices in access control and business continuity.')} -
- {it.L('The Company uses identity verification services and real-time fraud detection measures to help protect the client from unauthorised access to the client\'s account. The Company also monitors account activity for signs of unusual activity that might indicate fraud and work with collection and law-enforcement agencies to address fraud issues.')} -
- {it.L('The responsibility for the security of the client\'s login credentials, any linked email address, and any personal device on which the client\'s account is accessible lies solely with the client. The Company shall not be held responsible if there is unauthorised use of the account when the Company is not at fault.')} -
-
- {it.L('Whether the client uses a shared device or the client\'s own device in a public place either offline or on public WiFi, doing so might put the information that the client enters or receives in danger of being captured. To protect data in such cases, it is the clients\' responsibility to take the following precautions and educate themselves on other security measures they can take:')}
-
-
-
- {it.L('Not sending or receiving private information unless a secure webpage is being used (preferably, use a secure, encrypted Virtual Private Network (VPN)')} -
- {it.L('Making sure of having effective and updated antivirus/antispyware software and firewall in place before using public WiFi')} -
- {it.L('Not leaving devices unattended')} -
- {it.L('Avoiding financial transactions that might reveal valuable passwords or personal information such as credit card numbers')} -
- {it.L('Using browser tools to delete files and cookies and clearing browsing history')} -
- {it.L('Not saving login credentials on a shared device')} -
- {it.L('Logging out of account-based websites at the end of the session')} -
-
- -
{it.L('Links')}
-{it.L('The Company\'s website contains links to other websites and may contain banner or icon advertisements related to third-party websites. These websites and their advertisements may submit cookies to the client\'s web browser, which is beyond the Company\'s control. The Company is not responsible for the privacy practices or the content of such websites. The Company encourages the client to read the privacy policies of these websites because their practices may differ from the Company\'s.')}
- -{it.L('Notification of changes')}
-{it.L('Any changes in the Company\'s privacy policy or security statement will be posted on this website. For any material changes that directly affect the economic use of the client\'s personal information, the Company will request the client\'s prior authorisation in writing before effecting such changes on the client\'s account.')}
-{it.L('The client also has the right to request that the Company inform the client about the personal data that the Company processes about the client and to provide its correction where necessary.')}
- -
-
- {it.L('Data protection officer')}
-{it.L('The Company\'s data protection officer can be contacted at [_1]', `dpo@binary.com`)}
-{it.L('For full contact details of [_1], the client is encouraged to check [_1]\'s [_2]Contact us[_3] page.', it.website_name, ``, '')}
- -{it.L('Complaints')}
-{it.L('For details on submitting a complaint to the Company\'s lead supervisory authority on data processing practices, the client is encouraged to check [_1]\'s [_2]Complaints and disputes[_3] section.', it.website_name, ``, '')}
-
- })
-
-);
-
-const TimelineMid = () => (
-
-
-
- {last ? undefined :
-
- {header}
- {children} -
-
-
-
-
-);
-
-const RegulatorText = () => (
- - {it.L('Regulator:')} -
-); - -const Area = ({ items }) => { - const square_wh = 10.6; - const default_width = 37.8; - const svg_width = 300; - const svg_scale = 900 / svg_width; - const normalize = n => n.toFixed(2); - return ( -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default Regulation;
diff --git a/src/templates/static/legal/risk_disclaimer.jsx b/src/templates/static/legal/risk_disclaimer.jsx
deleted file mode 100644
index 7e11f689832..00000000000
--- a/src/templates/static/legal/risk_disclaimer.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-
-const RiskDisclaimer = () => (
- {it.L('Regulatory Information')}
-
-
-
- {it.L('[_1] is a licensed and regulated trading platform that serves over 1,000,000 customers globally. We hold multiple licenses to comply with regulations around the world. Since 1999, we\'ve served our clients with a constant and unwavering commitment to integrity and reliability. We always hold ourselves to the highest ethical standards, in addition to our regulatory requirements.', it.website_name)}
- -{it.L('Deriv Limited, with registered office at 47 Esplanade, St Helier, Jersey JE1 0BD, Channel Islands, is the holding company for the subsidiaries listed below.')}
-{it.L('In the EU, financial products are offered by Deriv Investments (Europe) Limited, W Business Centre, Level 3, Triq Dun Karm, Birkirkara, BKR 9033, Malta, licensed and regulated as a Category 3 Investment Services provider by the Malta Financial Services Authority ([_1]licence no. IS/70156[_2]).', ``, '')}
-{it.L('Deriv Investments (Europe) Limited, W Business Centre, Level 3, Triq Dun Karm, Birkirkara BKR 9033, Malta, is licensed in Malta and authorised by the Malta Financial Services Authority under the Investments Services Act to provide investment services in the European Union.')}
-{it.L('It is also authorised and subject to limited regulation by the Financial Conduct Authority in the UK. Details about the extent of our authorisation and regulation by the Financial Conduct Authority are available from us on request.')}
-{it.L('European Union residents who wish to trade investment products will have their accounts opened with Deriv Investments (Europe) Limited.')}
-
-
- {it.L('EU Passport Rights')}
-
-
-
- {it.L('Deriv Investments (Europe) Limited is entitled to provide services in another EU Member State through EU passporting rights. Refer to the map below for the list of EU countries that have access to [_1] via EU passporting rights - freedom to provide cross border services.', it.website_name)}
-
- })
-
-
-
- {it.L('Pillar 3 Disclosures')}
-
-
-
- {it.L('The Pillar 3 disclosure report of Deriv Investments (Europe) Limited has been prepared in accordance with the Capital Requirements Directive IV and the Capital Requirements Regulation. Read our Pillar 3 disclosure report to understand how we comply with market discipline as a market participant.')}
-{it.L('Key Information Documents')}
-
-
-
- {it.L('These documents provide you with key information about our investment products. This information is required by law to help you understand the nature, risks, costs, potential gains and losses of these products and to help you compare them with other products.')}
-
-
- {it.L('RTS 28')}
-
-
-
-
-
-
-
- {it.L('RTS 27 2020')}
-
-
-
-
-
- {it.L('Q1 2020')}
-
-
- {it.L('Q2 2020')}
-
-
- {it.L('Q3 2020')}
-
-
- {it.L('Q4 2020')}
-{it.L('RTS 27 2019')}
-
-
-
-
-
- {it.L('Q1 2019')}
-
-
- {it.L('Q2 2019')}
-
-
- {it.L('Q3 2019')}
-
-
- {it.L('Q4 2019')}
-
-
-
-
-
-
-
-
- {it.L('Deriv (Europe) Limited, W Business Centre, Level 3, Triq Dun Karm, Birkirkara BKR 9033, Malta, is licensed and regulated (for gambling products only - [_1]\'s Synthetic Indices) by the Malta Gaming Authority in Malta ([_2]licence no. MGA/B2C/102/2000[_4]), by the Gambling Commission for clients in Great Britain under ([_3]account no. 39495[_4]), and by the Revenue Commissioners for clients in Ireland (licence no. 1010285).', it.website_name, ``, '', '')}
-{it.L('Clients in the European Union who wish to trade gambling products will have their accounts opened with Deriv (Europe) Limited.')}
-{it.L('Deriv (MX) Ltd, Millennium House, Level 1, Victoria Road, Douglas IM2 4RW, Isle of Man, is licensed and regulated in Great Britain by the Gambling Commission under [_1]account no. 39172[_3] and by the Gambling Supervision Commission in the Isle of Man ([_2]view licence[_3]).', '', ``, '')}
-{it.L('Clients in the Isle of Man and the UK who wish to trade gambling products will have their accounts opened with Deriv (MX) Ltd.')}
-{it.L('Deriv (SVG) LLC, Hinds Buildings, Kingstown, St. Vincent and the Grenadines; company number 25299 BC 2019.')}
-{it.L('Clients from the rest of the world (excluding certain countries such as the USA, Canada, and Hong Kong) will have their account opened with Deriv (SVG) LLC.')}
-{it.L('Deriv (V) Ltd, Govant Building, Port Vila, PO Box 1276, Vanuatu, Republic of Vanuatu. Licensed and regulated by the Vanuatu Financial Services Commission - [_1]view licence[_2].', ``, '')}
-{it.L('Clients from the rest of the world (excluding certain countries such as the USA, Canada, Hong Kong) will have their FX and CFD Metatrader 5 account opened with Deriv (V) Ltd. This company does not offer CFDs on cryptocurrencies. [_1] is not available in the Republic of Vanuatu.', it.website_name)}
-{it.L('Deriv (BVI) Ltd, Kingston Chambers, P.O. Box 173, Road Town, Tortola, British Virgin Islands. Licensed and regulated by the British Virgin Islands Financial Services Commission - [_1]view licence[_2].', ``, '')}
-{it.L('Clients from the rest of the world (excluding certain countries such as the USA, Canada, Hong Kong) who wish to trade CFDs on financial instruments and cryptocurrencies can have MetaTrader 5 accounts under Deriv (BVI) Ltd. [_1] is not available in the British Virgin Islands.', it.website_name)}
-{it.L('Deriv (FX) Ltd., Lot No. F16, First Floor, Paragon Labuan, Jalan Tun Mustapha, 87000 Federal Territory of Labuan, Malaysia. Licensed and regulated by the Labuan Financial Services Authority to carry on a money-broking business [_1](licence no. MB/18/0024)[_2].', ``, '')}
-{it.L('Clients from the rest of the world (excluding certain jurisdictions such as the USA, Canada, and the European Union) who wish to trade CFDs will have their MetaTrader 5 account opened with Deriv (FX) Ltd. [_1] is not available in Malaysia.', it.website_name)}
-{it.L('We are registered with the Financial Commission, an international independent organisation dedicated to resolving disputes within the financial services industry ([_1]view membership[_2]).', ``, '')}
-{it.L('The Financial Commission offers compensation up to 20,000 EUR on a case-to-case basis, unbiased assessment of disputes, and fast and effective dispute resolution free of charge.')}
-
-
-);
-
-export default RiskDisclaimer;
diff --git a/src/templates/static/legal/tac.jsx b/src/templates/static/legal/tac.jsx
deleted file mode 100644
index 8fbf927b927..00000000000
--- a/src/templates/static/legal/tac.jsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import React from 'react';
-import Affiliate from './affiliate.jsx';
-import Api from './api.jsx';
-import CodeOfConduct from './code_of_conduct.jsx';
-import Complaints from './complaints.jsx';
-import ConflictsPolicy from './conflicts_policy.jsx';
-import Copyright from './copyright.jsx';
-import Datafeed from './datafeed.jsx';
-import IntroducingBrokers from './introducing_brokers.jsx';
-import OrderExecutionBinary from './order_execution.jsx';
-import OrderExecutionMT from './metatrader/order_execution.jsx';
-import RiskDisclaimerBinary from './risk_disclaimer.jsx';
-import RiskDisclaimerMT from './metatrader/risk_disclaimer.jsx';
-import PaymentAgents from './payment_agents.jsx';
-import Privacy from './privacy.jsx';
-import TermsAndConditionsBinary from './terms_and_conditions.jsx';
-import TermsAndConditionsMT from './metatrader/terms_and_conditions.jsx';
-import { SidebarSubmenu, SidebarContent, SidebarContentContainer } from '../../_common/components/sidebar.jsx';
-
-const Tac = () => (
- {it.L('Risk disclaimer')}
-{it.L('This notice provides the client with information about the risks associated with the contracts the client may purchase through services provided by [_1] services.', it.website_name)}
-{it.L('Deriv Group members are sometimes referred to collectively as "[_1]" or "the Company".', it.website_name)}
-{it.L('This notice does not explain all of the risks involved in investments or similar products or how such risks relate to the client\'s personal circumstances. It is important that the client fully understands the risks involved before making a decision to enter into a trade with the Company[_1]. If the client is in any doubt about the risks involved, the client should seek professional advice[_2].', '','')}
-{it.L('If the client chooses to enter into a contract with the Company, it is important that the client remains aware of the risks involved, that the client has adequate investment resources to bear such risks, and that the client monitors the client\'s positions carefully.')}
- -{it.L('General risks')}
- - -{it.L('No advice')}
-{it.L('The Company\'s services are provided on an execution-only basis. The Company does not provide investment advice in relation to the Company\'s products or services. The Company sometimes provides factual information or research recommendations about a market, information about transaction procedures, and information about the potential risks involved and how those risks may be minimised. However, any decision to use the Company\'s products or services is made by the client.')}
-{it.L('The client is responsible for managing the client\'s tax and legal affairs, including making any regulatory filings and payments and complying with applicable laws and regulations. The Company does not provide any regulatory, tax, or legal advice. If the client is in any doubt as to the tax treatment or liabilities[_2] of Products available through [_1][_3], the client may wish to seek independent advice.', it.website_name, '','')}
- -{it.L('Appropriateness')}
-{it.L('Investment Products to EEA residents are provided by Deriv Investments (Europe) Limited ("DIEL"), which is authorised and regulated by the Malta Financial Services Authority under the Malta Investment Services Act to deal on own account in Investment Products.')}
-{it.L('Before the Company opens an account for the client in which the client can trade or invest in Investment Products with DIEL, the Company is required to make an assessment of whether products or services that the client has chosen are appropriate for the client and to warn the client if, on the basis of the information that the client has provided to the Company, any such product or service is deemed not appropriate for the client. Any decision to open an account and to use the Company\'s products or services is the client\'s. It is the client\'s responsibility to understand the risks involved with the Company\'s products or services.')}
-{it.L('During the application process, the Company may ask the client for information about the client\'s background, experience, and investment assets and earnings. The Company does not monitor on the client\'s behalf whether the amount of money that the client has sent to the Company or the client\'s profits or losses are consistent with that information. It is up to the client to assess whether the client\'s investment resources are adequate for the client\'s investment activity with the Company and the client\'s risk appetite in the products and services that the client uses.')}
- -{it.L('Need to monitor positions')}
-{it.L('It is important that the client monitors all of the client\'s positions closely. It is the client\'s responsibility to monitor the client\'s positions, and during the period that the client has any open contracts, the client should always have the ability to access the client\'s accounts.')}
- -
-
-
- {it.L('Default')}
-{it.L('Since DIEL is a member of the Malta Investor Compensation Scheme, the client is covered for the first €20,000 of any claim that the client may have in the unlikely event of DIEL suffering an investment default and not being able to meet its obligations. This protection is available only to retail clients. Neither professional clients nor eligible counterparties can benefit from this protection.')}
-{it.L('Contract risks')}
-{it.L('The client should not trade or invest in binary options unless the client knows and understands the products\' risks involved and that the client may lose all the money invested.')}
-{it.L('"Binary" or "digital" options are options that pay a pre-determined, fixed amount, depending on whether or not an event occurs at the time the Binary Option expires. binary options can have only one of two possible outcomes and allow the client to take a simple "Yes or No" approach. Like traditional options, binary options are based on an underlying asset such as currencies, commodities, or stock indices; however, one of the most significant differences between binary options and traditional options, among others, is that there can only be two outcomes for the option, either the client is paid the return upon the occurrence of the event, or the client loses the investment amount as determined in each option.')}
-{it.L('Trading in binary options is speculative and involves a high degree of risk that can result in the loss of the client\'s entire investment. Therefore, trading in binary options is appropriate only for persons that understand and are willing to assume the economic, legal, and other risks involved in such transactions. The client should be satisfied that binary options trading is suitable for the client in light of the client\'s investment circumstances and attitude towards risk before trading. The client should not engage in speculative binary options trading unless the client understands the basic aspects of such trading and its risks. If the client is in any doubt as to whether Binary Option trading is appropriate and suitable for the client, the client should seek independent advice from an investment consulting professional. [_1] does not provide such advice. It is the client\'s responsibility, taking into account the client\'s personal circumstances and investment resources, to take particular care and make careful considerations independently, both prior to applying to engage in binary options with [_1] and prior to making any individual order. Where the client does not understand the risks involved in applying for a trading account with [_1] or in making any individual order, the client should seek advice and consultation from an independent investment advisor. If the client continues to not understand the risks involved in trading in binary options, the client should not trade at all.', it.website_name)}
-{it.L('The client is advised that the binary options offered by [_1] are not traded under the rules of any recognised, designated, or regulated exchange. Consequently, engaging in binary options trading may expose the client to substantially greater risks than the investments that are so traded.', it.website_name)}
-{it.L('The client is warned of the following additional risks:')}
-{it.L('Derivative investment instruments such as binary options and related markets can be highly volatile. The prices of the underlying instrument that a Binary Option refers to may fluctuate rapidly and over wide ranges and may reflect unforeseeable events or changes in conditions, none of which can be controlled by the client or [_1].', it.website_name)}
-{it.L('[_1] tries to maintain a reasonable relation between the quoted prices of each underlying asset that a Binary Option refers to and the actual market prices of such an asset. [_1] makes no warranty, expressed or implied, that the quoted prices represent prevailing market prices.', it.website_name)}
-{it.L('[_1] may have access to information that is not available to the client, may have acquired trading positions at prices that are not available to the client, and may have interests different from the client\'s interests. [_1] does not undertake any obligation to provide the client with market or other information that the Company possesses, nor to alter or refrain from the Company\'s own trading.', it.website_name)}
-{it.L('Information of the previous performance of any underlying instrument or asset does not guarantee its current and/or future performance. Past performance is not a reliable indicator of future results.')}
- -{it.L('Risks of Investment Products')}
-{it.L('Investing or trading in contracts exposes the client to the performance of the underlying or reference instrument or asset to which the Binary contract refers, including foreign exchange, stock indices, and commodities, each of which have their own features and risks.')}
-{it.L('Exchange rate risk: Exchange rates between foreign currencies can change rapidly due to a wide range of economic, political, and other conditions, exposing the client to the risk of exchange rate losses in addition to the inherent risk of loss from trading the underlying Investment Product. If the client deposits funds in a currency to trade contracts denominated in a different currency, the client\'s gains or losses on the underlying investment may be affected by changes in the exchange rate between the currencies.')}
-{it.L('Other risks: There are other risks related to trading Investment Products and foreign currencies that cannot be described in detail in this document. Generally, however, securities, options, and currency transactions involve exposure to a combination of the following risk factors: market risk, credit risk, settlement risk, liquidity risk, operational risk, and legal risk. For example, there can be serious market disruptions if local or overseas economic, political, or other unforeseen events affect the market. In addition to these types of risk, there may be other factors such as accounting and tax treatment issues that the client should consider.')}
- -{it.L('Market opinions')}
-{it.L('All opinions, news, research, analysis, prices, or other information contained on this website are provided as general market commentary and do not constitute investment advice. [_1] will not accept liability for any loss or damage, including, but without limitation to, any loss of profit that may arise directly or indirectly from the use of, or reliance on, such information.', it.website_name)}
- -{it.L('Internet trading risks')}
-{it.L('There are risks associated with utilising an Internet-based deal execution trading system, including, but not limited to, the failure of hardware, software, and Internet connection. Since [_1] does not control signal power, its reception or routing via Internet, the configuration of the client\'s equipment, or the reliability of its connection, the Company cannot be responsible for communication failures, distortions, or delays during online trading.', it.website_name)}
- -{it.L('Accuracy of information')}
-{it.L('The content on this website is subject to change at any time without notice and is provided for the sole purpose of assisting traders in making independent investment decisions. [_1] has taken reasonable measures to ensure the accuracy of the information on the website.', it.website_name)}
- -{it.L('Costs and charges')}
-{it.L('The Company\'s costs and charges for depositing and withdrawing money are set out [_1]here[_2]. The client should be aware of all costs and charges that apply to the client because they will affect the client\'s profitability.', ``, '')}
-
-
-);
-
-export default Tac;
diff --git a/src/templates/static/legal/tac_sections/biel.jsx b/src/templates/static/legal/tac_sections/biel.jsx
deleted file mode 100644
index e29c6b62a04..00000000000
--- a/src/templates/static/legal/tac_sections/biel.jsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-
-const Biel = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default Biel;
diff --git a/src/templates/static/legal/tac_sections/tac.jsx b/src/templates/static/legal/tac_sections/tac.jsx
deleted file mode 100644
index f9cddb03bd0..00000000000
--- a/src/templates/static/legal/tac_sections/tac.jsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import React from 'react';
-
-const Tac = () => (
- {it.L('Supplementary terms and conditions for Financial Products offered by Deriv Investments (Europe) Ltd')}
-{it.L('These supplementary terms and conditions (these "ST&Cs") apply solely to the client of Deriv Investments (Europe) Limited ("DIEL") and will govern the relationship between clients and DIEL when trading Financial Products (as defined in the Key information documents [_1]here[_2]) with DIEL.', ``, '')}
-{it.L('These ST&Cs form part of, and need to be read together with, the general terms and conditions relating to the use of [_1].', it.website_name)}
-{it.L('Clients should read these ST&Cs carefully as well as the Summary order execution policy and Summary conflicts policy, the applicable Contract details together with the Risk disclosure notice and any other documents that DIEL has supplied or in the future supplies to clients.')}
-{it.L('These ST&Cs begin to apply on the date DIEL opens the client\'s account, and, for any new versions after that, on the date DIEL notifies the client.')}
-{it.L('DIEL has the duty to disclose all the circumstances that are material to the product or services that it provides to the clients before and during the provision of such product and/or service. DIEL is obliged to do so in accordance with its licensed activities.')}
- -{it.L('About DIEL and DIEL\'s regulator')}
-{it.L('DIEL is a company established in Malta under registration number C70156 and having its registered office at W Business Centre, Level 3, Triq Dun Karm, Birkirkara, BKR 9033, Malta.')}
-{it.L('DIEL is authorised and regulated by the Malta Financial Services Authority ("MFSA") under the Investment Services Act (Cap. 370, Laws of Malta) (the "Act") to carry on investment business. It is also authorised and subject to limited regulation by the Financial Conduct Authority in the UK. Details about the extent of our authorisation and regulation by the Financial Conduct Authority are available from us on request. DIEL is authorised by the MFSA to deal on own account (i.e. offer and act as counterparty to trades) and to execute orders on behalf of other clients; both services are in relation to financial derivative products relating to foreign exchange, indices and other financial products or assets ("Financial Products"). DIEL is not authorised to and does not offer investment, financial, legal, tax, regulatory, and/or other types of advice or state an opinion in relation to a Transaction under any circumstances. Clients should get independent advice from an investment adviser if they have any doubts about dealing in financial products.')}
-{it.L('Deriv Investments (Europe) Limited is a company established in Malta, at W Business Centre, Level 3, Triq Dun Karm, Birkirkara BKR 9033. It is licensed in Malta and regulated by the Malta Financial Services Authority, Triq l-Imdina, Zone 1, Central Business District, Birkirkara CBD 1010, Malta, under the Investments Services Act to provide investment services in the European Union.')}
-{it.L('DIEL is authorised by the MFSA to deal on own account (i.e. offer and act as counterparty to trades) and to execute orders on behalf of other clients; both services are in relation to financial derivative products relating to foreign exchange, indices and other financial products or assets ("Financial Products"). DIEL is not authorised to and does not offer investment, financial, legal, tax, regulatory, and/or other types of advice or state an opinion in relation to a Transaction under any circumstances. Clients should get independent advice from an investment adviser if they have any doubts about dealing in financial products.')}
-{it.L('From time to time, DIEL may decide to provide the client with written or video information, which DIEL may publish on its website or provide to the client in any other manner. DIEL will endeavour to ensure the accuracy and completeness of this information, but it will not constitute independent investment research or investment advice provided by DIEL to the client.')}
-{it.L('In providing these services, DIEL is bound by the Act, any applicable regulations, by-laws, licence conditions, guidelines, exchange requirements, and other provisions or market practices (the "Rules"). In the event of conflict between these ST&Cs and the Rules, the latter should prevail.')}
- -{it.L('Restrictions')}
-{it.L('Residents of countries that have been identified by the FATF as having strategic deficiencies shall be restricted from opening an account with Deriv Investments (Europe) Limited.')}
- -{it.L('Client classification')}
-{it.L('Under the Rules, clients may be categorised into one of the following three categories:')}
--
-
- {it.L('Retail clients')} -
- {it.L('Professional clients')} -
- {it.L('Eligible counterparties')} -
{it.L('The level of protection offered and due to each client depends on the category to which each client is assigned. Retail clients benefit from the highest degree of protection. The Company will assess the client\'s knowledge and experience versus the appropriateness of the requested service/investment product.')}
--
-
-
-
{it.L('Retail clients')}
-{it.L('Unless otherwise advised, DIEL shall treat a client as a retail client. Clients may also request, by writing to DIEL, to change the category in which they have been classified, and this may have an effect on the level of protection afforded to them. DIEL will assess the client\'s knowledge and experience versus the appropriateness of the requested service/investment product.')}
-{it.L('Clients hereby declare that they are dealing with DIEL outside the scope of their economic or professional activity, and DIEL will therefore treat the client as an individual retail client for the purposes of EMIR compliance, unless advised otherwise.')}
-
- -
-
{it.L('Professional clients')}
-{it.L('If the client asks to be treated as a professional client, they need to meet certain specified quantitative and qualitative criteria. On the basis of the client\'s request to be categorised as professional, the Company undertakes an assessment of the client\'s expertise, knowledge, and experience to determine whether they fall within this category and whether they are able to make their own investment decisions and understand the risks involved. If the relevant criteria are not met, the Company reserves the right to choose whether to provide its services under this requested classification.')}
-{it.L('Professional clients are offered the possibility to request reclassification, and thus increase the level of regulatory protection afforded, at any time during the relationship.')}
-{it.L('DIEL shall not be obliged to provide professional clients with the following:')} -
-
-
- {it.L('Assessment of appropriateness of the requested service or product as DIEL assumes that the client appreciates the risks associated with such investment services and products offered by the Company')} -
- {it.L('Risk warnings and notices related to Transactions and investments in the proposed instruments')} -
- {it.L('Educational material')} -
- {it.L('Compensation under Investor Compensation Scheme')} -
- -
-
{it.L('Eligible counterparties')}
-{it.L('When a client is classified as an Eligible Counterparty, DIEL shall not provide them with')} -
-
-
- {it.L('Best execution requirements')} -
- {it.L('Assessment of appropriateness of the requested service or product, as DIEL assumes that the client appreciates risk disclosures associated with the requested investment services and products offered by the Company')} -
- {it.L('Risk warnings and notices related to the client\'s Transactions')} -
- {it.L('Client reporting')} -
- {it.L('The Investor Compensation Scheme')} -
-
{it.L('DIEL reserves the right to accept or refuse any requests for change in classification.')}
-{it.L('DIEL is entitled under the Rules to rely upon information provided by clients. Clients should ensure that they provide DIEL with accurate and complete information and notify DIEL in the event that any information supplied to DIEL changes. Clients should note that if they provide DIEL with inaccurate information, or if they fail to notify DIEL of any changes to information previously supplied by them, this may adversely affect the quality of the services that DIEL can provide.')}
-{it.L('Clients are also advised that their rights may be prejudiced if they provide the wrong information as the Company would not be in a position to act in their best interests.')}
- -{it.L('Appropriateness test')}
-{it.L('In the course of provision of services, DIEL shall, where applicable, conduct an appropriateness test in order to determine whether, in DIEL\'s view and on the basis of the information provided by the client, the client has the necessary knowledge and experience in the investment field to understand the risks involved in the specific type of product or service offered or demanded.')}
-{it.L('Where DIEL considers, on the basis of the information provided by the client that the client does not possess the knowledge and experience to appreciate the risks associated with an investment in the proposed instrument, DIEL will issue a warning to the client. Such a warning shall be displayed on the website.')}
-{it.L('Where DIEL does not manage to obtain sufficient information to assess the appropriateness of the product or service for the client, DIEL will similarly inform the client that DIEL is not in a position to assess appropriateness.')}
- -{it.L('Best execution policy')}
-{it.L('Subject to any specific instructions which may be provided by the client, when executing client orders, DIEL will take all reasonable steps to obtain the best possible results for the client. The best possible results will be determined in terms of total consideration, that is, the price of the instrument and the costs related to execution, which shall include all expenses incurred by the client that are directly related to the execution of the order.')}
-{it.L('Other best execution factors, such as speed of execution, likelihood of execution and settlement, size, nature, or any other considerations relevant to the execution of a particular order, may also be applied by DIEL in order to obtain the best possible results for the client.')}
-{it.L('Since DIEL exclusively deals on own account in Financial Products, this means that DIEL acts as the execution venue, and accordingly all transactions entered into with DIEL will be executed outside a regulated market (stock exchange) or multilateral trading facility.')}
-{it.L('The full version of DIEL\'s best execution policy is available on request.')}
- -{it.L('Clients\' money')}
-{it.L('Monies deposited by clients with DIEL in advance of a trade or pending withdrawal is treated by DIEL as clients\' money. DIEL holds such monies in pooled or omnibus clients\' money bank accounts opened with banks or other institutions ("Institutions"), segregated from DIEL\'s own money. Such clients\' money bank accounts may be opened with EEA Institutions or Institutions outside the EEA. Where clients\' money is held with non-EEA Institutions, this means that such accounts will be subject to laws other than those of an EEA member state and clients\' rights may differ accordingly.')}
-{it.L('The Financial Products that DIEL offers to deal in are contracts entered into between clients and DIEL. Under these contracts and subject to the specific terms of the relevant contract, in consideration for the premium or price that clients pay DIEL, DIEL promises to pay clients a certain amount if the reference assets or measurements perform in a particular manner. These contracts accordingly are not instruments that DIEL holds on clients\' behalf and neither benefits from clients\' assets protection in the event of DIEL\'s insolvency. Similarly, the premium or price that clients pay to take out a trade is not held as clients\' money but as consideration for DIEL\'s undertaking to pay.')}
-{it.L('The client acknowledges and agrees to the following:')} -
-
-
- {it.L('The Company will not pay interest on the client money.')} -
- {it.L('Where the client\'s obligations to the Company are due and payable, the Company shall cease to treat as client money the amount equal to the amount of such obligations.')} -
- {it.L('The Company may use the client money for the purposes of meeting obligations that are incurred by the Company in connection with the margining, guaranteeing, securing, transferring, adjusting, or settling of the client\'s dealings in derivatives.')} -
{it.L('Investor Compensation Scheme')}
-{it.L('DIEL forms part of [_1]the Investor Compensation Scheme[_2] (the "Scheme"), which is a rescue fund for investors that are clients of failed investment firms licensed by the MFSA. The Scheme covers 90% of the Company\'s net liability to a client in respect of investments that qualify for compensation under the Investment Services Act subject to a maximum payment to any one person of €20,000. The Scheme is based on EC Directive 97/9.', '', '')}
-{it.L('Cover is made available on the basis of the depositor rather than on the basis of the number of deposits, meaning that if an individual has multiple accounts, they will only be covered up to €20,000 on the global amount. Any other amount exceeding such a threshold is not protected and will thus have to be borne by the investor.')}
-{it.L('Professional clients and eligible counterparties do not fall within the scope of the Investor Compensation Scheme.')}
- -{it.L('Governing law and jurisdiction')}
-{it.L('These ST&Cs are to be governed by and construed in accordance with Maltese law and the parties hereto agree to submit to the non-exclusive jurisdiction of the Maltese courts.')}
-
-
-);
-
-export default Tac;
diff --git a/src/templates/static/legal/tac_sections/trading_rules.jsx b/src/templates/static/legal/tac_sections/trading_rules.jsx
deleted file mode 100644
index e1c6c9b4f82..00000000000
--- a/src/templates/static/legal/tac_sections/trading_rules.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-
-const TradingRules = () => (
- {it.L('Terms and conditions')}
-{it.L('Version 49. Last modified 23-11-2020.')}
-{it.L('It is the responsibility of each client to read and understand this legal notice and the terms and conditions ("Terms") pursuant to which an acquisition of financial contracts via this site is governed.')}
- -A. {it.L('Interpretation')}
-- {it.L('Depending on the jurisdiction to which a client\'s account has been attached in accordance with the account opening procedures of the website and as detailed in the About us section of the website and the type of products offered, the term "the Company" shall denote,')} - {it.L('Deriv (SVG) LLC,')} - {it.L('Deriv (Europe) Limited,')} - {it.L('Deriv Investments (Europe) Limited, or')} - {it.L('Deriv (MX) Ltd.')} -
-{it.L('These terms and conditions may be supplemented from time to time by supplementary terms and conditions applicable to a particular Company or products.')}
- -B. {it.L('Introduction')}
-{it.L('The financial trading services contained within this site are only suitable for clients who are able to bear the loss of all the money they invest and who understand and have experience of the risks involved in the acquisition of financial contracts.')}
-{it.L('International currency or commodity prices are highly volatile and very difficult to predict. Due to such volatility, plus the bias in the pricing system favouring the website (as described in more detail below), no financial contract purchased in our system (whether or not the payout exceeds the premium amount) can be considered a safe contract.')}
-{it.L('The maximum loss that may be incurred by any client is the amount of money paid by the client to the Company.')}
-{it.L('The Company reserves the right in its sole discretion to refuse and/or cancel services and charge deposit and/or withdrawal fees to anyone for any reasons including, but not limited to the following:')}
--
-
- {it.L('Any instance where the Company believes that that person\'s activities at this site may be illegal in that person\'s country or state')} -
- {it.L('Any instance where the Company may be approached or contacted by legal authorities or regulators from that person\'s country or state')} -
- {it.L('Any instance where the Company may suffer any pecuniary, fiscal, or regulatory disadvantage by virtue of that person\'s activities at this site')} -
- {it.L('Any restriction to its clients from purchasing any contracts during certain hours')} -
C. {it.L('Languages')}
-{it.L('These terms and conditions are provided in several different languages for clients\' convenience; however, these translations do reflect the same principles. The Company attempts, as much as possible, to provide a faithful translation in English of the official language of several countries. In the event of any differences between the English version of the website and any other language, the English version shall prevail.')}
-{it.L('The client may communicate with the Company through this website or by means of e-mail, phone or, exceptionally, by post. Details can be found in the Contact us page.')}{it.L(' All calls are recorded for training and monitoring purposes.')}
-{it.L('Generally the Company will communicate with the client through this website or by email to the email address given by the client upon account opening. The Company will communicate with the client in English or, if another preferred language is selected at account opening, in that language.')}
-{it.L('In cases where the client uses excessive anti-spam filtering which requires the Company to pay a fee in order to send a reply or a notification to the client, the Company will try to find an alternative way to communicate with the client but will not pay the requested fees to do so.')}
- -D. {it.L('Governing laws and jurisdiction')}
-{it.L('It is the responsibility of clients accessing this site to make sure that they understand and fully follow the relevant laws and regulations of their own country. The Company does not support any offerings or make any solicitations that are illegal in a client\'s country, and clients cannot use their account for such prohibited offerings. In some countries, the Company may not be permitted to offer products and services to clients unless they have taken proactive steps to solicit information about the Company\'s products and services and requested to be provided with them. Access to this site and the offering of certain trades via this site may be also restricted in some jurisdictions. It is the client\'s responsibility to know about the restrictions that apply in the client\'s country of residence and to observe them, as in continuing to access the Company\'s products and services, the client represents to the Company that the client is doing so legally and that, where relevant, the client has solicited information about the Company\'s products and services and requested to be provided with them.')}
-{it.L('Depending on where the client lives, the client\'s account will be governed by the laws of the country of incorporation of the company that the client\'s account is registered with as set out below. If the client has registered more than one account with more than one company, each account will be governed by the law of the country of incorporation of the company that each individual account has been registered with. The client agrees to submit to the applicable jurisdiction\'s courts and bring any claim the client may have before them. These courts will have sole authority to settle any disputes that may arise between the client and the Company.')}
-{it.L('If a court or regulatory body of competent jurisdiction declares any provision of the Terms to be invalid or unenforceable, the rest of the Terms shall remain in full force and effect.')}
-{it.L('The applicable jurisdiction shall be one of the following:')}
--
-
- {it.L('Deriv Investments (Europe) Limited and Deriv (Europe) Limited: Malta')} -
- {it.L('Deriv (MX) Ltd: the Isle of Man')} -
- {it.L('Deriv (FX) Ltd: Labuan, Territory of Malaysia')} -
- {it.L('Deriv (BVI) Ltd: British Virgin Islands')} -
- {it.L('Deriv (V) Ltd: Vanuatu')} -
- {it.L('Deriv (SVG) LLC: St. Vincent and the Grenadines')} -
- {it.L('Champion Group Ltd: Vanuatu')} -
E. {it.L('Contracts')}
-{it.L('The Company does not provide a market amongst or between clients for investments, securities, derivatives, or speculations. Each financial contract purchased by a client via this site is an individual agreement between that client and the Company and is not a security, nor is it transferable, negotiable, or assignable to, or with, any third party.')}
-{it.L('Acquisition of financial contracts through this site must be effected in accordance with the terms and conditions presented on the pages of this site. Acquisition of a financial contract is completed when the financial contract has been customised, the premium (or the payout, as the case may be) has been calculated, and payment has been verified.')}
- -F. {it.L('Client\'s liability')}
-{it.L('Clients agree to be fully and personally liable for the due settlement of every transaction entered into under their account with the Company. This includes any transactions entered into by members of the client\'s family or entourage who have gained access to the account. Clients are responsible for ensuring that they alone control access to the account, and that no minors are granted access to trading on the website. In any case, clients remain fully liable for any and all positions traded on their account and for any credit card transactions entered into the site for their account. Each client also indemnifies the Company against all costs and losses of any kind whatsoever, as may be incurred by the Company as a result, direct or indirect, of the client\'s failure to perform or settle such a transaction.')}
-{it.L('[_1]In regard to customers of Deriv (MX) Ltd, online gambling debts are enforceable by law in the Isle of Man.[_2]', '', '')}
-{it.L('If the client deposits funds via credit or debit card, the client agrees to email or call the Company before placing a chargeback or a retrieval request so the Company can try to retrieve the funds for the client.')}
-{it.L('If the payment processor sends the Company a chargeback or retrieval notification, the Company reserves the right to suspend any or all of the client’s accounts and place a temporary hold on the funds available in it. In that case, any or all of the client’s accounts may remain suspended until the completion of the entire chargeback investigation. The same might apply if the client’s transacting bank initiates the chargeback or retrieval request without the client’s knowledge.')}
-{it.L('If the Company suffers a loss as a result of a chargeback or retrieval request, the client agrees to reimburse the Company the amount before the Company lifts off any limits imposed on any or all of the client’s accounts.')}
- -G. {it.L('Customer funds')}
-{it.L('Money collected from clients is not invested in any securities, futures, currencies, derivatives or other investments, on behalf of clients.')}
-{it.L('The Company is required by its licence to inform clients about what happens to the funds that the Company holds on account for clients, and the extent to which funds are protected in the event of insolvency. To learn more, please refer [_1]here[_2].', - '', '')} -
-{it.L('The Company holds customer funds in bank accounts separate from the operational accounts. Deriv (MX) Ltd & Deriv (Europe) Limited have arrangements in place so that in the event of insolvency they are able to meet their obligations to clients. These arrangements are in the form of a loan agreement between each respective company and the parent company, Deriv Limited, this loan will always at minimum cover the client liabilities. This meets the Gambling Commission\'s requirements for the segregation of customer funds at the level of medium protection.')}
-{it.L('The Company has various deposit methods available, each with its own timing for deposits, some of which might not be available for withdrawals. Full details of available methods for deposits and withdrawals, including settlement times, can be seen [_1]here[_2].', - ``, '')} -
-{it.L('A client should not use the client\'s account as a banking facility, and deposits should only be made with a view to using funds to place contracts. The Company is not a financial institution, and the client will not receive interest on deposits. Should a client make repeated deposits and withdrawals without placing commensurate contracts, the Company reserves the right to pass on to the client\'s account, without prior notice, any bank charges the Company has incurred before closing the account. The Company also reserves the right to reject the client\'s payouts without prior notice.')}
-{it.L('Transfers between Binary fiat and cryptocurrency accounts are allowed up to a maximum of 2,500.00 USD or equivalent. Fiat and cryptocurrency transfers are also allowed between Binary and MT5 accounts. Charges may apply for every successful transaction.')}
- -H. {it.L('Refund policy')}
-{it.L('The Company offers a number of merchant solutions and payment service providers for making online payments. The client will be billed at the time of, or shortly after, making a transaction. The client agrees to pay for all trades that the client purchases via any of the available merchant solutions or payment service providers.')}
-{it.L('All sales of trades are final. The Company does not refund the price charged for entering a trade if the trade is executed.')}
-{it.L('If a trade becomes unavailable after the transaction is made but before the trade is executed, the client may request a refund of the charged price. The Company reserves the right to accept or reject the client’s request after investigating the client’s claim. If technical problems prevent the execution of a trade, for example, if a disruption occurs in the data feeds that the Company cannot readily fix, the Company reserves the right to refund or reverse the trade.')}
-{it.L('Any request for a deposit refund for active accounts will be automatically rejected. If the Company has closed, blocked, or suspended the client’s account (see Section J. Fraud and money laundering), the client may request a refund of the client’s deposit. The Company reserves the right to accept or reject the client’s request after investigating the client’s claim. ')}
- -I. {it.L('Prohibited trades')}
-{it.L('The Company reserves the right to refuse to do business with, to discontinue to do business with, and to reverse the transactions of clients who engage in any trading activity')}
--
-
- {it.L('That contravenes any laws, regulations, instruments, ordinances, or rules that govern the operation of any exchange, financial market, or financial regulatory environment')} -
- {it.L('Where the client makes any false or misleading representation to the Company breaching the clauses under Governing laws and jurisdiction')} -
- {it.L('With insider knowledge of any financial market or instrument')} -
{it.L('The Company has the discretion to seek information from clients to verify compliance with these terms.')}
-{it.L('The following are conditions of using the website:')}
--
-
- {it.L('Any client that is employed in the banking and/or finance sector must only conduct trades through the website with the knowledge of his/her employer and in accordance with the employer\'s policies.')} -
- {it.L('Clients agree to comply with the reasonable requests made by the Company for the purpose of verifying compliance with this term.')} -
{it.L('The Company may withhold payment of funds accumulated in a client\'s account while it takes steps to verify compliance with these terms.')}
-{it.L('If the Company (in its sole discretion) is not satisfied that a client is complying with these terms, or if a client does not comply with a reasonable request for information made by the Company, the Company may cancel the client\'s account and withhold any funds accumulated therein.')}
- -J. {it.L('Fraud and money laundering')}
-{it.L('No person shall abuse this site for the purpose of money laundering. The Company employs best-practice anti-money laundering procedures. All transactions are checked to prevent money laundering, which may have several effects on clients. The Company reserves the right to refuse to do business with, to discontinue to do business with, and to reverse the transactions of clients who do not accept or adhere to these anti-money laundering processes. Acceptable funds should not originate from criminal activity. The Company is bound to report suspicious transactions to relevant authorities.')}
-{it.L('The anti-money laundering processes have the following effects on clients:')} -
-
-
- {it.L('Clients must register personally.')} -
- {it.L('Clients must fill into the account opening form all requested details that establish their identity. Clients must give a valid identification, address, contact email address, and personal telephone number.')} -
- {it.L('The Company may, at its sole discretion or as required by regulations in place conduct appropriate "Know Your Customer" (KYC) procedures and require a client to provide proof of identity and suspend an account until satisfactory evidence of identity and address, source of funds, and/or source of wealth have been provided.')} -
- {it.L('In order for a UK resident to make use of the virtual account, the client will first have to be age-verified. The client will also need to be fully verified before making use of the real money account. Verification can be done electronically or through submission of KYC documents.')} -
- {it.L('Requested KYC documentation could include')}
-
-
-
- {it.L('Proof of identity – such as ID card, passport or driving licence')} -
- {it.L('Proof of address – such as bank statements/ building society statement or utility bills (mobile phone bills are unacceptable)')} -
- {it.L('Proof of wealth / Source of funds – such as payslips or bank statements')} -
- - {it.L('If such documents expire, the Company reserves the right to request updated documentation.')} -
- {it.L('The Company also reserves the right to request documentation pertaining to any other legal obligation.')} -
- {it.L('Clients agree that the Company may use personal information provided by them in order to conduct appropriate anti-fraud checks. The personal information that clients provide may be disclosed to a credit reference or fraud prevention agency, which may keep a record of that information.')} -
- {it.L('Withdrawals may only be paid to the initiator of an account. When a client maintains an account by means of telegraphic deposits, withdrawals are only paid to the holder of the originating bank account, and it is the onus of the client to ensure that account number and name accompany all transfers to the Company. When a client maintains an account by means of credit/debit card deposits, withdrawals are only paid back to the same card.')} -
- {it.L('Clients shall not hold or pool third-party funds into their own account held with the Company.')} -
- {it.L('It is prohibited to sell, transfer, and/or acquire accounts to/from other clients. Transfer of funds among other clients is also prohibited.')} -
- {it.L('Only one account is allowed per person. No withdrawals and/or refunds may be collected on accounts opened in false names or on multiple accounts opened by the same person.')} -
- {it.L('The Company has the right and obligation not to accept the information provided by clients if the Company knows or has a reason to believe that it is incorrect, inaccurate, or incomplete. In such cases, the Company may ask clients to clarify or correct the details provided.')} -
K. {it.L('Company\'s rights')}
-{it.L('The Company does not tolerate any form of inappropriate behaviour. This includes the usage of offensive language. The Company reserves the right to restrict or terminate the client\'s account if there is any form of inappropriate behaviour on the client\'s part.')}
-{it.L('The Company reserves the right to suspend the operation of this site or sections thereof in the following cases:')} -
-
-
- {it.L('When, as a result of political, economic, military, or monetary events (including unusual market volatility or illiquidity) or any circumstances outside the control, responsibility, and power of the Company, the continued operation of this site is not reasonably practicable without materially and adversely affecting and prejudicing the interests of clients or the Company, or if, in the opinion of the Company, a price cannot be calculated for financial contracts')} -
- {it.L('When there is a breakdown in the means of communication normally employed in determining the price or value of any of the financial contracts or where the price or value of any of the financial contracts cannot be promptly or accurately ascertained')} -
- {it.L('In any event of an error in current prices, published odds, or trading software')} -
{it.L('The Company has and retains the right to terminate any event or trade including, but not limited to, the occurrence of any of the above events.')}
-{it.L('In all circumstances, the Company reserves the right to make changes to these terms and conditions. If the Company elects to make any material changes to these terms and conditions, clients will be notified in advance and shall either accept or decline to agree. Declining to agree shall result in a material breach of this agreement and the client\'s account may be frozen, suspended, or cancelled. However, the client shall be allowed to withdraw any pending balance on account subject to KYC verification.')}
-{it.L('In such an event, the Company may at its sole discretion (with or without notice) close out the client\'s open financial contracts at prices it considers fair and reasonable.')}
-{it.L('Further, the Company, under the above circumstances, or any other, reserves the right to adjust a client\'s account should any trade result in disruption or in a miscarried or aborted trade.')}
-{it.L('Although the Company has and retains all rights to refuse or to close a client\'s account, the Company does warrant that all contractual obligations already made, shall be honoured.')}
-{it.L('The Company reserves the right to cancel/reverse transactions or amend the contractual terms (including, but not limited to, entry and exit spot) in the case that any contracts are acquired or sold at prices that do not reflect fair market prices or that are acquired or sold at an abnormally low level of risk due to an undetected programming error, bug, or glitch in the Company website software, market data feed or contract pricing latency, data feed error, stray quotes, incorrect pricing parameters, manifest mis-calculation of prices, or other obvious errors ("Manifest Errors"). Clients have a duty to report to the Company any such problems, errors, or suspected system inadequacies that they may experience and may not abuse, or arbitrage based on, such system problems or errors for profit. The Company will endeavour to resolve any such difficulties in the shortest time possible. Any amendments to the contractual terms (including, but not limited to, entry and exit spot) of Manifestly Erroneous contracts shall be reasonable and fair. Monies exchanged between the client and the Company in connection with Manifestly Erroneous contracts shall be returned to the recipient according to the amendments made to the contractual terms (including, but not limited to, entry and exit spot).')}
-{it.L('Clients with insider knowledge of any financial market or instrument are prohibited from trading at this website.')}
-{it.L('Any information given on these pages, and/or emails or newsletters sent by the Company related thereto, is not intended as financial or investment advice and the Company will not accept any liability in this respect.')}
-{it.L('The right is also reserved to amend or change the rules and scope of this service from time to time. Any change to the rules made whilst the site is in operation will not apply retrospectively and will only apply to acquisitions of financial contracts made after such a change. It is the Company\'s responsibility to notify clients before any changes to its terms come into effect.')}
- -L. {it.L('Dormant and inactive accounts')}
-{it.L('The company reserves the right to charge a dormant fee of up to 25 USD/EUR/AUD/GBP or equivalent of USD25 in any other currency as calculated in accordance with the current exchange rate published by www.xe.com, or any other recognised data provider, as on the date of charging of the fee, every 6 months for every client account that has had no transaction recorded for over 12 months.')}
-{it.L('The company reserves the right to charge a dormant fee of up to 25 USD/EUR/GBP every six months for every client\'s account that has had no transaction recorded for over 12 months. Clients will be notified before the fee is deducted from the account. Clients need to contact our helpdesk to recover funds from inactive, closed, blocked, or excluded accounts.')}
-M. {it.L('Liability')}
-{it.L('Save in case of negligence, fraud, or default by the Company, the Company will not be liable in any way to any clients in the event of force majeure, or for the act of any government or legal authority, or for the failure of or damage or destruction to its computer systems, data, or records, or any part thereof, or for delays, losses, errors, or omissions resulting from the failure or mismanagement of any telecommunications, computer equipment, or software by the client or any damages or losses deemed or alleged to have resulted from, or been caused by, this site or its content.')}
- -N. {it.L('Marketing and promotion')}
-{it.L('The Company may from time to time inform clients about changes on the website, new services, and promotions. If, however, the client wishes to opt out of such a service and does not wish to receive any direct marketing data, the client can either unsubscribe from the service directly or email the Company\'s customer support team. If the client decides to opt in again into receiving promotional material, the client can also do so by contacting the customer support team.')}
- -O. {it.L('Account opening')}
-{it.L('A client may only open an account on this site on the following conditions:')} -
-
-
- {it.L('The client has read this legal Terms and conditions page in full and understood that the client will be buying and selling contracts subject to these terms and conditions.')} -
- {it.L('The client has read the Company\'s privacy statement and is aware of how the Company processes information.')} -
- {it.L('The client is over 18 years of age, unless the client is an Estonian resident whereby the client would have to be over 21.')} -
- {it.L('The client is not resident in a restricted country such as Canada, Hong Kong, Israel, Jersey, Malaysia, Malta, Paraguay, Rwanda, the United Arab Emirates, the USA, or any other restricted country that has been identified by the FATF as having strategic deficiencies.')} -
- {it.L('The client has sufficient experience and knowledge in matters of financial trading to be capable of evaluating the merits and risks of acquiring financial contracts via this site and has done so without relying on any information contained on this site.')} -
P. {it.L('Account closure')}
-{it.L('The client may choose to contact the Company to close the client\'s account held with the Company. The client\'s account may be closed if the client does not have any open trade positions and if the client has complied with the requested "Know Your Client" procedures to enable the client to withdraw any pending funds in the client\'s account.')}
-{it.L('Due to the responsibilities under responsible gaming, [_1] reserves the right to assess and safeguard the client\'s account by excluding the client definitely or indefinitely, based on the company\'s client assessment.', it.website_name)}
-
-
-);
-
-export default TradingRules;
diff --git a/src/templates/static/legal/terms_and_conditions.jsx b/src/templates/static/legal/terms_and_conditions.jsx
deleted file mode 100644
index a5622f1f91d..00000000000
--- a/src/templates/static/legal/terms_and_conditions.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import Biel from './tac_sections/biel.jsx';
-import Tac from './tac_sections/tac.jsx';
-import TradingRules from './tac_sections/trading_rules.jsx';
-
-const Section = ({
- id = '',
- link_id,
- className = '',
- children,
- sectionNum,
-}) => (
-
-);
-
-const TermsAndConditions = () => (
- {it.L('Trading rules')}
-{it.L('The Company may impose certain rules and restrictions on the placing of market orders on this website. Such rules may change from time to time, according to market conditions and other factors. The following indicative rules are currently in place:')} -
-
-
- {it.L('Contracts will not usually be offered at odds under 0.05 to 1 (i.e. payouts of under 1.05 USD/GBP/EUR/AUD for each 1 USD/GBP/EUR/AUD staked).')} -
- {it.L('Contracts offered by Deriv Investments (Europe) Limited have a minimum purchase price of 5 USD/GBP/EUR.')} -
- {it.L('Contracts are not usually offered in the last hour of trade of any given market (for foreign exchange markets, the restriction may be extended up to 3 hours).')} -
- {it.L('Contracts will not usually be offered when the underlying market is at its intraday high or intraday low.')} -
- {it.L('Contracts will not usually be offered during the first 10 minutes of market trade.')} -
- {it.L('During fast markets (i.e. periods of very fast market movements), contracts may be offered at prices more unfavourable than those offered in usual market conditions.')} -
- {it.L('Certain limits are imposed as to the acceptable levels for barrier/strike prices of contracts. Typically, the barrier/strike may not be too close nor too far from the current underlying market level.')} -
- {it.L('Contracts may not expire on a weekend; therefore, the expiry date of a contract may be pushed back to the following Monday in the event of a contract expiry date falling on a Saturday or a Sunday.')} -
- {it.L('Market prices are updated at most once per second. For any given second, the market price will be updated to the first tick, if any, received in that particular second on the Company data feed.')} -
- {it.L('The Company does not guarantee the ability to sell a contract prior to its expiration time.')} -
- {it.L('Corporate actions')}
-
-
-
- {it.L('A corporate action can include but is not limited to assimilation, acquisition, bankruptcy, bonus issue, bonus rights, cash dividend, class action, delisting, de-merger, general announcement, initial public offering (IPO), liquidation, merger, change in par value, scheme of arrangement, stock dividend, stock split, return of capital, and reverse stock split.')} -
- {it.L('One or more of the client’s trades may be affected by a corporate action. In that case, the company may take one or more of the following measures:')}
-
-
-
- {it.L('Credit an amount to or debit an amount from the client’s account')} -
- {it.L('Restrict the client’s account to prevent the client from closing any affected trades until the corporate action is passed')} -
-
-
{it.L('Contract payouts')}
-{it.L('Contract payouts shall be determined by the Company by reference to the market quotes as displayed on the website relevant to the underlying index(ices) of the contract(s) or from the interbank trading data received by the Company for forex quotes or commodity prices as displayed on the website, provided that the Company has the right to make corrections to such data in the event of mispriced or typographically incorrect data. Clients should note that different markets may close at different times during the day due to local trading hours and time zones.')}
-{it.L('For forex quotes, the closing times are defined by the Company as shown in the market opening times section of the website. In the event of any dispute regarding market or settlement values, the decision of the Company shall be final and binding. Clients should note that certain markets (such as stock indices) are not open throughout the day and that trading may not be available when the markets are closed.')}
-{it.L('The calculation of the price to be paid (or the payout to be received) for financial contracts on this site at the time the financial contract is purchased or sold will be based on the Company\'s best estimate of market price movements and the expected level of interest rates, implied volatilities and other market conditions during the life of the financial contract, and is based on complex mathematics. The calculation will include a bias in favour of the Company. The financial contract prices (or the payout amounts) offered to clients speculating on market or index prices may substantially differ from prices available in the primary markets where commodities or contracts thereupon are traded, due to the bias favouring the Company in the price calculation system referred to above.')}
-{it.L('The charting data made available to clients by the Company is indicative only and may at times differ from the real market values. The Company\'s decision as to the calculation of a financial contract price will be final and binding. The Company allows the option to sell contracts before the expiry time of some contracts but will not be obliged to do so and can suspend this option depending on the current market conditions. Contracts may be amended when the underlying asset value is adjusted by corporate actions during the contract period.')}
-{it.L('Should a disruption that cannot be readily rectified by the Company occur in the data feeds, the Company reserves the right to refund the contract purchase.')}
-{it.L('Trading limits')}
-{it.L('The Company reserves the right to have risk limits in place, which affect the trading limits of all clients trading, and may not be limited solely to instruments and contract types.')}
-{it.L('The Company may also impose volume trading limits on clients\' accounts at its sole discretion. Trading volume limits can be viewed in the Security & limits section of the client\'s account. If the account balance exceeds the maximum account size, then withdrawals must be made to bring the balance down to under this limit.')}
-{it.L('Due to the responsibilities under responsible gaming, [_1] reserves the right to assess and safeguard the client\'s account by setting limits to the client\'s activity as deemed proportionate and necessary for their protection.', it.website_name)}
- -
-
-);
-
-export default TermsAndConditions;
diff --git a/src/templates/static/legal/us_patents.jsx b/src/templates/static/legal/us_patents.jsx
deleted file mode 100644
index 008db86a83b..00000000000
--- a/src/templates/static/legal/us_patents.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-const Patents = ({ items }) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('By clicking OK, you confirm that you have read and accepted Terms & Conditions.')}
- - --
- { items.map((item, idx) => (
-
- - {item.text} - - ))} -
-
-);
-
-export default USPatents;
diff --git a/src/templates/static/metatrader/download.jsx b/src/templates/static/metatrader/download.jsx
deleted file mode 100644
index a9e6540e84a..00000000000
--- a/src/templates/static/metatrader/download.jsx
+++ /dev/null
@@ -1,254 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const Heading = ({ system, children }) => (
- {it.L('US Patents')}
-{children || it.L('MT5 for [_1]', system.replace(/^\w/, c => c.toUpperCase()))} -
-); -const AlternativeDescription = ({ system, alt1 }) => ( -- {it.L( - 'Looking for the [_1] Desktop app?', - alt1, - )} -
-); - -const DownloadBlock = ({ - badge, - desc, - download, - href, - image, - os, - target, - title, - children, -}) => { - const ios_link = `${it.L('Android')}`; - const android_link = `${it.L('iOS')}`; - return ( -
- )
-
- {children}
-
-
- );
-};
-
-const DownloadButton = ({
- badge,
- href,
- download,
- target,
- children,
- os,
-}) => (
-
- {children}
-
-);
-
-const DesktopDownloadBlock = ({
- badge,
- download,
- href,
- os,
- target,
- id,
-}) => (
- {title}
-{desc}
-{it.L('Looking for [_1] app?', os === 'ios' ? ios_link : android_link)}
-
- })
-
-);
-
-const MT5DesktopApp = ({ is_first_child, has_desktop_app }) => {
- const txt_unsupported = it.L('The MT5 desktop app is not supported by Windows XP, Windows 2003, and Windows Vista.');
- return (
-
-
-
- {it.L(`Download MT5 for ${id.replace(/^\w/, c => c.toUpperCase())}`)}
-
-
-
- {has_desktop_app ?
-
- {it.L('MT5 for Linux')}
- {it.L('MT5 for macOS')}
-
- ${it.L('Linux or MacOs')}`} />
- ${it.L('MacOs or Windows')}`} />
- ${it.L('Windows or Linux')}`} />
-
- :
-
- );
-};
-
-const MT5ForMobile = ({ is_first_child }) => (
- - {it.L( - 'Download MT5 for your desktop or laptop to access the powerful tools and features enjoyed by millions of traders.' - )} -
-
-
- {txt_unsupported}
-{it.L('Looking for desktop apps?')}{' '}{txt_unsupported}
- } -
-
-);
-
-const MT5WebPlatform = ({ is_first_child }) => (
- {it.L('MT5 for Mobile')}
-{it.L('Access the markets anytime, anywhere using native apps for your iOS or Android devices.')}
-
- {it.L('MT5 for Android')}
- {it.L('MT5 for iOS')}
-
- {it.L('Access the markets anytime, anywhere from your iOS device.')}
-{it.L('Access the markets anytime, anywhere from your Android device.')}
- -
-
-);
-
-const Download = () => (
- {it.L('MT5 web platform')}
-- {it.L( - 'Use the web platform from any Windows, MacOS, or Linux operating system – no download or installation required.' - )} -
-{it.L('We support the following web browsers:')}
-
-
-
-
-
-
- {['chrome', 'safari', 'firefox', 'opera'].map((browser, idx) => (
- })
- ))}
-
-
- ))}
-
-
-);
-
-export default Download;
diff --git a/src/templates/static/metatrader/how_to_trade_mt5.jsx b/src/templates/static/metatrader/how_to_trade_mt5.jsx
deleted file mode 100644
index 2edaea06014..00000000000
--- a/src/templates/static/metatrader/how_to_trade_mt5.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import Forex from './how_to_trade_mt5/forex.jsx';
-import Metals from './how_to_trade_mt5/metals.jsx';
-import CFDs from './how_to_trade_mt5/cfds.jsx';
-import Cryptocurrencies from './how_to_trade_mt5/cryptocurrencies.jsx';
-import { TabContainer, TabsSubtabs, TabContentContainer, TabContent } from '../../_common/components/tabs.jsx';
-
-const HowToTradeMT5 = () => (
-
-
- {it.L('Start Trading with MetaTrader 5')}
-{it.L('Trade with a powerful interface known as the global industry standard.')}
-
-
-
-
-
-
-
-
-
-
-);
-
-export default HowToTradeMT5;
diff --git a/src/templates/static/metatrader/how_to_trade_mt5/cfds.jsx b/src/templates/static/metatrader/how_to_trade_mt5/cfds.jsx
deleted file mode 100644
index c96a7981a5e..00000000000
--- a/src/templates/static/metatrader/how_to_trade_mt5/cfds.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import { BuySellImage } from '../../get_started/common.jsx';
-import { SeparatorLine } from '../../../_common/components/separator_line.jsx';
-
-const CFDs = () => (
- {it.L('How to Trade in MetaTrader 5')}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default CFDs;
diff --git a/src/templates/static/metatrader/how_to_trade_mt5/cryptocurrencies.jsx b/src/templates/static/metatrader/how_to_trade_mt5/cryptocurrencies.jsx
deleted file mode 100644
index f1d097527d6..00000000000
--- a/src/templates/static/metatrader/how_to_trade_mt5/cryptocurrencies.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../../_common/components/separator_line.jsx';
-
-const Cryptocurrencies = () => {
- const currency_one = 'BTC';
- const currency_two = 'USD';
-
- return (
-
-
- {it.L('How to trade CFDs')}
-{it.L('New to CFD trading? We explain a few basics that all CFD traders need to know before they start trading.')}
- -{it.L('When to buy and sell')}
-{it.L('When you are trading CFDs, you can choose to open a buy position (if you think that the price will rise) or a sell position (if you think that the price will fall).')}
-{it.L('Let\'s use the US 100 index as an example:')}
-{it.L('If you decide to buy or \'go long\' on the US 100 index, your profit will continue to increase as long as the price of the US 100 index keeps rising. However, if the price falls, the losses you incur will also increase.')}
-{it.L('The opposite is true if you decide to sell or \'go short\' on the US 100 index. This means that your profit will continue to increase as long as the price of the US 100 index keeps falling. However, if the price rises, the losses you incur will also increase.')}
- -{it.L('How to calculate your profits and losses')}
-{it.L('Let\'s say a US 100 contract is worth 1 USD per point in the underlying asset. If you decide to \'go long\' on the US 100, and the asset price rises by 10 points, that represents a 10 USD profit for you.')}
-{it.L('However, if the asset price falls by 10 points, that represents a 10 USD loss for you.')}
- -{it.L('How to close a position')}
-{it.L('When you decide to close an open contract, you only need to take the opposite position in order to close the contract.')}
-{it.L('For example, if you buy a 100 USD contract and it\'s not going as planned, you just need to sell it to cut your losses at the current market price.')}
-
-
- );
-};
-
-export default Cryptocurrencies;
diff --git a/src/templates/static/metatrader/how_to_trade_mt5/forex.jsx b/src/templates/static/metatrader/how_to_trade_mt5/forex.jsx
deleted file mode 100644
index eb160b3b795..00000000000
--- a/src/templates/static/metatrader/how_to_trade_mt5/forex.jsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../../_common/components/separator_line.jsx';
-import { List, Table } from '../../../_common/components/elements.jsx';
-
-const Step = ({
- is_first,
- is_last,
- number,
- title,
- step,
- children,
-}) => (
-
-
-
- {it.L('How to trade cryptocurrencies')}
-{it.L('Trade Bitcoin, Ethereum, and Litecoin pairs without owning them. Our cryptocurrency pairs quote a cryptocurrency such as Bitcoin against a fiat currency, such as the US dollar.')}
-{it.L('Similar to forex trading, you must understand when to buy (or "go long") and when to sell (or "go short"). In forex trading, you\'ll buy a certain currency pair if you think the value of the base currency will rise. The opposite is also true: you will sell a certain currency pair if you think the value of the base currency will fall.')}
-{it.L('The same concept applies to our cryptocurrency pairs.')}
-{it.L('Let\'s compare the differences between buying and selling, using the BTC/USD as an example:')}
-
-
-
- {it.L('Buy')}
--
-
- {it.L('You\'re buying the [_1] and selling the [_2].', currency_one, currency_two)} -
- {it.L('You expect the [_1] to rise in value so you can sell it back for a profit.', currency_one)} -
- {it.L('Buy = go long')} -
-
-
-
-
-
- {it.L('Sell')}
--
-
- {it.L('You\'re selling the [_1] and buying the [_2].', currency_one, currency_two)} -
- {it.L('You expect the [_1] to fall in value so you can buy it back at a lower price (and make a profit).', currency_one)} -
- {it.L('Sell = go short')} -
-
- {it.L('In a nutshell, when you go long on the BTC/USD with [_1], you are not purchasing bitcoin directly. Instead, you\'re taking a position that the BTC/USD will rise in value whereby you will make a profit. If you go long on the BTC/USD and its value falls, then you will make a loss.', it.website_name)}
-
-
-
- { !is_first &&
- {title}
-
-
-
- })
- { !is_last && }
-
- {step}
-
- { !is_last && }
-
- {children}
-
-
-
-
},
- { text: })
, className: 'no-border' },
- { text:
-
-
-
-
-
-
-
-);
-
-export default Forex;
diff --git a/src/templates/static/metatrader/how_to_trade_mt5/metals.jsx b/src/templates/static/metatrader/how_to_trade_mt5/metals.jsx
deleted file mode 100644
index 97040ec13c2..00000000000
--- a/src/templates/static/metatrader/how_to_trade_mt5/metals.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from 'react';
-import {
- List,
- Table } from '../../../_common/components/elements.jsx';
-import { SeparatorLine } from '../../../_common/components/separator_line.jsx';
-
-const Equation = ({ operand_1, operand_2, operand_3, operand_4 }) => (
-
-
-
-
-
- {it.L('How to trade forex')}
-{it.L('A forex trader has one objective in mind when trading which is:')}
-{it.L('To exchange one currency for another in order to make profit.')}
-{it.L('But if you are new to forex or financial trading of any kind, there is still a long way to go before you even purchase your first contract. This is why we have come up with a basic, step-by-step tutorial to help you bridge that gap and make your first trade.')}
-{it.L('Can\'t make heads or tails of currency pairs? Here is a simple way of looking at it:')}
- {it.L('Based currency')}
{it.L('Also known as transaction currency')}, className: 'no-border' },
- { text: {it.L('Quote currency')}
{it.L('Also known as counter money')}{it.L('Tips:')}
-{it.L('Example:')}
-{it.L('If you see EUR/USD has a bid price of 1.05229, you will buy 1.05229 USD for every 1 EUR that you sell.')}
-{it.L('You want to buy a certain currency pair if you think the base currency will go up. The reverse holds true:')}
- {it.L('You want to sell that currency pair if you think the base currency will go down.')}
-{it.L('You have probably seen the terms \'going long\' and \'going short\' being used by a lot of forex brokers and traders. Let\'s compare the differences between the two terms:')}
-{it.L('Long:')}
-{it.L('Short:')}
-{it.L('Example:')}
-{it.L('After your analysis, you have come to the conclusion that the British economy will outperform its U.S. counterpart. Thus, you decide to go long and buy into the GBP/USD, expecting the GBP to rise in value.')}
-{it.L('If you decided that the British economy will underperform instead, then you will go short on the GBP/USD.')}
-{it.L('After you have decided which position you want to take whether long or short you are well on your way to buying your first currency pair.')}
- {it.L('Example:')}
-
-
-
- })
-
-
- {it.L('GBP/USD currency pair and its bid-ask price.')}
- {it.L('To go long, you will click on \'Buy\' to purchase 1 GBP for 1.22781 USD. To go short, you will click on \'Sell\' to sell 1 GBP and receive 1.22771 USD in return.')}
-
- {operand_2}
-
- {operand_3}
-
- {operand_4}
-
-
-);
-
-export default Metals;
diff --git a/src/templates/static/metatrader/types_of_accounts.jsx b/src/templates/static/metatrader/types_of_accounts.jsx
deleted file mode 100644
index aa38dcfceed..00000000000
--- a/src/templates/static/metatrader/types_of_accounts.jsx
+++ /dev/null
@@ -1,175 +0,0 @@
-import React from 'react';
-import { Table } from '../../_common/components/elements.jsx';
-import Loading from '../../_common/components/loading.jsx';
-
-const Box = ({ image, text, title, className }) => (
-
-
-
-
-
- {it.L('How to trade Metals?')}
-{it.L('Learn the basic concepts of trading Meta assets on MetaTrader 5.')}
-{it.L('When you are trading metals, you can choose to open a buy position if you think that the price of an asset will rise or a sell position if you think that the price of an asset will fall.')}
-
-
-
- {it.L('When to buy and sell?')}
-{it.L('Can\'t figure it out on when to buy and sell? Here is a simple way of looking at it:')}
-
-
-
-
},
- { text: it.L('In this case, you predict that the price will rise. This is also known as \'going long\'.'), className: 'align-start' },
- ],
- [
- { text: it.L('Sell'), className: 'no-border' },
- { text: })
, className: 'no-border' },
- { text: it.L('In this case, you predict that the price will fall. This is also known as \'going short\'.'), className: 'no-border align-start' },
- ],
- ],
- }}
- />
-
- , className: 'no-border' },
- { text: it.L('In this case, you predict that the price will fall. This is also known as \'going short\'.'), className: 'no-border align-start' },
- ],
- ],
- }}
- />
-
-
-
-
- {it.L('Example: XAU/USD (Gold vs US dollar) symbol pair')}
-{it.L('If you decide to buy or \'go long\' on the XAU/USD, you will profit if the price of the XAU/USD rises, and incur losses if the price falls.')}
-{it.L('If you decide to sell or \'go short\' on XAU/USD, you will profit if the price of the XAU/USD falls, and incur losses if the price rises.')}
-
-
-
-
-
- {it.L('Factors that affect precious metal prices')}
-{it.L('Knowing when to buy and sell precious metals largely depends on how well you know the factors that influence market prices. The most common influencing factors are:')}
-{it.L('As conclusion, keeping up with market news and trends in a certain sector can help you always ')}
-
-
-
-
- {it.L('How to calculate your profit and losses?')}
-{it.L('Example: XAU/USD (Gold vs US dollar) symbol pair')}
-{it.L('Please note that one lot is equivalent to 100 units, based on our contract specifications. Your profit or loss will be calculated as follows:')}
-{it.L('When you are trading metals, you can choose to open a buy position if you think that the price of an asset will rise or a sell position if you think that the price of an asset will fall.')}
-
-
-
-
-);
-
-const FootNote = ({ number, texts, title }) => (
-
-);
-
-const Row = ({ number, text }) => (
-
-
-
-
-
- })
-
-
- {title}
-
-
- {text}
-
-
-);
-
-export default TypesOfAccounts;
diff --git a/src/templates/static/mt5_signals.jsx b/src/templates/static/mt5_signals.jsx
deleted file mode 100644
index 98120d39632..00000000000
--- a/src/templates/static/mt5_signals.jsx
+++ /dev/null
@@ -1,234 +0,0 @@
-import React from 'react';
-import {
- TabContainer,
- TabContent,
- TabContentContainer,
- TabsSubtabs,
-} from '../_common/components/tabs.jsx';
-import { SeparatorLine } from '../_common/components/separator_line.jsx';
-
-const BoxInner = ({ className = '', href, target, image, text }) => (
- {it.L('Types of MetaTrader 5 accounts')}
- -
-
-
-
-
- {it.L('[_1] offers a variety of account types to cater to the diverse needs of traders everywhere, whether you are an experienced trader or just starting out. Each account has been tailored to provide you with a unique opportunity to trade financial instruments.', it.website_name)}
-{it.L('Best of all, there is no minimum deposit requirement.')}
-{`${it.L('Note:')} ${it.L('To protect your portfolio from adverse market movements due to the market opening gap, we reserve the right to decrease leverage on all offered symbols for financial accounts before market close and increase it again after market open. Please make sure that you have enough funds available in your MT5 account to support your positions at all times.')}`}
- - - -{it.L('Account comparison')}
-
-
-
-
-
}, { text: it.L('USD') }, { text: it.L('USD') }, { text: it.L('USD') }],
- [{ text: |
}, { text: it.L('Up to [_1]', '1:1000') }, { text: it.L('Up to [_1]', '1:100') }, { text: it.L('Up to [_1]', '1:1000') }],
- [{ text: |
}, { text: it.L('Market') }, { text: it.L('Market') }, { text: it.L('Market') }],
- [{ text: |
}, { text: it.L('Variable') }, { text: it.L('Variable') }, { text: it.L('Variable/Fixed') }],
- [{ text: |
}, { text: it.L('No') }, { text: it.L('No') }, { text: it.L('No') }],
- [{ text: |
}, { text: it.L('No') }, { text: it.L('No') }, { text: it.L('No') }],
- [{ text: |
}, { text: '100%' }, { text: '100%' }, { text: '100%' }],
- [{ text: |
}, { text: '50%' }, { text: '50%' }, { text: '50%' }],
- [{ text: |
}, { text: '50+' }, { text: '50+' }, { text: '10+' }],
- [{ text: |
}, { text: '24/7' }, { text: '24/7' }, { text: it.L('N/A') }],
- [{ text: |
}, { text: it.L('FX-majors (standard/micro lots), FX-minors, Commodities, Cryptocurrencies') }, { text: it.L('FX-majors, FX-minors, FX-exotics, Cryptocurrencies') }, { text: it.L('Synthetics') }],
- ],
- }}
- tbody_id='instruments'
- />
-
-
-
}, { text: it.L('EUR/GBP') }, { text: it.L('EUR') }],
- [{ text: |
}, { text: it.L('Up to [_1]', '1:30') }, { text: it.L('Up to [_1]', '1:1000') }],
- [{ text: |
}, { text: it.L('Market') }, { text: it.L('Market') }],
- [{ text: |
}, { text: it.L('Variable') }, { text: it.L('Variable/Fixed') }],
- [{ text: |
}, { text: it.L('No') }, { text: it.L('No') }],
- [{ text: |
}, { text: it.L('No') }, { text: it.L('No') }],
- [{ text: |
}, { text: '100%' }, { text: '100%' }],
- [{ text: |
}, { text: '50%' }, { text: '50%' }],
- [{ text: |
}, { text: '50+' }, { text: '10+' }],
- [{ text: |
}, { text: '24/7' }, { text: it.L('N/A') }],
- [{ text: |
}, { text: it.L('FX-majors (standard), FX-minors, Commodities, Cryptocurrencies') }, { text: it.L('Synthetics') }],
- ],
- }}
- />
-
- {`${it.L('Note:')} ${it.L('At bank rollover, liquidity in the forex market is reduced and may increase the spread and processing time for client orders. This happens around 21:00 GMT during daylight saving time, and 22:00 GMT during non-daylight saving time.')}`}
- - - -
- { href ?
-
-
- })
-
-
- :
-
-
-
- }
-
-);
-
-const Box = ({ children }) => (
-
-
- {text}
-
- {text}
-
-
-);
-
-const Mt5Signals = () => (
-
- {children}
-
-
-
-);
-
-export default Mt5Signals;
diff --git a/src/templates/static/partners/liquidity_solutions.jsx b/src/templates/static/partners/liquidity_solutions.jsx
deleted file mode 100644
index 79f322f64d7..00000000000
--- a/src/templates/static/partners/liquidity_solutions.jsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react';
-import { SeparatorLine } from '../../_common/components/separator_line.jsx';
-
-const Box = ({ image, header, text }) => (
-
-
-
-
-
-
-
-
- {it.L('MetaTrader 5 Signals')}
-
-
-
-
-
-
-
-
-
-
- {it.L('The MT5 trading signals service allows you to copy the trades of more experienced traders to your MT5 account. Once you’ve subscribed to a signal, the provider’s deals will be automatically replicated on your [_1] MT5 trading account each time they place a trade.', it.website_name)} -
-
-
-
-
-
- - {it.L('Benefits of subscribing to MT5 signals')} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {it.L('How to subscribe to a MT5 signal')} -
-
-
-
- })
-
-
- -
-
- {it.L('From your MT5 trading terminal, click on the [_1]Signals[_2] tab to view the list of signal providers.', '', '')} -
- })
-
-
- -
-
- {it.L('Select the signal provider you prefer and click the [_1]Subscribe[_2] button.', '', '')} -
- })
-
-
- -
-
- {it.L('Configure your trading and risk management parameters. Then click [_1]OK[_2] to complete the process.', '', '')} -
{it.L('[_1]Note:[_2] For a wider selection of signal providers, go to [_3]MQL5 showcase page[_4] and search for Deriv under the Broker server field.', '', '', '', '')} -
-
-
-
-
-
- - {it.L('How to renew or cancel your subscription')} -
-
-
-
-
-
-
- -
-
- {it.L('From your MT5 trading terminal, click on the [_1]Signals[_2] tab.', '', '')} -
- })
-
-
- -
-
- {it.L('Click on the [_1]My Statistics[_2] tab and select your signal provider.', '', '')} -
- })
-
-
- -
-
- {it.L('Click the [_1]Renew[_2] button to renew the service or the [_1]Unsubscribe[_2] button to cancel the subscription.', '', '')} -
-
- {it.L('Note:')}
--
-
- {it.L('You must have an MQL5 community account to subscribe to trading signals. If you don’t have an account yet, please go to [_1]MQL5.com[_2] to register.', '', '')} -
- {it.L('You’ll need to fund your MQL5 account to subscribe to paid signals. Learn [_1]how to fund your account[_2].', '', '')} -
- {it.L('You can only subscribe to one signal provider with one [_1] account at any given time. You can use your signal on up to 3 computers.', it.website_name)} -
- {it.L('You won’t be able to trade manually with the same [_1] MT5 account once you’ve subscribed to a signal.', it.website_name)} -
{it.L('Have more questions? Check out the [_1]FAQ section[_2] on the MQL5 website.', '', '')}
- -
-
-
- - {it.L('If you are a professional trader, the MT5 trading signals service allows you to share your strategies with other traders for free or a subscription fee that you determine. When traders subscribe to your signal, your deals are automatically replicated on their accounts each time you place a trade.')} -
-
-
-
-
- - {it.L('Benefits of being a MT5 provider')} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {it.L('How to register as a signal provider')} -
-
-
-
- })
-
-
- -
-
- {it.L('Go to the MQL5 signals showcase page and click on the [_1]Create signal[_2] button.', '', '')} -
- })
-
-
- -
-
- {it.L('Complete the form with your MT5 account credentials. In the Broker field, enter your account server name:')}
-
-
-
- {it.L('[_1]Deriv-Demo[_2] if your signal is for demo accounts only.', '', '')} -
- {it.L('[_1]Deriv-Server[_2] or [_1]Deriv-Server-02[_2] if your signals is for real accounts only.', '', '')} -
- {it.L('(You can find the account server name on your [_1]MT5 dashboard[_2]).', ``, '')} -
-
- })
-
-
- -
-
- {it.L('Add a description and click [_1]Save[_2] to complete the registration.', '', '')} -
{it.L('[_1]Note:[_2] You need to upgrade your MQL5 account to seller status to be able to add a signal. If you’ve not upgraded yet, follow the steps on this page to register as a seller.', '', '')} -
- -
-
-);
-
-const TextImage = ({ image, header, text }) => (
-
- })
- {header}
-
-
- {header}
- {text}
-
-
-
- {header}
-
- {text}
-
-
-
-
-
-
-
-
- {it.L('Multi-asset liquidity solutions')}
-{it.L('[_1] provides institutional clients around the world with market quotes and trade execution across a wide range of assets, including major currency pairs, spot metals, CFD indices and popular cryptocurrencies.', it.website_name)}
-{it.L('Our commitment to integrity and reliability means that we always strive to give you access to the best pricing and liquidity possible.')}
-
-
-
- {it.L('Key features')}
-
-
-
-
-
- {it.L('How it works')}
-
-
- {it.L('Highlights')}
--
-
- {it.L('Access to multi-asset liquidity and back-office functionality via margin accounts')} -
- {it.L('Carefully handpicked network of liquidity providers allow us to pass on tight spreads and competitive margins to both retail and institutional clients')} -
- {it.L('Access to Advanced trading')} -
{it.L('Interested in our liquidity solutions? Contact us at [_1] for more info.', 'marketing@binary.com')}
-
-
-);
-
-const ImageBlock = ({ order_first, image_padding, image }) => {
- const order = order_first ? 'gr-order-first-m' : '';
- const image_class = image_padding ? `${image_padding}` : 'gr-8';
- return (
- {text}
- {children} -
-
- );
-};
-
-const Section = ({
- id,
- header,
- header_2,
- order_first,
- image_padding,
- image,
- text,
- children,
-}) => (
-
-);
-
-const OpenSourceProjects = () => (
-
- })
-
-
-
-);
-
-export default OpenSourceProjects;
diff --git a/src/templates/static/partners/partners.jsx b/src/templates/static/partners/partners.jsx
deleted file mode 100644
index 6e55dbf1464..00000000000
--- a/src/templates/static/partners/partners.jsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React from 'react';
-
-const Column = ({
- url,
- target,
- image,
- header,
- text,
-}) => (
-
-);
-
-const Partners = () => (
-
-
-
-
-
-
-
-
-
- })
-
-
-
-
-
- {it.L('Partners')}
-{it.L('[_1] provides business partnership services via the following programs.', it.website_name)}
-
-
-
-
-
-
-
-);
-
-export default PaymentAgent;
diff --git a/src/templates/static/partners/security_testing.jsx b/src/templates/static/partners/security_testing.jsx
deleted file mode 100644
index 2db52995440..00000000000
--- a/src/templates/static/partners/security_testing.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import { FillBox } from '../../_common/components/elements.jsx';
-
-const SecurityTesting = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('Are you a Payment Agent, or interested in acting as one?')}
-{it.L('[_1] would like to team up with potential payment agents worldwide so we can offer local payment processing services to our clients in their respective regions.', it.website_name)}
-
-
-
-
- {it.L('A Payment Agent acts like an exchange between the Client (that is, our customer) and [_1]. The Payment Agent processes deposits and withdrawals for Clients who wish to use a specific e-wallet method or local currency that is not offered by [_1]. The transfer fees are borne by the Client.', it.website_name)}
-
- })
-
-
- {it.L('Note: Payment Agent transfers are only available for accounts registered with Deriv (SVG) LLC. Transactions are accepted only in US dollars.')}
--
-
- {it.L('Allow Clients to use e-wallets, which are not available directly on [_1]', it.website_name)} -
- {it.L('Accept local bank wires')} -
- {it.L('Avoid the need to have an e-wallet')} -
- {it.L('Allow Clients to deposit with lower amounts (via local currency)')} -
-
-
- })
-
-
-
-
- -
-
- {it.L('Online currency exchangers')} -
- {it.L('[_1] affiliate partners who wish to support a big group of Clients', it.website_name)} -
- {it.L('Anyone who has potential to grow or increase traffic to [_1]', it.website_name)} -
-
-
- {it.L('Additional business exposure:')} {it.L('You will increase awareness of your services and generate new business.')} -
- {it.L('Commissions:')} {it.L('You will charge a commission to process the transactions.')} -
- {it.L('Extra revenue stream:')} {it.L('You will have the potential to earn another level of income from our affiliate program.')} -
- {it.L('Long-term partnership:')} {it.L('Your partnership with [_1] could be a means to promote your product or services for FREE to our 1,000,000+ registered clients, worldwide.', it.website_name)} -
{it.L('Interested, so what\'s next? If you can offer our Clients a specific e-wallet method or a local payment option that is not already provided by [_1], and you have a good track record in the market, then we would love to [_2]hear from you![_3]', it.website_name, ``, '')}
-{it.L('As a first step, please send us an application with:')}
--
-
- {it.L('Your name, email address and contact number')} -
- {it.L('Your website address (if you have one)')} -
- {it.L('A list of payment methods you will accept from Clients')} -
- {it.L('The commission you will charge Clients on deposits and withdrawals')} -
{it.L('Please submit the above information to [_1].',`${it.affiliate_email}`)}
-{it.L('Once we receive your application, one of our affiliate managers will contact you to follow up with the next steps in the application process (this will include asking you to submit several documents).')}
-{it.L('Your application will then be reviewed by our compliance and marketing departments. Once approved, we will put you live in our [_1]payment agent[_2] list.', ``, '')}
-{it.L('If you would like more information on becoming a Payment Agent, please contact us at [_1]', `${it.affiliate_email}`)}
-{it.L('We look forward to hearing from you.')}
-
-
-);
-
-export default SecurityTesting;
diff --git a/src/templates/static/platforms.jsx b/src/templates/static/platforms.jsx
deleted file mode 100644
index c58a0798280..00000000000
--- a/src/templates/static/platforms.jsx
+++ /dev/null
@@ -1,283 +0,0 @@
-import React from 'react';
-import {
- TabContainer,
- TabContent,
- TabContentContainer,
- TabsSubtabs,
-} from '../_common/components/tabs.jsx';
-import { SeparatorLine } from '../_common/components/separator_line.jsx';
-
-const Platforms = ({
- className,
- data_show,
- image_path = 'platforms',
- image,
- header,
- description,
- text,
- buttons,
-}) => (
-
-
- {it.L('Security testing opportunities')}
-
-
- {it.L('Want to help us enhance the strength and security of our platform?')}
-{it.L('Test our products and services for security vulnerabilities. In the process, you\'ll earn a monetary reward for any verifiable issues that you find, courtesy of our bug bounty programme.')}
- -{it.L('Benefits')}
--
-
- {it.L('Hone your security testing skills.')} -
- {it.L('Increase your HackerOne reputation to build up credibility and profile visibility.')} -
- {it.L('Earn a monetary reward for any verifiable issues that you find, with a bounty worth up to 1,000 USD for high-risk security vulnerabilities.')} -
{it.L('Getting started')}
--
-
- {it.L('Read and understand our HackerOne bug bounty programme policy.')} -
- {it.L('Analyse and test the domains and subdomains listed in the scope.')} -
- {it.L('Submit a report on HackerOne of any potential security issue you found, along with any suggestions you have to resolve the issue.')} -
- {it.L('If you find any vulnerabilities in our [_1]open-source code[_2], feel free to submit a pull request on GitHub.', '', '')} -
-
-);
-
-const PlatformsDesktop = ({
- className,
- data_show,
- image_path = 'platforms',
- image,
- header,
- description,
- text,
-}) => (
-
- })
-
-
-
-
- {header}
- {description} -{text}
-
-
-
- {buttons && buttons.map(button =>
-
- {button.text}
-
- )}
-
-
-
-);
-
-const PlatformsSmall = ({
- className,
- data_show,
- image_path = 'platforms',
- image,
- header,
- description,
- text,
- url = '',
- target,
- button_text,
- download = '',
-}) => (
-
- })
-
-
-
-
- {header}
- {description} -{text}
-
-
-
-
-
-
-);
-
-const DownloadApp = ({ image }) => (
-
-
-
-
-
-
- })
-
-);
-
-const Platform = () => (
-
-
-
-);
-
-export default Platform;
diff --git a/src/templates/static/responsible_trading.jsx b/src/templates/static/responsible_trading.jsx
deleted file mode 100644
index 48f76d1f8f9..00000000000
--- a/src/templates/static/responsible_trading.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-
-const ResponsibleTrading = () => (
-
-
- {it.L('Platforms')}
-{it.L('Explore all the trading platforms, apps, and tools we offer')}
-
-
-
-
-
- - {it.L('Introducing Deriv.com')} -
-{it.L('A rebranding of [_1] to an all-new trading experience', it.website_name)}
-
-
-
-
- -
-
- - {it.L('A single, comprehensive trading service with [_1]4 advanced platforms[_2]', '', '')} - -
- - {it.L('A sharp design with [_1]user-friendly[_2] interface', '', '')} - -
- - {it.L('More [_1]financial instruments[_2] to trade as you please', '', '')} - -
- - {it.L('[_1]24/7 customer support[_2] to enhance your trading experience', '', '')} - -
- })
-
-
-
-
-
- {it.L('No sign up required. Easily log in with your [_1] credentials.', it.website_name)}
- -
-
-
-
-
- {it.L('Trading platforms')}
-{it.L('Find a trading platform that suits your experience and preferred strategy – whether you\'re a new or seasoned trader.')}
-
-
-
-
-
-
-
-
-
-
- {it.L('Charting platforms')}
-{it.L('Study financial data to forecast market movements using our charting tools.')}
-
-
-
-
-);
-
-export default ResponsibleTrading;
diff --git a/src/templates/static/tour.jsx b/src/templates/static/tour.jsx
deleted file mode 100644
index 5325d803aa8..00000000000
--- a/src/templates/static/tour.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import React from 'react';
-import PaymentLogo from '../_common/components/payment_logo.jsx';
-
-const Tour = () => (
-
-
- {it.L('Responsible Trading')}
-
-
- {it.L('[_1] supports [_2] which is the leading charity in Britain committed to minimising gambling-related harm. The charity funds education, prevention and treatment services and commissions research to help people understand more about gambling-related harm. It also offers a national gambling helpline to offer confidential advice and emotional support to those that seek help about their gambling.', it.website_name, 'BeGambleAware')}
-{it.L('[_1] also provides links to an online quiz to assess a potential gambling problem and an online gambling calculator to see how much you can really spend.', 'BeGambleAware')}
-{it.L('Please remember at all times that trading binary options can be an exciting activity, but we have a moral duty to remind you of the risks you may run. Options trading can become a real addiction, as can any other activity pushed to its limits. We kindly ask you to engage in a careful self-analysis to check if you are at risk. To avoid the danger of such an addiction, it is important that you follow some basic principles and guidelines.')}
--
-
- {it.L('Use the opportunity provided by our website to practice for free with our virtual money account facility. This will enable you to get used to the functionalities and rules of the website.')} -
- {it.L('Trade only with money you can afford to lose. Do not trade with borrowed money.')} -
- {it.L('Do not trade when you are tired or are under the influence of alcohol.')} -
- {it.L('Put a limit on your winnings. Once you have reached it put some aside and trade with the rest of the money.')} -
{it.L('Written limits and self-exclusion')}
-{it.L('[_1] provides you with the opportunity to either self-exclude or [_2]set limits on your trading activities[_3] on this website. You may also [_4]contact us[_3] to state the limits you wish to set via email or phone. Available limits are:', it.website_name, ``, '', ``)}
-{it.L('You have the opportunity to [_1]set and amend limits[_2] on your trading activities on this website. Available limits are:', ``, '')}
--
-
- {it.L('a limit on the amount you may trade within a specified period of time;')} -
- {it.L('a limit on the losses you may incur within a specified period of time;')} -
- {it.L('a limit on the amount of time you may trade in any given online session.')} -
- {it.L('a limit on the amount of time you may trade in any given online session;')} -
- {it.L('a definite or indefinite period during which you wish to exclude yourself from the website.')} -
-
- {it.L('Limits 1 to 3 may only be removed or increased once the limit date setting has expired.')}
-
-
-
- {it.L('You can also decide to exclude yourself entirely from our website for a specified duration. The self-exclusion period is a minimum of 6 months after which you have the option to extend it to a total of 5 years or resume trading immediately.')}
-{it.L('When the self-exclusion period is set, we will refund the balance of funds in your account.')}
-{it.L('If you wish to reduce or remove the self-exclusion period, contact our [_1]Customer Support[_1].', ``, '')}
-{it.L('Clients who wish to self-exclude should be aware that the self-exclusion period is a minimum of six months and are given the option to extend it to a total of at least five years, immediately without any cooling-off period. When the self-exclusion period is set, the balance of funds in the client\'s account will be refunded to the client. At the end of the self-exclusion period, the self-exclusion remains in place, unless positive action is taken by the client in order to trade again.')}
-{it.L('Clients who do not wish to renew the self-exclusion and make a request to begin trading again, shall be given one day to cool off before being allowed access to the website. Please note that you must contact our support team by calling [_1]. It is not enough to send an email.', '+447723580049')}
- -
-
-
- GAMSTOP
-{it.L('If you reside in the UK and are considering self-exclusion, you may wish to register with GAMSTOP.')}
-{it.L('GAMSTOP is a free service that enables you to self-exclude from all online gambling companies licensed in Great Britain.')}
-{it.L('To find out more and to sign up with GAMSTOP, please visit [_1].', 'www.gamstop.co.uk')}
- -{it.L('Underage Gambling')}
-{it.L('Clients must be aware that underage gambling is an offence. If a client, upon age verification, is proven to be underage, they will be deprived of any winnings and only deposits made shall be refunded.')}
- -{it.L('Filtering Controls')}
-{it.L('Our site can be filtered using a number of filtering systems available on the market which could be used to restrict one\'s access to our site.')}
-{it.L('Other Warnings & Regulatory Disclosures')}
-{it.L('Investing in complex products, such as CFDs and FX may incur losses as well as gains. Prices may vary and/or fluctuate due to changes in current market prices and conditions, which may impact the return on your investment. Before making an Investment decision, you should refer to our [_1]Key Information Documents[_2] on our website, in particular, the amount of Margin required for particular instruments that we offer. The Products offered by Deriv Investments (Europe) Limited fall under the category of \'complex products\' and may not be suitable for retail clients.', ``,'')}
-
-
-);
-
-export default Tour;
diff --git a/src/templates/static/why_us.jsx b/src/templates/static/why_us.jsx
deleted file mode 100644
index 5419265d837..00000000000
--- a/src/templates/static/why_us.jsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import React from 'react';
-import { List } from '../_common/components/elements.jsx';
-
-const Section = ({ className = '', id, header, children }) => (
-
-);
-
-const WhyUs = () => (
-
-
-
-
-
- })
-
-
- {it.L('First, define your position...')}
-{it.L('When you start trading with [_1], you\'ll be directed to the trading screen, where you set your trading parameters, and choose what you want to trade, how and when.', it.website_name)}
- -
-
-
-
-
- })
- })
-
-
-
- })
-
- {it.L('Then, make your trade')}
-{it.L('As soon as you click on the \'PURCHASE\' button, your trade registers in your account. The price of your trade continues to update in real time.')}
-
-
-
-
-
- {it.L('Exit your trades before expiry')}
-{it.L('With [_1], you can sell your contracts before expiry to keep any profits you may have made or to minimise your losses. You don\'t have to wait until the actual expiration time.', it.website_name)}
-
-
-
-
- {it.L('Bank your way')}
- - {it.L('View payment methods')} - -{it.L('Trade with ease with [_1]\'s wide range of deposit and withdrawal methods. Your funds will be segregated and held in secure and licensed financial institutions.', it.website_name)}
-
-
-
-
-
-
-
- })
-
-
- {it.L('Learn from us')}
-{it.L('Stay informed. [_1] offers daily market reports and market research, as well as frequent trading webinars.', it.website_name)}
- - -
-
-
-
-
-
- {it.L('Talk to us')}
-{it.L('Feel free to contact our friendly and helpful customer service experts. They\'re always available to answer your questions. You can contact us via live chat.')}
-
-
- })
-
-
-
-
-
-
-);
-
-export default WhyUs;
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 00000000000..571485c3ea4
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,230 @@
+const path = require('path')
+
+const CopyPlugin = require('copy-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+const { WebpackPluginServe } = require('webpack-plugin-serve')
+const WebpackShellPluginNext = require('webpack-shell-plugin-next')
+const StylelintPlugin = require('stylelint-webpack-plugin')
+const StylelintFormatter = require('stylelint-formatter-pretty')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const webpack = require('webpack')
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
+// const ESLintWebpackPlugin = require('eslint-webpack-plugin');
+// const glob = require('glob');
+// const globImporter = require('node-sass-glob-importer');
+
+const node_modules_paths = {
+ binary_style: 'node_modules/@binary-com/binary-style',
+ deriv_p2p: 'node_modules/@deriv/p2p',
+}
+
+module.exports = (env, argv) => {
+ // const isRelease = argv.mode === 'production';
+ const distFolder = path.resolve(__dirname, 'dist')
+ const config = {
+ mode: 'development',
+ entry: ['./src/javascript/index.js',
+ './src/sass/main.scss'
+ ],
+ stats: {
+ errorDetails: true,
+ },
+ // devServer: {
+ // publicPath: path.resolve(__dirname, 'dist'),
+ // disableHostCheck: true,
+ // clientLogLevel: 'info',
+ // open: true,
+ // compress:true,
+ // host: 'localhost',
+ // https: true,
+ // port: 8090,
+ // historyApiFallback: true,
+ // },
+ target: 'web',
+ output: {
+ path: path.resolve(__dirname, 'dist'),
+ filename: 'js/vendors.[contenthash].js',
+ chunkFilename: 'js/[name]-[contenthash].js',
+ clean: true,
+ publicPath: '/',
+ },
+ watch: true,
+ // devtool: 'source-map',
+ resolve: {
+ extensions: ['.css', '.scss', '.js', '.jsx'],
+ },
+ optimization: {
+ splitChunks: {
+ chunks: 'all',
+ },
+ },
+ module: {
+ rules: [
+ {
+ test: /\.scss$/,
+ exclude: /node_modules/,
+ use: [
+ { loader: MiniCssExtractPlugin.loader },
+ 'css-loader',
+ 'postcss-loader',
+ {
+ loader: 'sass-loader',
+ options: {
+ sourceMap: true,
+ },
+ },
+ ],
+ },
+ {
+ test: /\.css$/,
+ use: [
+ { loader: MiniCssExtractPlugin.loader },
+ 'style-loader',
+ 'css-loader',
+ 'postcss-loader',
+ ],
+ },
+ {
+ test: /\.html$/i,
+ use: 'html-loader',
+ },
+ {
+ test: /\.js$/,
+ include: /__tests__/,
+ use: 'mocha-loader',
+ exclude: /node_modules/,
+ },
+ {
+ test: /\.(js|jsx)?$/,
+ exclude: /node_modules/,
+ loader: 'babel-loader',
+ options: {
+ presets: ['env', 'stage-1', 'react'],
+ plugins: [
+ 'transform-decorators-legacy',
+ 'transform-object-rest-spread',
+ 'transform-class-properties',
+ 'babel-plugin-syntax-dynamic-import',
+ 'babel-plugin-transform-es2015-modules-commonjs',
+ 'babel-plugin-transform-object-rest-spread',
+ 'babel-plugin-transform-react-jsx',
+ ],
+ },
+ },
+ ],
+ },
+ plugins: [
+ new WebpackShellPluginNext({
+ onBuildEnd: {
+ scripts: ['node scripts/render.js'],
+ blocking: false,
+ parallel: true,
+ },
+ }),
+ new StylelintPlugin({
+ formatter: StylelintFormatter,
+ configFile: path.resolve(__dirname, '.stylelintrc.js'),
+ context: path.resolve(__dirname, 'src/sass'),
+ files: ['src/sass/**/*.scss', '!src/sass/**/external/**/*.scss'],
+ fix: true,
+ }),
+ new webpack.ContextReplacementPlugin(/moment[\/\\]locale/, /ja/),
+ new MiniCssExtractPlugin({
+ filename: 'css/[name].css',
+ chunkFilename: 'css/[name].css',
+ ignoreOrder: true,
+ }),
+ new HtmlWebpackPlugin({
+ template: './src/root_files/app/index.html',
+ }),
+ new BundleAnalyzerPlugin({
+ analyzerMode: 'static',
+ reportFilename: './src/reports/report.html',
+ openAnalyzer: false,
+ }),
+ new CopyPlugin({
+ patterns: [
+ // Top level (dist)
+ { from: 'src/root_files/_common', to: distFolder },
+ {
+ from: 'src/images/common/logos',
+ to: `${distFolder}/images/common/logos/`,
+ },
+ {
+ from: 'src/download/fonts/binary_symbols.woff',
+ to: `${distFolder}/download/fonts/`,
+ },
+ { from: 'favicon.ico', to: distFolder },
+
+ // Serve pushwoosh SDKs
+ { from: 'src/javascript/_common/lib/pushwooshSDK/', to: distFolder },
+ // app, static
+ { from: 'src/download/', to: `${distFolder}/download/` },
+ {
+ from: 'src/images/',
+ to: `${distFolder}/images/`,
+ filter: (pth) => !pth.includes('common/logos'),
+ },
+ {
+ from: 'src/javascript/_autogenerated',
+ to: `${distFolder}/js/texts`,
+ },
+ { from: 'src/javascript/manifest.json', to: distFolder },
+ {
+ from: 'src/javascript/landing_pages',
+ to: `${distFolder}/js/landing_pages`,
+ noErrorOnMissing: true,
+ },
+ {
+ from: 'src/javascript/_common',
+ to: `${distFolder}/js/_common`,
+ noErrorOnMissing: true,
+ },
+ {
+ from: `${node_modules_paths.binary_style}/binary.css`,
+ to: `${distFolder}/css/common.css`,
+ },
+ {
+ from: `${node_modules_paths.deriv_p2p}/lib/*.css`,
+ to: `${distFolder}/css/p2p.css`,
+ },
+
+ // binary-style
+ {
+ from: path.join(
+ node_modules_paths.binary_style,
+ 'src/images/favicons'
+ ),
+ to: `${distFolder}/images/favicons/`,
+ },
+ {
+ from: path.join(node_modules_paths.binary_style, 'src/images/logo'),
+ to: `${distFolder}/images/logo/`,
+ },
+ ],
+ }),
+ new CleanWebpackPlugin(),
+ ],
+ watchOptions: {
+ ignored: /node_modules/,
+ aggregateTimeout: 300,
+ poll: 1000,
+ },
+ }
+
+ config.plugins.push(
+ new WebpackPluginServe({
+ host: '127.0.0.1',
+ port: 8090,
+ static: path.resolve(__dirname,'dist'),
+ open: true,
+ status:true,
+ compress:true,
+ hmr: true,
+ liveReload:true,
+ progress: false,
+ })
+ )
+ return config
+}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {it.L('[_1]\'s patented pricing technology allows you to benefit from the same rates of return as traders in the interbank market.', it.website_name)}
-
-
-
-
- -
-
- {it.L('Real-time prices, benchmarked against interbank options markets.')} -
- {it.L('Returns above 100% on simple [_1]rise/fall[_2] contracts.', ``, '')} -
- {it.L('Returns above 1000% on [_1]higher/lower[_2] and [_3]touch/no-touch[_2] trades.', ``, '', ``)} -
- {it.L('No hidden fees or commissions.')} -
- })
-
-
- {it.L('Why limit yourself? Whatever your market view, [_1] allows you to put your strategy to work and profit from your predictions.', it.website_name)}
-
- -
-
- {it.L('Choose a payout from $1 to $50,000.')} -
- {it.L('Trade all major currencies, stock indices, commodities, and synthetic indices.')} -
- {it.L('Choose a duration from 10 seconds to 365 days.')} -
- {it.L('Choose your own strike.')} -
-
-
-
- {it.L('With [_1], you\'ll know the risk and potential reward before you purchase a contract.', it.website_name)}
--
-
- {it.L('Choose a payout and our system will calculate the stake required to purchase the contract.')} -
- {it.L('You risk only your initial stake, and your stake never increases.')} -
- {it.L('You can sell your contract before expiry to keep any profit you may have made or to minimise your loss.')} -
- })
-
-
- {it.L('[_1] offers the world\'s financial markets in a simple, user-friendly platform.', it.website_name)}
-
-
-
- })
-
-
-
-
- -
-
- {it.L('Find the right trade for every market condition.')} -
- {it.L('Execute your trade in seconds.')} -
- {it.L('Monitor your portfolio in real time.')} -
- {it.L('Sell back trades at market prices.')} -
-
-
-
- {it.L('With [_1], you can count on us to serve you with integrity and reliability.', it.website_name)}
--
-
- {it.L('We have a proven track record since we launched our platform in 2000.')} -
- {it.L('We are licensed and regulated in the British Isles and in Malta since 2015.')} -
- {it.L('We segregate your funds and keep them in secure and licensed financial institutions.')} -
-
-
-
-
- })
-
-
-
-
-
- })
-
-
-
-
-
- })
-
-
-
- {/* TODO: add this later when we have sufficient awards for two lines */}
- {/*
-
-
- {it.L('Trade2Win')}
-
*/}
-
- {it.L('Trade2Win')}
-
-
- {it.L('Global Banking and Finance Review')}
-
-
- {it.L('Global Banking and Finance Review')}
-
-
- {it.L('EGR Operator Awards')}
-
-
- {it.L('EGR Operator Awards')}
-
-
- {it.L('16th MENA Financial Forum & Expo')}
-
-
- {it.L('16th MENA Financial Forum & Expo')}
-
-
- {it.L('Online Personal Wealth Awards')}
-
-
- {it.L('Online Personal Wealth Awards')}
-
-
- {it.L('Global Banking & Finance Awards')}
-
-
- {it.L('Global Banking & Finance Awards')}
-
-
- {it.L('Global Brands Magazine')}
-
-
- {it.L('Global Brands Magazine')}
-
-
- {it.L('Global Brands Magazine')}
-
-
- {it.L('Global Brands Magazine')}
- {it.L('[_1] is the award-winning industry pioneer in online options trading. We boast:', it.website_name)}
--
-
- {it.L('Over two billion dollars in trades to date.')} -
- {it.L('First-class client service.')} -
- {it.L('Multi award-winning trading platform.')} -
- {it.L('Exclusive binary trading technology.')} -