diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d94cbc6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.sass-cache/ +style.css.map diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..8dada3e --- /dev/null +++ b/LICENSE @@ -0,0 +1,201 @@ + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "{}" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright {yyyy} {name of copyright owner} + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. diff --git a/README.md b/README.md new file mode 100644 index 0000000..9c856c0 --- /dev/null +++ b/README.md @@ -0,0 +1,147 @@ +# Copenhagen Theme by Zendesk + +The Copenhagen theme is a responsive theme for Zendesk Guide. It is designed to be used together with [Theming Center](https://support.zendesk.com/hc/en-us/community/topics/115000528387-Zendesk-Guide-beta-Theming-Center) + +You can see the theme live [here](https://copenhagentheme.zendesk.com/hc/en-us). + +The Copenhagen theme for Help Center consists of a [set of templates](#templates), [styles](#styles), a Javascript file used mainly for interactions and an [assets folder](#assets). + +## How to use +This is the latest version of the Copenhagen theme available for Guide. It is possible to use this repository as a starting point to build your own custom theme. You can fork this repository as you see fit. + +## Customizing your theme +Once you have forked this repository you can feel free to edit templates, CSS in `style.css` (if you would like to use SASS go to the [Using SASS section](#using-sass)), javascript and manage assets. + +### Manifest file +The manifest allows you to define a group of settings for your theme that can then be changed via the UI in Theming Center. +For example, if you update the manifest file to look like this and you then import your theme to Theming Center: +```js +{ + "name": "Copenhagen", + "author": "Zendesk", + "version": "1.0.1", + "api_version": 1, + "settings": [{ + "label": "Colors", + "variables": [{ + "identifier": "brand_color", + "type": "color", + "description": "Brand color for major navigational elements", + "label": "Brand color", + "value": "#7B7B7B" + }] + }, { + "label": "Custom setting group", + "variables": [{ + "identifier": "custom_var", + "type": "text", + "description": "Custom variable to change the title", + "label": "Title", + "value": "Welcome to our Help Center" + }] + }] +} + +``` +You would see two setting groups with a variable each in your theme inside Theming Center with the correct input types: +![Manifest](https://zendesk.box.com/s/7hq7ohd7dt5buh56izawxipybi41fs80) + +You can read more about the manifest file [here](https://support.zendesk.com/hc/en-us/articles/115012547687--THEMING-CENTER-BETA-Settings-manifest-reference) + +### Settings folder +If you have a variable of type file, you need to provide a default file for that variable in the `/settings` folder. This file will be used on the settings panel by default and users can upload a different file if they like. +Ex. +If you would like to have a variable for the background image of a section, the variable in your manifest file would look something like this: + +```js +{ + ... + "settings": [{ + "label": "Images", + "variables": [{ + "identifier": "background_image", + "type": "file", + "description": "Background image for X section", + "label": "Background image", + }] + }] +} + +``` + +And this would look for a file inside the settings folder named: `background_image` +You can find more information about adding assets [here](https://support.zendesk.com/hc/en-us/articles/115012399428--THEMING-CENTER-BETA-Using-your-own-theme-assets-for-Help-Center) + +### Adding assets +You can add assets to the asset folder and use them in your CSS, Javascript and templates. +You can read more about assets [here](https://support.zendesk.com/hc/en-us/articles/115012399428--THEMING-CENTER-BETA-Using-your-own-theme-assets-for-Help-Center) + + +## Publishing your theme +After you have customized your theme you can download the repository as a `zip` file and import it into Theming Center. + +You can follow the documentation for importing [here](https://support.zendesk.com/hc/en-us/articles/115012794168--THEMING-CENTER-BETA-Importing-and-exporting-your-theme-and-manifest-file#topic_jpd_zdc_hbb). + +You can also preview your theme before you import it to Theming Center with the Zendesk App Tools framework, you can read more about local preview [here](https://support.zendesk.com/hc/en-us/community/posts/115007717507-Local-Theme-Preview-via-Zendesk-Application-Tools) + +## Templates +The theme includes all the templates that are used for a Help Center that has *all* the features available. +List of templates in the theme: +* Article page +* Category page +* Community post list page +* Community post page +* Community topic list page +* Community topic page +* Contributions page +* Document head +* Error page +* Footer +* Header +* Home page +* New community post page +* New request page +* Requests page +* Search results page +* Section page +* Subscriptions page +* User profile page + +## Styles +The styles that Theming Center needs to use in the theme are in the `style.css` file in the root folder. + +The styles for the theme are split using Sass partials, all the partials are under [styles/](/blob/master/styles/), they are all included in the "main" file [index.scss](/blob/master/styles/index.scss) and then compiled to CSS. +If you wish to use SASS you can go to the [using SASS section](#using-sass) + +## Assets +These are the images and font files that are needed for the theme. +These includes: +* Default Favicon +* Home page banner image +* Community banner image (for Community topics list page) +* Community image (for Community section in Home page) +* Copenhagen icons font +* Entypo icon font +* Dropdown arrow + +# Using SASS +In order to use SASS for development, you just need to compile it into the CSS that Theming Center understands. +Note: Zendesk App Tools [theme preview](#publishing-your-theme) currently does not support live SASS compilation. + +## Requirements + +- Install Ruby, we use `sassc` gem to compile our `.scss` files. You can see how to install Ruby [here](https://www.ruby-lang.org/en/documentation/installation/). +- Install `sassc` gem. You can run: +``` + gem install sassc +``` + +Now you can compile your SASS files running: +``` +./bin/compile.rb +``` +Which will take all the `scss` files inside the `styles/` folder and create the `style.css` file that is consumable by Theming Center. + +# Contributing +Bug reports and pull requests are welcome on GitHub at https://github.com/zendesk/copenhagen_theme +Please mention @zendesk/delta when creating a bug report or a pull request. diff --git a/assets/dropdown-arrow.svg b/assets/dropdown-arrow.svg new file mode 100644 index 0000000..ffc752a --- /dev/null +++ b/assets/dropdown-arrow.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/loader.gif b/assets/loader.gif new file mode 100644 index 0000000..fe353d2 Binary files /dev/null and b/assets/loader.gif differ diff --git a/bin/compile.rb b/bin/compile.rb new file mode 100644 index 0000000..27158f1 --- /dev/null +++ b/bin/compile.rb @@ -0,0 +1,26 @@ +#!/usr/bin/env ruby +require 'json' +require_relative 'stylesheet_compiler' + +base_dir = File.join(File.dirname(__FILE__), "..") + +manifest = File.read(File.join(base_dir, "manifest.json")) +styles_dir = File.join(base_dir, "styles") +styles_path = File.join(styles_dir, "index.scss") +styles = File.read(styles_path) + +manifest = JSON.parse(manifest) + +scss_variables = manifest["settings"].flat_map { |setting_group| setting_group["variables"] }.map { |variable| variable["identifier"] } + +assets = Dir.glob(File.join(base_dir, 'assets', '*.*')) +asset_variables = assets.map { |asset| File.join('assets', File.basename(asset)).gsub(/[^a-z0-9\-_]+/, '-') } +scss_variables.concat(asset_variables) + +compiler = StylesheetCompiler.new([styles_dir], scss_variables) +result = compiler.compile(styles) + +result_path = File.join(base_dir, "style.css") +File.open(result_path, 'w+') {|f| f.write(result) } + +puts "Done :)! Created /style.css file" diff --git a/bin/stylesheet_compiler.rb b/bin/stylesheet_compiler.rb new file mode 100644 index 0000000..df692e7 --- /dev/null +++ b/bin/stylesheet_compiler.rb @@ -0,0 +1,106 @@ +require 'sassc' + +# Compiles SCSS to CSS, while allowing some variables to be ignored. This is +# nice if you have a different way of inserting some variables, e.g. user +# settings. +# +# Example +# +# scss = "$color: #424242; h1 { color: $color; }" +# ThemeStylesheet.compile(scss) +# #=> "h1 { color: #424242; }" +# +# scss = "$color: #424242; h1 { color: $color; font-size: $size; }" +# ThemeStylesheet.compile(scss, ["size"]) +# #=> "h1 { color: #424242; font-size: $size; }" +# +class StylesheetCompiler + def self.compile(scss, ignored_variables = []) + new([], ignored_variables).compile(scss) + end + + # Builds a new StylesheetCompiler. + # + # load_paths - An Array of String load paths from which Sass modules + # should be looked up. + # ignored_variables - An Array of String variable names that should be + # ignored. + # + def initialize(load_paths = [], ignored_variables = []) + @load_paths = load_paths + @ignored_variables = ignored_variables + end + + # Compiles the SCSS into CSS. + # + # scss - A String containing SCSS. + # + # Returns a new CSS String. + def compile(scss) + # this comes in as a single string + stylesheet = "#{preamble}\n#{scss}" + options = { + syntax: :scss, + style: :expanded, + load_paths: @load_paths, + filename: "style.scss", + } + + SassC::Engine.new(stylesheet, options).render.tap do |css| + unescape_variables!(css) + convert_zass_functions!(css) + end + end + + private + + # The preamble assigns all the ignored variables to an escaped version of + # the variable name itself, e.g. + # + # $foo: \$foo; + # + # This makes Sass replace occurences of the variable with the escaped name. + # + # Afterwards, the escaped names can be unescaped, yielding a CSS file with + # the ignored variables intact. + # + # Returns a String preamble. + def preamble + @ignored_variables. + map {|name| escape_variable(name) }. + join("\n") + end + + # Escapes that variable by generating a Sass variable assignment. + # + # Returns a String Sass variable assignment. + def escape_variable(name) + "$#{name}: \\$#{name};" + end + + # Unescapes an escaped variable. + # + # Returns a String. + def unescape_variables!(css) + css.gsub!("\\$", "$") + end + + # Converts darken and lighten filter so that zass will process + # them and user can see them as normal sass css function in the editor. + # + # Note: we are prefixing them with `zass-` because we don't want + # the Sass-c compiler to execute them since we want the end-users + # to see those function in the editor when customizing their template. + # + # Returns a String. + def convert_zass_functions!(css) + keys_regex = /(zass-darken|zass-lighten)/ + + substitution_hash = { + 'zass-darken' => 'darken', + 'zass-lighten' => 'lighten' + } + + css.gsub!(keys_regex, substitution_hash) + end +end diff --git a/bin/update-translations.js b/bin/update-translations.js new file mode 100644 index 0000000..bef24f2 --- /dev/null +++ b/bin/update-translations.js @@ -0,0 +1,35 @@ +#!/usr/bin/env node + +const fetch = require('node-fetch'); +const path = require('path'); +const fs = require('fs'); +const yaml = require('js-yaml'); + +const LOCALE_ENDPOINT = `https://support.zendesk.com/api/v2/locales`; + +const translationDefinitions = yaml.safeLoad(fs.readFileSync('translations.yml', 'utf8')).parts; +const obsoleteKeys = translationDefinitions + .filter(part => part.translation.obsolete) + .reduce((acc, part) => acc.concat(part.translation.key), []); + +(async function() { + const resp = await fetch(`${LOCALE_ENDPOINT}/default`); + const locales = await resp.json(); + const localeIds = locales.locales.map(locale => locale.locale); + + for (const localeId of localeIds) { + console.log(`Downloading ${localeId}...`); + + const resp = await fetch(`${LOCALE_ENDPOINT}/${localeId}.json?include=translations&packages=help_center_copenhagen_theme`); + const translations = await resp.json(); + + const formattedTranslations = Object.entries(translations.locale.translations).reduce((accumulator, [key, value]) => { + if (obsoleteKeys.includes(key)) return accumulator; + + accumulator[key.replace(/.+\./, '')] = value; + return accumulator; + }, {}); + + fs.writeFileSync(path.join('translations', `${localeId}.json`), JSON.stringify(formattedTranslations, null, 2) + '\n', 'utf8'); + } +})(); diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..31138e8 --- /dev/null +++ b/manifest.json @@ -0,0 +1,231 @@ +{ + "name": "Copenhagen", + "author": "Zendesk", + "version": "1.4.4", + "api_version": 1, + "default_locale": "en-us", + "settings": [{ + "label": "colors_group_label", + "variables": [{ + "identifier": "brand_color", + "type": "color", + "description": "brand_color_description", + "label": "brand_color_label", + "value": "#0072EF" + }, { + "identifier": "brand_text_color", + "type": "color", + "description": "brand_text_color_description", + "label": "brand_text_color_label", + "value": "#FFFFFF" + }, { + "identifier": "text_color", + "type": "color", + "description": "text_color_description", + "label": "text_color_label", + "value": "#333333" + }, { + "identifier": "link_color", + "type": "color", + "description": "link_color_description", + "label": "link_color_label", + "value": "#0072EF" + }, { + "identifier": "background_color", + "type": "color", + "description": "background_color_description", + "label": "background_color_label", + "value": "#FFFFFF" + }] + }, { + "label": "fonts_group_label", + "variables": [{ + "identifier": "heading_font", + "type": "list", + "description": "heading_font_description", + "label": "heading_font_label", + "options": [ + { "label": "System", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" }, + { "label": "Arial", "value": "Arial, 'Helvetica Neue', Helvetica, sans-serif" }, + { "label": "Arial Black", "value": "'Arial Black', Arial, 'Helvetica Neue', Helvetica, sans-serif" }, + { "label": "Baskerville", "value": "Baskerville, 'Times New Roman', Times, serif" }, + { "label": "Century Gothic", "value": "'Century Gothic', AppleGothic, sans-serif" }, + { "label": "Copperplate Light", "value": "'Copperplate Light', 'Copperplate Gothic Light', serif" }, + { "label": "Courier New", "value": "'Courier New', Courier, monospace" }, + { "label":"Futura", "value": "Futura, 'Century Gothic', AppleGothic, sans-serif" }, + { "label":"Garamond", "value": "Garamond, 'Hoefler Text', 'Times New Roman', Times, serif" }, + { "label":"Geneva", "value": "Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif" }, + { "label":"Georgia", "value": "Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif" }, + { "label": "Helvetica", "value": "Helvetica, Arial, sans-serif" }, + { "label": "Helvetica Neue", "value": "'Helvetica Neue', Arial, Helvetica, sans-serif" }, + { "label":"Impact", "value": "Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif" }, + { "label":"Lucida Grande", "value": "'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif" }, + { "label":"Trebuchet MS", "value": "'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif" } + ], + "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" + }, { + "identifier": "text_font", + "type": "list", + "description": "text_font_description", + "label": "text_font_label", + "options": [ + { "label": "System", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif"}, + { "label": "Arial", "value": "Arial, 'Helvetica Neue', Helvetica, sans-serif"}, + { "label": "Arial Black", "value": "'Arial Black', Arial, 'Helvetica Neue', Helvetica, sans-serif"}, + { "label": "Baskerville", "value": "Baskerville, 'Times New Roman', Times, serif"}, + { "label": "Century Gothic", "value": "'Century Gothic', AppleGothic, sans-serif"}, + { "label": "Copperplate Light", "value": "'Copperplate Light', 'Copperplate Gothic Light', serif"}, + { "label": "Courier New", "value": "'Courier New', Courier, monospace"}, + { "label":"Futura", "value": "Futura, 'Century Gothic', AppleGothic, sans-serif"}, + { "label":"Garamond", "value": "Garamond, 'Hoefler Text', 'Times New Roman', Times, serif"}, + { "label":"Geneva", "value": "Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif"}, + { "label":"Georgia", "value": "Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif" }, + { "label": "Helvetica", "value": "Helvetica, Arial, sans-serif" }, + { "label": "Helvetica Neue", "value": "'Helvetica Neue', Arial, Helvetica, sans-serif" }, + { "label":"Impact", "value": "Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif" }, + { "label":"Lucida Grande", "value": "'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif" }, + { "label":"Trebuchet MS", "value": "'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif" } + ], + "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" + }] + }, { + "label": "brand_group_label", + "variables": [{ + "identifier": "logo", + "type": "file", + "description": "logo_description", + "label": "logo_label" + }, { + "identifier": "favicon", + "type": "file", + "description": "favicon_description", + "label": "favicon_label" + }] + }, { + "label": "images_group_label", + "variables": [{ + "identifier": "homepage_background_image", + "type": "file", + "description": "homepage_background_image_description", + "label": "homepage_background_image_label" + }, { + "identifier": "community_background_image", + "type": "file", + "description": "community_background_image_description", + "label": "community_background_image_label" + }, { + "identifier": "community_image", + "type": "file", + "description": "community_image_description", + "label": "community_image_label" + }] + }, { + "label": "search_group_label", + "variables":[{ + "identifier": "instant_search", + "type": "checkbox", + "description": "instant_search_description", + "label": "instant_search_label", + "value": true + }, { + "identifier": "scoped_kb_search", + "type": "checkbox", + "description": "scoped_knowledge_base_search_description", + "label": "scoped_knowledge_base_search_label", + "value": true + }, { + "identifier": "scoped_community_search", + "type": "checkbox", + "description": "scoped_community_search_description", + "label": "scoped_community_search_label", + "value": true + }] + }, { + "label": "home_page_group_label", + "variables": [{ + "identifier": "show_recent_activity", + "type": "checkbox", + "description": "recent_activity_description", + "label": "recent_activity_label", + "value": true + }] + }, { + "label": "article_page_group_label", + "variables": [{ + "identifier": "show_articles_in_section", + "type": "checkbox", + "description": "articles_in_section_description", + "label": "articles_in_section_label", + "value": true + }, { + "identifier": "show_article_author", + "type": "checkbox", + "description": "article_author_description", + "label": "article_author_label", + "value": true + }, { + "identifier": "show_article_comments", + "type": "checkbox", + "description": "article_comments_description", + "label": "article_comments_label", + "value": true + }, { + "identifier": "show_follow_article", + "type": "checkbox", + "description": "follow_article_description", + "label": "follow_article_label", + "value": true + }, { + "identifier": "show_recently_viewed_articles", + "type": "checkbox", + "description": "recently_viewed_articles_description", + "label": "recently_viewed_articles_label", + "value": true + }, { + "identifier": "show_related_articles", + "type": "checkbox", + "description": "related_articles_description", + "label": "related_articles_label", + "value": true + }, { + "identifier": "show_article_sharing", + "type": "checkbox", + "description": "article_sharing_description", + "label": "article_sharing_label", + "value": true + }] + }, { + "label": "section_page_group_label", + "variables": [{ + "identifier": "show_follow_section", + "type": "checkbox", + "description": "follow_section_description", + "label": "follow_section_label", + "value": true + }] + }, { + "label": "community_post_group_label", + "variables": [{ + "identifier": "show_follow_post", + "type": "checkbox", + "description": "follow_post_description", + "label": "follow_post_label", + "value": true + }, { + "identifier": "show_post_sharing", + "type": "checkbox", + "description": "post_sharing_description", + "label": "post_sharing_label", + "value": true + }] + }, { + "label": "community_topic_group_label", + "variables": [{ + "identifier": "show_follow_topic", + "type": "checkbox", + "description": "follow_topic_description", + "label": "follow_topic_label", + "value": true + }] + }] +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..b6eb12b --- /dev/null +++ b/package.json @@ -0,0 +1,11 @@ +{ + "name": "copenhagen_theme", + "version": "1.0.0", + "repository": "git@github.com:zendesk/copenhagen_theme.git", + "dependencies": { + "node-fetch": "^2.1.2" + }, + "devDependencies": { + "js-yaml": "^3.12.0" + } +} diff --git a/script.js b/script.js new file mode 100644 index 0000000..2203890 --- /dev/null +++ b/script.js @@ -0,0 +1,129 @@ +/* + * jQuery v1.9.1 included + */ + +$(document).ready(function() { + + // social share popups + $(".share a").click(function(e) { + e.preventDefault(); + window.open(this.href, "", "height = 500, width = 500"); + }); + + // show form controls when the textarea receives focus or backbutton is used and value exists + var $commentContainerTextarea = $(".comment-container textarea"), + $commentContainerFormControls = $(".comment-form-controls, .comment-ccs"); + + $commentContainerTextarea.one("focus", function() { + $commentContainerFormControls.show(); + }); + + if ($commentContainerTextarea.val() !== "") { + $commentContainerFormControls.show(); + } + + // Expand Request comment form when Add to conversation is clicked + var $showRequestCommentContainerTrigger = $(".request-container .comment-container .comment-show-container"), + $requestCommentFields = $(".request-container .comment-container .comment-fields"), + $requestCommentSubmit = $(".request-container .comment-container .request-submit-comment"); + + $showRequestCommentContainerTrigger.on("click", function() { + $showRequestCommentContainerTrigger.hide(); + $requestCommentFields.show(); + $requestCommentSubmit.show(); + $commentContainerTextarea.focus(); + }); + + // Mark as solved button + var $requestMarkAsSolvedButton = $(".request-container .mark-as-solved:not([data-disabled])"), + $requestMarkAsSolvedCheckbox = $(".request-container .comment-container input[type=checkbox]"), + $requestCommentSubmitButton = $(".request-container .comment-container input[type=submit]"); + + $requestMarkAsSolvedButton.on("click", function () { + $requestMarkAsSolvedCheckbox.attr("checked", true); + $requestCommentSubmitButton.prop("disabled", true); + $(this).attr("data-disabled", true).closest("form").submit(); + }); + + // Change Mark as solved text according to whether comment is filled + var $requestCommentTextarea = $(".request-container .comment-container textarea"); + + $requestCommentTextarea.on("input", function() { + if ($requestCommentTextarea.val() !== "") { + $requestMarkAsSolvedButton.text($requestMarkAsSolvedButton.data("solve-and-submit-translation")); + $requestCommentSubmitButton.prop("disabled", false); + } else { + $requestMarkAsSolvedButton.text($requestMarkAsSolvedButton.data("solve-translation")); + $requestCommentSubmitButton.prop("disabled", true); + } + }); + + // Disable submit button if textarea is empty + if ($requestCommentTextarea.val() === "") { + $requestCommentSubmitButton.prop("disabled", true); + } + + // Submit requests filter form in the request list page + $("#request-status-select, #request-organization-select") + .on("change", function() { + search(); + }); + + // Submit requests filter form in the request list page + $("#quick-search").on("keypress", function(e) { + if (e.which === 13) { + search(); + } + }); + + function search() { + window.location.search = $.param({ + query: $("#quick-search").val(), + status: $("#request-status-select").val(), + organization_id: $("#request-organization-select").val() + }); + } + + function toggleNavigation(toggleElement) { + var menu = document.getElementById("user-nav"); + var isExpanded = menu.getAttribute("aria-expanded") === "true"; + menu.setAttribute("aria-expanded", !isExpanded); + toggleElement.setAttribute("aria-expanded", !isExpanded); + } + + $(".header .icon-menu").on("click", function(e) { + e.stopPropagation(); + toggleNavigation(this); + }); + + $(".header .icon-menu").on("keyup", function(e) { + if (e.keyCode === 13) { // Enter key + e.stopPropagation(); + toggleNavigation(this); + } + }); + + $("#user-nav").on("keyup", function(e) { + if (e.keyCode === 27) { // Escape key + e.stopPropagation(); + this.setAttribute("aria-expanded", false); + $(".header .icon-menu").attr("aria-expanded", false); + } + }); + + if ($("#user-nav").children().length === 0) { + $(".header .icon-menu").hide(); + } + + // Submit organization form in the request page + $("#request-organization select").on("change", function() { + this.form.submit(); + }); + + // Toggles expanded aria to collapsible elements + $(".collapsible-nav, .collapsible-sidebar").on("click", function(e) { + e.stopPropagation(); + var isExpanded = this.getAttribute("aria-expanded") === "true"; + this.setAttribute("aria-expanded", !isExpanded); + }); +}); diff --git a/settings/community_background_image.svg b/settings/community_background_image.svg new file mode 100644 index 0000000..e05da04 --- /dev/null +++ b/settings/community_background_image.svg @@ -0,0 +1 @@ +Artboard 1 \ No newline at end of file diff --git a/settings/community_image.svg b/settings/community_image.svg new file mode 100644 index 0000000..7433e12 --- /dev/null +++ b/settings/community_image.svg @@ -0,0 +1 @@ +Artboard 1 \ No newline at end of file diff --git a/settings/favicon.ico b/settings/favicon.ico new file mode 100644 index 0000000..54fbde8 Binary files /dev/null and b/settings/favicon.ico differ diff --git a/settings/homepage_background_image.svg b/settings/homepage_background_image.svg new file mode 100644 index 0000000..c5f0ece --- /dev/null +++ b/settings/homepage_background_image.svg @@ -0,0 +1 @@ +Artboard 1 \ No newline at end of file diff --git a/settings/logo.png b/settings/logo.png new file mode 100644 index 0000000..27d915c Binary files /dev/null and b/settings/logo.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..3f57498 --- /dev/null +++ b/style.css @@ -0,0 +1,4063 @@ +@charset "UTF-8"; +/***** Base *****/ +* { + box-sizing: border-box; +} + +body { + background-color: $background_color; + color: $text_color; + font-family: $text_font; + font-size: 15px; + font-weight: 400; + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +@media (min-width: 1024px) { + body > main { + min-height: 65vh; + } +} + +h1, h2, h3, h4, h5, h6 { + font-family: $heading_font; + font-weight: 400; + margin-top: 0; +} + +h1 { + font-size: 32px; +} + +h2 { + font-size: 22px; +} + +h3 { + font-size: 18px; + font-weight: 600; +} + +h4 { + font-size: 16px; +} + +a { + color: $link_color; + text-decoration: none; +} + +a:hover, a:active, a:focus { + text-decoration: underline; +} + +input, +textarea { + color: #000; + font-size: 14px; +} + +input { + font-weight: 300; + max-width: 100%; + box-sizing: border-box; + outline: none; + transition: border .12s ease-in-out; +} + +input:focus { + border: 1px solid $brand_color; +} + +input[disabled] { + background-color: #ddd; +} + +select { + -webkit-appearance: none; + -moz-appearance: none; + background: url($assets-dropdown-arrow-svg) no-repeat #fff; + background-position: right 10px center; + border: 1px solid #ddd; + border-radius: 4px; + padding: 8px 30px 8px 10px; + outline: none; + color: #555; + width: 100%; +} + +select:focus { + border: 1px solid $brand_color; +} + +select::-ms-expand { + display: none; +} + +textarea { + border: 1px solid #ddd; + border-radius: 2px; + resize: vertical; + width: 100%; + outline: none; + padding: 10px; +} + +textarea:focus { + border: 1px solid $brand_color; +} + +.container { + max-width: 1160px; + margin: 0 auto; + padding: 0 5%; +} + +@media (min-width: 1160px) { + .container { + padding: 0; + width: 90%; + } +} + +.container-divider { + border-top: 1px solid #ddd; + margin-bottom: 20px; +} + +ul { + list-style: none; + margin: 0; + padding: 0; +} + +.error-page { + max-width: 1160px; + margin: 0 auto; + padding: 0 5%; +} + +@media (min-width: 1160px) { + .error-page { + padding: 0; + width: 90%; + } +} + +.dropdown-toggle::after { + color: inherit; +} + +/***** Buttons *****/ +.button, [role="button"] { + border: 1px solid $brand_color; + border-radius: 4px; + color: $brand_color; + cursor: pointer; + display: inline-block; + font-size: 12px; + line-height: 2.34; + margin: 0; + padding: 0 20px; + text-align: center; + transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; + user-select: none; + white-space: nowrap; + width: 100%; + -webkit-touch-callout: none; +} + +@media (min-width: 768px) { + .button, [role="button"] { + width: auto; + } +} + +.button::after, [role="button"]::after { + color: $brand_color; +} + +.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] { + background-color: $brand_color; + color: $brand_text_color; + text-decoration: none; +} + +.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active { + background-color: darken($brand_color, 20%); + border-color: darken($brand_color, 20%); +} + +.button[data-disabled], [role="button"][data-disabled] { + cursor: default; +} + +.button-large, input[type="submit"] { + background-color: $brand_color; + border: 0; + border-radius: 4px; + color: $brand_text_color; + font-size: 14px; + font-weight: 400; + line-height: 2.72; + min-width: 190px; + padding: 0 1.9286em; + width: 100%; +} + +@media (min-width: 768px) { + .button-large, input[type="submit"] { + width: auto; + } +} + +.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { + background-color: darken($brand_color, 20%); +} + +.button-large[disabled], input[type="submit"][disabled] { + background-color: #ddd; +} + +.button-secondary { + color: lighten($text_color, 20%); + border: 1px solid #ddd; + background-color: transparent; +} + +.button-secondary:hover, .button-secondary:focus, .button-secondary:active { + color: $text_color; + border: 1px solid #ddd; + background-color: darken($background_color, 3%); +} + +/***** Tables *****/ +.table { + width: 100%; + table-layout: fixed; +} + +@media (min-width: 768px) { + .table { + table-layout: auto; + } +} + +.table th, +.table th a { + color: lighten($text_color, 20%); + font-size: 13px; + font-weight: 300; + text-align: left; +} + +[dir="rtl"] .table th, [dir="rtl"] +.table th a { + text-align: right; +} + +.table tr { + border-bottom: 1px solid #ddd; + display: block; + padding: 20px 0; +} + +@media (min-width: 768px) { + .table tr { + display: table-row; + } +} + +.table td { + display: block; +} + +@media (min-width: 768px) { + .table td { + display: table-cell; + } +} + +@media (min-width: 1024px) { + .table td, .table th { + padding: 20px 30px; + } +} + +@media (min-width: 768px) { + .table td, .table th { + padding: 10px 20px; + height: 60px; + } +} + +/***** Forms *****/ +.form { + max-width: 650px; +} + +.form-field ~ .form-field { + margin-top: 25px; +} + +.form-field label { + display: block; + font-size: 13px; + margin-bottom: 5px; +} + +.form-field input { + border: 1px solid #ddd; + border-radius: 4px; + padding: 10px; + width: 100%; +} + +.form-field input:focus { + border: 1px solid $brand_color; +} + +.form-field input[type="text"] { + border: 1px solid #ddd; + border-radius: 4px; +} + +.form-field input[type="text"]:focus { + border: 1px solid $brand_color; +} + +.form-field input[type="checkbox"] { + width: auto; +} + +.form-field .nesty-input { + border-radius: 4px; + height: 40px; + line-height: 40px; + outline: none; + vertical-align: middle; +} + +.form-field .nesty-input:focus { + border: 1px solid $brand_color; + text-decoration: none; +} + +.form-field .hc-multiselect-toggle:focus { + outline: none; + border: 1px solid $brand_color; + text-decoration: none; +} + +.form-field textarea { + vertical-align: middle; +} + +.form-field input[type="checkbox"] + label { + margin: 0 0 0 10px; +} + +.form-field.required > label::after { + content: "*"; + color: #f00; + margin-left: 2px; +} + +.form-field p { + color: lighten($text_color, 20%); + font-size: 12px; + margin: 5px 0; +} + +[data-loading="true"] input, +[data-loading="true"] textarea { + background: transparent url($assets-loader-gif) 99% 50% no-repeat; + background-size: 16px 16px; +} + +.form footer { + margin-top: 40px; + padding-top: 30px; +} + +.form footer a { + color: lighten($text_color, 20%); + cursor: pointer; + margin-right: 15px; +} + +.form .suggestion-list { + font-size: 13px; + margin-top: 30px; +} + +.form .suggestion-list label { + border-bottom: 1px solid #ddd; + display: block; + padding-bottom: 5px; +} + +.form .suggestion-list li { + padding: 10px 0; +} + +.form .suggestion-list li a:visited { + color: darken($link_color, 20%); +} + +/***** Header *****/ +.header { + max-width: 1160px; + margin: 0 auto; + padding: 0 5%; + position: relative; + align-items: center; + display: flex; + height: 71px; + justify-content: space-between; +} + +@media (min-width: 1160px) { + .header { + padding: 0; + width: 90%; + } +} + +.logo img { + max-height: 37px; +} + +.user-nav { + display: inline-block; + position: absolute; + white-space: nowrap; +} + +@media (min-width: 768px) { + .user-nav { + position: relative; + } +} + +.user-nav[aria-expanded="true"] { + background-color: #fff; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1); + border: solid 1px #ddd; + right: 0; + left: 0; + top: 71px; + z-index: 1; +} + +.user-nav[aria-expanded="true"] > a { + display: block; + margin: 20px; +} + +.nav-wrapper a { + border: 0; + color: $link_color; + display: none; + font-size: 14px; + padding: 0 20px 0 0; + width: auto; +} + +@media (min-width: 768px) { + .nav-wrapper a { + display: inline-block; + } +} + +[dir="rtl"] .nav-wrapper a { + padding: 0 0 0 20px; +} + +.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active { + background-color: transparent; + color: $link_color; + text-decoration: underline; +} + +.nav-wrapper a.login { + display: inline-block; +} + +.nav-wrapper .icon-menu { + border: 0; + color: $link_color; + cursor: pointer; + display: inline-block; + margin-right: 10px; + padding: 0; + width: auto; +} + +@media (min-width: 768px) { + .nav-wrapper .icon-menu { + display: none; + } +} + +[dir="rtl"] .nav-wrapper .icon-menu { + margin-left: 10px; + margin-right: 0; +} + +.nav-wrapper .icon-menu:hover, .nav-wrapper .icon-menu:focus, .nav-wrapper .icon-menu:active { + background-color: transparent; + color: $link_color; +} + +/***** User info in header *****/ +.user-info { + display: inline-block; +} + +.user-info .dropdown-toggle::after { + display: none; +} + +@media (min-width: 768px) { + .user-info .dropdown-toggle::after { + display: inline-block; + } +} + +.user-info > [role="button"] { + border: 0; + color: $link_color; + min-width: 0; + padding: 0; + white-space: nowrap; +} + +.user-info > [role="button"]:hover, .user-info > [role="button"]:focus { + color: $link_color; + background-color: transparent; +} + +.user-info > [role="button"]::after { + color: $link_color; + padding-right: 15px; +} + +[dir="rtl"] .user-info > [role="button"]::after { + padding-left: 15px; + padding-right: 0; +} + +#user #user-name { + display: none; + font-size: 14px; +} + +@media (min-width: 768px) { + #user #user-name { + display: inline-block; + } +} + +#user #user-name:hover { + text-decoration: underline; +} + +/***** User avatar *****/ +.user-avatar { + height: 25px; + width: 25px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; +} + +.avatar { + display: inline-block; + position: relative; +} + +.avatar img { + height: 40px; + width: 40px; +} + +.avatar .icon-agent::before { + background-color: $brand_color; + border: 2px solid #fff; + border-radius: 50%; + bottom: -4px; + color: $brand_text_color; + content: "\1F464"; + font-size: 14px; + height: 14px; + line-height: 14px; + position: absolute; + right: -2px; + text-align: center; + width: 14px; +} + +/***** Footer *****/ +.footer { + border-top: 1px solid #ddd; + margin-top: 60px; + padding: 30px 0; +} + +.footer a { + color: lighten($text_color, 20%); +} + +.footer-inner { + max-width: 1160px; + margin: 0 auto; + padding: 0 5%; + display: flex; + justify-content: space-between; +} + +@media (min-width: 1160px) { + .footer-inner { + padding: 0; + width: 90%; + } +} + +.footer-language-selector { + color: lighten($text_color, 20%); + display: inline-block; + font-weight: 300; +} + +/***** Breadcrumbs *****/ +.breadcrumbs { + margin: 0 0 15px 0; + padding: 0; +} + +@media (min-width: 768px) { + .breadcrumbs { + margin: 0; + } +} + +.breadcrumbs li { + color: lighten($text_color, 20%); + display: inline; + font-weight: 300; + font-size: 13px; + max-width: 450px; + overflow: hidden; + text-overflow: ellipsis; +} + +.breadcrumbs li + li::before { + content: ">"; + margin: 0 4px; +} + +.breadcrumbs li a:visited { + color: $link_color; +} + +/***** Search field *****/ +.search { + position: relative; +} + +.search input[type="search"] { + border: 1px solid #ddd; + border-radius: 30px; + box-sizing: border-box; + color: #999; + height: 40px; + padding-left: 40px; + padding-right: 20px; + -webkit-appearance: none; + width: 100%; +} + +[dir="rtl"] .search input[type="search"] { + padding-right: 40px; + padding-left: 20px; +} + +.search input[type="search"]:focus { + border: 1px solid $brand_color; + color: #555; +} + +.search::before { + position: relative; + top: 50%; + transform: translateY(-50%); + background-color: #fff; + color: #777; + content: "\1F50D"; + font-size: 18px; + position: absolute; + left: 15px; +} + +[dir="rtl"] .search::before { + right: 15px; + left: auto; +} + +.search-full input[type="search"] { + border: 1px solid #fff; +} + +/***** Hero component *****/ +.hero { + background-image: url($homepage_background_image); + background-position: center; + background-size: cover; + height: 300px; + padding: 0 20px; + text-align: center; + width: 100%; +} + +.hero-inner { + position: relative; + top: 50%; + transform: translateY(-50%); + max-width: 610px; + margin: 0 auto; +} + +.page-header { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + margin: 10px 0; +} + +@media (min-width: 768px) { + .page-header { + align-items: baseline; + flex-direction: row; + margin: 0; + } +} + +.page-header .section-subscribe { + flex-shrink: 0; + margin-bottom: 10px; +} + +@media (min-width: 768px) { + .page-header .section-subscribe { + margin-bottom: 0; + } +} + +.page-header h1 { + flex-grow: 1; + margin-bottom: 10px; +} + +.page-header-description { + font-style: italic; + font-weight: 300; + margin: 0 0 30px 0; + word-break: break-word; +} + +@media (min-width: 1024px) { + .page-header-description { + flex-basis: 100%; + } +} + +.page-header .icon-lock::before { + content: "\1F512"; + font-size: 20px; + position: relative; + left: -5px; + vertical-align: baseline; +} + +.sub-nav { + display: flex; + flex-direction: column; + justify-content: space-between; + margin-bottom: 30px; + min-height: 50px; + padding-bottom: 15px; +} + +@media (min-width: 768px) { + .sub-nav { + align-items: baseline; + flex-direction: row; + } +} + +@media (min-width: 768px) { + .sub-nav input[type="search"] { + min-width: 300px; + } +} + +.sub-nav input[type="search"]::after { + font-size: 15px; +} + +/***** Blocks *****/ +/* Used in Homepage#categories and Community#topics */ +.blocks-list { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + list-style: none; + padding: 0; +} + +@media (min-width: 768px) { + .blocks-list { + margin: 0 -15px; + } +} + +.blocks-item { + border: 1px solid $brand_color; + border-radius: 4px; + box-sizing: border-box; + color: $brand_color; + display: flex; + flex: 1 0 340px; + flex-direction: column; + justify-content: center; + margin: 0 0 30px; + max-width: 100%; + text-align: center; +} + +@media (min-width: 768px) { + .blocks-item { + margin: 0 15px 30px; + } +} + +.blocks-item:hover, .blocks-item:focus, .blocks-item:active { + background-color: $brand_color; +} + +.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * { + color: $brand_text_color; + text-decoration: none; +} + +.blocks-item-internal { + background-color: transparent; + border: 1px solid #ddd; +} + +.blocks-item-internal .icon-lock::before { + content: "\1F512"; + font-size: 15px; + bottom: 5px; + position: relative; +} + +.blocks-item-internal a { + color: $text_color; +} + +.blocks-item-link { + color: $brand_color; + padding: 20px 30px; +} + +.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active { + text-decoration: none; +} + +.blocks-item-title { + margin-bottom: 0; +} + +.blocks-item-description { + font-weight: 300; + margin: 0; +} + +.blocks-item-description:not(:empty) { + margin-top: 10px; +} + +/***** Homepage *****/ +.section { + margin-bottom: 40px; +} + +@media (min-width: 768px) { + .section { + margin-bottom: 60px; + } +} + +.section h2 { + margin-bottom: 10px; + text-align: center; +} + +/***** Promoted articles *****/ +.promoted-articles { + display: flex; + flex-direction: column; + flex-wrap: wrap; +} + +@media (min-width: 1024px) { + .promoted-articles { + flex-direction: row; + } +} + +.promoted-articles-item { + flex: 1 0 auto; + border-bottom: 1px solid #ddd; + padding: 15px 0; +} + +@media (min-width: 1024px) { + .promoted-articles-item { + align-self: flex-end; + flex: 0 0 auto; + margin-right: 30px; + width: 33%; + /* Three columns on desktop */ + } + [dir="rtl"] .promoted-articles-item { + margin: 0 0 0 30px; + } +} + +.promoted-articles-item:nth-child(3n) { + margin-right: 0; +} + +.promoted-articles-item a { + color: $text_color; +} + +.promoted-articles-item .icon-lock::before { + vertical-align: baseline; +} + +.promoted-articles-item:last-child { + border: 0; +} + +@media (min-width: 1024px) { + .promoted-articles-item:last-child { + border-bottom: 1px solid #ddd; + } +} + +/***** Community section in homepage *****/ +.community { + text-align: center; +} + +.community-image { + min-height: 300px; + background-image: url($community_image); + background-position: center; + background-repeat: no-repeat; + max-width: 100%; +} + +.community, +.activity { + border-top: 1px solid #ddd; + padding: 30px 0; +} + +/***** Recent activity *****/ +.recent-activity-header { + margin-bottom: 10px; + text-align: center; +} + +.recent-activity-list { + padding: 0; +} + +.recent-activity-item { + border-bottom: 1px solid #ddd; + overflow: auto; + padding: 20px 0; +} + +.recent-activity-item-parent { + font-size: 16px; +} + +.recent-activity-item-parent, .recent-activity-item-link { + margin: 6px 0; + color: $text_color; + display: inline-block; + width: 100%; +} + +@media (min-width: 768px) { + .recent-activity-item-parent, .recent-activity-item-link { + width: 70%; + margin: 0; + } +} + +.recent-activity-item-link { + font-size: 14px; + font-weight: 300; +} + +.recent-activity-item-meta { + margin: 15px 0 0 0; + float: none; +} + +@media (min-width: 768px) { + .recent-activity-item-meta { + margin: 0; + float: right; + } + [dir="rtl"] .recent-activity-item-meta { + float: left; + } +} + +.recent-activity-item-time, .recent-activity-item-comment { + color: lighten($text_color, 20%); + display: inline-block; + font-size: 13px; + font-weight: 300; +} + +.recent-activity-item-comment { + padding-left: 5px; +} + +[dir="rtl"] .recent-activity-item-comment { + padding: 0 5px 0 0; +} + +.recent-activity-item-comment::before { + display: inline-block; +} + +.recent-activity-item-comment span::before { + color: $brand_color; + content: "\1F4AC"; + display: inline-block; + font-size: 15px; + padding-right: 3px; + vertical-align: middle; +} + +[dir="rtl"] .recent-activity-item-comment span::before { + padding-left: 3px; +} + +.recent-activity-controls { + padding-top: 15px; +} + +/***** Category pages *****/ +.category-container { + display: flex; + justify-content: flex-end; +} + +.category-content { + flex: 1; +} + +@media (min-width: 1024px) { + .category-content { + flex: 0 0 80%; + } +} + +.section-tree { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; +} + +@media (min-width: 768px) { + .section-tree { + flex-direction: row; + } +} + +.section-tree .section { + flex: initial; +} + +@media (min-width: 768px) { + .section-tree .section { + flex: 0 0 45%; + /* Two columns for tablet and desktop. Leaving 5% separation between columns */ + } +} + +.section-tree-title { + margin-bottom: 0; +} + +.section-tree-title a { + color: $text_color; +} + +.section-tree .see-all-articles { + display: block; + padding: 15px 0; +} + +.article-list-item { + border-bottom: 1px solid #ddd; + font-size: 16px; + padding: 15px 0; +} + +.article-list-item a { + color: $text_color; +} + +.article-list-item .icon-lock::before { + vertical-align: baseline; +} + +.icon-star::before { + color: $brand_color; + font-size: 18px; +} + +/***** Section pages *****/ +.section-container { + display: flex; + justify-content: flex-end; +} + +.section-content { + flex: 1; +} + +@media (min-width: 1024px) { + .section-content { + flex: 0 0 80%; + } +} + +.section-subscribe .dropdown-toggle::after { + display: none; +} + +/***** Article *****/ +.article { + /* + * The article grid is defined this way to optimize readability: + * Sidebar | Content | Free space + * 17% | 66% | 17% + */ + flex: 1 0 auto; +} + +@media (min-width: 1024px) { + .article { + flex: 1 0 66%; + max-width: 66%; + min-width: 640px; + padding: 0 30px; + } +} + +.article-container { + display: flex; + flex-direction: column; +} + +@media (min-width: 1024px) { + .article-container { + flex-direction: row; + } +} + +.article-header { + align-items: flex-start; + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + margin-bottom: 40px; + margin-top: 20px; +} + +@media (min-width: 768px) { + .article-header { + flex-direction: row; + margin-top: 0; + } +} + +.article-avatar { + margin-right: 10px; +} + +.article-author { + margin-bottom: 10px; +} + +@media (min-width: 768px) { + .article-title { + flex-basis: 100%; + /* Take entire row */ + } +} + +.article-title .icon-lock::before { + content: "\1F512"; + font-size: 20px; + position: relative; + left: -5px; + vertical-align: baseline; +} + +.article [role="button"] { + flex-shrink: 0; + /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/ + width: 100%; +} + +@media (min-width: 768px) { + .article [role="button"] { + width: auto; + } +} + +.article-info { + max-width: 100%; +} + +.article-meta { + display: inline-block; + vertical-align: middle; +} + +.article-body img { + height: auto; + max-width: 100%; +} + +.article-body ul, .article-body ol { + padding-left: 20px; + list-style-position: outside; + margin: 20px 0 20px 20px; +} + +[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol { + padding-right: 20px; + padding-left: 0; + margin-left: 0; + margin-right: 20px; +} + +.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol { + margin: 0; +} + +.article-body ul { + list-style-type: disc; +} + +.article-body a:visited { + color: darken($link_color, 20%); +} + +.article-body code { + background: darken($background_color, 3%); + border: 1px solid #ddd; + border-radius: 3px; + padding: 0 5px; + margin: 0 2px; +} + +.article-body pre { + background: darken($background_color, 3%); + border: 1px solid #ddd; + border-radius: 3px; + padding: 10px 15px; + overflow: auto; + white-space: pre; +} + +.article-body blockquote { + border-left: 1px solid #ddd; + color: lighten($text_color, 20%); + font-style: italic; + padding: 0 15px; +} + +.article-body > p:last-child { + margin-bottom: 0; +} + +.article-content { + line-height: 1.6; + margin: 40px 0; + word-wrap: break-word; +} + +.article-footer { + align-items: center; + display: flex; + justify-content: space-between; + padding-bottom: 20px; +} + +.article-comment-count { + color: lighten($text_color, 20%); + font-weight: 300; +} + +.article-comment-count:hover { + text-decoration: none; +} + +.article-comment-count .icon-comments { + color: $brand_color; + content: "\1F4AC"; + display: inline-block; + font-size: 18px; + padding: 5px; +} + +.article-sidebar { + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + flex: 1 0 auto; + margin-bottom: 20px; + padding: 0; +} + +@media (min-width: 1024px) { + .article-sidebar { + border: 0; + flex: 0 0 17%; + height: auto; + } +} + +.article-relatives { + border-top: 1px solid #ddd; + display: flex; + flex-direction: column; + padding: 20px 0; +} + +@media (min-width: 768px) { + .article-relatives { + flex-direction: row; + } +} + +.article-relatives > * { + flex: 1 0 auto; + margin-right: 0; +} + +.article-relatives > *:last-child { + margin: 0; +} + +@media (min-width: 768px) { + .article-relatives > * { + margin-right: 20px; + } +} + +.article-votes { + border-top: 1px solid #ddd; + padding: 30px 0; + text-align: center; +} + +.article-vote { + background: transparent; + border: 1px solid $brand_color; + color: $brand_color; + margin: 10px 5px; + min-width: 90px; + width: auto; +} + +.article-vote::before { + font-size: 8px; + margin-right: 10px; +} + +[dir="rtl"] .article-vote::before { + margin-right: 0; + margin-left: 10px; +} + +.article-vote::after { + content: attr(title); + /* Yes/No label*/ +} + +.article-vote:focus, .article-vote:active { + background-color: transparent; + color: $brand_color; +} + +.article-vote:hover { + background-color: $brand_color; +} + +.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after { + color: $brand_text_color; +} + +.article-vote-up::before { + content: "\2713"; +} + +.article-vote-down::before { + content: "\2715"; +} + +.article-more-questions { + margin: 10px 0 20px; + text-align: center; +} + +.article-return-to-top { + border-top: 1px solid #ddd; +} + +@media (min-width: 1024px) { + .article-return-to-top { + display: none; + } +} + +.article-return-to-top a { + color: $text_color; + display: block; + padding: 20px 0; +} + +.article-return-to-top a:hover, .article-return-to-top a:focus { + text-decoration: none; +} + +.article-return-to-top .icon-arrow-up::before { + font-size: 16px; + margin-left: 5px; +} + +[dir="rtl"] .article-return-to-top .icon-arrow-up::before { + margin-right: 10px; +} + +.article-unsubscribe { + background-color: $brand_color; + color: $brand_text_color; + text-decoration: none; +} + +.article-unsubscribe:hover { + background-color: darken($brand_color, 20%); + border-color: darken($brand_color, 20%); +} + +.sidenav-title { + font-size: 15px; + position: relative; +} + +.sidenav-item { + border-radius: 4px; + color: $text_color; + display: block; + font-weight: 300; + margin-bottom: 10px; + padding: 10px; +} + +.sidenav-item.current-article, .sidenav-item:hover { + background-color: $brand_color; + color: $brand_text_color; + text-decoration: none; +} + +.recent-articles h3, +.related-articles h3 { + font-size: 15px; + margin: 20px 0; +} + +.recent-articles li, +.related-articles li { + margin-bottom: 15px; +} + +/***** Attachments *****/ +/* Styles attachments inside posts, articles and comments */ +.attachments .attachment-item { + padding-left: 20px; + position: relative; + margin-bottom: 10px; +} + +.attachments .attachment-item:last-child { + margin-bottom: 0; +} + +.attachments .attachment-item::before { + color: $text_color; + content: "\1F4CE"; + font-size: 15px; + left: 0; + position: absolute; + top: 5px; +} + +[dir="rtl"] .attachments .attachment-item { + padding-left: 0; + padding-right: 20px; +} + +[dir="rtl"] .attachments .attachment-item::before { + left: auto; + right: 0; +} + +.upload-dropzone span { + color: lighten($text_color, 20%); +} + +/***** Social share links *****/ +.share { + padding: 0; + white-space: nowrap; +} + +.share li, .share a { + display: inline-block; +} + +.share a { + border-radius: 50%; + height: 25px; + line-height: 25px; + overflow: hidden; + width: 25px; +} + +.share a::before { + color: lighten($text_color, 20%); + display: block; + font-size: 23px; + text-align: center; + width: 100%; +} + +.share a:hover { + text-decoration: none; +} + +.share a:hover::before { + color: $brand_color; +} + +.share-twitter::before { + content: "\e901"; +} + +.share-facebook::before { + content: "\e903"; +} + +.share-linkedin::before { + content: "\e900"; +} + +.share-googleplus::before { + content: "\e902"; +} + +/***** Comments *****/ +/* Styles comments inside articles, posts and requests */ +.comment { + border-bottom: 1px solid #ddd; + padding: 20px 0; +} + +.comment-heading { + margin-bottom: 5px; + margin-top: 0; +} + +.comment-overview { + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + padding: 20px 0; +} + +.comment-overview p { + margin-top: 0; +} + +.comment-callout { + color: lighten($text_color, 20%); + display: inline-block; + font-weight: 300; + font-size: 13px; + margin-bottom: 0; +} + +.comment-callout a { + color: $brand_color; +} + +.comment-sorter { + display: inline-block; + float: right; +} + +.comment-sorter a { + color: lighten($text_color, 20%); + font-weight: 300; + font-size: 13px; + text-decoration: none; +} + +[dir="rtl"] .comment-sorter { + float: left; +} + +.comment-wrapper { + display: flex; + position: relative; +} + +.comment-wrapper.comment-official { + border: 1px solid $brand_color; + padding: 40px 20px 20px; +} + +@media (min-width: 768px) { + .comment-wrapper.comment-official { + padding-top: 20px; + } +} + +.comment-info { + min-width: 0; + padding-right: 20px; + width: 100%; +} + +[dir="rtl"] .comment-info { + padding-right: 0; + padding-left: 20px; +} + +.comment-author { + align-items: flex-end; + display: flex; + flex-wrap: wrap; + margin-bottom: 20px; +} + +@media (min-width: 768px) { + .comment-author { + justify-content: space-between; + } +} + +.comment-avatar { + margin-right: 10px; +} + +[dir="rtl"] .comment-avatar { + margin-left: 10px; + margin-right: 0; +} + +.comment-meta { + flex: 1 0 auto; +} + +.comment-labels { + flex-basis: 100%; +} + +@media (min-width: 768px) { + .comment-labels { + flex-basis: auto; + } +} + +.comment .status-label:not(.status-label-official) { + margin-top: 10px; +} + +@media (min-width: 768px) { + .comment .status-label:not(.status-label-official) { + margin-top: 0; + } +} + +.comment-form { + display: flex; + padding-top: 30px; + word-wrap: break-word; +} + +.comment-container { + width: 100%; +} + +.comment-form-controls { + display: none; + margin-top: 10px; + text-align: left; +} + +@media (min-width: 768px) { + [dir="ltr"] .comment-form-controls { + text-align: right; + } +} + +.comment-form-controls input[type="submit"] { + margin-top: 15px; +} + +@media (min-width: 1024px) { + .comment-form-controls input[type="submit"] { + margin-left: 15px; + } + [dir="rtl"] .comment-form-controls input[type="submit"] { + margin-left: 0; + margin-right: 15px; + } +} + +.comment-form-controls input[type="checkbox"] { + margin-right: 5px; +} + +.comment-form-controls input[type="checkbox"] [dir="rtl"] { + margin-left: 5px; +} + +.comment-ccs { + display: none; +} + +.comment-ccs + textarea { + margin-top: 10px; +} + +.comment-attachments { + margin-top: 10px; +} + +.comment-attachments a { + color: $brand_color; +} + +.comment-body { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + word-break: break-word; + font-family: $text_font; + line-height: 1.6; +} + +.comment-body img { + height: auto; + max-width: 100%; +} + +.comment-body ul, .comment-body ol { + padding-left: 20px; + list-style-position: outside; + margin: 20px 0 20px 20px; +} + +[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol { + padding-right: 20px; + padding-left: 0; + margin-left: 0; + margin-right: 20px; +} + +.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol { + margin: 0; +} + +.comment-body ul { + list-style-type: disc; +} + +.comment-body a:visited { + color: darken($link_color, 20%); +} + +.comment-body code { + background: darken($background_color, 3%); + border: 1px solid #ddd; + border-radius: 3px; + padding: 0 5px; + margin: 0 2px; +} + +.comment-body pre { + background: darken($background_color, 3%); + border: 1px solid #ddd; + border-radius: 3px; + padding: 10px 15px; + overflow: auto; + white-space: pre; +} + +.comment-body blockquote { + border-left: 1px solid #ddd; + color: lighten($text_color, 20%); + font-style: italic; + padding: 0 15px; +} + +.comment-mark-as-solved { + display: inline-block; +} + +/***** Vote *****/ +/* Used in article comments, post comments and post */ +.vote { + display: inline-block; + text-align: center; + width: 35px; +} + +.vote a { + outline: none; +} + +.vote a:active, .vote a:hover, .vote a:focus { + text-decoration: none; +} + +.vote-sum { + color: lighten($text_color, 20%); + display: block; + margin: 3px 0; +} + +[dir="rtl"] .vote-sum { + direction: ltr; + unicode-bidi: bidi-override; +} + +.vote-up:hover::before, +.vote-down:hover::before { + color: $brand_color; +} + +.vote-up::before, .vote-down::before { + color: lighten($text_color, 20%); + font-size: 24px; +} + +.vote-up::before { + content: "\2B06"; +} + +.vote-down::before { + content: "\2B07"; +} + +.vote-voted::before { + color: $brand_color; +} + +.vote-voted:hover::before { + color: darken($brand_color, 20%); +} + +/***** Actions *****/ +/* Styles admin and en user actions(edit, delete, change status) in comments and posts */ +.actions { + text-align: center; + flex-shrink: 0; + /*Avoid collapsing elements in Safari*/ +} + +.actions .dropdown-toggle { + font-size: 0; + margin: 15px 0; +} + +.actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before { + background-color: darken($background_color, 3%); +} + +.actions .dropdown-toggle::before { + background-color: transparent; + border-radius: 50%; + color: lighten($text_color, 20%); + content: "\2699"; + display: block; + font-size: 13px; + margin: auto; + padding: 5px; +} + +/***** Community *****/ +.community-hero { + background-image: url($community_background_image); + margin-bottom: 10px; +} + +.community-footer { + padding-top: 50px; + text-align: center; +} + +.community-featured-posts, .community-activity { + padding-top: 40px; + width: 100%; +} + +.community-header { + margin-bottom: 30px; +} + +.community-header h4 { + margin-bottom: 0; +} + +.post-to-community { + margin-top: 10px; +} + +@media (min-width: 768px) { + .post-to-community { + margin: 0; + } +} + +/* Community topics grid */ +.topics { + max-width: none; + width: 100%; +} + +.topics-item .meta-group { + justify-content: center; + margin-top: 20px; +} + +/* Community topic page */ +.topic-header { + border-bottom: 1px solid #ddd; + font-size: 13px; +} + +@media (min-width: 768px) { + .topic-header { + padding-bottom: 10px; + } +} + +.topic-header .dropdown { + display: block; + border-top: 1px solid #ddd; + padding: 10px 0; +} + +@media (min-width: 768px) { + .topic-header .dropdown { + border-top: 0; + display: inline-block; + margin-right: 20px; + padding: 0; + } +} + +.no-posts-with-filter { + margin-top: 20px; + margin-bottom: 20px; +} + +/* Topic, post and user follow button */ +.community-follow { + margin-bottom: 10px; + width: 100%; +} + +@media (min-width: 768px) { + .community-follow { + margin-bottom: 0; + width: auto; + } +} + +.community-follow .dropdown { + width: 100%; +} + +.community-follow [role="button"] { + line-height: 30px; + padding: 0 10px 0 15px; + position: relative; + width: 100%; +} + +@media (min-width: 768px) { + .community-follow [role="button"] { + width: auto; + } +} + +.community-follow [role="button"]:hover { + background-color: $brand_color; +} + +.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after { + border-color: $brand_text_color; + color: $brand_text_color; +} + +.community-follow [role="button"][aria-selected="true"] { + background-color: $brand_color; + color: $brand_text_color; +} + +.community-follow [role="button"][aria-selected="true"]::after { + border-left: 1px solid $brand_text_color; + color: $brand_text_color; +} + +.community-follow [role="button"][aria-selected="true"]:hover { + background-color: darken($brand_color, 20%); + border-color: darken($brand_color, 20%); +} + +.community-follow [role="button"]::after { + border-left: 1px solid $brand_color; + content: attr(data-follower-count); + color: $brand_color; + display: inline-block; + font-family: $heading_font; + margin-left: 15px; + padding-left: 10px; + position: absolute; + right: 10px; +} + +@media (min-width: 768px) { + .community-follow [role="button"]::after { + position: static; + } +} + +[dir="rtl"] .community-follow [role="button"]::after { + border-left: 0; + border-right: 1px solid $brand_color; + margin: 0 10px 0 0; + padding: 0 10px 0 0; +} + +/***** Striped list *****/ +/* Used in community posts list and requests list */ +.striped-list { + padding: 0; +} + +.striped-list-item { + align-items: flex-start; + border-bottom: 1px solid #ddd; + display: flex; + flex-direction: column; + justify-content: flex-end; + padding: 20px 0; +} + +@media (min-width: 768px) { + .striped-list-item { + align-items: center; + flex-direction: row; + } +} + +.striped-list-info { + flex: 2; +} + +.striped-list-title { + color: $link_color; + margin-bottom: 10px; + margin-right: 5px; +} + +.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active { + text-decoration: underline; +} + +.striped-list-title:visited { + color: darken($link_color, 20%); +} + +.striped-list .meta-group { + margin: 5px 0; +} + +.striped-list-count { + color: lighten($text_color, 20%); + font-weight: 300; + font-size: 13px; + justify-content: flex-start; + text-transform: capitalize; +} + +@media (min-width: 768px) { + .striped-list-count { + display: flex; + flex: 1; + justify-content: space-around; + } +} + +.striped-list-count-item::after { + content: "·"; + display: inline-block; + padding: 0 5px; +} + +@media (min-width: 768px) { + .striped-list-count-item::after { + display: none; + } +} + +.striped-list-count-item:last-child::after { + display: none; +} + +.striped-list-number { + font-weight: 300; + text-align: center; +} + +@media (min-width: 768px) { + .striped-list-number { + color: $text_color; + display: block; + font-weight: 400; + } +} + +/***** Status labels *****/ +/* Styles labels used in posts, articles and requests */ +.status-label { + background-color: #1eb848; + border-radius: 4px; + color: #fff; + font-size: 12px; + margin-right: 2px; + padding: 3px 10px; + vertical-align: middle; + white-space: nowrap; + display: inline-block; +} + +.status-label:hover, .status-label:active, .status-label:focus { + text-decoration: none; +} + +.status-label-pinned, .status-label-featured, .status-label-official { + background-color: $brand_color; +} + +.status-label-official { + border-radius: 0; + margin-right: 0; + position: absolute; + right: 0; + text-align: center; + top: 0; + width: 100%; +} + +@media (min-width: 768px) { + .status-label-official { + border-radius: 0 0 4px 4px; + right: 30px; + width: auto; + } +} + +[dir="rtl"] .status-label-official { + left: 30px; + right: auto; +} + +.status-label-pending, .status-label-not-planned { + background-color: #eee; + color: lighten($text_color, 20%); +} + +.status-label-pending { + text-align: center; +} + +.status-label-open { + background-color: #cc3340; +} + +.status-label-closed { + background-color: #ddd; +} + +.status-label-solved { + background-color: #999; +} + +.status-label-new { + background-color: #ffd12a; +} + +.status-label-hold { + background-color: #000; +} + +.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered { + text-transform: lowercase; +} + +/***** Post *****/ +/* +* The post grid is defined this way: +* Content | Sidebar +* 70% | 30% +*/ +.post { + flex: 1; + margin-bottom: 10px; +} + +@media (min-width: 1024px) { + .post { + flex: 1 0 70%; + max-width: 70%; + } +} + +.post-container { + display: flex; + flex-direction: column; +} + +@media (min-width: 1024px) { + .post-container { + flex-direction: row; + } +} + +.post-header { + align-items: center; + display: flex; + flex-direction: column; + justify-content: space-between; + margin-bottom: 10px; +} + +@media (min-width: 768px) { + .post-header { + align-items: baseline; + flex-direction: row; + } +} + +.post-header .status-label { + vertical-align: super; +} + +.post-title { + margin-bottom: 20px; + width: 100%; +} + +@media (min-width: 768px) { + .post-title { + margin-bottom: 0; + padding-right: 10px; + } +} + +.post-title h1 { + display: inline; + vertical-align: middle; +} + +@media (min-width: 768px) { + .post-title h1 { + margin-right: 5px; + } +} + +.post-author { + align-items: flex-start; + display: flex; + justify-content: space-between; +} + +.post-avatar { + margin-bottom: 30px; +} + +.post-content { + font-family: $text_font; + line-height: 1.6; + word-break: break-word; +} + +.post-info-container { + display: flex; + margin-bottom: 40px; +} + +.post-info { + min-width: 0; + padding-right: 20px; + width: 100%; +} + +[dir="rtl"] .post-info { + padding-right: 0; + padding-left: 20px; +} + +.post-meta { + display: inline-block; + flex: 1; + margin-left: 10px; + vertical-align: middle; +} + +[dir="rtl"] .post-meta { + margin-left: 0; + margin-right: 10px; +} + +.post-body img { + height: auto; + max-width: 100%; +} + +.post-body ul, .post-body ol { + padding-left: 20px; + list-style-position: outside; + margin: 20px 0 20px 20px; +} + +[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol { + padding-right: 20px; + padding-left: 0; + margin-left: 0; + margin-right: 20px; +} + +.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol { + margin: 0; +} + +.post-body ul { + list-style-type: disc; +} + +.post-body a:visited { + color: darken($link_color, 20%); +} + +.post-body code { + background: darken($background_color, 3%); + border: 1px solid #ddd; + border-radius: 3px; + padding: 0 5px; + margin: 0 2px; +} + +.post-body pre { + background: darken($background_color, 3%); + border: 1px solid #ddd; + border-radius: 3px; + padding: 10px 15px; + overflow: auto; + white-space: pre; +} + +.post-body blockquote { + border-left: 1px solid #ddd; + color: lighten($text_color, 20%); + font-style: italic; + padding: 0 15px; +} + +.post-footer { + align-items: center; + display: flex; + justify-content: space-between; + padding-bottom: 20px; +} + +.post-comment-count { + color: lighten($text_color, 20%); + font-weight: 300; +} + +.post-comment-count:hover { + text-decoration: none; +} + +.post-comment-count .icon-comments { + color: $brand_color; + content: "\1F4AC"; + display: inline-block; + font-size: 18px; + padding: 5px; +} + +.post-sidebar { + border-top: 1px solid #ddd; + flex: 1; + padding: 30px 0; + text-align: center; +} + +@media (min-width: 1024px) { + .post-sidebar { + border: 0; + flex: 1 0 30%; + padding: 0 0 0 50px; + text-align: initial; + } + [dir="rtl"] .post-sidebar { + padding: 0 50px 0 0; + } +} + +.post-sidebar h5 { + font-weight: 600; +} + +@media (min-width: 1024px) { + .post-sidebar h5 { + border-bottom: 1px solid #ddd; + padding-bottom: 20px; + } +} + +.post-comments { + margin-bottom: 20px; +} + +@media (min-width: 1024px) { + .post-comments { + margin-bottom: 0; + } +} + +/* Navigation element that collapses on mobile */ +.collapsible-nav { + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + flex-direction: column; + max-height: 45px; + overflow: hidden; + font-size: 14px; +} + +@media (min-width: 768px) { + .collapsible-nav { + border: 0; + height: auto; + flex-direction: row; + max-height: none; + } +} + +.collapsible-nav-list { + display: flex; + flex-direction: column; +} + +@media (min-width: 768px) { + .collapsible-nav-list { + flex-direction: row; + } +} + +.collapsible-nav-list li { + color: $text_color; + line-height: 45px; + order: 1; +} + +@media (min-width: 768px) { + .collapsible-nav-list li { + line-height: normal; + margin-right: 30px; + } + [dir="rtl"] .collapsible-nav-list li { + margin-left: 30px; + margin-right: 0; + } + .collapsible-nav-list li a { + text-decoration: none; + padding: 15px 0; + } +} + +.collapsible-nav-list li a { + color: $text_color; + display: block; +} + +@media (min-width: 768px) { + .collapsible-nav-list li:hover { + border-bottom: 4px solid #ddd; + } + .collapsible-nav-list li:hover a { + padding: 15px 0 11px 0; + text-decoration: none; + } +} + +.collapsible-nav-list li[aria-selected="true"] { + order: 0; + position: relative; +} + +@media (min-width: 768px) { + .collapsible-nav-list li[aria-selected="true"] { + border-bottom: 4px solid $brand_color; + order: 1; + padding: 15px 0 11px 0; + } +} + +.collapsible-nav-list li[aria-selected="true"] a { + color: $text_color; +} + +.collapsible-nav-list li[aria-selected="true"]::after { + position: relative; + top: 50%; + transform: translateY(-50%); + content: "\25BE"; + position: absolute; + right: 0; +} + +@media (min-width: 768px) { + .collapsible-nav-list li[aria-selected="true"]::after { + display: none; + } +} + +[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after { + left: 0; + right: auto; +} + +.collapsible-nav[aria-expanded="true"] { + max-height: none; +} + +.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after { + content: "\2715"; +} + +/* Sidebar navigation that collapses on mobile */ +.collapsible-sidebar { + flex: 1; + max-height: 45px; + overflow: hidden; + padding: 10px 0; + position: relative; +} + +@media (min-width: 1024px) { + .collapsible-sidebar { + max-height: none; + padding: 0; + } +} + +.collapsible-sidebar[aria-expanded="true"] { + max-height: none; +} + +.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { + content: "\2715"; +} + +@media (min-width: 1024px) { + .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { + display: none; + } +} + +.collapsible-sidebar-title { + margin-top: 0; +} + +.collapsible-sidebar-title::after { + position: relative; + top: 50%; + transform: translateY(-50%); + content: "\25BE"; + position: absolute; + right: 10px; +} + +@media (min-width: 1024px) { + .collapsible-sidebar-title::after { + display: none; + } +} + +[dir="rtl"] .collapsible-sidebar-title::after { + left: 10px; + right: auto; +} + +/***** My activities *****/ +.my-activities-nav { + background-color: darken($background_color, 5%); + border: 0; + margin-bottom: 20px; +} + +.my-activities-sub-nav { + background-color: transparent; + border-bottom: 1px solid #ddd; + margin-bottom: 30px; +} + +@media (min-width: 768px) { + .my-activities-sub-nav li:hover { + border-bottom: 4px solid #ddd; + } +} + +.my-activities-sub-nav li[aria-selected="true"] { + border-color: $brand_color; +} + +.my-activities-table .striped-list-title { + /* My activities tables */ + display: block; + margin-bottom: 10px; + max-width: 350px; + white-space: normal; +} + +@media (min-width: 1024px) { + .my-activities-table .striped-list-title { + margin-bottom: 0; + max-width: 500px; + min-width: 350px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} + +.my-activities-table thead { + display: none; +} + +@media (min-width: 768px) { + .my-activities-table thead { + display: table-header-group; + } +} + +.my-activities-table th:first-child, +.my-activities-table td:first-child { + padding-left: 0; +} + +@media (min-width: 1024px) { + .my-activities-table th:first-child, + .my-activities-table td:first-child { + width: 500px; + } +} + +.my-activities-table th:last-child, +.my-activities-table td:last-child { + padding-right: 0; +} + +.my-activities-table td:not(:first-child) { + display: none; +} + +@media (min-width: 768px) { + .my-activities-table td:not(:first-child) { + display: table-cell; + } +} + +/* Requests table */ +.requests-search { + width: 100%; +} + +.requests-table-toolbar { + align-items: flex-end; + display: flex; + flex-direction: column; +} + +@media (min-width: 768px) { + .requests-table-toolbar { + flex-direction: row; + } +} + +.requests-table-toolbar .search { + flex: 1; + width: 100%; +} + +.requests-table-toolbar .request-table-filter { + width: 100%; +} + +@media (min-width: 768px) { + .requests-table-toolbar .request-table-filter { + width: auto; + } +} + +.requests-table-toolbar .request-filter { + display: block; +} + +@media (min-width: 768px) { + .requests-table-toolbar .request-filter { + margin: 0 0 0 30px; + } + [dir="rtl"] .requests-table-toolbar .request-filter { + margin: 0 30px 0 0; + } +} + +.requests-table-toolbar .request-filter-label { + font-size: 13px; + margin-top: 30px; +} + +@media (min-width: 768px) { + .requests-table-toolbar .request-filter-label { + margin-top: 0; + } +} + +.requests-table-toolbar select { + max-height: 40px; + margin-bottom: 30px; + width: 100%; +} + +@media (min-width: 768px) { + .requests-table-toolbar select { + margin-bottom: 0; + max-width: 300px; + width: auto; + } +} + +.requests-table-toolbar .organization-subscribe, +.requests-table-toolbar .organization-unsubscribe { + line-height: 40px; + max-height: 40px; + padding: 0 20px; +} + +@media (min-width: 768px) { + .requests-table-toolbar .organization-subscribe, + .requests-table-toolbar .organization-unsubscribe { + margin-left: 10px; + } + [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"] + .requests-table-toolbar .organization-unsubscribe { + margin: 0 10px 0 0; + } +} + +.requests-table-toolbar .organization-unsubscribe { + background-color: $brand_color; + color: $brand_text_color; +} + +.requests-table-toolbar + .requests-search-info { + margin-top: 15px; +} + +.requests-table-toolbar + .requests-search-info.meta-data::after { + content: ""; + margin: 0; +} + +.requests-table-toolbar + .requests-search-info + .requests { + margin-top: 20px; +} + +.requests-table-toolbar + .requests { + margin-top: 40px; +} + +.requests .requests-table-meta { + display: block; +} + +@media (min-width: 768px) { + .requests .requests-table-meta { + display: none; + } +} + +.requests .requests-table thead { + display: none; +} + +@media (min-width: 768px) { + .requests .requests-table thead { + display: table-header-group; + } +} + +.requests .requests-table-info { + display: block; +} + +@media (min-width: 768px) { + .requests .requests-table-info { + display: table-cell; + vertical-align: middle; + width: auto; + } +} + +.requests .requests-table .requests-link { + position: relative; +} + +.requests .requests-table .requests-sort-symbol { + position: absolute; + left: calc(100% + 3px); + bottom: 0; + font-size: 10px; +} + +/* Following table */ +.subscriptions-unsubscribe a { + background: $brand_color; + border-radius: 4px; + color: $brand_text_color; + display: inline-block; + font-size: 12px; + line-height: 2.34; + padding: 0 20px; + text-align: center; + width: 100%; +} + +@media (min-width: 768px) { + .subscriptions-unsubscribe a { + width: auto; + } +} + +.subscriptions-unsubscribe a:hover { + background-color: darken($brand_color, 20%); + text-decoration: none; +} + +.subscriptions-table td:last-child { + display: block; +} + +@media (min-width: 768px) { + .subscriptions-table td:last-child { + display: table-cell; + } +} + +.subscriptions-table td:first-child { + display: flex; + align-items: center; +} + +.subscriptions-table .user-avatar { + margin-right: 10px; +} + +.subscriptions .striped-list-title { + display: inline-block; + vertical-align: middle; +} + +/* Contributions table */ +.contributions-table td:last-child { + color: lighten($text_color, 20%); + font-size: 13px; + font-weight: 300; +} + +@media (min-width: 768px) { + .contributions-table td:last-child { + color: inherit; + font-size: inherit; + font-weight: inherit; + } +} + +.no-activities { + color: lighten($text_color, 20%); +} + +/***** Request *****/ +.request-container { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; +} + +@media (min-width: 1024px) { + .request-container { + align-items: flex-start; + flex-direction: row; + } +} + +.request-container .comment-container { + min-width: 0; +} + +.request-breadcrumbs { + margin-bottom: 40px; +} + +@media (min-width: 1024px) { + .request-breadcrumbs { + margin-bottom: 60px; + } +} + +.request-main { + flex: 1 0 auto; + order: 1; +} + +.request-main .comment-fields, .request-main .request-submit-comment { + display: none; +} + +.request-main .comment-fields.shown { + display: block; +} + +.request-main .request-submit-comment.shown { + display: inline; +} + +@media (min-width: 1024px) { + .request-main { + flex: 0 0 66%; + order: 0; + min-width: 0; + } +} + +.request-main .comment-form-controls { + display: block; +} + +.request-main .comment-ccs { + display: block; +} + +.request-main .comment-show-container { + border-radius: 2px; + border: 1px solid #ddd; + cursor: pointer; + display: flex; + padding: 8px 15px; + width: 100%; +} + +.request-main .comment-show-container.hidden { + display: none; +} + +.request-main .comment-show-container-content { + align-self: center; + color: lighten($text_color, 20%); + margin-left: 10px; +} + +.request-main .form-field.comment-ccs > ul { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; +} + +.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] { + border: 1px solid $brand_color; +} + +.request-main .form-field.comment-ccs > input[type="text"] { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; +} + +.request-main .comment-ccs + textarea { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; +} + +.request-main .comment-ccs + textarea:focus { + border-top: 1px solid $brand_color; +} + +.request-main input#mark_as_solved { + display: none; +} + +.request-title { + width: 100%; +} + +@media (min-width: 1024px) { + .request-title { + border-bottom: 1px solid #ddd; + margin-bottom: 0; + max-width: 66%; + padding-bottom: 20px; + } +} + +.request-sidebar { + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + flex: 1 0 auto; + order: 0; +} + +@media (min-width: 1024px) { + .request-sidebar { + background-color: darken($background_color, 3%); + border: 0; + font-size: 13px; + flex: 0 0 auto; + padding: 0 20px; + width: 30%; + } +} + +.request-sidebar h5 { + font-size: 15px; + font-weight: 600; + position: relative; +} + +@media (min-width: 1024px) { + .request-sidebar h5 { + display: none; + } +} + +.request-details { + border-bottom: 1px solid #ddd; + font-size: 0; + margin: 0; + padding-bottom: 20px; +} + +.request-details:last-child { + border: 0; +} + +.request-details dt, .request-details dd { + display: inline-block; + vertical-align: top; + font-size: 13px; + margin: 20px 0 0 0; +} + +.request-details dd { + padding: 0 10px; + width: 60%; +} + +.request-details dd::after { + content: "\A"; + white-space: pre; +} + +.request-details dt { + color: lighten($text_color, 20%); + font-weight: 300; + width: 40%; +} + +.request-details .request-collaborators { + display: inline-block; +} + +.request-attachments dt, .request-attachments dd { + width: 100%; +} + +.request-attachments dd { + margin: 10px 0 0 0; +} + +.request-form textarea { + min-height: 120px; +} + +.request-follow-up { + padding-top: 20px; +} + +/***** Pagination *****/ +.pagination { + margin: 20px 0; + text-align: center; +} + +.pagination * { + display: inline-block; +} + +.pagination li { + border-radius: 50%; + height: 40px; + float: left; + margin-left: 5px; + width: 40px; +} + +@media (min-width: 768px) { + .pagination li { + height: 30px; + width: 30px; + } +} + +[dir="rtl"] .pagination li { + float: right; +} + +.pagination li:hover:not(.pagination-current) { + background-color: #f3f3f3; +} + +.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a { + color: $text_color; + text-decoration: none; +} + +.pagination a, .pagination span { + font-size: 15px; + color: lighten($text_color, 20%); + padding: 10px 12px; +} + +@media (min-width: 768px) { + .pagination a, .pagination span { + font-size: 13px; + padding: 5px 12px; + } +} + +.pagination-current { + background-color: $brand_color; +} + +.pagination-current a, .pagination-current span { + color: $brand_text_color; +} + +.pagination-first { + border-radius: 3px 0 0 3px; +} + +[dir="rtl"] .pagination-first { + border-radius: 0 3px 3px 0; +} + +.pagination-last { + border-radius: 0 3px 3px 0; +} + +[dir="rtl"] .pagination-last { + border-radius: 3px 0 0 3px; +} + +/***** Metadata *****/ +.meta-group { + display: block; +} + +.meta-group * { + display: inline; +} + +.meta-data { + color: lighten($text_color, 20%); + font-size: 13px; + font-weight: 300; +} + +.meta-data:not(:last-child)::after { + content: "\00B7"; + margin: 0 5px; +} + +/***** Icons *****/ +[class^="icon-"]::before, +[class*=" icon-"]::before, +.icon, +.search::before, +.recent-activity-item-comment span::before, +.article-vote::before, +.attachments .attachment-item::before, +.share a::before, +.vote-up::before, +.vote-down::before, +.actions .dropdown-toggle::before, +.collapsible-nav-list li[aria-selected="true"]::after, +.collapsible-sidebar-title::after, +.search-result-votes::before, +.search-result-meta-count::before { + font-family: "copenhagen-icons"; + font-style: normal; + font-weight: normal; + speak: none; + line-height: 1em; + vertical-align: middle; + -webkit-font-smoothing: antialiased; +} + +.icon-lock::before { + content: "\1F512"; +} + +.icon-star::before { + content: "\2605"; +} + +.icon-linkedin::before { + content: "\e900"; +} + +.icon-twitter::before { + content: "\e901"; +} + +.icon-googleplus-::before { + content: "\e902"; +} + +.icon-facebook::before { + content: "\e903"; +} + +.icon-agent::before { + content: "\1F464"; +} + +.icon-close::before { + content: "\2715"; +} + +.icon-arrow-up::before { + content: "\2B06"; +} + +.icon-arrow-down::before { + content: "\2B07"; +} + +.icon-attachments::before { + content: "\1F4CE"; +} + +.icon-comments::before { + content: "\1F4AC"; +} + +.icon-search::before { + content: "\1F50D"; +} + +.icon-vote::before { + content: "\1F44D"; +} + +.icon-handle::before { + content: "\25BE"; +} + +.icon-check::before { + content: "\2713"; +} + +.icon-gear::before { + content: "\2699"; +} + +.icon-menu::before { + content: "\2630"; +} + +.icon-article::before { + content: "\1F4C4"; +} + +.icon-post::before { + content: "\1F4D4"; +} + +.icon-notification-alert::before { + content: "\26A0"; +} + +.icon-notification-error::before { + content: "\00D7"; +} + +.icon-notification-info::before { + content: "\2139"; +} + +.icon-notification-success::before { + content: "\2714"; +} + +/* User Profiles */ +.profile-header { + padding: 30px 0; + background-color: darken($background_color, 3%); +} + +.profile-header .container { + display: flex; + flex-wrap: wrap; +} + +@media (min-width: 768px) { + .profile-header .container { + flex-wrap: nowrap; + } +} + +.profile-header .profile-info { + flex-basis: 100%; + display: flex; + flex-wrap: wrap; + min-width: 0; +} + +.profile-avatar { + position: relative; + line-height: 0; + align-self: center; + margin-right: 10px; +} + +[dir="rtl"] .profile-avatar { + margin-left: 10px; + margin-right: 0; +} + +.profile-avatar .user-avatar { + width: 65px; + height: 65px; +} + +.profile-avatar .icon-agent::before { + bottom: 0; + right: 0; +} + +.profile-header .basic-info { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + word-break: break-word; + display: flex; + flex-direction: column; + justify-content: center; + flex-grow: 1; + flex-basis: 0; + min-width: 0; +} + +.profile-header .basic-info .name { + margin: 0; +} + +.profile-header .options { + display: flex; + flex-basis: 100%; + margin-top: 12px; + align-items: flex-start; + flex-wrap: wrap; +} + +@media (min-width: 768px) { + .profile-header .options { + flex-wrap: nowrap; + flex-basis: auto; + margin-top: 0; + margin-left: 10px; + } + [dir="rtl"] .profile-header .options { + margin-left: 0; + margin-right: 10px; + } + .profile-header .options > :not(:last-child) { + margin-bottom: 0; + margin-right: 10px; + } + [dir="rtl"] .profile-header .options > :not(:last-child) { + margin-left: 10px; + margin-right: 0; + } +} + +.profile-header .options [data-action="edit-profile"] { + background-color: $brand_color; + border: 0; + color: $brand_text_color; + line-height: normal; + padding: 8px 20px; + outline-color: $brand_color; +} + +.profile-header .description { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + word-break: break-word; + margin: 15px 0; + flex-basis: 100%; +} + +.profile-stats { + font-size: 13px; + display: flex; + flex-direction: column; + flex-basis: 100%; +} + +.profile-stats .stat { + display: flex; + margin-bottom: 10px; +} + +.profile-stats .stat-label { + color: lighten($text_color, 20%); + font-weight: 300; + flex: 0 0 100px; + margin-right: 10px; +} + +[dir="rtl"] .profile-stats .stat-label { + margin-left: 10px; + margin-right: 0; +} + +.profile-stats-activity { + border-top: solid 1px #ddd; + margin-top: 15px; +} + +@media (min-width: 768px) { + .profile-stats-activity { + border-top: 0; + flex-direction: row; + } +} + +@media (min-width: 768px) { + .profile-stats-activity .stat { + flex-direction: column; + } +} + +.profile-stats-activity .stat:first-child { + margin-top: 10px; +} + +@media (min-width: 768px) { + .profile-stats-activity .stat:first-child { + margin-top: 0; + } +} + +@media (min-width: 768px) { + .profile-stats-activity .stat:not(:last-child) { + margin-right: 40px; + } + [dir="rtl"] .profile-stats-activity .stat:not(:last-child) { + margin-left: 40px; + margin-right: 0; + } +} + +@media (min-width: 768px) { + .profile-stats-activity .stat-label { + flex: 0 1 auto; + } +} + +.profile-stats-counters { + border-bottom: solid 1px #ddd; +} + +@media (min-width: 768px) { + .profile-stats-counters { + flex: 0 0 200px; + border-bottom: 0; + margin-left: 40px; + } + [dir="rtl"] .profile-stats-counters { + margin-left: 0; + margin-right: 40px; + } +} + +@media (min-width: 1024px) { + .profile-stats-counters { + flex: 0 0 270px; + margin-left: 60px; + } + [dir="rtl"] .profile-stats-counters { + margin-right: 60px; + margin-left: 0; + } +} + +@media (min-width: 768px) { + .profile-stats-counters .stat { + flex-direction: column; + } +} + +@media (min-width: 1024px) { + .profile-stats-counters .stat { + flex-direction: row; + } +} + +@media (min-width: 768px) { + .profile-stats-counters .stat:not(:last-child) { + margin-bottom: 15px; + } +} + +@media (min-width: 768px) { + .profile-stats-counters .stat-label { + flex: 0 1 auto; + } +} + +@media (min-width: 1024px) { + .profile-stats-counters .stat-label { + flex: 0 0 100px; + } +} + +.profile-private-badge { + flex-basis: 100%; + border: solid 1px $brand_color; + border-radius: 4px; + color: $brand_color; + padding: 5px 20px; + font-size: 12px; + text-align: center; +} + +.profile-private-badge::after { + content: "\1f512"; + margin-left: 5px; + font-family: "copenhagen-icons"; + vertical-align: middle; + line-height: 15px; +} + +@media (min-width: 768px) { + .profile-private-badge { + flex-basis: auto; + } +} + +.profile-nav { + background-color: darken($background_color, 5%); + border: 0; + margin-bottom: 37px; +} + +.profile-section { + width: 100%; +} + +@media (min-width: 1024px) { + .profile-section { + width: calc(100% - 330px); + } +} + +.profile-section-header { + display: flex; + flex-wrap: wrap; +} + +.profile-section-title { + flex-basis: 100%; + margin-bottom: 0; +} + +.profile-section-description { + flex-basis: 100%; + padding: 10px 0; + color: lighten($text_color, 20%); + font-weight: 300; + font-size: 13px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +@media (min-width: 768px) { + .profile-section-description { + flex: 1 0 50%; + padding-bottom: 0; + } +} + +.profile-section-sorter { + flex-basis: 100%; + border-top: solid 1px #eee; + font-size: 13px; +} + +.profile-section-sorter .dropdown-toggle { + padding: 10px 0; + width: 100%; +} + +.profile-section-sorter .dropdown-toggle::after { + position: absolute; + right: 0; +} + +[dir="rtl"] .profile-section-sorter .dropdown-toggle::after { + left: 0; + right: initial; +} + +@media (min-width: 768px) { + .profile-section-sorter .dropdown-toggle::after { + position: relative; + } +} + +@media (min-width: 768px) { + .profile-section-sorter { + flex: 0 1 auto; + padding-top: 0; + border-top: 0; + margin-left: 20px; + } + [dir="rtl"] .profile-section-sorter { + margin-left: 0; + margin-right: 20px; + } +} + +.profile-contribution { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + word-break: break-word; + padding: 20px 0; + position: relative; +} + +.profile-contribution-header { + margin-bottom: 5px; +} + +.profile-contribution-title { + margin: 0 0 5px 0; + display: inline; + line-height: 21px; + font-size: 15px; + vertical-align: middle; +} + +.profile-contribution-body { + margin: 10px 0; +} + +.profile-contribution-list > .profile-contribution { + border-top: 1px solid #eee; +} + +@media (min-width: 768px) { + .profile-contribution-list > .profile-contribution { + padding-left: 30px; + } + [dir="rtl"] .profile-contribution-list > .profile-contribution { + padding-right: 30px; + padding-left: 0; + } +} + +.profile-contribution-list > .profile-contribution:last-child { + border-bottom: 1px solid #eee; +} + +.profile-contribution-list > .profile-contribution::before { + left: 0; + position: absolute; + font-size: 16px; + color: #ccc; + font-family: "copenhagen-icons"; + line-height: 25px; +} + +[dir="rtl"] .profile-contribution-list > .profile-contribution::before { + right: 0; +} + +.profile-contribution-list .profile-contribution-header { + margin-left: 30px; +} + +[dir="rtl"] .profile-contribution-list .profile-contribution-header { + padding-right: 30px; + padding-left: 0; +} + +@media (min-width: 768px) { + .profile-contribution-list .profile-contribution-header { + margin-left: 0; + } + [dir="rtl"] .profile-contribution-list .profile-contribution-header { + padding-right: 0; + } +} + +.profile-comments .profile-contribution-breadcrumbs { + margin-left: 30px; +} + +[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs { + padding-right: 30px; + padding-left: 0; +} + +@media (min-width: 768px) { + .profile-comments .profile-contribution-breadcrumbs { + margin-left: 0; + } + [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs { + padding-right: 0; + } +} + +.profile-section .no-activity, +.profile-section .private-activity { + display: block; + margin-top: 40px; + color: #999; +} + +.profile-section .private-activity::before { + content: "\1f512"; + font-family: "copenhagen-icons"; + font-style: normal; + font-size: 12px; + font-weight: normal; + vertical-align: middle; + margin-right: 10px; +} + +[dir="rtl"] .profile-section .private-activity::before { + margin-right: 0; + margin-left: 10px; +} + +.profile-activity-list { + margin-top: 25px; +} + +.profile-activity { + position: relative; + padding-bottom: 30px; +} + +@media (min-width: 768px) { + .profile-activity { + padding-left: 20px; + } + [dir="rtl"] .profile-activity { + padding-right: 20px; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .profile-activity:not(:last-child) { + border-left: 1px solid #ddd; + } + [dir="rtl"] .profile-activity:not(:last-child) { + border-left: 0; + border-right: 1px solid #ddd; + } +} + +.profile-activity-header { + display: flex; + align-items: center; + margin-left: 35px; +} + +[dir="rtl"] .profile-activity-header { + margin-left: 0; + margin-right: 35px; +} + +@media (min-width: 768px) { + .profile-activity-header { + margin-left: 0; + } + [dir="rtl"] .profile-activity-header { + margin-right: 0; + } +} + +.profile-activity-header .user-avatar { + width: 40px; + height: 40px; + margin-right: 10px; + min-width: 40px; + align-self: flex-start; +} + +[dir="rtl"] .profile-activity-header .user-avatar { + margin-left: 10px; + margin-right: 0; +} + +.profile-activity-description { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + word-break: break-word; + margin: 0; + min-width: 0; + width: 100%; +} + +.profile-activity-description span:first-child { + font-weight: 600; + display: inline; +} + +.profile-activity-contribution { + padding: 20px; + margin-top: 10px; + border-radius: 8px; + background-color: darken($background_color, 3%); +} + +@media (min-width: 768px) { + .profile-activity-contribution { + margin-top: 0; + margin-left: 50px; + } + [dir="rtl"] .profile-activity-contribution { + margin-left: 0; + margin-right: 50px; + } +} + +.profile-activity::before { + position: absolute; + left: 0; + width: 28px; + border-radius: 50%; + content: ""; + background-size: 14px 14px; + background-repeat: no-repeat; + background-color: $background_color; + background-position: 50% 50%; + text-align: center; + line-height: 40px; + font-size: 16px; + color: #ccc; + font-family: "copenhagen-icons"; +} + +[dir="rtl"] .profile-activity::before { + right: 0; +} + +@media (min-width: 768px) { + .profile-activity::before { + left: -14px; + } + [dir="rtl"] .profile-activity::before { + right: -14px; + } +} + +.profile-articles > .profile-contribution::before, +.profile-activity-list > li[class$="-article"]::before { + content: "\1f4c4"; +} + +.profile-posts > .profile-contribution::before, +.profile-activity-list > li[class$="-post"]::before { + content: "\1f4d4"; +} + +.profile-comments > .profile-contribution::before, +.profile-activity-list > li[class$="-comment"]::before { + content: "\1f4ac"; + line-height: 35px; +} + +/***** Search results *****/ +.search-results { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; +} + +@media (min-width: 1024px) { + .search-results { + flex-direction: row; + } +} + +.search-results-column { + flex: 1; +} + +@media (min-width: 1024px) { + .search-results-column { + flex: 0 0 45%; + } +} + +.search-results-list { + margin-bottom: 25px; +} + +.search-results-list > li { + border-bottom: 1px solid #ddd; + padding: 20px 0; +} + +.search-results-list > li:first-child { + border-top: 1px solid #ddd; +} + +.search-result-description { + margin-top: 15px; +} + +.search-result-votes, .search-result-meta-count { + color: lighten($text_color, 20%); + display: inline-block; + font-size: 13px; + font-weight: 300; + padding: 4px 5px; + position: relative; +} + +.search-result-votes::before, .search-result-meta-count::before { + color: $brand_color; +} + +[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count { + margin-left: 5px; +} + +[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before { + margin-right: 3px; +} + +[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count { + margin-right: 5px; +} + +[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before { + margin-left: 3px; +} + +.search-result-votes::before { + content: "\1F44D"; +} + +.search-result-meta-count::before { + content: "\1F4AC"; +} + +.search-result .meta-group { + align-items: center; +} + +.search-result-breadcrumbs { + margin: 0; +} + +.search-result-breadcrumbs li:last-child::after { + content: "·"; + display: inline-block; + margin: 0 5px; +} diff --git a/styles/_actions.scss b/styles/_actions.scss new file mode 100644 index 0000000..0547d72 --- /dev/null +++ b/styles/_actions.scss @@ -0,0 +1,29 @@ +/***** Actions *****/ +/* Styles admin and en user actions(edit, delete, change status) in comments and posts */ +.actions { + text-align: center; + flex-shrink: 0; /*Avoid collapsing elements in Safari*/ + + .dropdown-toggle { + font-size: 0; + margin: 15px 0; + + &:hover::before, + &:focus::before, + &:active::before { + background-color: $primary-shade; + } + + &::before { + @extend .icon; + background-color: transparent; + border-radius: 50%; + color: $secondary-text-color; + content: "\2699"; + display: block; + font-size: $font-size-small; + margin: auto; + padding: 5px; + } + } +} diff --git a/styles/_article.scss b/styles/_article.scss new file mode 100644 index 0000000..35c2518 --- /dev/null +++ b/styles/_article.scss @@ -0,0 +1,279 @@ +/***** Article *****/ +.article { + /* + * The article grid is defined this way to optimize readability: + * Sidebar | Content | Free space + * 17% | 66% | 17% + */ + @include desktop { + flex: 1 0 66%; + max-width: 66%; + min-width: 640px; + padding: 0 30px; + } + + flex: 1 0 auto; //Explicit values needed whith flex-direction: column for IE11 + + &-container { + @include desktop { + flex-direction: row; + } + + display: flex; + flex-direction: column; + } + + &-header { + @include tablet { + flex-direction: row; + margin-top: 0; + } + + align-items: flex-start; + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + margin-bottom: 40px; + margin-top: 20px; + } + + &-avatar { + margin-right: 10px; + } + + &-author { + margin-bottom: 10px; + } + + &-title { + @include tablet { + flex-basis: 100%; /* Take entire row */ + } + + .icon-lock::before { + content: "\1F512"; + font-size: 20px; + position: relative; + left: -5px; + vertical-align: baseline; + } + } + + [role="button"] { + @include tablet { width: auto; } + flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/ + width: 100%; + } + + &-info { + max-width: 100%; + } + + &-meta { + display: inline-block; + vertical-align: middle; + } + + &-body { + @include content-body; + > p:last-child { margin-bottom: 0; } + } + + &-content { + line-height: 1.6; + margin: 40px 0; + word-wrap: break-word; + } + + &-footer { + align-items: center; + display: flex; + justify-content: space-between; + padding-bottom: 20px; + } + + &-comment-count { + color: $secondary-text-color; + font-weight: $font-weight-light; + + &:hover { + text-decoration: none; + } + + .icon-comments { + color: $brand_color; + content: "\1F4AC"; + display: inline-block; + font-size: 18px; + padding: 5px; + } + } + + &-sidebar { + @include desktop { + border: 0; + flex: 0 0 17%; + height: auto; + } + + border-bottom: 1px solid $border-color; + border-top: 1px solid $border-color; + flex: 1 0 auto; //Explicit values needed whith flex-direction: column for IE11 + margin-bottom: 20px; + padding: 0; + } + + &-relatives { + @include tablet { + flex-direction: row; + } + + border-top: 1px solid $border-color; + display: flex; + flex-direction: column; + padding: 20px 0; + + > * { + flex: 1 0 auto; //Explicit values needed whith flex-direction: column for IE11 + margin-right: 0; + + &:last-child { margin: 0; } + + @include tablet { margin-right: 20px; } + } + } + + + &-votes { + border-top: 1px solid $border-color; + padding: 30px 0; + text-align: center; + } + + &-vote { + background: transparent; + border: 1px solid $brand_color; + color: $brand_color; + margin: 10px 5px; + min-width: 90px; + width: auto; + + &::before { + @extend .icon; + font-size: 8px; + margin-right: 10px; + + [dir="rtl"] & { + margin-right: 0; + margin-left: 10px; + } + } + + &::after { + content: attr(title); /* Yes/No label*/ + } + + &:focus, + &:active { + background-color: transparent; + color: $brand_color; + } + + &:hover { + background-color: $brand_color; + } + + &:hover::before, + &:hover::after, + &[aria-selected="true"]::before, + &[aria-selected="true"]::after { + color: $brand_text_color; + } + } + + &-vote-up::before { + content: "\2713"; + } + + &-vote-down::before { + content: "\2715"; + } + + &-more-questions { + margin: 10px 0 20px; + text-align: center; + } + + &-return-to-top { + @include desktop { display: none; } + + border-top: 1px solid $border-color; + + a { + color: $text_color; + display: block; + padding: 20px 0; + + &:hover, + &:focus { + text-decoration: none; + } + } + + .icon-arrow-up::before { + font-size: 16px; + margin-left: 5px; + + [dir="rtl"] & { + margin-right: 10px; + } + } + } + + &-unsubscribe { + background-color: $button-color; + color: $brand_text_color; + text-decoration: none; + + &:hover { + background-color: $hover-button-color; + border-color: $hover-button-color; + } + } +} + +.sidenav { + &-title { + font-size: $font-size-base; + position: relative; + } + + &-item { + border-radius: 4px; + color: $text_color; + display: block; + font-weight: $font-weight-light; + margin-bottom: 10px; + padding: 10px; + + &.current-article, + &:hover { + background-color: $brand_color; + color: $brand_text_color; + text-decoration: none; + } + } +} + +.recent-articles, +.related-articles { + h3 { + font-size: $font-size-base; + margin: 20px 0; + } + + li { + margin-bottom: 15px; + } +} diff --git a/styles/_attachments.scss b/styles/_attachments.scss new file mode 100644 index 0000000..532eb84 --- /dev/null +++ b/styles/_attachments.scss @@ -0,0 +1,35 @@ +/***** Attachments *****/ +/* Styles attachments inside posts, articles and comments */ +.attachments { + .attachment-item { + padding-left: 20px; + position: relative; + margin-bottom: 10px; + + &:last-child { margin-bottom: 0; } + + &::before { + @extend .icon; + color: $text_color; + content: "\1F4CE"; + font-size: $font-size-base; + left: 0; + position: absolute; + top: 5px; + } + + [dir="rtl"] & { + padding-left: 0; + padding-right: 20px; + + &::before { + left: auto; + right: 0; + } + } + } +} + +.upload-dropzone span { + color: $secondary-text-color; +} diff --git a/styles/_base.scss b/styles/_base.scss new file mode 100644 index 0000000..5463b3f --- /dev/null +++ b/styles/_base.scss @@ -0,0 +1,125 @@ +/***** Base *****/ +* { + box-sizing: border-box; +} + +body { + background-color: $background_color; + color: $text_color; + font-family: $text_font; + font-size: $font-size-base; + font-weight: $font-weight-base; + line-height: 1.5; + -webkit-font-smoothing: antialiased; + + > main { + @include desktop { + min-height: 65vh; + } + } +} + +h1, h2, h3, h4, h5, h6 { + font-family: $heading_font; + font-weight: $font-weight-base; + margin-top: 0; +} + +h1 { font-size: 32px; } +h2 { font-size: 22px; } +h3 { + font-size: 18px; + font-weight: $font-weight-semibold; +} + +h4 { font-size: 16px; } + +a { + color: $link_color; + text-decoration: none; + + &:hover, + &:active, + &:focus { + text-decoration: underline; + } +} + +input, +textarea { + color: #000; + font-size: $input-font-size; +} + +input { + font-weight: $font-weight-light; + max-width: 100%; + box-sizing: border-box; + outline: none; + transition: border .12s ease-in-out; + + &:focus { + border: 1px solid $brand_color; + } +} + +input[disabled] { + background-color: #ddd; +} + +select { + -webkit-appearance: none; + -moz-appearance: none; + background: url($assets-dropdown-arrow-svg) no-repeat #fff; + background-position: right 10px center; + border: 1px solid $border-color; + border-radius: 4px; + padding: 8px 30px 8px 10px; + outline: none; + color: $field-text-focus-color; + width: 100%; + + &:focus { + border: 1px solid $brand_color; + } + + &::-ms-expand { + display: none; + } +} + +textarea { + border: 1px solid $border-color; + border-radius: 2px; + resize: vertical; + width: 100%; + outline: none; + padding: 10px; + + &:focus { + border: 1px solid $brand_color; + } +} + +.container { + @include max-width-container; +} + +.container-divider { + border-top: 1px solid $border-color; + margin-bottom: 20px; +} + +ul { + list-style: none; + margin: 0; + padding: 0; +} + +.error-page { + @include max-width-container; +} + +.dropdown-toggle::after { + color: inherit; +} diff --git a/styles/_blocks.scss b/styles/_blocks.scss new file mode 100644 index 0000000..f37a1a9 --- /dev/null +++ b/styles/_blocks.scss @@ -0,0 +1,82 @@ +/***** Blocks *****/ +/* Used in Homepage#categories and Community#topics */ +.blocks { + &-list { + @include tablet { + margin: 0 -15px; + } + + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + list-style: none; + padding: 0; + } + + &-item { + @include tablet { + margin: 0 15px 30px; + } + + border: 1px solid $brand_color; + border-radius: 4px; + box-sizing: border-box; + color: $brand_color; + display: flex; + flex: 1 0 340px; + flex-direction: column; + justify-content: center; + margin: 0 0 30px; + max-width: 100%; + text-align: center; + + &:hover, + &:focus, + &:active { + background-color: $brand_color; + + * { + color: $brand_text_color; + text-decoration: none; + } + } + + &-internal { + background-color: transparent; + border: 1px solid $border-color; + + .icon-lock::before { + content: "\1F512"; + font-size: 15px; + bottom: 5px; + position: relative; + } + + a { color: $text_color; } + } + } + + &-item-link { + color: $brand_color; + padding: 20px 30px; + + &:hover, + &:focus, + &:active { + text-decoration: none; + } + } + + &-item-title { + margin-bottom: 0; + } + + &-item-description { + font-weight: $font-weight-light; + margin: 0; + } + + &-item-description:not(:empty) { + margin-top: 10px; + } +} diff --git a/styles/_breadcrumbs.scss b/styles/_breadcrumbs.scss new file mode 100644 index 0000000..e09be7b --- /dev/null +++ b/styles/_breadcrumbs.scss @@ -0,0 +1,27 @@ +/***** Breadcrumbs *****/ +.breadcrumbs { + @include tablet { + margin: 0; + } + + margin: 0 0 15px 0; + padding: 0; + + li { + color: $secondary-text-color; + display: inline; + font-weight: $font-weight-light; + font-size: $font-size-small; + max-width: 450px; + overflow: hidden; + text-overflow: ellipsis; + + + li::before { + content: ">"; + margin: 0 4px; + } + a:visited { + color: $link_color; + } + } +} diff --git a/styles/_buttons.scss b/styles/_buttons.scss new file mode 100644 index 0000000..075af5a --- /dev/null +++ b/styles/_buttons.scss @@ -0,0 +1,88 @@ +/***** Buttons *****/ +.button, [role="button"] { + @include tablet { width: auto; } + + border: 1px solid $button-color; + border-radius: 4px; + color: $button-color; + cursor: pointer; + display: inline-block; + font-size: 12px; + line-height: 2.34; //Taken from Zendesk garden bedrock + margin: 0; + padding: 0 20px; + text-align: center; + transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; + user-select: none; + white-space: nowrap; + width: 100%; + -webkit-touch-callout: none; + + &::after { + color: $button-color; + } + + &:hover, + &:active, + &:focus, + &[aria-selected="true"] { + background-color: $brand_color; + color: $brand_text_color; + text-decoration: none; + } + + &[aria-selected="true"] { + &:hover, + &:focus, + &:active { + background-color: $hover-button-color; + border-color: $hover-button-color; + } + } + + &[data-disabled] { + cursor: default; + } +} + +.button-large, input[type="submit"] { + @include tablet { + width: auto; + } + + background-color: $button-color; + border: 0; + border-radius: 4px; + color: $brand_text_color; + font-size: 14px; + font-weight: $font-weight-base; + line-height: 2.72; + min-width: 190px; + padding: 0 1.9286em; + width: 100%; + + &:hover, + &:active, + &:focus { + background-color: $hover-button-color; + } + + + &[disabled] { + background-color: #ddd; + } +} + +.button-secondary { + color: $secondary-text-color; + border: 1px solid $border-color; + background-color: transparent; + + &:hover, + &:focus, + &:active { + color: $text_color; + border: 1px solid $border-color; + background-color: $primary-shade; + } +} diff --git a/styles/_category.scss b/styles/_category.scss new file mode 100644 index 0000000..34101bc --- /dev/null +++ b/styles/_category.scss @@ -0,0 +1,58 @@ +/***** Category pages *****/ +.category { + &-container { + display: flex; + justify-content: flex-end; + } + + &-content { + @include desktop { + flex: 0 0 80%; + } + + flex: 1; + } +} + +.section-tree { + @include tablet { flex-direction: row; } + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + + .section { + @include tablet { flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */ } + flex: initial; + } + + &-title { + margin-bottom: 0; + + a { color: $text_color; } + } + + .see-all-articles { + display: block; + padding: 15px 0; + } +} + +.article-list { + &-item { + border-bottom: 1px solid $border-color; + font-size: $font-size-bigger; + padding: 15px 0; + + a { color: $text_color; } + + .icon-lock::before { + vertical-align: baseline; + } + } +} + +.icon-star::before { + color: $brand_color; + font-size: 18px; +} diff --git a/styles/_collapsible-nav.scss b/styles/_collapsible-nav.scss new file mode 100644 index 0000000..e2c8072 --- /dev/null +++ b/styles/_collapsible-nav.scss @@ -0,0 +1,97 @@ +/* Navigation element that collapses on mobile */ +.collapsible-nav { + @include tablet { + border: 0; + height: auto; + flex-direction: row; + max-height: none; + } + + border-bottom: 1px solid $border-color; + border-top: 1px solid $border-color; + flex-direction: column; + max-height: 45px; + overflow: hidden; + font-size: $font-size-navigation; +} + +.collapsible-nav-list { + @include tablet { + flex-direction: row; + } + + display: flex; + flex-direction: column; + + li { + @include tablet { + line-height: normal; + margin-right: 30px; + + [dir="rtl"] & { + margin-left: 30px; + margin-right: 0; + } + + a { + text-decoration: none; + padding: 15px 0; + } + } + + color: $text_color; + line-height: 45px; + order: 1; // All elements have the same order + + a { + color: $text_color; + display: block; + } + } + + li:hover { + @include tablet { + border-bottom: 4px solid #ddd; + + a { + padding: 15px 0 11px 0; + text-decoration: none; + } + } + } + + li[aria-selected="true"] { + @include tablet { + border-bottom: 4px solid $brand_color; + order: 1; + padding: 15px 0 11px 0; + } + + order: 0; //Move to top of menu + position: relative; + + a { color: $text_color; } + } + + li[aria-selected="true"]::after { + @extend .icon; + @include tablet { display: none; } + @include vertical-align; + content: "\25BE"; + position: absolute; + right: 0; + + [dir="rtl"] & { + left: 0; + right: auto; + } + } +} + +.collapsible-nav[aria-expanded="true"] { + max-height: none; + + li[aria-selected="true"]::after { + content: "\2715"; + } +} diff --git a/styles/_collapsible-sidebar.scss b/styles/_collapsible-sidebar.scss new file mode 100644 index 0000000..4c5a92a --- /dev/null +++ b/styles/_collapsible-sidebar.scss @@ -0,0 +1,39 @@ +/* Sidebar navigation that collapses on mobile */ +.collapsible-sidebar { + @include desktop { + max-height: none; + padding: 0; + } + flex: 1; + max-height: 45px; + overflow: hidden; + padding: 10px 0; + position: relative; + + &[aria-expanded="true"] { + max-height: none; + + .collapsible-sidebar-title::after { + @include desktop { display: none; } + content: "\2715"; + } + } + + &-title { + margin-top: 0; + + &::after { + @extend .icon; + @include desktop { display: none; } + @include vertical-align; + content: "\25BE"; + position: absolute; + right: 10px; + + [dir="rtl"] & { + left: 10px; + right: auto; + } + } + } +} diff --git a/styles/_comments.scss b/styles/_comments.scss new file mode 100644 index 0000000..09d761c --- /dev/null +++ b/styles/_comments.scss @@ -0,0 +1,161 @@ +/***** Comments *****/ +/* Styles comments inside articles, posts and requests */ +.comment { + border-bottom: 1px solid $border-color; + padding: 20px 0; + + &-heading { + margin-bottom: 5px; + margin-top: 0; + } + + &-overview { + border-bottom: 1px solid $border-color; + border-top: 1px solid $border-color; + padding: 20px 0; + + p { margin-top: 0; } + } + + &-callout { + color: $secondary-text-color; + display: inline-block; + font-weight: $font-weight-light; + font-size: $font-size-small; + margin-bottom: 0; + + a { color: $brand_color; } + } + + + &-sorter { + display: inline-block; + float: right; + + a { + color: $secondary-text-color; + font-weight: $font-weight-light; + font-size: $font-size-small; + text-decoration: none; + } + + [dir="rtl"] & { + float: left; + } + } + + &-wrapper { + display: flex; + position: relative; + + &.comment-official { + @include tablet { padding-top: 20px; } + + border: 1px solid $brand_color; + padding: 40px 20px 20px; // 20 + 20 of official commment badge + } + } + + &-info { + min-width: 0; + padding-right: 20px; + width: 100%; + + [dir="rtl"] & { + padding-right: 0; + padding-left: 20px; + } + } + + &-author { + align-items: flex-end; + display: flex; + flex-wrap: wrap; + margin-bottom: 20px; + + @include tablet { justify-content: space-between; } + } + + &-avatar { + margin-right: 10px; + + [dir="rtl"] & { + margin-left: 10px; + margin-right: 0; + } + } + + &-meta { + flex: 1 0 auto; + } + + &-labels { + flex-basis: 100%; + + @include tablet { + flex-basis: auto; + } + } + + .status-label:not(.status-label-official) { + margin-top: 10px; + + @include tablet { margin-top: 0; } + } + + &-form { + display: flex; + padding-top: 30px; + word-wrap: break-word; + } + + &-container { width: 100%; } + + &-form-controls { + @include tablet { + [dir="ltr"] & { + text-align: right; + } + } + display: none; + margin-top: 10px; + text-align: left; + + input[type="submit"] { + @include desktop { + margin-left: 15px; + [dir="rtl"] & { + margin-left: 0; + margin-right: 15px; + } + } + margin-top: 15px; + } + + input[type="checkbox"] { + margin-right: 5px; + + [dir="rtl"] { margin-left: 5px; } + } + } + + &-ccs { display: none; } + &-ccs + textarea { margin-top: 10px; } + + &-attachments { + margin-top: 10px; + + a { color: $brand_color; } + } + + &-body { + @include text-overflow; + @include content-body; + font-family: $text_font; + line-height: 1.6; + } + + &-mark-as-solved { + display: inline-block; + } +} diff --git a/styles/_community.scss b/styles/_community.scss new file mode 100644 index 0000000..adbdc90 --- /dev/null +++ b/styles/_community.scss @@ -0,0 +1,137 @@ +/***** Community *****/ +.community { + &-hero { + background-image: url($community_background_image); + margin-bottom: 10px; + } + + &-footer { + padding-top: 50px; + text-align: center; + } + + &-featured-posts, + &-activity { + padding-top: 40px; + width: 100%; + } + + &-header { + margin-bottom: 30px; + + h4 { margin-bottom: 0; } + } +} + +.post-to-community { + @include tablet { margin: 0; } + margin-top: 10px; +} + +/* Community topics grid */ +.topics { + max-width: none; + width: 100%; + + &-item { + .meta-group { + justify-content: center; + margin-top: 20px; + } + } +} + +/* Community topic page */ + +.topic-header { + @include tablet { padding-bottom: 10px; } + border-bottom: 1px solid $border-color; + font-size: $font-size-small; + + .dropdown { + @include tablet { + border-top: 0; + display: inline-block; + margin-right: 20px; + padding: 0; + } + + display: block; + border-top: 1px solid $border-color; + padding: 10px 0; + } +} + +.no-posts-with-filter { + margin-top: 20px; + margin-bottom: 20px; +} + +/* Topic, post and user follow button */ +.community-follow { + @include tablet { + margin-bottom: 0; + width: auto; + } + + margin-bottom: 10px; + width: 100%; + + .dropdown { + width: 100%; + } + + [role="button"] { + @include tablet { width: auto;} + + line-height: 30px; + padding: 0 10px 0 15px; + position: relative; + width: 100%; + + &:hover { background-color: $brand_color; } + + &:hover::after, &:focus::after { + border-color: $brand_text_color; + color: $brand_text_color; + } + + &[aria-selected="true"] { + background-color: $brand_color; + color: $brand_text_color; + + &::after { + border-left: 1px solid $brand_text_color; + color: $brand_text_color; + } + + &:hover { + background-color: $hover-button-color; + border-color: $hover-button-color; + } + } + + &::after { + @include tablet { + position: static; + } + + border-left: 1px solid $button-color; + content: attr(data-follower-count); + color: $button-color; + display: inline-block; + font-family: $heading_font; + margin-left: 15px; + padding-left: 10px; + position: absolute; + right: 10px; + + [dir="rtl"] & { + border-left: 0; + border-right: 1px solid $button-color; + margin: 0 10px 0 0; + padding: 0 10px 0 0; + } + } + } +} diff --git a/styles/_footer.scss b/styles/_footer.scss new file mode 100644 index 0000000..f2b7843 --- /dev/null +++ b/styles/_footer.scss @@ -0,0 +1,20 @@ +/***** Footer *****/ +.footer { + border-top: 1px solid $border-color; + margin-top: 60px; + padding: 30px 0; + + a { color: $secondary-text-color; } + + &-inner { + @include max-width-container; + display: flex; + justify-content: space-between; + } + + &-language-selector { + color: $secondary-text-color; + display: inline-block; + font-weight: $font-weight-light; + } +} diff --git a/styles/_forms.scss b/styles/_forms.scss new file mode 100644 index 0000000..ccd290b --- /dev/null +++ b/styles/_forms.scss @@ -0,0 +1,109 @@ +/***** Forms *****/ + +.form { + max-width: 650px; +} + +.form-field ~ .form-field { + margin-top: 25px; +} + +.form-field label { + display: block; + font-size: $font-size-small; + margin-bottom: 5px; +} + +.form-field input { + border: 1px solid $border-color; + border-radius: 4px; + padding: 10px; + width: 100%; + + &:focus { border: 1px solid $brand_color; } +} + +.form-field input[type="text"] { + border: 1px solid $border-color; + border-radius: 4px; + + &:focus { border: 1px solid $brand_color; } +} + +.form-field input[type="checkbox"] { + width: auto; +} + +// Select box +.form-field .nesty-input { + border-radius: 4px; + height: 40px; + line-height: 40px; + outline: none; + vertical-align: middle; + + &:focus { + border: 1px solid $brand_color; + text-decoration: none; + } +} + +.form-field .hc-multiselect-toggle:focus { + outline: none; + border: 1px solid $brand_color; + text-decoration: none; +} + +.form-field textarea { + vertical-align: middle; +} + +.form-field input[type="checkbox"] + label { + margin: 0 0 0 10px; +} + +.form-field.required > label::after { + content: "*"; + color: #f00; + margin-left: 2px; +} + +.form-field p { + color: $secondary-text-color; + font-size: 12px; + margin: 5px 0; +} + +[data-loading="true"] input, +[data-loading="true"] textarea { + background: transparent url($assets-loader-gif) 99% 50% no-repeat; + background-size: 16px 16px; +} + +.form footer { + margin-top: 40px; + padding-top: 30px; +} + +.form footer a { + color: $secondary-text-color; + cursor: pointer; + margin-right: 15px; +} + +.form .suggestion-list { + font-size: $font-size-small; + margin-top: 30px; + + label { + border-bottom: 1px solid $border-color; + display: block; + padding-bottom: 5px; + } + + li { + padding: 10px 0; + + a:visited { color: $visited-link-color; } + } +} diff --git a/styles/_header.scss b/styles/_header.scss new file mode 100644 index 0000000..4d33704 --- /dev/null +++ b/styles/_header.scss @@ -0,0 +1,87 @@ +/***** Header *****/ +$header-height: 71px; + +.header { + @include max-width-container; + position: relative; + align-items: center; + display: flex; + height: $header-height; + justify-content: space-between; +} + +.logo img { + max-height: 37px; +} + +.user-nav { + @include tablet { position: relative; } + display: inline-block; + position: absolute; + white-space: nowrap; + + &[aria-expanded="true"] { + background-color: #fff; + box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15), 0 4px 10px 0 rgba(0, 0, 0, .1); + border: solid 1px #ddd; + right: 0; + left: 0; + top: $header-height; + z-index: 1; + + > a { + display: block; + margin: 20px; + } + } +} + +.nav-wrapper { + a { + @include tablet { + display: inline-block; + } + + border: 0; + color: $link_color; + display: none; + font-size: 14px; + padding: 0 20px 0 0; + width: auto; + + [dir="rtl"] & { padding: 0 0 0 20px;} + + &:hover, + &:focus, + &:active { + background-color: transparent; + color: $link_color; + text-decoration: underline; + } + + &.login { display: inline-block; } + } + + .icon-menu { + @include tablet { display: none; } + border: 0; + color: $link_color; + cursor: pointer; + display: inline-block; + margin-right: 10px; + padding: 0; + width: auto; + + [dir="rtl"] & { + margin-left: 10px; + margin-right: 0; + } + + &:hover, + &:focus, + &:active { + background-color: transparent; + color: $link_color; + } + } +} diff --git a/styles/_hero.scss b/styles/_hero.scss new file mode 100644 index 0000000..bb89c3e --- /dev/null +++ b/styles/_hero.scss @@ -0,0 +1,16 @@ +/***** Hero component *****/ +.hero { + background-image: url($homepage_background_image); + background-position: center; + background-size: cover; + height: 300px; + padding: 0 20px; + text-align: center; + width: 100%; + + &-inner { + @include vertical-align; + max-width: 610px; + margin: 0 auto; + } +} diff --git a/styles/_home-page.scss b/styles/_home-page.scss new file mode 100644 index 0000000..2278072 --- /dev/null +++ b/styles/_home-page.scss @@ -0,0 +1,78 @@ +/***** Homepage *****/ + +.section { + @include tablet { + margin-bottom: 60px; + } + + margin-bottom: 40px; +} + +.section h2 { + margin-bottom: 10px; + text-align: center; +} + +/***** Promoted articles *****/ + +.promoted-articles { + @include desktop { flex-direction: row; } + display: flex; + flex-direction: column; + flex-wrap: wrap; + + &-item { + @include desktop { + align-self: flex-end; + flex: 0 0 auto; + margin-right: 30px; + width: 33%; /* Three columns on desktop */ + + [dir="rtl"] & { margin: 0 0 0 30px; } + } + + flex: 1 0 auto; + border-bottom: 1px solid $border-color; + padding: 15px 0; + + &:nth-child(3n) { + margin-right: 0; + } + + a { + color: $text_color; + } + + .icon-lock::before { + vertical-align: baseline; + } + + &:last-child { + @include desktop { + border-bottom: 1px solid $border-color; + } + + border: 0; + } + } + +} + +/***** Community section in homepage *****/ +.community { + text-align: center; + + &-image { + min-height: 300px; + background-image: url($community_image); + background-position: center; + background-repeat: no-repeat; + max-width: 100%; + } +} + +.community, +.activity { + border-top: 1px solid $border-color; + padding: 30px 0; +} diff --git a/styles/_icons.scss b/styles/_icons.scss new file mode 100644 index 0000000..dcf3744 --- /dev/null +++ b/styles/_icons.scss @@ -0,0 +1,109 @@ +/***** Icons *****/ + +[class^="icon-"]::before, +[class*=" icon-"]::before, +.icon { + font-family: "copenhagen-icons"; + font-style: normal; + font-weight: normal; + speak: none; + line-height: 1em; + vertical-align: middle; + -webkit-font-smoothing: antialiased; +} + +.icon-lock::before { + content: "\1F512"; +} + +.icon-star::before { + content: "\2605"; +} + +.icon-linkedin::before { + content: "\e900"; +} + +.icon-twitter::before { + content: "\e901"; +} + +.icon-googleplus-::before { + content: "\e902"; +} + +.icon-facebook::before { + content: "\e903"; +} + +.icon-agent::before { + content: "\1F464"; +} + +.icon-close::before { + content: "\2715"; +} + +.icon-arrow-up::before { + content: "\2B06"; +} + +.icon-arrow-down::before { + content: "\2B07"; +} + +.icon-attachments::before { + content: "\1F4CE"; +} + +.icon-comments::before { + content: "\1F4AC"; +} + +.icon-search::before { + content: "\1F50D"; +} + +.icon-vote::before { + content: "\1F44D"; +} + +.icon-handle::before { + content: "\25BE"; +} + +.icon-check::before { + content: "\2713"; +} + +.icon-gear::before { + content: "\2699"; +} + +.icon-menu::before { + content: "\2630"; +} + +.icon-article::before { + content: "\1F4C4"; +} + +.icon-post::before { + content: "\1F4D4"; +} + +.icon-notification-alert::before { + content: "\26A0"; +} + +.icon-notification-error::before { + content: "\00D7"; +} + +.icon-notification-info::before { + content: "\2139"; +} + +.icon-notification-success::before { + content: "\2714"; +} diff --git a/styles/_metadata.scss b/styles/_metadata.scss new file mode 100644 index 0000000..b331a93 --- /dev/null +++ b/styles/_metadata.scss @@ -0,0 +1,19 @@ +/***** Metadata *****/ +.meta-group { + display: block; +} + +.meta-group * { + display: inline; +} + +.meta-data { + color: $secondary-text-color; + font-size: $font-size-small; + font-weight: $font-weight-light; + + &:not(:last-child)::after { + content: "\00B7"; + margin: 0 5px; + } +} diff --git a/styles/_mixins.scss b/styles/_mixins.scss new file mode 100644 index 0000000..b4863d3 --- /dev/null +++ b/styles/_mixins.scss @@ -0,0 +1,91 @@ +// Mixins +@mixin tablet { + @media (min-width: #{$tablet-width}) { + @content; + } +} + +@mixin desktop { + @media (min-width: #{$desktop-width}) { + @content; + } +} + +@mixin max-width-container { + @media (min-width: #{$max-width-container}) { + padding: 0; + width: 90%; + } + + max-width: $max-width-container; + margin: 0 auto; + padding: 0 5%; +} + +@mixin vertical-align { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +@mixin text-overflow { + -moz-hyphens: auto; + -ms-hyphens: auto; + -webkit-hyphens: auto; + word-break: break-word; +} + +@mixin content-body { + img { + height: auto; + max-width: 100%; + } + + ul, ol { + padding-left: 20px; + list-style-position: outside; + margin: 20px 0 20px 20px; + + [dir="rtl"] & { + padding-right: 20px; + padding-left: 0; + margin-left: 0; + margin-right: 20px; + } + } + + // Sub level list + ul > ul, ol > ol, ol > ul, ul > ol, li > ul, li > ol { + margin: 0; + } + + ul { + list-style-type: disc; + } + + a:visited { color: $visited-link-color; } + + code { + background: $primary-shade; + border: 1px solid $border-color; + border-radius: 3px; + padding: 0 5px; + margin: 0 2px; + } + + pre { + background: $primary-shade; + border: 1px solid $border-color; + border-radius: 3px; + padding: 10px 15px; + overflow: auto; + white-space: pre; + } + + blockquote { + border-left: 1px solid $border-color; + color: $secondary-text-color; + font-style: italic; + padding: 0 15px; + } +} diff --git a/styles/_my-activities.scss b/styles/_my-activities.scss new file mode 100644 index 0000000..4f3b26c --- /dev/null +++ b/styles/_my-activities.scss @@ -0,0 +1,251 @@ +/***** My activities *****/ +.my-activities { + &-nav { + background-color: $secondary-shade; + border: 0; + margin-bottom: 20px; + } + + &-sub-nav { + @include tablet { + li:hover { border-bottom: 4px solid #ddd; } + } + + background-color: transparent; + border-bottom: 1px solid $border-color; + margin-bottom: 30px; + + li[aria-selected="true"] { border-color: $brand_color; } + } + + &-table { + .striped-list-title { /* My activities tables */ + @include desktop { + margin-bottom: 0; + max-width: 500px; + min-width: 350px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + display: block; + margin-bottom: 10px; + max-width: 350px; + white-space: normal; + } + + thead { + @include tablet { display: table-header-group; } + display: none; + } + + th:first-child, + td:first-child { + @include desktop { width: 500px; } + padding-left: 0; + } + + th:last-child, + td:last-child { + padding-right: 0; + } + + // On mobile, only show the first column + td:not(:first-child) { + @include tablet { display: table-cell; } + + display: none; + } + } +} + +/* Requests table */ +.requests { + &-search { + width: 100%; + } + + &-table-toolbar { + @include tablet { + flex-direction: row; + } + + align-items: flex-end; + display: flex; + flex-direction: column; + + .search { + flex: 1; + width: 100%; + } + + .request-table-filter { + @include tablet { + width: auto; + } + + width: 100%; + } + + .request-filter { + @include tablet { + margin: 0 0 0 30px; + [dir="rtl"] & { margin: 0 30px 0 0; } + } + + display: block; + } + + .request-filter-label { + @include tablet { + margin-top: 0; + } + + font-size: $font-size-small; + margin-top: 30px; + } + + select { + @include tablet { + margin-bottom: 0; + max-width: 300px; + width: auto; + } + + max-height: 40px; + margin-bottom: 30px; + width: 100%; + } + + .organization-subscribe, + .organization-unsubscribe { + @include tablet { + margin-left: 10px; + [dir="rtl"] & { margin: 0 10px 0 0; } + } + + line-height: 40px; + max-height: 40px; + padding: 0 20px; + } + + .organization-unsubscribe { + background-color: $button-color; + color: $brand_text_color; + } + + & + .requests-search-info { + margin-top: 15px; + + &.meta-data::after { + content: ""; + margin: 0; + } + + & + .requests { + margin-top: 20px; + } + } + + & + .requests { + margin-top: 40px; + } + } + + .requests-table { + &-meta { + @include tablet { + display: none; + } + + display: block; + } + + thead { + @include tablet { display: table-header-group; } + display: none; + } + + &-info { + @include tablet { + display: table-cell; + vertical-align: middle; + width: auto; + } + + display: block; + } + + .requests-link { + position: relative; + } + + .requests-sort-symbol { + position: absolute; + left: calc(100% + 3px); + bottom: 0; + font-size: 10px; + } + } +} + +/* Following table */ +.subscriptions { + &-unsubscribe a { + @include tablet { width: auto; } + + background: $button-color; + border-radius: 4px; + color: $brand_text_color; + display: inline-block; + font-size: 12px; + line-height: 2.34; //Taken from Zendesk garden bedrock + padding: 0 20px; + text-align: center; + width: 100%; + + &:hover { + background-color: $hover-button-color; + text-decoration: none; + } + } + + &-table { + td:last-child { + @include tablet { display: table-cell; } + display: block; + } + + td:first-child { + display: flex; + align-items: center; + } + + .user-avatar { + margin-right: 10px; + } + } + + .striped-list-title { + display: inline-block; + vertical-align: middle; + } +} + +/* Contributions table */ +.contributions-table { + td:last-child { + @include tablet { + color: inherit; + font-size: inherit; + font-weight: inherit; + } + + color: $secondary-text-color; + font-size: $font-size-small; + font-weight: $font-weight-light; + } +} + +.no-activities { color: $secondary-text-color; } diff --git a/styles/_page_header.scss b/styles/_page_header.scss new file mode 100644 index 0000000..72e0dd7 --- /dev/null +++ b/styles/_page_header.scss @@ -0,0 +1,47 @@ +// Component made for elements that are separated with space between +.page-header { + + @include tablet { + align-items: baseline; + flex-direction: row; + margin: 0; + } + + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + margin: 10px 0; + + .section-subscribe { + @include tablet { + margin-bottom: 0; + } + + flex-shrink: 0; //Avoid collapsing elements in Safari + margin-bottom: 10px; + } + + h1 { + flex-grow: 1; + margin-bottom: 10px; + } + + &-description { + @include desktop { + flex-basis: 100%; + } + font-style: italic; + font-weight: $font-weight-light; + margin: 0 0 30px 0; + word-break: break-word; + } + + .icon-lock::before { + content: "\1F512"; + font-size: 20px; + position: relative; + left: -5px; + vertical-align: baseline; + } +} diff --git a/styles/_pagination.scss b/styles/_pagination.scss new file mode 100644 index 0000000..9e919d6 --- /dev/null +++ b/styles/_pagination.scss @@ -0,0 +1,62 @@ +/***** Pagination *****/ + +.pagination { + margin: 20px 0; + text-align: center; +} + +.pagination * { + display: inline-block; +} + +.pagination li { + @include tablet { + height: 30px; + width: 30px; + } + + border-radius: 50%; + height: 40px; + float: left; + margin-left: 5px; + width: 40px; + + [dir="rtl"] & { + float: right; + } + + &:hover:not(.pagination-current) { + background-color: #f3f3f3; + + span, a { + color: $text_color; + text-decoration: none; + } + } +} + +.pagination a, .pagination span { + @include tablet { + font-size: $font-size-small; + padding: 5px 12px; + } + + font-size: $font-size-base; + color: $secondary-text-color; + padding: 10px 12px; +} + +.pagination-current { + background-color: $brand_color; + a, span { color: $brand_text_color; } +} + +.pagination-first { + border-radius: 3px 0 0 3px; + [dir="rtl"] & { border-radius: 0 3px 3px 0; } +} + +.pagination-last { + border-radius: 0 3px 3px 0; + [dir="rtl"] & { border-radius: 3px 0 0 3px; } +} diff --git a/styles/_post.scss b/styles/_post.scss new file mode 100644 index 0000000..de2a993 --- /dev/null +++ b/styles/_post.scss @@ -0,0 +1,156 @@ +/***** Post *****/ +/* +* The post grid is defined this way: +* Content | Sidebar +* 70% | 30% +*/ +.post { + @include desktop { + flex: 1 0 70%; + max-width: 70%; + } + + flex: 1; + margin-bottom: 10px; + + &-container { + @include desktop { + flex-direction: row; + } + + display: flex; + flex-direction: column; + } + + &-header { + @include tablet { + align-items: baseline; + flex-direction: row; + } + + align-items: center; + display: flex; + flex-direction: column; + justify-content: space-between; + margin-bottom: 10px; + + .status-label { vertical-align: super; } + } + + &-title { + @include tablet { + margin-bottom: 0; + padding-right: 10px; + } + margin-bottom: 20px; + width: 100%; + + h1 { + @include tablet { margin-right: 5px; } + display: inline; + vertical-align: middle; + } + } + + &-author { + align-items: flex-start; + display: flex; + justify-content: space-between; + } + + &-avatar { + margin-bottom: 30px; + } + + &-content { + font-family: $text_font; + line-height: 1.6; + word-break: break-word; + } + + &-info-container { + display: flex; + margin-bottom: 40px; + } + + &-info { + min-width: 0; + padding-right: 20px; + width: 100%; + + [dir="rtl"] & { + padding-right: 0; + padding-left: 20px; + } + } + + &-meta { + display: inline-block; + flex: 1; + margin-left: 10px; + vertical-align: middle; + + [dir="rtl"] & { + margin-left: 0; + margin-right: 10px; + } + } + + &-body { + @include content-body; + } + + &-footer { + align-items: center; + display: flex; + justify-content: space-between; + padding-bottom: 20px; + } + + &-comment-count { + color: $secondary-text-color; + font-weight: $font-weight-light; + + &:hover { + text-decoration: none; + } + + .icon-comments { + color: $brand_color; + content: "\1F4AC"; + display: inline-block; + font-size: 18px; + padding: 5px; + } + } + + &-sidebar { + @include desktop { + border: 0; + flex: 1 0 30%; + padding: 0 0 0 50px; + text-align: initial; + + [dir="rtl"] & { padding: 0 50px 0 0; } + } + + border-top: 1px solid $border-color; + flex: 1; + padding: 30px 0; + text-align: center; + + h5 { + @include desktop { + border-bottom: 1px solid $border-color; + padding-bottom: 20px; + } + + font-weight: $font-weight-semibold; + } + } + + &-comments { + @include desktop { margin-bottom: 0; } + margin-bottom: 20px; + } +} diff --git a/styles/_recent-activity.scss b/styles/_recent-activity.scss new file mode 100644 index 0000000..c36c751 --- /dev/null +++ b/styles/_recent-activity.scss @@ -0,0 +1,87 @@ +/***** Recent activity *****/ + +.recent-activity { + &-header { + margin-bottom: 10px; + text-align: center; + } + + &-list { padding: 0; } + + &-item { + border-bottom: 1px solid $border-color; + overflow: auto; + padding: 20px 0; + } + + &-item-parent { + font-size: $font-size-bigger; + } + + &-item-parent, + &-item-link { + @include tablet { + width: 70%; + margin: 0; + } + + margin: 6px 0; + color: $text_color; + display: inline-block; + width: 100%; + } + + &-item-link { + font-size: 14px; + font-weight: $font-weight-light; + } + + &-item-meta { + @include tablet { + margin: 0; + float: right; + + [dir="rtl"] & { float: left; } + + } + + margin: 15px 0 0 0; + float: none; + } + + &-item-time, + &-item-comment { + color: $secondary-text-color; + display: inline-block; + font-size: $font-size-small; + font-weight: $font-weight-light; + } + + &-item-comment { + padding-left: 5px; + + [dir="rtl"] & { padding: 0 5px 0 0; } + + &::before { + display: inline-block; + } + + span::before { + @extend .icon; + color: $brand_color; + content: "\1F4AC"; + display: inline-block; + font-size: $font-size-base; + padding-right: 3px; + vertical-align: middle; + + [dir="rtl"] & { + padding-left: 3px; + } + } + } + + &-controls { + padding-top: 15px; + } +} diff --git a/styles/_request.scss b/styles/_request.scss new file mode 100644 index 0000000..31567a3 --- /dev/null +++ b/styles/_request.scss @@ -0,0 +1,186 @@ +/***** Request *****/ +.request { + &-container { + @include desktop { + align-items: flex-start; + flex-direction: row; + } + + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + + .comment-container { + min-width: 0; + } + } + + &-breadcrumbs { + @include desktop { margin-bottom: 60px; } + margin-bottom: 40px; + } + + &-main { + flex: 1 0 auto; + order: 1; + + .comment-fields, .request-submit-comment { + display: none; + } + + .comment-fields.shown { display: block; } + .request-submit-comment.shown { display: inline; } + + @include desktop { + flex: 0 0 66%; // 4% spacing + order: 0; + min-width: 0; // Tricky detail to show truncated text https://css-tricks.com/flexbox-truncated-text/ + } + + .comment-form-controls { + display: block; + } + .comment-ccs { display: block; } + + .comment-show-container { + border-radius: 2px; + border: 1px solid $border-color; + cursor: pointer; + display: flex; + padding: 8px 15px; + width: 100%; + + &.hidden { + display: none; + } + + &-content { + align-self: center; + color: $secondary-text-color; + margin-left: 10px; + } + } + + .form-field.comment-ccs { + & > ul { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; + + &[data-hc-focus="true"] { + border: 1px solid $brand_color; + } + } + + & > input[type="text"] { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; + } + } + + .comment-ccs + textarea { + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-top: 0; + + &:focus { + border-top: 1px solid $brand_color; + } + } + + input#mark_as_solved { display: none; } + } + + &-title { + @include desktop { + border-bottom: 1px solid $border-color; + margin-bottom: 0; + max-width: 66%; //Same as main container + padding-bottom: 20px; + } + + width: 100%; + } + + &-sidebar { + @include desktop { + background-color: $primary-shade; + border: 0; + font-size: $font-size-small; + flex: 0 0 auto; + padding: 0 20px; + width: 30%; //IE11 fix + } + + border-bottom: 1px solid $border-color; + border-top: 1px solid $border-color; + flex: 1 0 auto; + order: 0; //Bring to top + + h5 { + @include desktop { + display: none; + } + + font-size: $font-size-base; + font-weight: $font-weight-semibold; + position: relative; + } + } + + &-details { + border-bottom: 1px solid $border-color; + font-size: 0; // To remove whitespace and do a 40%/60% split + margin: 0; + padding-bottom: 20px; + + &:last-child { border: 0; } + + dt, dd { + display: inline-block; + vertical-align: top; + font-size: $font-size-small; + margin: 20px 0 0 0; + } + + dd { + padding: 0 10px; + width: 60%; + + &::after { + content: "\A"; + white-space: pre; + } + } + + dt { + color: $secondary-text-color; + font-weight: $font-weight-light; + width: 40%; + } + + .request-collaborators { + display: inline-block; + } + } + + &-attachments { + dt, dd { + width: 100%; + } + + dd { + margin: 10px 0 0 0; + } + } + + &-form textarea { + min-height: 120px; + } + + &-follow-up { + padding-top: 20px; + } +} diff --git a/styles/_search.scss b/styles/_search.scss new file mode 100644 index 0000000..1077226 --- /dev/null +++ b/styles/_search.scss @@ -0,0 +1,47 @@ +/***** Search field *****/ +.search { + position: relative; + + input[type="search"] { + border: 1px solid $border-color; + border-radius: 30px; + box-sizing: border-box; + color: $field-text-color; + height: 40px; + padding-left: 40px; + padding-right: 20px; + -webkit-appearance: none; + width: 100%; + + [dir="rtl"] & { + padding-right: 40px; + padding-left: 20px; + } + + &:focus { + border: 1px solid $brand_color; + color: $field-text-focus-color; + } + } + + + &::before { + @extend .icon; + @include vertical-align; + background-color: #fff; + color: #777; + content: "\1F50D"; + font-size: 18px; + position: absolute; + left: 15px; + + [dir="rtl"] & { + right: 15px; + left: auto; + } + } + + &-full input[type="search"] { + border: 1px solid #fff; + } +} diff --git a/styles/_search_results.scss b/styles/_search_results.scss new file mode 100644 index 0000000..e421ad4 --- /dev/null +++ b/styles/_search_results.scss @@ -0,0 +1,88 @@ +/***** Search results *****/ +.search-results { + @include desktop { + flex-direction: row; + } + + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + + &-column { + @include desktop { + flex: 0 0 45%; + } + + flex: 1; + } + + &-list { + margin-bottom: 25px; + > li { + border-bottom: 1px solid $border-color; + padding: 20px 0; + &:first-child { + border-top: 1px solid $border-color; + } + } + } +} + +.search-result { + + &-description { + margin-top: 15px; + } + + &-votes, + &-meta-count { + color: $secondary-text-color; + display: inline-block; + font-size: $font-size-small; + font-weight: $font-weight-light; + padding: 4px 5px; + position: relative; + + &::before { + @extend .icon; + color: $brand_color; + } + + [dir="ltr"] & { + margin-left: 5px; + &::before { + margin-right: 3px; + } + } + + [dir="rtl"] & { + margin-right: 5px; + &::before { + margin-left: 3px; + } + } + } + + &-votes::before { + content: "\1F44D"; + } + + &-meta-count::before { + content: "\1F4AC"; + } + + .meta-group { + align-items: center; + } + + &-breadcrumbs { + margin: 0; + + li:last-child::after { + content: "·"; + display: inline-block; + margin: 0 5px; + } + } +} diff --git a/styles/_section.scss b/styles/_section.scss new file mode 100644 index 0000000..a19e69b --- /dev/null +++ b/styles/_section.scss @@ -0,0 +1,18 @@ +/***** Section pages *****/ +.section { + &-container { + display: flex; + justify-content: flex-end; + } + + &-content { + @include desktop { + flex: 0 0 80%; + } + flex: 1; + } + + &-subscribe { + .dropdown-toggle::after { display: none; } + } +} diff --git a/styles/_share.scss b/styles/_share.scss new file mode 100644 index 0000000..96c255f --- /dev/null +++ b/styles/_share.scss @@ -0,0 +1,48 @@ +/***** Social share links *****/ + +.share { + padding: 0; + white-space: nowrap; +} + +.share li, .share a { + display: inline-block; +} + +.share a { + border-radius: 50%; + height: 25px; + line-height: 25px; + overflow: hidden; + width: 25px; +} + +.share a::before { + @extend .icon; + color: $secondary-text-color; + display: block; + font-size: 23px; + text-align: center; + width: 100%; +} + +.share a:hover { + text-decoration: none; + &::before { color: $brand_color; } +} + +.share-twitter::before { + content: "\e901"; +} + +.share-facebook::before { + content: "\e903"; +} + +.share-linkedin::before { + content: "\e900"; +} + +.share-googleplus::before { + content: "\e902"; +} diff --git a/styles/_status-label.scss b/styles/_status-label.scss new file mode 100644 index 0000000..7039163 --- /dev/null +++ b/styles/_status-label.scss @@ -0,0 +1,86 @@ +/***** Status labels *****/ +/* Styles labels used in posts, articles and requests */ +.status-label { + background-color: #1eb848; + border-radius: 4px; + color: #fff; + font-size: 12px; + margin-right: 2px; + padding: 3px 10px; + vertical-align: middle; + white-space: nowrap; + display: inline-block; + + &:hover, + &:active, + &:focus { + text-decoration: none; + } + + &-pinned, + &-featured, + &-official { + background-color: $brand_color; + } + + &-official { + border-radius: 0; + margin-right: 0; + position: absolute; + right: 0; + text-align: center; + top: 0; + width: 100%; + + @include tablet { + border-radius: 0 0 4px 4px; + right: 30px; + width: auto; + } + + [dir="rtl"] & { + left: 30px; + right: auto; + } + } + + &-pending, + &-not-planned { + background-color: #eee; + color: $secondary-text-color; + } + + &-pending { + text-align: center; + } + + &-open { + background-color: #cc3340; + } + + + &-closed { + background-color: #ddd; + } + + &-solved { + background-color: #999; + } + + &-new { + background-color: #ffd12a; + } + + &-hold { + background-color: #000; + } + + &-open, + &-closed, + &-solved, + &-new, + &-hold, + &-answered { + text-transform: lowercase; // To be consistent with Lotus + } +} diff --git a/styles/_striped_list.scss b/styles/_striped_list.scss new file mode 100644 index 0000000..409ba07 --- /dev/null +++ b/styles/_striped_list.scss @@ -0,0 +1,78 @@ +/***** Striped list *****/ +/* Used in community posts list and requests list */ +.striped-list { + padding: 0; + + &-item { + @include tablet { + align-items: center; + flex-direction: row; + } + + align-items: flex-start; + border-bottom: 1px solid $border-color; + display: flex; + flex-direction: column; + justify-content: flex-end; + padding: 20px 0; + } + + &-info { + flex: 2; + } + + &-title { + color: $link_color; + margin-bottom: 10px; + margin-right: 5px; + + &:hover, + &:focus, + &:active { + text-decoration: underline; + } + + &:visited { color: $visited-link-color; } + } + + .meta-group { + margin: 5px 0; + } + + &-count { + @include tablet { + display: flex; + flex: 1; + justify-content: space-around; + } + + color: $secondary-text-color; + font-weight: $font-weight-light; + font-size: $font-size-small; + justify-content: flex-start; + text-transform: capitalize; + } + + &-count-item { + &::after { + @include tablet { display: none; } + + content: "·"; + display: inline-block; + padding: 0 5px; + } + + &:last-child::after { display: none; } + } + + &-number { + @include tablet { + color: $text_color; + display: block; + font-weight: $font-weight-base; + } + + font-weight: $font-weight-light; + text-align: center; + } +} diff --git a/styles/_sub-nav.scss b/styles/_sub-nav.scss new file mode 100644 index 0000000..827af56 --- /dev/null +++ b/styles/_sub-nav.scss @@ -0,0 +1,22 @@ +.sub-nav { + @include tablet { + align-items: baseline; + flex-direction: row; + } + + display: flex; + flex-direction: column; + justify-content: space-between; + margin-bottom: 30px; + min-height: 50px; + padding-bottom: 15px; + + //Inner pages search field + input[type="search"] { + @include tablet { + min-width: 300px; + } + + &::after { font-size: $font-size-base; } + } +} diff --git a/styles/_tables.scss b/styles/_tables.scss new file mode 100644 index 0000000..00a2ad1 --- /dev/null +++ b/styles/_tables.scss @@ -0,0 +1,43 @@ +/***** Tables *****/ +.table { + @include tablet { table-layout: auto; } + + width: 100%; + table-layout: fixed; + + th, + th a { + color: $secondary-text-color; + font-size: $font-size-small; + font-weight: $font-weight-light; + text-align: left; + + [dir="rtl"] & { text-align: right; } + } + + tr { + @include tablet { display: table-row; } + + border-bottom: 1px solid $border-color; + display: block; + padding: 20px 0; + } + + td { + @include tablet { + display: table-cell; + } + + display: block; + } + + td, th { + @include desktop { + padding: 20px 30px; + } + @include tablet { + padding: 10px 20px; + height: 60px; + } + } +} diff --git a/styles/_user-profiles.scss b/styles/_user-profiles.scss new file mode 100644 index 0000000..076eaa1 --- /dev/null +++ b/styles/_user-profiles.scss @@ -0,0 +1,581 @@ +/* User Profiles */ + +// Header + +.profile-header { + padding: 30px 0; + background-color: $primary-shade; +} + +.profile-header .container { + display: flex; + flex-wrap: wrap; + + @include tablet { + flex-wrap: nowrap; + } +} + +.profile-header .profile-info { + flex-basis: 100%; + display: flex; + flex-wrap: wrap; + min-width: 0; +} + +.profile-avatar { + position: relative; + line-height: 0; + align-self: center; + margin-right: 10px; + + [dir="rtl"] & { + margin-left: 10px; + margin-right: 0; + } +} + +.profile-avatar .user-avatar { + width: 65px; + height: 65px; +} + +.profile-avatar .icon-agent::before { + bottom: 0; + right: 0; +} + +.profile-header .basic-info { + @include text-overflow; + display: flex; + flex-direction: column; + justify-content: center; + flex-grow: 1; + flex-basis: 0; + min-width: 0; + + .name { + margin: 0; + } +} + +.profile-header .options { + display: flex; + flex-basis: 100%; + margin-top: 12px; + align-items: flex-start; + flex-wrap: wrap; + + @include tablet { + flex-wrap: nowrap; + flex-basis: auto; + margin-top: 0; + margin-left: 10px; + + [dir="rtl"] & { + margin-left: 0; + margin-right: 10px; + } + + > :not(:last-child) { + margin-bottom: 0; + margin-right: 10px; + + [dir="rtl"] & { + margin-left: 10px; + margin-right: 0; + } + } + } +} + +.profile-header .options [data-action="edit-profile"] { + background-color: $brand_color; + border: 0; + color: $brand_text_color; + line-height: normal; + padding: 8px 20px; + outline-color: $brand_color; +} + +.profile-header .description { + @include text-overflow; + margin: 15px 0; + flex-basis: 100%; +} + +// Stats + +.profile-stats { + font-size: $font-size-small; + display: flex; + flex-direction: column; + flex-basis: 100%; +} + +.profile-stats .stat { + display: flex; + margin-bottom: 10px; +} + +.profile-stats .stat-label { + color: $secondary-text-color; + font-weight: $font-weight-light; + flex: 0 0 100px; + margin-right: 10px; + + [dir="rtl"] & { + margin-left: 10px; + margin-right: 0; + } +} + +.profile-stats-activity { + border-top: solid 1px #ddd; + margin-top: 15px; + + @include tablet { + border-top: 0; + flex-direction: row; + } +} + +.profile-stats-activity .stat { + @include tablet { + flex-direction: column; + } +} + +.profile-stats-activity .stat:first-child { + margin-top: 10px; + + @include tablet { + margin-top: 0; + } +} + +.profile-stats-activity .stat:not(:last-child) { + @include tablet { + margin-right: 40px; + + [dir="rtl"] & { + margin-left: 40px; + margin-right: 0; + } + } +} + +.profile-stats-activity .stat-label { + @include tablet { + flex: 0 1 auto; + } +} + +.profile-stats-counters { + border-bottom: solid 1px #ddd; + + @include tablet { + flex: 0 0 200px; + border-bottom: 0; + margin-left: 40px; + + [dir="rtl"] & { + margin-left: 0; + margin-right: 40px; + } + } + + @include desktop { + flex: 0 0 270px; + margin-left: 60px; + + [dir="rtl"] & { + margin-right: 60px; + margin-left: 0; + } + } +} + +.profile-stats-counters .stat { + @include tablet { + flex-direction: column; + } + + @include desktop { + flex-direction: row; + } +} + +.profile-stats-counters .stat:not(:last-child) { + @include tablet { + margin-bottom: 15px; + } +} + +.profile-stats-counters .stat-label { + @include tablet { + flex: 0 1 auto; + } + + @include desktop { + flex: 0 0 100px; + } +} + +.profile-private-badge { + flex-basis: 100%; + border: solid 1px $brand_color; + border-radius: 4px; + color: $brand_color; + padding: 5px 20px; + font-size: 12px; + text-align: center; + + &::after { + content: "\1f512"; + margin-left: 5px; + font-family: "copenhagen-icons"; + vertical-align: middle; + line-height: 15px; + } + + @include tablet { + flex-basis: auto; + } +} + +// Navigation + +.profile-nav { + background-color: $secondary-shade; + border: 0; + margin-bottom: 37px; +} + +// Sections + +.profile-section { + width: 100%; + + @include desktop { + width: calc(100% - 330px); + } +} + +.profile-section-header { + display: flex; + flex-wrap: wrap; +} + +.profile-section-title { + flex-basis: 100%; + margin-bottom: 0; +} + +.profile-section-description { + flex-basis: 100%; + padding: 10px 0; + color: $secondary-text-color; + font-weight: $font-weight-light; + font-size: $font-size-small; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + @include tablet { + flex: 1 0 50%; + padding-bottom: 0; + } +} + +.profile-section-sorter { + flex-basis: 100%; + border-top: solid 1px #eee; + font-size: $font-size-small; + + .dropdown-toggle { + padding: 10px 0; + width: 100%; + } + + .dropdown-toggle::after { + position: absolute; + right: 0; + + [dir="rtl"] & { + left: 0; + right: initial; + } + + @include tablet { + position: relative; + } + } + + @include tablet { + flex: 0 1 auto; + padding-top: 0; + border-top: 0; + margin-left: 20px; + + [dir="rtl"] & { + margin-left: 0; + margin-right: 20px; + } + } +} + +// Profile contribution + +.profile-contribution { + @include text-overflow; + padding: 20px 0; + position: relative; +} + +.profile-contribution-header { + margin-bottom: 5px; +} + +.profile-contribution-title { + margin: 0 0 5px 0; + display: inline; + line-height: 21px; + font-size: 15px; + vertical-align: middle; +} + +.profile-contribution-body { + margin: 10px 0; +} + +// Profile contribution list + +.profile-contribution-list > .profile-contribution { + border-top: 1px solid #eee; + + @include tablet { + padding-left: 30px; + + [dir="rtl"] & { + padding-right: 30px; + padding-left: 0; + } + } +} + +.profile-contribution-list > .profile-contribution:last-child { + border-bottom: 1px solid #eee; +} + +.profile-contribution-list > .profile-contribution::before { + left: 0; + position: absolute; + font-size: 16px; + color: #ccc; + font-family: "copenhagen-icons"; + line-height: 25px; + + [dir="rtl"] & { + right: 0; + } +} + +.profile-contribution-list .profile-contribution-header { + margin-left: 30px; + + [dir="rtl"] & { + padding-right: 30px; + padding-left: 0; + } + + @include tablet { + margin-left: 0; + + [dir="rtl"] & { + padding-right: 0; + } + } +} + +.profile-comments .profile-contribution-breadcrumbs { + margin-left: 30px; + + [dir="rtl"] & { + padding-right: 30px; + padding-left: 0; + } + + @include tablet { + margin-left: 0; + + [dir="rtl"] & { + padding-right: 0; + } + } +} + +// Empty state + +.profile-section .no-activity, +.profile-section .private-activity { + display: block; + margin-top: 40px; + color: #999; +} + +.profile-section .private-activity::before { + content: "\1f512"; + font-family: "copenhagen-icons"; + font-style: normal; + font-size: 12px; + font-weight: normal; + vertical-align: middle; + margin-right: 10px; + + [dir="rtl"] & { + margin-right: 0; + margin-left: 10px; + } +} + +// Activity List + +.profile-activity-list { + margin-top: 25px; +} + +.profile-activity { + position: relative; + padding-bottom: 30px; + + @include tablet { + padding-left: 20px; + + [dir="rtl"] & { + padding-right: 20px; + padding-left: 0; + } + } +} + +.profile-activity:not(:last-child) { + @include tablet { + border-left: 1px solid #ddd; + + [dir="rtl"] & { + border-left: 0; + border-right: 1px solid #ddd; + } + } +} + +.profile-activity-header { + display: flex; + align-items: center; + margin-left: 35px; + + [dir="rtl"] & { + margin-left: 0; + margin-right: 35px; + } + + @include tablet { + margin-left: 0; + + [dir="rtl"] & { + margin-right: 0; + } + } +} + +.profile-activity-header .user-avatar { + width: 40px; + height: 40px; + margin-right: 10px; + min-width: 40px; + align-self: flex-start; + + [dir="rtl"] & { + margin-left: 10px; + margin-right: 0; + } +} + +.profile-activity-description { + @include text-overflow; + margin: 0; + min-width: 0; + width: 100%; +} + +.profile-activity-description span:first-child { + font-weight: $font-weight-semibold; + display: inline; +} + +.profile-activity-contribution { + padding: 20px; + margin-top: 10px; + border-radius: 8px; + background-color: $primary-shade; + + @include tablet { + margin-top: 0; + margin-left: 50px; + + [dir="rtl"] & { + margin-left: 0; + margin-right: 50px; + } + } +} + +// Icons + +.profile-activity::before { + position: absolute; + left: 0; + width: 28px; + border-radius: 50%; + content: ""; + background-size: 14px 14px; + background-repeat: no-repeat; + background-color: $background_color; + background-position: 50% 50%; + text-align: center; + line-height: 40px; + font-size: 16px; + color: #ccc; + font-family: "copenhagen-icons"; + + [dir="rtl"] & { + right: 0; + } + + @include tablet { + left: -14px; + + [dir="rtl"] & { + right: -14px; + } + } +} + +// Icons + +.profile-articles > .profile-contribution::before, +.profile-activity-list > li[class$="-article"]::before { + content: "\1f4c4"; +} + +.profile-posts > .profile-contribution::before, +.profile-activity-list > li[class$="-post"]::before { + content: "\1f4d4"; +} + +.profile-comments > .profile-contribution::before, +.profile-activity-list > li[class$="-comment"]::before { + content: "\1f4ac"; + line-height: 35px; +} diff --git a/styles/_user.scss b/styles/_user.scss new file mode 100644 index 0000000..d3b01f6 --- /dev/null +++ b/styles/_user.scss @@ -0,0 +1,77 @@ +/***** User info in header *****/ +.user-info { + display: inline-block; + + .dropdown-toggle::after { + @include tablet { display: inline-block;} + display: none; + } + + > [role="button"] { + border: 0; + color: $link_color; + min-width: 0; + padding: 0; + white-space: nowrap; + + &:hover, + &:focus { + color: $link_color; + background-color: transparent; + } + + &::after { + color: $link_color; + padding-right: 15px; + + [dir="rtl"] & { + padding-left: 15px; + padding-right: 0; + } + } + } +} + +// Selector is this strong to override the styles set with ids +#user #user-name { + @include tablet { display: inline-block; } + display: none; + font-size: 14px; + + &:hover { text-decoration: underline; } +} + +/***** User avatar *****/ +.user-avatar { + height: 25px; + width: 25px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; +} + +.avatar { + display: inline-block; + position: relative; + + img { + height: 40px; + width: 40px; + } + + .icon-agent::before { + background-color: $brand_color; + border: 2px solid #fff; + border-radius: 50%; + bottom: -4px; + color: $brand_text_color; + content: "\1F464"; + font-size: 14px; + height: 14px; + line-height: 14px; + position: absolute; + right: -2px; + text-align: center; + width: 14px; + } +} diff --git a/styles/_variables.scss b/styles/_variables.scss new file mode 100644 index 0000000..a4a66a3 --- /dev/null +++ b/styles/_variables.scss @@ -0,0 +1,41 @@ +// Variables + +// Colors +$brand_color: #0072ef !default; +$brand_text_color: #fff !default; //Color for text with an accent color background +$text_color: #333 !default; +$link_color: #0072ef !default; +$background_color: #fff !default; + +$visited-link-color: zass-darken($link_color, 20%); +$hover-button-color: zass-darken($brand_color, 20%); +$secondary-text-color: zass-lighten($text_color, 20%); + +$primary-shade: zass-darken($background_color, 3%); //#f8f8f8 for the default background_color +$secondary-shade: zass-darken($background_color, 5%); //#f2f2f2 for the default background_color + +$font-size-bigger: 16px; +$font-size-base: 15px; +$font-size-navigation: 14px; +$font-size-small: 13px; +$font-size-smaller: 11px; + +$border-color: #ddd; + +$button-color: $brand_color; + +$input-font-size: 14px; +$field-text-color: #999; +$field-text-focus-color: #555; + +// Breakpoints variables +$tablet-width: 768px; +$desktop-width: 1024px; +$max-width-container: 1160px; + +// Fonts +$heading_font: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !default; +$text_font: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !default; +$font-weight-base: 400; +$font-weight-light: 300; +$font-weight-semibold: 600; diff --git a/styles/_vote.scss b/styles/_vote.scss new file mode 100644 index 0000000..5d21cb8 --- /dev/null +++ b/styles/_vote.scss @@ -0,0 +1,54 @@ +/***** Vote *****/ +/* Used in article comments, post comments and post */ +.vote { + display: inline-block; + text-align: center; + width: 35px; + a { + outline: none; + + &:active, + &:hover, + &:focus { + text-decoration: none; + } + } +} + +.vote-sum { + color: $secondary-text-color; + display: block; + margin: 3px 0; + + [dir="rtl"] & { + direction: ltr; + unicode-bidi: bidi-override; + } +} + +.vote-up:hover::before, +.vote-down:hover::before { + color: $brand_color; +} + +.vote-up::before, .vote-down::before { + @extend .icon; + color: $secondary-text-color; + font-size: 24px; +} + +.vote-up::before { + content: "\2B06"; +} + +.vote-down::before { + content: "\2B07"; +} + +.vote-voted::before { + color: $brand_color; +} + +.vote-voted:hover::before { + color: $hover-button-color; +} diff --git a/styles/index.scss b/styles/index.scss new file mode 100644 index 0000000..64c4309 --- /dev/null +++ b/styles/index.scss @@ -0,0 +1,38 @@ +@import "variables"; +@import "mixins"; +@import "base"; +@import "buttons"; +@import "tables"; +@import "forms"; +@import "header"; +@import "user"; +@import "footer"; +@import "breadcrumbs"; +@import "search"; +@import "hero"; +@import "page_header"; +@import "sub-nav"; +@import "blocks"; +@import "home-page"; +@import "recent-activity"; +@import "category"; +@import "section"; +@import "article"; +@import "attachments"; +@import "share"; +@import "comments"; +@import "vote"; +@import "actions"; +@import "community"; +@import "striped_list"; +@import "status-label"; +@import "post"; +@import "collapsible-nav"; +@import "collapsible-sidebar"; +@import "my-activities"; +@import "request"; +@import "pagination"; +@import "metadata"; +@import "icons"; +@import "user-profiles"; +@import "search_results" diff --git a/templates/article_page.hbs b/templates/article_page.hbs new file mode 100644 index 0000000..3938528 --- /dev/null +++ b/templates/article_page.hbs @@ -0,0 +1,229 @@ +
+
+ + +
+
+ {{#if settings.show_articles_in_section}} +
+

{{t 'articles_in_section'}}

+
    + {{#each section.articles}} +
  • + {{title}} +
    • + {{/each}} +
+ {{#if section.more_articles}} + {{t 'see_more'}} + {{/if}} +
+ {{/if}} +
+ +
+
+

+ {{article.title}} + {{#if article.internal}} + + {{/if}} +

+ +
+ {{#if settings.show_article_author}} +
+ {{#if article.author.agent}} + + {{/if}} + +
+ {{/if}} +
+ {{#if settings.show_article_author}} + {{#link 'user_profile' id=article.author.id}} + {{article.author.name}} + {{/link}} + {{/if}} + +
    + {{#is article.created_at article.edited_at}} +
  • {{date article.created_at timeago=true}}
    • + {{else}} +
  • {{date article.edited_at timeago=true}}
    • +
  • {{t 'updated'}}
    • + {{/is}} +
+
+
+ + {{#if settings.show_follow_article}} + {{subscribe}} + {{/if}} +
+ +
+
+
{{article.body}}
+ +
+
    + {{#each attachments}} +
  • + {{name}} +
    + {{size}} + Download +
    +
    • + {{/each}} +
+
+
+
+ +
+
+ {{#if settings.show_article_sharing}} +
{{share}}
+ {{/if}} + {{#if settings.show_article_comments}} + {{#if comments}} + + + {{article.comment_count}} + + {{/if}} + {{/if}} +
+ {{#with article}} +
+ {{t 'was_this_article_helpful'}} +
+ {{vote 'up' role='radio' class='button article-vote article-vote-up'}} + {{vote 'down' role='radio' class='button article-vote article-vote-down'}} +
+ + {{vote 'label' class='article-vote-label'}} + +
+ {{/with}} + +
+ {{request_callout}} +
+
+ {{t 'return_to_top'}} +
+
+ +
+ {{#if settings.show_recently_viewed_articles}} + {{recent_articles}} + {{/if}} + {{#if settings.show_related_articles}} + {{related_articles}} + {{/if}} +
+ {{#if settings.show_article_comments}} +
+
+
+

+ {{t 'comments'}} +

+

{{t 'comments_count' count=article.comment_count}}

+ {{#if comments}} +
+ {{t 'sort_by'}} + + {{#each comment_sorters}} + {{name}} + {{/each}} + +
+ {{/if}} +
+ +
    + {{#each comments}} +
  • +
    +
    +
    +
    + {{#if author.agent}} + + {{/if}} + +
    +
    + + {{#link 'user_profile' id=author.id}} + {{author.name}} + {{/link}} + + +
      + {{#if editor}} +
    • {{date edited_at timeago=true}}
      • +
    • {{t 'edited'}}
      • + {{else}} +
    • {{date created_at timeago=true}}
      • + {{/if}} +
    +
    +
    + {{#with ticket}} + + {{t 'request'}}{{id}} + + {{/with}} + {{#if pending}} + {{t 'pending_approval'}} + {{/if}} +
    +
    + +
    {{body}}
    +
    + +
    +
    + {{vote 'up' role='radio' class='vote-up' selected_class='vote-voted'}} + {{vote 'sum' class='vote-sum'}} + {{vote 'down' role='radio' class='vote-down' selected_class='vote-voted'}} +
    +
    + {{actions}} +
    +
    +
    +
    • + {{/each}} +
+ + {{pagination}} + + {{#form 'comment' class='comment-form'}} +
+ {{user_avatar class='user-avatar'}} +
+
+ {{wysiwyg 'body'}} +
+ {{input type='submit'}} +
+
+ {{/form}} + +

{{comment_callout}}

+
+
+ {{/if}} +
+
+
diff --git a/templates/category_page.hbs b/templates/category_page.hbs new file mode 100644 index 0000000..48289dc --- /dev/null +++ b/templates/category_page.hbs @@ -0,0 +1,56 @@ +
+
+ + +
+
+
+

{{category.name}}

+ {{#if category.description}} +

{{category.description}}

+ {{/if}} +
+ +
+ {{#each sections}} +
+

+ {{name}} +

+ {{#if articles}} +
    + {{#each articles}} +
  • + {{#if promoted}} + + {{/if}} + {{title}} + {{#if internal}} + + {{/if}} +
    • + {{/each}} +
+ {{#if more_articles}} + + {{t 'show_all_articles' count=article_count}} + + {{/if}} + {{else}} + + {{t 'empty'}} + + {{/if}} +
+ {{else}} + + {{t 'empty'}} + + {{/each}} +
+
+
+
diff --git a/templates/community_post_list_page.hbs b/templates/community_post_list_page.hbs new file mode 100644 index 0000000..639b334 --- /dev/null +++ b/templates/community_post_list_page.hbs @@ -0,0 +1,139 @@ +
+
+ {{search submit=false class='search search-full' scoped=settings.scoped_community_search}} +
+
+ +
+ + +
+ + +

{{t 'all_posts'}}

+ + + {{#link 'topics' role='menuitem'}} + {{t 'show_topics'}} + {{/link}} + {{#link 'posts' role='menuitem' selected='true'}} + {{t 'show_all_posts'}} + {{/link}} + + + + {{link 'new_post' role='button' class='button-large'}} + +
+ +
+ + + + {{current_filter.label}} + + + {{#each filters}} + + {{name}} + + {{/each}} + + + + + {{current_sorter.label}} + + + {{#each sorters}} + + {{name}} + + {{/each}} + + + +
+ + + + {{pagination}} + + {{#if featured_posts}} +
+

{{t 'featured_posts'}}

+ +
+ {{/if}} + +
+ {{#if help_center.community_enabled}} + {{recent_activity scope='community'}} + {{/if}} +
+ +
+

{{t 'suggest_new_post'}}

+ {{link 'new_post' role='button' class='button-large'}} +
+
diff --git a/templates/community_post_page.hbs b/templates/community_post_page.hbs new file mode 100644 index 0000000..23cbd1e --- /dev/null +++ b/templates/community_post_page.hbs @@ -0,0 +1,217 @@ +
+
+ + +
+
+
+
+
+

+ {{post.title}} + {{#if post.internal}} + + {{/if}} +

+ {{#if post.pinned}} + {{t 'pinned'}} + {{/if}} + + {{#if post.featured}} + {{t 'featured'}} + {{/if}} + + {{#is post.status 'none'}} + {{else}} + {{post.status_name}} + {{/is}} +
+ {{#if settings.show_follow_post}} +
{{subscribe}}
+ {{/if}} +
+ +
+
+
+
+ {{#if post.author.agent}} + + {{/if}} + +
+
+ + {{#link 'user_profile' id=post.author.id}} + {{post.author.name}} + {{/link}} + + +
    + {{#if post.editor}} +
  • {{date post.edited_at timeago=true}}
    • +
  • {{t 'edited'}}
    • + {{else}} +
  • {{date post.created_at timeago=true}}
    • + {{/if}} +
+
+ + {{#if post.pending}} + {{t 'pending_approval'}} + {{/if}} + + {{#with post.ticket}} + + {{t 'request'}}{{id}} + + {{/with}} +
+ + +
+
{{post.details}}
+
+
+ +
+
+ {{#with post}} + {{vote 'up' role='radio' class='vote-up' selected_class='vote-voted'}} + {{vote 'sum' class='vote-sum'}} + {{vote 'down' role='radio' class='vote-down' selected_class='vote-voted'}} + {{/with}} +
+ +
+ {{post.actions}} +
+
+
+ + {{#if settings.show_post_sharing}} + + {{/if}} +
+ +
+

+ {{t 'comments'}} +

+

{{t 'comments_count' count=post.comment_count}}

+ {{#if comments}} +
+ {{t 'sort_by'}} + + {{#each comment_sorters}} + {{name}} + {{/each}} + +
+ {{/if}} +
+ +
    + {{#each comments}} +
  • +
    +
    + {{#if official}} + {{t 'official_comment'}} + {{/if}} + +
    +
    + {{#if author.agent}} + + {{/if}} + +
    +
    + + {{#link 'user_profile' id=author.id}} + {{author.name}} + {{/link}} + + +
      + {{#if editor}} +
    • {{date edited_at timeago=true}}
      • +
    • {{t 'edited'}}
      • + {{else}} +
    • {{date created_at timeago=true}}
      • + {{/if}} +
    +
    +
    + {{#with ticket}} + + {{t 'request'}} {{id}} + + {{/with}} + {{#if pending}} + {{t 'pending_approval'}} + {{/if}} +
    +
    + +
    {{body}}
    +
    + +
    + {{#unless official}} +
    + {{vote 'up' role='radio' class='vote-up' selected_class='vote-voted'}} + {{vote 'sum' class='vote-sum'}} + {{vote 'down' role='radio' class='vote-down' selected_class='vote-voted'}} +
    + {{/unless}} +
    + {{actions}} +
    +
    +
    +
    • + {{/each}} +
+ + {{pagination}} + +
+ {{#form 'comment' class='comment-form'}} +
+ {{user_avatar class='user-avatar'}} +
+
+ {{wysiwyg 'body'}} +
+ {{checkbox 'official'}} + {{label 'official'}} + {{input type='submit'}} +
+
+ {{/form}} +
+ +

{{comment_callout}}

+
+ +
+

{{t 'suggest_new_post'}}

+ + {{link 'new_post' role='button' class='button-large'}} + +
+
+
diff --git a/templates/community_topic_list_page.hbs b/templates/community_topic_list_page.hbs new file mode 100644 index 0000000..cc7dc99 --- /dev/null +++ b/templates/community_topic_list_page.hbs @@ -0,0 +1,85 @@ +
+
+ {{search submit=false class='search search-full' scoped=settings.scoped_community_search}} +
+
+ +
+ + +
+
+
+

{{t 'community_topics'}}

+
+ + {{#link 'topics' role='menuitem' selected='true'}} + {{t 'show_topics'}} + {{/link}} + {{#link 'posts' role='menuitem'}} + {{t 'show_all_posts'}} + {{/link}} + +
+ + {{link 'new_post' role='button' class='button-large'}} + +
+ + {{#unless topics}} +

{{t 'no_content'}}

+ {{/unless}} + +
+ +
+ + {{pagination}} + + {{#if featured_posts}} +
+

{{t 'featured_posts'}}

+ +
+ {{/if}} + +
+ {{#if help_center.community_enabled}} + {{recent_activity scope='community'}} + {{/if}} +
+ +
+

{{t 'suggest_new_post'}}

+ {{link 'new_post' role='button' class='button-large'}} +
+
diff --git a/templates/community_topic_page.hbs b/templates/community_topic_page.hbs new file mode 100644 index 0000000..effa144 --- /dev/null +++ b/templates/community_topic_page.hbs @@ -0,0 +1,109 @@ +
+
+ + +
+

+ {{topic.name}} + {{#if topic.internal}} + + {{/if}} +

+ + {{link 'new_post' role='button' topic_id=topic.id class='button button-large'}} + +
+
+

{{topic.description}}

+ {{#if settings.show_follow_topic}} +
+ {{subscribe}} +
+ {{/if}} +
+ +
+ + + + {{current_filter.label}} + + + {{#each filters}} + + {{name}} + + {{/each}} + + + + + {{current_sorter.label}} + + + {{#each sorters}} + + {{name}} + + {{/each}} + + + +
+ + + {{pagination}} +
+ +
+

{{t 'suggest_new_post'}}

+ {{link 'new_post' role='button' class='button-large'}} +
diff --git a/templates/contributions_page.hbs b/templates/contributions_page.hbs new file mode 100644 index 0000000..647b901 --- /dev/null +++ b/templates/contributions_page.hbs @@ -0,0 +1,65 @@ + + +
+
+

{{t 'contributions'}}

+ +
+ + +
+ {{#if contributions}} + + + + + + + + + + + + {{#each contributions}} + + + + + + + + {{/each}} + +
{{t 'title'}}{{t 'type'}}{{t 'vote_sum'}}{{t 'last_activity'}}{{t 'created'}}
+ + {{excerpt title characters=60}} + + {{type}}{{vote_sum}}{{date last_activity_at}}{{date created_at}}
+ {{else}} +

{{t 'no_contributions'}}

+ {{/if}} +
+ + {{pagination}} + +
diff --git a/templates/document_head.hbs b/templates/document_head.hbs new file mode 100644 index 0000000..3df26f4 --- /dev/null +++ b/templates/document_head.hbs @@ -0,0 +1 @@ + diff --git a/templates/error_page.hbs b/templates/error_page.hbs new file mode 100644 index 0000000..a9581c3 --- /dev/null +++ b/templates/error_page.hbs @@ -0,0 +1,21 @@ +
+
+

{{t 'oops'}}

+ + {{#is error 'unauthorized'}} +

{{link 'sign_in'}}

+ {{/is}} + + {{#is error 'forbidden'}} +

{{t 'not_authorized'}}

+ {{/is}} + + {{#is error 'not_found'}} +

{{t 'nonexistent_page'}}

+

{{t 'mistyped_address_or_moved_page'}}

+ {{/is}} + + {{#link 'help_center'}} + {{t 'back_to_homepage'}} + {{/link}} +
diff --git a/templates/footer.hbs b/templates/footer.hbs new file mode 100644 index 0000000..636f91c --- /dev/null +++ b/templates/footer.hbs @@ -0,0 +1,22 @@ + diff --git a/templates/header.hbs b/templates/header.hbs new file mode 100644 index 0000000..f53c471 --- /dev/null +++ b/templates/header.hbs @@ -0,0 +1,15 @@ +
+ +
+ + + {{user_info}} +
+
diff --git a/templates/home_page.hbs b/templates/home_page.hbs new file mode 100644 index 0000000..1ccb23b --- /dev/null +++ b/templates/home_page.hbs @@ -0,0 +1,71 @@ +
+
+ {{search submit=false instant=settings.instant_search class='search search-full'}} +
+
+ +
+
+
+ + {{pagination}} +
+ + {{#if promoted_articles}} +
+

{{t 'promoted_articles'}}

+ +
+ {{/if}} +
+ + {{#if help_center.community_enabled}} +
+

{{t 'community'}}

+ {{#link 'community' class='community-link'}} + {{t 'join_conversation'}} + {{/link}} + +
+
+ {{/if}} + +
+ {{#if settings.show_recent_activity}} + {{recent_activity}} + {{/if}} +
+
diff --git a/templates/new_community_post_page.hbs b/templates/new_community_post_page.hbs new file mode 100644 index 0000000..48cb29e --- /dev/null +++ b/templates/new_community_post_page.hbs @@ -0,0 +1,49 @@ +
+
+ + +

+ {{t 'what_is_your_post_about'}} +

+ +
+ {{#form 'post' class='new_community_post'}} +
+ {{label 'title'}} + {{input 'title' autofocus=true}} + {{#validate 'title'}} +
+ {{error 'title'}} +
+ {{/validate}} +
+ + {{suggestion_list class='suggestion-list'}} + +
+ {{label 'details'}} + {{wysiwyg 'details'}} + {{#validate 'details'}} +
+ {{error 'details'}} +
+ {{/validate}} +
+ +
+ {{label 'topic'}} + {{select 'topic'}} + {{#validate 'topic'}} +
+ {{error 'topic'}} +
+ {{/validate}} +
+ + + {{/form}} +
+
diff --git a/templates/new_request_page.hbs b/templates/new_request_page.hbs new file mode 100644 index 0000000..dac6471 --- /dev/null +++ b/templates/new_request_page.hbs @@ -0,0 +1,22 @@ +
+
+ + +

+ {{t 'submit_a_request'}} + {{#if follow_up}} + + {{/if}} +

+ +
+ {{request_form}} +
+ + {{chat}} +
diff --git a/templates/request_page.hbs b/templates/request_page.hbs new file mode 100644 index 0000000..c6a254e --- /dev/null +++ b/templates/request_page.hbs @@ -0,0 +1,225 @@ + + +
+
{{breadcrumbs}}
+ +

{{request.subject}}

+ +
+
+ {{satisfaction}} +
    + {{#each comments}} +
  • +
    +
    +
    +
    + {{#if author.agent}} + + {{/if}} + +
    + +
    + + {{#link 'user_profile' id=author.id}} + {{author.name}} + {{/link}} + + +
      +
    • {{date created_at timeago=true}}
      • +
    +
    +
    + +
    {{body}}
    + + {{#if attachments}} + + {{/if}} +
    +
    +
    • + {{/each}} +
+ + {{pagination}} + + {{#if comment_callout}} +
+ {{comment_callout}} +
+ {{/if}} + + {{#form 'comment' class='comment-form'}} +
+ {{user_avatar class='user-avatar'}} +
+ +
+
+ + {{t 'add_to_conversation'}} + +
+ +
+ {{#if help_center.request_ccs_enabled}} +
+ {{token_field 'ccs' class='ccs-input'}} +
+ {{/if}} + + {{textarea 'body' rows='7'}} + + {{#if upload}} +
+ {{upload}} +
+ {{/if}} +
+ +
+ {{checkbox 'mark_as_solved'}} + + {{#if request.can_be_marked_as_solved}} + + {{t 'mark_as_solved'}} + + {{/if}} + + + {{input type='submit'}} + +
+
+ {{/form}} +
+ +
+
{{t 'ticket_details'}}
+ {{#if request.followup_source_id}} +
+
{{t 'followup'}}
+
{{link 'request' id=request.followup_source_id}}
+
+ {{/if}} +
+
{{t 'requester'}}
+
{{request.requester.name}}
+ +
{{t 'created'}}
+
{{date request.created_at}}
+ +
{{t 'last_activity'}}
+
{{date request.updated_at}}
+ + {{#if collaborators}} +
{{t 'ccs'}}
+
+
    + {{#each collaborators}} +
  • {{name}}
    • + {{/each}} +
+
+ {{/if}} +
+ +
+ {{#if assignee}} +
{{t 'assignee'}}
+
+ {{assignee.name}} +
+ {{/if}} + +
{{t 'id'}}
+
#{{request.id}}
+ + {{#form 'organization' id='request-organization'}} +
{{t 'organization'}}
+
{{select 'organization'}}
+ {{/form}} + + {{#if group}} +
{{t 'group'}}
+
+ {{group.name}} +
+ {{/if}} + +
{{t 'status'}}
+
+ + {{request.status_name}} + +
+ + {{#if request.type}} +
{{t 'type'}}
+
+ {{request.type_name}} + {{#is request.type 'task'}} + {{t 'task_due_date' due_date=request.due_date}} + {{/is}} +
+ {{/if}} + + {{#if request.priority}} +
{{t 'priority'}}
+
+ {{request.priority_name}} +
+ {{/if}} + + {{#each custom_fields}} +
{{title}}
+
+ {{value}} +
+ {{/each}} +
+ + {{#if attachments}} +
+
{{t 'attachments_heading'}}
+
+ +
+
+ {{/if}} +
+
+ {{chat_about_my_ticket}} +
diff --git a/templates/requests_page.hbs b/templates/requests_page.hbs new file mode 100644 index 0000000..081f8e8 --- /dev/null +++ b/templates/requests_page.hbs @@ -0,0 +1,122 @@ + + +
+
+

{{t 'my_requests'}}

+ +
+ + {{#form 'requests_filter' class='requests-table-toolbar'}} +
+ {{input 'query' id='quick-search' type='search' class='requests-search'}} +
+ {{#if help_center.multiple_organizations_enabled}} +
+ {{label 'organization' for='request-organization-select' class='request-filter request-filter-label'}} + {{select 'organization' id='request-organization-select' class='request-filter'}} +
+ {{/if}} + +
+ {{subscribe}} +
+ +
+ {{label 'status' for='request-status-select' class='request-filter request-filter-label'}} + {{select 'status' id='request-status-select' class='request-filter'}} +
+ {{/form}} + + {{#if query}} +
+ {{t 'requests_search_results_info' count=requests.length query=query}} +
+ {{else}} + {{#unless requests}} +

{{t 'no_requests'}}

+ {{/unless}} + {{/if}} + +
+ {{#if requests}} + + + + + + + + + + + + + {{#each requests}} + + + + + + + + {{/each}} + +
{{t 'subject'}}{{t 'id'}} + {{#is current_filter.identifier 'my'}} + {{#link 'requests' sort_by='created_at'}}{{t 'created'}}{{/link}} + {{else}} + {{t 'requester'}} + {{/is}} + {{#link 'requests' sort_by='updated_at'}}{{t 'last_activity'}}{{/link}} + {{t 'status'}} +
+ + {{#if subject}} + {{subject}} + {{else}} + {{excerpt description characters=50}} + {{/if}} + + + +
+ #{{id}} + {{date created_at timeago=true}} + + {{status_name}} + +
+ 		#{{id}} + {{#is ../current_filter.identifier 'my'}} + {{date created_at timeago=true}} + {{else}} + {{requester.name}} + {{/is}} + {{date updated_at timeago=true}} + + {{status_name}} + +
+ {{/if}} +
+ + {{pagination}} +
diff --git a/templates/search_results.hbs b/templates/search_results.hbs new file mode 100644 index 0000000..464619c --- /dev/null +++ b/templates/search_results.hbs @@ -0,0 +1,103 @@ +
+
+ + +
+

{{t 'search_results'}}

+

{{t 'results' query=query count=results_count}}

+
+ +
+
+

+ {{t 'knowledge_base'}} +

+ {{#if article_results}} +
    + {{#each article_results}} +
  • + {{title}} + {{#if vote_sum}} + {{vote_sum}} + {{/if}} +
      +
    • +
        + {{#each path_steps}} +
      1. {{name}}
        2. + {{/each}} +
      +
      • +
    • + {{#link 'user_profile' id=author.id}} + {{author.name}} + {{/link}} +
      • +
    • {{date created_at timeago=true}}
      • +
    +
    {{text}}
    +
    • + {{/each}} +
+ {{else}} +

+ {{t 'no_results' query=query}} + {{#link 'help_center'}} + {{t 'browse_knowledge_base'}} + {{/link}} +

+ {{/if}} +
+ + {{#if help_center.community_enabled}} +
+

+ {{t 'community'}} +

+ {{#if post_results}} +
    + {{#each post_results}} +
  • + {{title}} + + {{comment_count}} + +
      +
    • +
        + {{#each path_steps}} +
      1. {{name}}
        2. + {{/each}} +
      +
      • +
    • + {{#link 'user_profile' id=author.id}} + {{author.name}} + {{/link}} +
      • +
    • {{date created_at timeago=true}}
      • +
    +
    + {{text}} +
    +
    • + {{/each}} +
+ {{else}} +

+ {{t 'no_results' query=query}} + {{#link 'topics'}} + {{t 'browse_community'}} + {{/link}} +

+ {{/if}} +
+ {{/if}} + +
+ + {{pagination}} +
diff --git a/templates/section_page.hbs b/templates/section_page.hbs new file mode 100644 index 0000000..75612e2 --- /dev/null +++ b/templates/section_page.hbs @@ -0,0 +1,46 @@ +
+
+ + +
+
+
+

+ {{section.name}} +

+ {{#if settings.show_follow_section}} + {{subscribe}} + {{/if}} + {{#if section.description}} +

{{section.description}}

+ {{/if}} +
+ + + {{#if section.articles}} +
    + {{#each section.articles}} +
  • + {{#if promoted}} + + {{/if}} + {{title}} + {{#if internal}} + + {{/if}} +
    • + {{/each}} +
+ {{else}} + + {{t 'empty'}} + + {{/if}} + + {{pagination}} +
+
+
diff --git a/templates/subscriptions_page.hbs b/templates/subscriptions_page.hbs new file mode 100644 index 0000000..0af8521 --- /dev/null +++ b/templates/subscriptions_page.hbs @@ -0,0 +1,66 @@ + + +
+
+

{{t 'following'}}

+
+ +
+ + + {{current_filter.label}} + + + {{#each filters}} + + {{name}} + + {{/each}} + + +
+ +
+ {{#if subscriptions}} + + + + + + + + + + + {{#each subscriptions}} + + + + + + + {{/each}} + +
{{t 'title'}}{{t 'type'}}{{t 'subscription'}}
+ {{#is type 'user'}} + + {{/is}} + + {{excerpt title characters=60}} + + {{name}}{{subscribe}}{{unsubscribe}}
+ + {{pagination}} + {{else}} +

{{t 'not_following'}}

+ {{/if}} +
+
diff --git a/templates/user_profile_page.hbs b/templates/user_profile_page.hbs new file mode 100644 index 0000000..a6af69a --- /dev/null +++ b/templates/user_profile_page.hbs @@ -0,0 +1,297 @@ +
+
+
+
+ {{#if user.agent}} + + {{/if}} + +
+
+

+ {{#if user.url}} + {{user.name}} + {{else}} + {{user.name}} + {{/if}} +

+
+
+ {{#if private_profile}} + {{t 'private'}} + {{/if}} + {{edit}} +
{{subscribe}}
+
+ + {{#if description}} +

{{description}}

+ {{/if}} + +
    +
  • + {{t 'total_activity'}} + {{total_activity}} +
    • +
  • + {{t 'last_activity'}} + + {{#if last_activity_at}} + {{date last_activity_at timeago=true}} + {{else}} + {{t 'no_activity_yet'}} + {{/if}} + +
    • +
  • + {{t 'member_since'}} + + {{#if member_since}} + {{date member_since format='medium'}} + {{else}} + {{t 'no_activity_yet'}} + {{/if}} + +
    • +
+
+ +
+
+ +{{#if visible}} + + {{#if member_since}} + + + + {{#is filter_by 'activities'}} +
+
+ + {{#if activities}} + +
+

{{t 'activity_overview'}}

+ {{t 'latest_activity' name=user.name}} +
+ + + + {{/if}} + + {{#unless activities}} + {{t 'no_contributions'}} + {{/unless}} + +
+
+ {{/is}} + + {{#isnt filter_by 'activities'}} +
+
+ + {{#if contributions}} + +
+

{{t filter_by}}

+ {{#if sorters}} + {{sorter_description}} + + + {{current_sorter.label}} + + + {{#each sorters}} + + {{name}} + + {{/each}} + + + {{/if}} +
+ + + + {{pagination}} + + {{/if}} + + {{#unless contributions}} + {{t 'no_contributions'}} + {{/unless}} + +
+
+ + {{/isnt}} + + {{/if}} + + {{#unless member_since}} +
+
+ {{t 'no_content_yet'}} +
+
+ {{/unless}} + +{{/if}} + +{{#unless visible}} +
+
+ {{t 'private_activity'}} +
+
+{{/unless}} diff --git a/thumbnail.png b/thumbnail.png new file mode 100644 index 0000000..7089f35 Binary files /dev/null and b/thumbnail.png differ diff --git a/translations.yml b/translations.yml new file mode 100644 index 0000000..dd21a40 --- /dev/null +++ b/translations.yml @@ -0,0 +1,347 @@ +# +# This file is part of the internal Zendesk translation system. It is used to generate the +# translations/*.json files in the Copenhagen theme GitHub repository. +# +# If you are building your own theme, you should remove this file and modify +# translation/*.json files directly. +# + +--- +title: "Help Center Copenhagen theme" +packages: + - default + - help_center_copenhagen_theme + +parts: + - translation: + key: "txt.help_center_copenhagen_theme.colors_group_label" + title: "Label for the color setting group" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Colors" + - translation: + key: "txt.help_center_copenhagen_theme.brand_color_description" + title: "Description for the brand color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Brand color for major navigational elements" + - translation: + key: "txt.help_center_copenhagen_theme.brand_color_label" + title: "Label for the brand color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Brand color" + - translation: + key: "txt.help_center_copenhagen_theme.brand_text_color_description" + title: "Description for the brand text color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Brand color for hover and active states" + - translation: + key: "txt.help_center_copenhagen_theme.brand_text_color_label" + title: "Label for the brand text color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Brand text color" + - translation: + key: "txt.help_center_copenhagen_theme.text_color_description" + title: "Description for the text color settings" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Text color for body and heading elements" + - translation: + key: "txt.help_center_copenhagen_theme.text_color_label" + title: "Label for the text color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Text color" + - translation: + key: "txt.help_center_copenhagen_theme.link_color_description" + title: "Description for the link color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Text color for link elements" + - translation: + key: "txt.help_center_copenhagen_theme.link_color_label" + title: "Label for the link color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Link color" + - translation: + key: "txt.help_center_copenhagen_theme.background_color_description" + title: "Description for the background color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Background color of your Help Center" + - translation: + key: "txt.help_center_copenhagen_theme.background_color_label" + title: "Label for the background color setting" + screenshot: "https://zendesk.box.com/s/ufzzcaedpey0zp92nozg2yzhytsrhd8f" + value: "Background color" + - translation: + key: "txt.help_center_copenhagen_theme.fonts_group_label" + title: "Label for the fonts setting group" + screenshot: "https://zendesk.box.com/s/l203jfwo8m7tcurohau3xwdr4gflneo3" + value: "Fonts" + - translation: + key: "txt.help_center_copenhagen_theme.heading_font_description" + title: "Description for the heading font setting" + screenshot: "https://zendesk.box.com/s/l203jfwo8m7tcurohau3xwdr4gflneo3" + value: "Font for headings" + - translation: + key: "txt.help_center_copenhagen_theme.heading_font_label" + title: "Label for the heading font setting" + screenshot: "https://zendesk.box.com/s/l203jfwo8m7tcurohau3xwdr4gflneo3" + value: "Heading Font" + - translation: + key: "txt.help_center_copenhagen_theme.text_font_description" + title: "Description for the text font setting" + screenshot: "https://zendesk.box.com/s/l203jfwo8m7tcurohau3xwdr4gflneo3" + value: "Font for body text" + - translation: + key: "txt.help_center_copenhagen_theme.text_font_label" + title: "Label for the text font setting" + screenshot: "https://zendesk.box.com/s/l203jfwo8m7tcurohau3xwdr4gflneo3" + value: "Text Font" + - translation: + key: "txt.help_center_copenhagen_theme.brand_group_label" + title: "Label for the brand settings group" + screenshot: "https://zendesk.box.com/s/cffw5at7onzirw9g54kmecdji28zk02x" + value: "Brand" + - translation: + key: "txt.help_center_copenhagen_theme.logo_description" + title: "Description for the logo setting" + screenshot: "https://zendesk.box.com/s/cffw5at7onzirw9g54kmecdji28zk02x" + value: "Company logo" + - translation: + key: "txt.help_center_copenhagen_theme.logo_label" + title: "Label for the logo setting" + screenshot: "https://zendesk.box.com/s/cffw5at7onzirw9g54kmecdji28zk02x" + value: "Logo" + - translation: + key: "txt.help_center_copenhagen_theme.favicon_description" + title: "Description for the favicon setting" + screenshot: "https://zendesk.box.com/s/cffw5at7onzirw9g54kmecdji28zk02x" + value: "Icon displayed in the address bar of your browser" + - translation: + key: "txt.help_center_copenhagen_theme.favicon_label" + title: "Label for the favicon setting" + screenshot: "https://zendesk.box.com/s/cffw5at7onzirw9g54kmecdji28zk02x" + value: "Favicon" + - translation: + key: "txt.help_center_copenhagen_theme.images_group_label" + title: "Label for the images settings group" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Images" + - translation: + key: "txt.help_center_copenhagen_theme.homepage_background_image_description" + title: "Description for the homepage background image setting" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Hero image on the home page" + - translation: + key: "txt.help_center_copenhagen_theme.homepage_background_image_label" + title: "Label for the homepage background image setting" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Home hero image" + - translation: + key: "txt.help_center_copenhagen_theme.community_background_image_description" + title: "Description for the community background image setting" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Hero image on the community topics page" + - translation: + key: "txt.help_center_copenhagen_theme.community_background_image_label" + title: "Label for the community background image setting" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Community hero image" + - translation: + key: "txt.help_center_copenhagen_theme.community_image_description" + title: "Description for the community image setting" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Image for the community section on the home page" + - translation: + key: "txt.help_center_copenhagen_theme.community_image_label" + title: "Label for the community image setting" + screenshot: "https://zendesk.box.com/s/9kigi6qd5ufgskmqtefk0cfpgrmxn78y" + value: "Community banner" + - translation: + key: "txt.help_center_copenhagen_theme.search_group_label" + title: "Label for the search settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Search settings" + - translation: + key: "txt.help_center_copenhagen_theme.instant_search_label" + title: "Label for the instant search setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Instant search" + - translation: + key: "txt.help_center_copenhagen_theme.instant_search_description" + title: "Description for the instant search setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show suggested articles on search" + - translation: + key: "txt.help_center_copenhagen_theme.scoped_knowledge_base_search_label" + title: "Label for the scoped knowledge base search setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Scoped search in Knowledge Base" + - translation: + key: "txt.help_center_copenhagen_theme.scoped_knowledge_base_search_description" + title: "Description for the scoped knowledge base search search setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Search results are confined to the category the user is in" + - translation: + key: "txt.help_center_copenhagen_theme.scoped_community_search_label" + title: "Label for the scoped community search setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Scoped search in Community" + - translation: + key: "txt.help_center_copenhagen_theme.scoped_community_search_description" + title: "Description for the scoped community search setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Search results are confined to the topic the user is in" + - translation: + key: "txt.help_center_copenhagen_theme.home_page_group_label" + title: "Label for the home page elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Home page elements" + - translation: + key: "txt.help_center_copenhagen_theme.recent_activity_label" + title: "Label for the recent activity setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Recent activity" + - translation: + key: "txt.help_center_copenhagen_theme.recent_activity_description" + title: "Description for the recent activity setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show recent activity on home page" + - translation: + key: "txt.help_center_copenhagen_theme.article_page_group_label" + title: "Label for the article page elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Article page elements" + - translation: + key: "txt.help_center_copenhagen_theme.articles_in_section_label" + title: "Label for the articles in section setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Articles in section" + - translation: + key: "txt.help_center_copenhagen_theme.articles_in_section_description" + title: "Description for the articles in section setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show sidebar of articles in section" + - translation: + key: "txt.help_center_copenhagen_theme.article_author_label" + title: "Label for the article author setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Author" + - translation: + key: "txt.help_center_copenhagen_theme.article_author_description" + title: "Description for the article author setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show author image and name" + - translation: + key: "txt.help_center_copenhagen_theme.article_comments_label" + title: "Label for the article comments setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Comments" + - translation: + key: "txt.help_center_copenhagen_theme.article_comments_description" + title: "Description for the article comments setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show comments on articles" + - translation: + key: "txt.help_center_copenhagen_theme.follow_article_label" + title: "Label for the follow article setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Follow" + - translation: + key: "txt.help_center_copenhagen_theme.follow_article_description" + title: "Description for the follow article setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Users can follow a specific article" + - translation: + key: "txt.help_center_copenhagen_theme.recently_viewed_articles_label" + title: "Label for the recently viewed articles setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Recently viewed" + - translation: + key: "txt.help_center_copenhagen_theme.recently_viewed_articles_description" + title: "Description for the recently viewed articles setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show recently viewed articles" + - translation: + key: "txt.help_center_copenhagen_theme.related_articles_label" + title: "Label for the related articles setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Related articles" + - translation: + key: "txt.help_center_copenhagen_theme.related_articles_description" + title: "Description for the related articles setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show related articles" + - translation: + key: "txt.help_center_copenhagen_theme.article_sharing_label" + title: "Label for the article social media sharing setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Social sharing" + - translation: + key: "txt.help_center_copenhagen_theme.article_sharing_description" + title: "Description for the article social media sharing setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show social media sharing on article" + - translation: + key: "txt.help_center_copenhagen_theme.section_page_group_label" + title: "Label for the section page elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Section page elements" + - translation: + key: "txt.help_center_copenhagen_theme.follow_section_label" + title: "Label for the follow section setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Follow" + - translation: + key: "txt.help_center_copenhagen_theme.follow_section_description" + title: "Description for the follow section setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Users can follow a specific section" + - translation: + key: "txt.help_center_copenhagen_theme.comunity_post_group_label" + title: "Label for the community post elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Community post elements" + obsolete: "2018-08-10" + - translation: + key: "txt.help_center_copenhagen_theme.community_post_group_label" + title: "Label for the community post elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Community post elements" + - translation: + key: "txt.help_center_copenhagen_theme.follow_post_label" + title: "Label for the follow post setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Follow" + - translation: + key: "txt.help_center_copenhagen_theme.follow_post_description" + title: "Description for the follow post setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Users can follow a specific post" + - translation: + key: "txt.help_center_copenhagen_theme.post_sharing_label" + title: "Label for the post social media sharing setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Social sharing" + - translation: + key: "txt.help_center_copenhagen_theme.post_sharing_description" + title: "Description for the post social media sharing setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Show social media sharing on post" + - translation: + key: "txt.help_center_copenhagen_theme.comunity_topic_group_label" + title: "Label for the community topic elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Community topics elements" + obsolete: "2018-08-10" + - translation: + key: "txt.help_center_copenhagen_theme.community_topic_group_label" + title: "Label for the community topic elements settings group" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Community topic elements" + - translation: + key: "txt.help_center_copenhagen_theme.follow_topic_label" + title: "Label for the follow topic setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Follow" + - translation: + key: "txt.help_center_copenhagen_theme.follow_topic_description" + title: "Description for the follow topic setting" + screenshot: "https://drive.google.com/open?id=1uZaNe12E-A_snTd_7AjcqirB4ROLF4bB" + value: "Users can follow a specific topic" diff --git a/translations/ar.json b/translations/ar.json new file mode 100644 index 0000000..ab23095 --- /dev/null +++ b/translations/ar.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "الألوان", + "brand_color_description": "لون العلامة التجارية لعناصر التصفح الرئيسية", + "brand_color_label": "لون العلامة التجارية", + "brand_text_color_description": "لون العلامة التجارية للمرور الفوقي والحالات النشطة", + "brand_text_color_label": "لون نص العلامة التجارية", + "text_color_description": "لون نص عناصر المحتوى والعناوين", + "text_color_label": "لون النص", + "link_color_description": "لون النص لعناصر الروابط", + "link_color_label": "لون الروابط", + "background_color_description": "لون خلفية مركز المساعدة", + "background_color_label": "لون الخلفية", + "fonts_group_label": "الخطوط", + "heading_font_description": "خط العناوين", + "heading_font_label": "خط العناوين", + "text_font_description": "خط نص المحتوى", + "text_font_label": "خط النص", + "brand_group_label": "العلامة التجارية", + "logo_description": "شعار الشركة", + "logo_label": "شعار", + "favicon_description": "أيقونة تظهر في شريط عناوين المتصفح", + "favicon_label": "أيقونة تفضيل", + "images_group_label": "صور", + "homepage_background_image_description": "صورة الخلفية الرئيسية للصفحة الرئيسية", + "homepage_background_image_label": "صورة الخلفية الرئيسية للصفحة الرئيسية", + "community_background_image_description": "صورة الخلفية الرئيسية لصفحة مواضيع المجتمع", + "community_background_image_label": "صورة الخلفية الرئيسية للمجتمع", + "community_image_description": "صورة لقسم المجتمع على الصفحة الرئيسية", + "community_image_label": "شريط المجتمع", + "search_group_label": "إعدادات البحث", + "instant_search_label": "البحث الفوري", + "instant_search_description": "إظهار المقالات المقترحة على البحث", + "scoped_knowledge_base_search_label": "البحث في إطار مجال في قاعدة المعرفة", + "scoped_knowledge_base_search_description": "تقتصر نتائج البحث على الفئة الحالية للمستخدم", + "scoped_community_search_label": "البحث في إطار مجال في المجتمع", + "scoped_community_search_description": "تقتصر نتائج البحث على الموضوع الحالي للمستخدم", + "home_page_group_label": "عناصر الصفحة الرئيسية", + "recent_activity_label": "النشاط الحديث", + "recent_activity_description": "إظهار النشاط الحديث على الصفحة الرئيسية", + "article_page_group_label": "عناصر صفحة المقال", + "articles_in_section_label": "مقالات في الجزء", + "articles_in_section_description": "إظهار العمود الجانبي للمقالات في الجزء", + "article_author_label": "الكاتب", + "article_author_description": "إظهار صورة الكاتب واسمه", + "article_comments_label": "تعليقات", + "article_comments_description": "إظهار التعليقات على المقالات", + "follow_article_label": "تابع", + "follow_article_description": "يمكن للمستخدمين متابعة مقال معين", + "recently_viewed_articles_label": "مقالات شوهدت حديثًا", + "recently_viewed_articles_description": "إظهار المقالات التي شوهدت حديثًا", + "related_articles_label": "مقالات ذات صلة", + "related_articles_description": "إظهار مقالات ذات صلة", + "article_sharing_label": "المشاركة الاجتماعية", + "article_sharing_description": "إظهار مشاركة وسائل التواصل الاجتماعية على المقال", + "section_page_group_label": "عناصر صفحة الجزء", + "follow_section_label": "تابع", + "follow_section_description": "يمكن للمستخدمين متابعة جزء معين", + "community_post_group_label": "عناصر منشورات المجتمع", + "follow_post_label": "تابع", + "follow_post_description": "يمكن للمستخدمين متابعة منشور معين", + "post_sharing_label": "المشاركة الاجتماعية", + "post_sharing_description": "إظهار مشاركة الوسائط الاجتماعية على منشور", + "community_topic_group_label": "عناصر مواضيع المجتمع", + "follow_topic_label": "تابع", + "follow_topic_description": "يمكن للمستخدمين متابعة موضوع معين" +} diff --git a/translations/bg.json b/translations/bg.json new file mode 100644 index 0000000..171fc0b --- /dev/null +++ b/translations/bg.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Цветове", + "brand_color_description": "Брандов цвят за основните навигационни елементи", + "brand_color_label": "Брандов цвят", + "brand_text_color_description": "Брандов цвят при посочване и активни състояния", + "brand_text_color_label": "Брандов цвят за текст", + "text_color_description": "Цвят за елементите – основен текст и заглавки", + "text_color_label": "Цвят на текста", + "link_color_description": "Цвят на текста за елементите-линкове", + "link_color_label": "Цвят на линка", + "background_color_description": "Цвят на фона на вашия Помощен център", + "background_color_label": "Цвят на фона", + "fonts_group_label": "Шрифтове", + "heading_font_description": "Шрифт за заглавки", + "heading_font_label": "Шрифт на заглавка", + "text_font_description": "Шрифт за основния текст", + "text_font_label": "Шрифт на текста", + "brand_group_label": "Бранд", + "logo_description": "Лого на компанията", + "logo_label": "Лого", + "favicon_description": "Икона в адресната лента на браузъра", + "favicon_label": "Уеб икона", + "images_group_label": "Изображения", + "homepage_background_image_description": "Главно изображение на началната страница", + "homepage_background_image_label": "Главно изображение на начална страница", + "community_background_image_description": "Главно изображение на страницата с теми на общността", + "community_background_image_label": "Главно изображение на общността", + "community_image_description": "Изображение за раздела за общността на началната страница", + "community_image_label": "Банер за общността", + "search_group_label": "Настройки за търсене", + "instant_search_label": "Незабавно търсене", + "instant_search_description": "Показване на предложения за статии при търсене", + "scoped_knowledge_base_search_label": "Филтрирано търсене в базата знания", + "scoped_knowledge_base_search_description": "Резултатите от търсенето са ограничени до категорията, в която е потребителят", + "scoped_community_search_label": "Филтрирано търсене в общността", + "scoped_community_search_description": "Резултатите от търсенето са ограничени до темата, в която е потребителят", + "home_page_group_label": "Елементи на началната страница", + "recent_activity_label": "Последна активност", + "recent_activity_description": "Показване на последната активност на началната страница", + "article_page_group_label": "Елементи на страницата на статия", + "articles_in_section_label": "Статии в раздела", + "articles_in_section_description": "Показване в страничен панел на статиите в раздела", + "article_author_label": "Автор", + "article_author_description": "Показване на снимка и име на автора", + "article_comments_label": "Коментари", + "article_comments_description": "Показване на коментарите към статиите", + "follow_article_label": "Следене", + "follow_article_description": "Потребителите могат да следят конкретна статия", + "recently_viewed_articles_label": "Последно разглеждани", + "recently_viewed_articles_description": "Показване на последно разглежданите статии", + "related_articles_label": "Сродни статии", + "related_articles_description": "Показване на сродни статии", + "article_sharing_label": "Социални мрежи", + "article_sharing_description": "Показване на икони за споделяне на статията в социални мрежи", + "section_page_group_label": "Елементи на страницата на раздел", + "follow_section_label": "Следене", + "follow_section_description": "Потребителите могат да следят конкретен раздел", + "community_post_group_label": "Елементи на постингите в общността", + "follow_post_label": "Следене", + "follow_post_description": "Потребителите могат да следят конкретен постинг", + "post_sharing_label": "Социални мрежи", + "post_sharing_description": "Показване на икони за споделяне на постинга в социални мрежи", + "community_topic_group_label": "Елементи на темите в общността", + "follow_topic_label": "Следене", + "follow_topic_description": "Потребителите могат да следят конкретна тема" +} diff --git a/translations/bn.json b/translations/bn.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/bn.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/bs.json b/translations/bs.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/bs.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/ca.json b/translations/ca.json new file mode 100644 index 0000000..8289a37 --- /dev/null +++ b/translations/ca.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colores", + "brand_color_description": "El color propio de la marca para los elementos importantes de navegación", + "brand_color_label": "Color de marca", + "brand_text_color_description": "El color de la marca cuando está activa y cuando se le pasa el cursor", + "brand_text_color_label": "Color de texto de la marca", + "text_color_description": "El color del texto para los elementos de cuerpo y encabezado", + "text_color_label": "Color de texto", + "link_color_description": "El color del texto para los elementos de vínculos", + "link_color_label": "Color de vínculos", + "background_color_description": "El color de fondo del Centro de ayuda", + "background_color_label": "Color de fondo", + "fonts_group_label": "Fuentes", + "heading_font_description": "La fuente para los encabezados", + "heading_font_label": "Fuente de encabezado", + "text_font_description": "La fuente para el texto del cuerpo", + "text_font_label": "Fuente de texto", + "brand_group_label": "Marca", + "logo_description": "El logotipo de la compañía", + "logo_label": "Logotipo", + "favicon_description": "Icono mostrado en la barra de dirección del navegador", + "favicon_label": "Favicon", + "images_group_label": "Imágenes", + "homepage_background_image_description": "La imagen hero de la página principal", + "homepage_background_image_label": "Imagen hero de página principal", + "community_background_image_description": "Imagen hero en la página de temas de la comunidad", + "community_background_image_label": "Imagen hero de la comunidad", + "community_image_description": "Imagen para la sección de comunidad en la página principal", + "community_image_label": "Pancarta de la comunidad" +} diff --git a/translations/cs.json b/translations/cs.json new file mode 100644 index 0000000..80623c9 --- /dev/null +++ b/translations/cs.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Barvy", + "brand_color_description": "Barva značky pro hlavní prvky navigace", + "brand_color_label": "Barva značky", + "brand_text_color_description": "Barva značky pro stav při najetí myší a aktivní stav", + "brand_text_color_label": "Barva textu značky", + "text_color_description": "Barva textu pro elementy těla a nadpisu", + "text_color_label": "Barva textu", + "link_color_description": "Barva textu pro elementy odkazů", + "link_color_label": "Barva odkazu", + "background_color_description": "Barva pozadí vašeho Centra nápovědy", + "background_color_label": "Barva pozadí", + "fonts_group_label": "Písma", + "heading_font_description": "Písma pro nadpisy", + "heading_font_label": "Písmo nadpisu", + "text_font_description": "Písmo pro text těla", + "text_font_label": "Písmo textu", + "brand_group_label": "Značka", + "logo_description": "Logo společnosti", + "logo_label": "Logo", + "favicon_description": "Ikona zobrazená v řádku adresy prohlížeče", + "favicon_label": "Favikona", + "images_group_label": "Obrázky", + "homepage_background_image_description": "Obrázek na pozadí na domovské stránce", + "homepage_background_image_label": "Obrázek pozadí domovské stránky", + "community_background_image_description": "Obrázek na pozadí stránky témat komunity", + "community_background_image_label": "Obrázek pozadí komunity", + "community_image_description": "Obrázek pro oddíl komunity na domovské stránce", + "community_image_label": "Proužek komunity", + "search_group_label": "Nastavení hledání", + "instant_search_label": "Okamžité hledání", + "instant_search_description": "Při hledání zobrazit navrhované články", + "scoped_knowledge_base_search_label": "Cílené hledání ve znalostní bázi", + "scoped_knowledge_base_search_description": "Výsledky hledání omezit na kategorii, ve které uživatel právě je", + "scoped_community_search_label": "Cílené hledání v komunitě", + "scoped_community_search_description": "Výsledky hledání omezit na téma, ve kterém uživatel právě je", + "home_page_group_label": "Elementy domovské stránky", + "recent_activity_label": "Nedávná aktivita", + "recent_activity_description": "Zobrazit na domovské stránce nedávná aktivita", + "article_page_group_label": "Elementy stránky článku", + "articles_in_section_label": "Články v oddílu", + "articles_in_section_description": "Zobrazit postranní panel s články v oddílu", + "article_author_label": "Autor", + "article_author_description": "Zobrazit obrázek a jméno autora", + "article_comments_label": "Komentáře", + "article_comments_description": "Zobrazit komentáře ke článkům", + "follow_article_label": "Sledovat", + "follow_article_description": "Uživatelé mohou sledovat určitý článek", + "recently_viewed_articles_label": "Nedávno zobrazené", + "recently_viewed_articles_description": "Zobrazit nedávno zobrazené články", + "related_articles_label": "Související články", + "related_articles_description": "Zobrazit související články", + "article_sharing_label": "Sdílení na sociálních sítích", + "article_sharing_description": "Zobrazit u článku sdílení na sociálních sítích", + "section_page_group_label": "Elementy stránky oddílu", + "follow_section_label": "Sledovat", + "follow_section_description": "Uživatelé mohou sledovat určitý oddíl", + "community_post_group_label": "Elementy příspěvku komunity", + "follow_post_label": "Sledovat", + "follow_post_description": "Uživatelé mohou sledovat určitý příspěvek", + "post_sharing_label": "Sdílení na sociálních sítích", + "post_sharing_description": "Zobrazit u příspěvku sdílení na sociálních sítích", + "community_topic_group_label": "Elementy tématu komunity", + "follow_topic_label": "Sledovat", + "follow_topic_description": "Uživatelé mohou sledovat určité téma" +} diff --git a/translations/cy.json b/translations/cy.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/cy.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/da.json b/translations/da.json new file mode 100644 index 0000000..ec93989 --- /dev/null +++ b/translations/da.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Farver", + "brand_color_description": "Brand-farve for større navigationselementer", + "brand_color_label": "Brand-farve", + "brand_text_color_description": "Brand-farve, når der peges og ved aktive tilstande", + "brand_text_color_label": "Brand-tekstfarve", + "text_color_description": "Tekstfarve til brødtekst og overskriftselementer", + "text_color_label": "Tekstfarve", + "link_color_description": "Tekstfarve til link-elementer", + "link_color_label": "Farve på link", + "background_color_description": "Baggrundsfarve på dit Help Center", + "background_color_label": "Baggrundsfarve", + "fonts_group_label": "Skrifttyper", + "heading_font_description": "Skrifttype til overskrifter", + "heading_font_label": "Overskriftsskrifttype", + "text_font_description": "Skrifttype til brødtekst", + "text_font_label": "Tekstskrifttype", + "brand_group_label": "Brand", + "logo_description": "Firmalogo", + "logo_label": "Logo", + "favicon_description": "Ikon vist på adresselinjen i din browser", + "favicon_label": "Favicon", + "images_group_label": "Billeder", + "homepage_background_image_description": "Baggrundsbillede på startsiden", + "homepage_background_image_label": "Start-baggrundsbillede", + "community_background_image_description": "Baggrundsbillede på emneside for community", + "community_background_image_label": "Baggrundsbillede for community", + "community_image_description": "Billede til community-sektion på startside", + "community_image_label": "Community-banner", + "search_group_label": "Søgeindstillinger", + "instant_search_label": "Hurtig søgning", + "instant_search_description": "Vis forslag til artikler i søgning", + "scoped_knowledge_base_search_label": "Filtreret søgning i vidensbase", + "scoped_knowledge_base_search_description": "Søgeresultater er begrænset til den kategori, som brugeren befinder sig i", + "scoped_community_search_label": "Filtreret søgning i community", + "scoped_community_search_description": "Søgeresultater er begrænset til det emne, som brugeren befinder sig i", + "home_page_group_label": "Startsideelementer", + "recent_activity_label": "Seneste aktivitet", + "recent_activity_description": "Vis seneste aktivitet på startside", + "article_page_group_label": "Artikelsideelementer", + "articles_in_section_label": "Artikler i sektion", + "articles_in_section_description": "Vis sidepanel med artikler i sektion", + "article_author_label": "Forfatter", + "article_author_description": "Vis forfatters billede og navn", + "article_comments_label": "Kommentarer", + "article_comments_description": "Vis kommentarer til artikler", + "follow_article_label": "Følg", + "follow_article_description": "Brugere kan følge en specifik artikel", + "recently_viewed_articles_label": "Senest vist", + "recently_viewed_articles_description": "Vis seneste viste artikler", + "related_articles_label": "Relaterede artikler", + "related_articles_description": "Vis relaterede artikler", + "article_sharing_label": "Social deling", + "article_sharing_description": "Vis ikoner til deling af artikel på social medier", + "section_page_group_label": "Sektionssideelementer", + "follow_section_label": "Følg", + "follow_section_description": "Brugere kan følge en specifik sektion", + "community_post_group_label": "Community-opslagselementer", + "follow_post_label": "Følg", + "follow_post_description": "Brugere kan følge et specifikt opslag", + "post_sharing_label": "Social deling", + "post_sharing_description": "Vis ikon til deling af opslag på social medier", + "community_topic_group_label": "Community-emneelementer", + "follow_topic_label": "Følg", + "follow_topic_description": "Brugere kan følge et specifikt emne" +} diff --git a/translations/de.json b/translations/de.json new file mode 100644 index 0000000..94a6592 --- /dev/null +++ b/translations/de.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Farben", + "brand_color_description": "Markenspezifische Farbe für die wichtigsten Navigationselemente", + "brand_color_label": "Markenspezifische Farbe", + "brand_text_color_description": "Markenspezifische Farbe für Hover-/Aktivzustand", + "brand_text_color_label": "Markenspezifische Textfarbe", + "text_color_description": "Textfarbe für Text und Überschriften", + "text_color_label": "Textfarbe", + "link_color_description": "Textfarbe für Linkelemente", + "link_color_label": "Linkfarbe", + "background_color_description": "Hintergrundfarbe für Ihr Help Center", + "background_color_label": "Hintergrundfarbe", + "fonts_group_label": "Schriftarten", + "heading_font_description": "Schriftart für Überschriften", + "heading_font_label": "Schriftart für Überschriften", + "text_font_description": "Schriftart für Text", + "text_font_label": "Schriftart für Text", + "brand_group_label": "Marke", + "logo_description": "Firmenlogo", + "logo_label": "Logo", + "favicon_description": "Symbol in der Adressleiste des Browsers", + "favicon_label": "Favicon", + "images_group_label": "Bilder", + "homepage_background_image_description": "Hero-Bild auf der Homepage", + "homepage_background_image_label": "Hero-Bild für die Homepage", + "community_background_image_description": "Hero-Bild auf der Community-Themenseite", + "community_background_image_label": "Hero-Bild für die Community", + "community_image_description": "Bild für den Community-Abschnitt auf der Homepage", + "community_image_label": "Community-Banner", + "search_group_label": "Sucheinstellungen", + "instant_search_label": "Sofortsuche", + "instant_search_description": "Vorgeschlagene Beiträge in Suche anzeigen", + "scoped_knowledge_base_search_label": "Begrenzte Suche in Wissensdatenbank", + "scoped_knowledge_base_search_description": "Suchergebnisse sind auf die jeweilige Kategorie begrenzt", + "scoped_community_search_label": "Begrenzte Suche in Community", + "scoped_community_search_description": "Suchergebnisse sind auf das jeweilige Thema begrenzt", + "home_page_group_label": "Elemente auf Homepage", + "recent_activity_label": "Neueste Aktivität", + "recent_activity_description": "Neueste Aktivität auf Homepage anzeigen", + "article_page_group_label": "Elemente auf Beitragsseiten", + "articles_in_section_label": "Beiträge in Abschnitt", + "articles_in_section_description": "Seitenleiste mit Beiträgen im Abschnitt anzeigen", + "article_author_label": "Autor", + "article_author_description": "Bild und Namen des Autors anzeigen", + "article_comments_label": "Kommentare", + "article_comments_description": "Kommentare zu Beiträgen anzeigen", + "follow_article_label": "Folgen", + "follow_article_description": "Benutzer können einem bestimmten Beitrag folgen", + "recently_viewed_articles_label": "Zuletzt aufgerufene Beiträge", + "recently_viewed_articles_description": "Zuletzt aufgerufene Beiträge anzeigen", + "related_articles_label": "Verwandte Beiträge", + "related_articles_description": "Verwandte Beiträge anzeigen", + "article_sharing_label": "Teilen auf Social Media", + "article_sharing_description": "Funktionen zum Teilen auf Social Media in Beitrag anzeigen", + "section_page_group_label": "Elemente auf Abschnittsseiten", + "follow_section_label": "Folgen", + "follow_section_description": "Benutzer können einem bestimmten Abschnitt folgen", + "community_post_group_label": "Elemente in Community-Posts", + "follow_post_label": "Folgen", + "follow_post_description": "Benutzer können einem bestimmten Post folgen", + "post_sharing_label": "Teilen auf Social Media", + "post_sharing_description": "Funktionen zum Teilen auf Social Media in Post anzeigen", + "community_topic_group_label": "Elemente in Community-Themen", + "follow_topic_label": "Folgen", + "follow_topic_description": "Benutzer können einem bestimmten Thema folgen" +} diff --git a/translations/el.json b/translations/el.json new file mode 100644 index 0000000..28f7f44 --- /dev/null +++ b/translations/el.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Χρώματα", + "brand_color_description": "Χρώμα επωνυμίας για κύρια στοιχεία πλοήγησης", + "brand_color_label": "Χρώμα επωνυμίας", + "brand_text_color_description": "Χρώμα επωνυμίας για μετακίνηση του δείκτη του ποντικιού και ενεργές καταστάσεις", + "brand_text_color_label": "Χρώμα κειμένου επωνυμίας", + "text_color_description": "Χρώμα κειμένου για στοιχεία κυρίως σώματος και επικεφαλίδων", + "text_color_label": "Χρώμα κειμένου", + "link_color_description": "Χρώμα κειμένου για στοιχεία συνδέσμων", + "link_color_label": "Χρώμα συνδέσμων", + "background_color_description": "Χρώμα φόντου του Κέντρου βοήθειας", + "background_color_label": "Χρώμα φόντου", + "fonts_group_label": "Γραμματοσειρές", + "heading_font_description": "Γραμματοσειρά για επικεφαλίδες", + "heading_font_label": "Γραμματοσειρά επικεφαλίδων", + "text_font_description": "Γραμματοσειρά για κείμενο σώματος", + "text_font_label": "Γραμματοσειρά κειμένου", + "brand_group_label": "Επωνυμία", + "logo_description": "Λογότυπο εταιρείας", + "logo_label": "Λογότυπο", + "favicon_description": "Εικονίδιο που εμφανίζεται στη γραμμή διεύθυνσης του προγράμματος περιήγησης", + "favicon_label": "Favicon", + "images_group_label": "Εικόνες", + "homepage_background_image_description": "Εικόνα hero στην αρχική σελίδα", + "homepage_background_image_label": "Εικόνα hero αρχικής σελίδας", + "community_background_image_description": "Εικόνα hero στη σελίδα θεμάτων κοινότητας", + "community_background_image_label": "Εικόνα hero κοινότητας", + "community_image_description": "Εικόνα για την ενότητα κοινότητας στην αρχική σελίδα", + "community_image_label": "Banner κοινότητας", + "search_group_label": "Ρυθμίσεις αναζήτησης", + "instant_search_label": "Αυτόματη αναζήτηση", + "instant_search_description": "Εμφάνιση προτεινόμενων άρθρων στην αναζήτηση", + "scoped_knowledge_base_search_label": "Εστιασμένη αναζήτηση στη Γνωσιακή βάση", + "scoped_knowledge_base_search_description": "Τα αποτελέσματα αναζήτησης περιορίζονται στην κατηγορία στην οποία βρίσκεται ο χρήστης", + "scoped_community_search_label": "Εστιασμένη αναζήτηση στην Κοινότητα", + "scoped_community_search_description": "Τα αποτελέσματα αναζήτησης περιορίζονται στο θέμα στο οποίο βρίσκεται ο χρήστης", + "home_page_group_label": "Στοιχεία αρχικής σελίδας", + "recent_activity_label": "Πρόσφατη δραστηριότητα", + "recent_activity_description": "Εμφάνιση πρόσφατης δραστηριότητας στην αρχική σελίδα", + "article_page_group_label": "Στοιχεία σελίδας άρθρων", + "articles_in_section_label": "Άρθρα σε ενότητα", + "articles_in_section_description": "Εμφάνιση πλευρικής εργαλειοθήκης σε άρθρα σε ενότητα", + "article_author_label": "Συντάκτης", + "article_author_description": "Εμφάνιση εικόνας και ονόματος συντάκτη", + "article_comments_label": "Σχόλια", + "article_comments_description": "Εμφάνιση σχολίων σε άρθρα", + "follow_article_label": "Παρακολούθηση", + "follow_article_description": "Οι χρήστες μπορούν να παρακολουθήσουν ένα συγκεκριμένο άρθρο", + "recently_viewed_articles_label": "Πρόσφατα προβεβλημένα", + "recently_viewed_articles_description": "Εμφάνιση άρθρων που προβλήθηκαν πρόσφατα", + "related_articles_label": "Σχετικά άρθρα", + "related_articles_description": "Εμφάνιση σχετικών άρθρων", + "article_sharing_label": "Κοινοποίηση σε μέσα κοινωνικής δικτύωσης", + "article_sharing_description": "Εμφάνιση κοινοποίησης σε μέσα κοινωνικής δικτύωσης σε άρθρα", + "section_page_group_label": "Στοιχεία σελίδας ενοτήτων", + "follow_section_label": "Παρακολούθηση", + "follow_section_description": "Οι χρήστες μπορούν να παρακολουθούν μια συγκεκριμένη ενότητα", + "community_post_group_label": "Στοιχεία αναρτήσεων κοινότητας", + "follow_post_label": "Παρακολούθηση", + "follow_post_description": "Οι χρήστες μπορούν να παρακολουθούν μια συγκεκριμένη ανάρτηση", + "post_sharing_label": "Κοινοποίηση σε μέσα κοινωνικής δικτύωσης", + "post_sharing_description": "Εμφάνιση κοινοποίησης σε μέσα κοινωνικής δικτύωσης σε αναρτήσεις", + "community_topic_group_label": "Στοιχεία θεμάτων κοινότητας", + "follow_topic_label": "Παρακολούθηση", + "follow_topic_description": "Οι χρήστες μπορούν να παρακολουθούν ένα συγκεκριμένο θέμα" +} diff --git a/translations/en-ca.json b/translations/en-ca.json new file mode 100644 index 0000000..ee49a6c --- /dev/null +++ b/translations/en-ca.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colours", + "brand_color_description": "Brand colour for major navigational elements", + "brand_color_label": "Brand colour", + "brand_text_color_description": "Brand colour for hover and active states", + "brand_text_color_label": "Brand text colour", + "text_color_description": "Text colour for body and heading elements", + "text_color_label": "Text colour", + "link_color_description": "Text colour for link elements", + "link_color_label": "Link colour", + "background_color_description": "Background colour of your Help Centre", + "background_color_label": "Background colour", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner", + "search_group_label": "Search settings", + "instant_search_label": "Instant search", + "instant_search_description": "Show suggested articles on search", + "scoped_knowledge_base_search_label": "Scoped search in Knowledge Base", + "scoped_knowledge_base_search_description": "Search results are confined to the category the user is in", + "scoped_community_search_label": "Scoped search in Community", + "scoped_community_search_description": "Search results are confined to the topic the user is in", + "home_page_group_label": "Home page elements", + "recent_activity_label": "Recent activity", + "recent_activity_description": "Show recent activity on home page", + "article_page_group_label": "Article page elements", + "articles_in_section_label": "Articles in section", + "articles_in_section_description": "Show sidebar of articles in section", + "article_author_label": "Author", + "article_author_description": "Show author image and name", + "article_comments_label": "Comments", + "article_comments_description": "Show comments on articles", + "follow_article_label": "Follow", + "follow_article_description": "Users can follow a specific article", + "recently_viewed_articles_label": "Recently viewed", + "recently_viewed_articles_description": "Show recently viewed articles", + "related_articles_label": "Related articles", + "related_articles_description": "Show related articles", + "article_sharing_label": "Social sharing", + "article_sharing_description": "Show social media sharing on article", + "section_page_group_label": "Section page elements", + "follow_section_label": "Follow", + "follow_section_description": "Users can follow a specific section", + "community_post_group_label": "Community post elements", + "follow_post_label": "Follow", + "follow_post_description": "Users can follow a specific post", + "post_sharing_label": "Social sharing", + "post_sharing_description": "Show social media sharing on post", + "community_topic_group_label": "Community topic elements", + "follow_topic_label": "Follow", + "follow_topic_description": "Users can follow a specific topic" +} diff --git a/translations/en-gb.json b/translations/en-gb.json new file mode 100644 index 0000000..ee49a6c --- /dev/null +++ b/translations/en-gb.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colours", + "brand_color_description": "Brand colour for major navigational elements", + "brand_color_label": "Brand colour", + "brand_text_color_description": "Brand colour for hover and active states", + "brand_text_color_label": "Brand text colour", + "text_color_description": "Text colour for body and heading elements", + "text_color_label": "Text colour", + "link_color_description": "Text colour for link elements", + "link_color_label": "Link colour", + "background_color_description": "Background colour of your Help Centre", + "background_color_label": "Background colour", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner", + "search_group_label": "Search settings", + "instant_search_label": "Instant search", + "instant_search_description": "Show suggested articles on search", + "scoped_knowledge_base_search_label": "Scoped search in Knowledge Base", + "scoped_knowledge_base_search_description": "Search results are confined to the category the user is in", + "scoped_community_search_label": "Scoped search in Community", + "scoped_community_search_description": "Search results are confined to the topic the user is in", + "home_page_group_label": "Home page elements", + "recent_activity_label": "Recent activity", + "recent_activity_description": "Show recent activity on home page", + "article_page_group_label": "Article page elements", + "articles_in_section_label": "Articles in section", + "articles_in_section_description": "Show sidebar of articles in section", + "article_author_label": "Author", + "article_author_description": "Show author image and name", + "article_comments_label": "Comments", + "article_comments_description": "Show comments on articles", + "follow_article_label": "Follow", + "follow_article_description": "Users can follow a specific article", + "recently_viewed_articles_label": "Recently viewed", + "recently_viewed_articles_description": "Show recently viewed articles", + "related_articles_label": "Related articles", + "related_articles_description": "Show related articles", + "article_sharing_label": "Social sharing", + "article_sharing_description": "Show social media sharing on article", + "section_page_group_label": "Section page elements", + "follow_section_label": "Follow", + "follow_section_description": "Users can follow a specific section", + "community_post_group_label": "Community post elements", + "follow_post_label": "Follow", + "follow_post_description": "Users can follow a specific post", + "post_sharing_label": "Social sharing", + "post_sharing_description": "Show social media sharing on post", + "community_topic_group_label": "Community topic elements", + "follow_topic_label": "Follow", + "follow_topic_description": "Users can follow a specific topic" +} diff --git a/translations/en-us.json b/translations/en-us.json new file mode 100644 index 0000000..492b3c3 --- /dev/null +++ b/translations/en-us.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner", + "search_group_label": "Search settings", + "instant_search_label": "Instant search", + "instant_search_description": "Show suggested articles on search", + "scoped_knowledge_base_search_label": "Scoped search in Knowledge Base", + "scoped_knowledge_base_search_description": "Search results are confined to the category the user is in", + "scoped_community_search_label": "Scoped search in Community", + "scoped_community_search_description": "Search results are confined to the topic the user is in", + "home_page_group_label": "Home page elements", + "recent_activity_label": "Recent activity", + "recent_activity_description": "Show recent activity on home page", + "article_page_group_label": "Article page elements", + "articles_in_section_label": "Articles in section", + "articles_in_section_description": "Show sidebar of articles in section", + "article_author_label": "Author", + "article_author_description": "Show author image and name", + "article_comments_label": "Comments", + "article_comments_description": "Show comments on articles", + "follow_article_label": "Follow", + "follow_article_description": "Users can follow a specific article", + "recently_viewed_articles_label": "Recently viewed", + "recently_viewed_articles_description": "Show recently viewed articles", + "related_articles_label": "Related articles", + "related_articles_description": "Show related articles", + "article_sharing_label": "Social sharing", + "article_sharing_description": "Show social media sharing on article", + "section_page_group_label": "Section page elements", + "follow_section_label": "Follow", + "follow_section_description": "Users can follow a specific section", + "community_post_group_label": "Community post elements", + "follow_post_label": "Follow", + "follow_post_description": "Users can follow a specific post", + "post_sharing_label": "Social sharing", + "post_sharing_description": "Show social media sharing on post", + "community_topic_group_label": "Community topic elements", + "follow_topic_label": "Follow", + "follow_topic_description": "Users can follow a specific topic" +} diff --git a/translations/en-x-keys.json b/translations/en-x-keys.json new file mode 100644 index 0000000..c1c23ac --- /dev/null +++ b/translations/en-x-keys.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "txt.help_center_copenhagen_theme.colors_group_label", + "brand_color_description": "txt.help_center_copenhagen_theme.brand_color_description", + "brand_color_label": "txt.help_center_copenhagen_theme.brand_color_label", + "brand_text_color_description": "txt.help_center_copenhagen_theme.brand_text_color_description", + "brand_text_color_label": "txt.help_center_copenhagen_theme.brand_text_color_label", + "text_color_description": "txt.help_center_copenhagen_theme.text_color_description", + "text_color_label": "txt.help_center_copenhagen_theme.text_color_label", + "link_color_description": "txt.help_center_copenhagen_theme.link_color_description", + "link_color_label": "txt.help_center_copenhagen_theme.link_color_label", + "background_color_description": "txt.help_center_copenhagen_theme.background_color_description", + "background_color_label": "txt.help_center_copenhagen_theme.background_color_label", + "fonts_group_label": "txt.help_center_copenhagen_theme.fonts_group_label", + "heading_font_description": "txt.help_center_copenhagen_theme.heading_font_description", + "heading_font_label": "txt.help_center_copenhagen_theme.heading_font_label", + "text_font_description": "txt.help_center_copenhagen_theme.text_font_description", + "text_font_label": "txt.help_center_copenhagen_theme.text_font_label", + "brand_group_label": "txt.help_center_copenhagen_theme.brand_group_label", + "logo_description": "txt.help_center_copenhagen_theme.logo_description", + "logo_label": "txt.help_center_copenhagen_theme.logo_label", + "favicon_description": "txt.help_center_copenhagen_theme.favicon_description", + "favicon_label": "txt.help_center_copenhagen_theme.favicon_label", + "images_group_label": "txt.help_center_copenhagen_theme.images_group_label", + "homepage_background_image_description": "txt.help_center_copenhagen_theme.homepage_background_image_description", + "homepage_background_image_label": "txt.help_center_copenhagen_theme.homepage_background_image_label", + "community_background_image_description": "txt.help_center_copenhagen_theme.community_background_image_description", + "community_background_image_label": "txt.help_center_copenhagen_theme.community_background_image_label", + "community_image_description": "txt.help_center_copenhagen_theme.community_image_description", + "community_image_label": "txt.help_center_copenhagen_theme.community_image_label" +} diff --git a/translations/en-x-pseu.json b/translations/en-x-pseu.json new file mode 100644 index 0000000..fdfa9ab --- /dev/null +++ b/translations/en-x-pseu.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "[日本Colorséñđ]", + "brand_color_description": "[日本Brand color for major navigational elementséñđ]", + "brand_color_label": "[日本Brand coloréñđ]", + "brand_text_color_description": "[日本Brand color for hover and active stateséñđ]", + "brand_text_color_label": "[日本Brand text coloréñđ]", + "text_color_description": "[日本Text color for body and heading elementséñđ]", + "text_color_label": "[日本Text coloréñđ]", + "link_color_description": "[日本Text color for link elementséñđ]", + "link_color_label": "[日本Link coloréñđ]", + "background_color_description": "[日本Background color of your Help Centeréñđ]", + "background_color_label": "[日本Background coloréñđ]", + "fonts_group_label": "[日本Fontséñđ]", + "heading_font_description": "[日本Font for headingséñđ]", + "heading_font_label": "[日本Heading Fontéñđ]", + "text_font_description": "[日本Font for body textéñđ]", + "text_font_label": "[日本Text Fontéñđ]", + "brand_group_label": "[日本Brandéñđ]", + "logo_description": "[日本Company logoéñđ]", + "logo_label": "[日本Logoéñđ]", + "favicon_description": "[日本Icon displayed in the address bar of your browseréñđ]", + "favicon_label": "[日本Faviconéñđ]", + "images_group_label": "[日本Imageséñđ]", + "homepage_background_image_description": "[日本Hero image on the home pageéñđ]", + "homepage_background_image_label": "[日本Home hero imageéñđ]", + "community_background_image_description": "[日本Hero image on the community topics pageéñđ]", + "community_background_image_label": "[日本Community hero imageéñđ]", + "community_image_description": "[日本Image for the community section on the home pageéñđ]", + "community_image_label": "[日本Community banneréñđ]" +} diff --git a/translations/es-419.json b/translations/es-419.json new file mode 100644 index 0000000..3d317fc --- /dev/null +++ b/translations/es-419.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colores", + "brand_color_description": "El color propio de la marca para los elementos importantes de navegación", + "brand_color_label": "Color de marca", + "brand_text_color_description": "El color de la marca cuando está activa y cuando se le pasa el cursor", + "brand_text_color_label": "Color de texto de la marca", + "text_color_description": "El color del texto para los elementos de cuerpo y encabezado", + "text_color_label": "Color de texto", + "link_color_description": "El color del texto para los elementos de vínculos", + "link_color_label": "Color de vínculos", + "background_color_description": "El color de fondo del Centro de ayuda", + "background_color_label": "Color de fondo", + "fonts_group_label": "Fuentes", + "heading_font_description": "La fuente para los encabezados", + "heading_font_label": "Fuente de encabezado", + "text_font_description": "La fuente para el texto del cuerpo", + "text_font_label": "Fuente de texto", + "brand_group_label": "Marca", + "logo_description": "El logotipo de la compañía", + "logo_label": "Logotipo", + "favicon_description": "Icono mostrado en la barra de dirección del navegador", + "favicon_label": "Favicon", + "images_group_label": "Imágenes", + "homepage_background_image_description": "La imagen hero de la página principal", + "homepage_background_image_label": "Imagen hero de página principal", + "community_background_image_description": "Imagen hero en la página de temas de la comunidad", + "community_background_image_label": "Imagen hero de la comunidad", + "community_image_description": "Imagen para la sección de comunidad en la página principal", + "community_image_label": "Pancarta de la comunidad", + "search_group_label": "Configuración de la búsqueda", + "instant_search_label": "Búsqueda inmediata", + "instant_search_description": "Mostrar artículos recomendados en la búsqueda", + "scoped_knowledge_base_search_label": "Búsqueda filtrada en la base de conocimientos", + "scoped_knowledge_base_search_description": "Los resultados de la búsqueda se limitan a la categoría en la que se encuentra el usuario", + "scoped_community_search_label": "Búsqueda filtrada en la comunidad", + "scoped_community_search_description": "Los resultados de la búsqueda se limitan al tema en el que se encuentra el usuario", + "home_page_group_label": "Elementos de página principal", + "recent_activity_label": "Actividad reciente", + "recent_activity_description": "Mostrar actividad reciente en la página principal", + "article_page_group_label": "Elementos de página del artículo", + "articles_in_section_label": "Artículos en la sección", + "articles_in_section_description": "Mostrar barra lateral de artículos en la sección", + "article_author_label": "Autor", + "article_author_description": "Mostrar imagen y nombre del autor", + "article_comments_label": "Comentarios", + "article_comments_description": "Mostrar comentarios en artículos", + "follow_article_label": "Seguir", + "follow_article_description": "Los usuarios pueden seguir un artículo específico", + "recently_viewed_articles_label": "Vistos recientemente", + "recently_viewed_articles_description": "Mostrar artículos vistos recientemente", + "related_articles_label": "Artículos relacionados", + "related_articles_description": "Mostrar artículos relacionados", + "article_sharing_label": "Compartir en redes sociales", + "article_sharing_description": "Mostrar opción para compartir en redes sociales en el artículo", + "section_page_group_label": "Elementos de página de la sección", + "follow_section_label": "Seguir", + "follow_section_description": "Los usuarios pueden seguir una sección específica", + "community_post_group_label": "Elementos de publicación de la comunidad", + "follow_post_label": "Seguir", + "follow_post_description": "Los usuarios pueden seguir una publicación específica", + "post_sharing_label": "Compartir en redes sociales", + "post_sharing_description": "Mostrar opción para compartir en redes sociales en la publicación", + "community_topic_group_label": "Elementos de tema de la comunidad", + "follow_topic_label": "Seguir", + "follow_topic_description": "Los usuarios pueden seguir un tema específico" +} diff --git a/translations/es-es.json b/translations/es-es.json new file mode 100644 index 0000000..3d317fc --- /dev/null +++ b/translations/es-es.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colores", + "brand_color_description": "El color propio de la marca para los elementos importantes de navegación", + "brand_color_label": "Color de marca", + "brand_text_color_description": "El color de la marca cuando está activa y cuando se le pasa el cursor", + "brand_text_color_label": "Color de texto de la marca", + "text_color_description": "El color del texto para los elementos de cuerpo y encabezado", + "text_color_label": "Color de texto", + "link_color_description": "El color del texto para los elementos de vínculos", + "link_color_label": "Color de vínculos", + "background_color_description": "El color de fondo del Centro de ayuda", + "background_color_label": "Color de fondo", + "fonts_group_label": "Fuentes", + "heading_font_description": "La fuente para los encabezados", + "heading_font_label": "Fuente de encabezado", + "text_font_description": "La fuente para el texto del cuerpo", + "text_font_label": "Fuente de texto", + "brand_group_label": "Marca", + "logo_description": "El logotipo de la compañía", + "logo_label": "Logotipo", + "favicon_description": "Icono mostrado en la barra de dirección del navegador", + "favicon_label": "Favicon", + "images_group_label": "Imágenes", + "homepage_background_image_description": "La imagen hero de la página principal", + "homepage_background_image_label": "Imagen hero de página principal", + "community_background_image_description": "Imagen hero en la página de temas de la comunidad", + "community_background_image_label": "Imagen hero de la comunidad", + "community_image_description": "Imagen para la sección de comunidad en la página principal", + "community_image_label": "Pancarta de la comunidad", + "search_group_label": "Configuración de la búsqueda", + "instant_search_label": "Búsqueda inmediata", + "instant_search_description": "Mostrar artículos recomendados en la búsqueda", + "scoped_knowledge_base_search_label": "Búsqueda filtrada en la base de conocimientos", + "scoped_knowledge_base_search_description": "Los resultados de la búsqueda se limitan a la categoría en la que se encuentra el usuario", + "scoped_community_search_label": "Búsqueda filtrada en la comunidad", + "scoped_community_search_description": "Los resultados de la búsqueda se limitan al tema en el que se encuentra el usuario", + "home_page_group_label": "Elementos de página principal", + "recent_activity_label": "Actividad reciente", + "recent_activity_description": "Mostrar actividad reciente en la página principal", + "article_page_group_label": "Elementos de página del artículo", + "articles_in_section_label": "Artículos en la sección", + "articles_in_section_description": "Mostrar barra lateral de artículos en la sección", + "article_author_label": "Autor", + "article_author_description": "Mostrar imagen y nombre del autor", + "article_comments_label": "Comentarios", + "article_comments_description": "Mostrar comentarios en artículos", + "follow_article_label": "Seguir", + "follow_article_description": "Los usuarios pueden seguir un artículo específico", + "recently_viewed_articles_label": "Vistos recientemente", + "recently_viewed_articles_description": "Mostrar artículos vistos recientemente", + "related_articles_label": "Artículos relacionados", + "related_articles_description": "Mostrar artículos relacionados", + "article_sharing_label": "Compartir en redes sociales", + "article_sharing_description": "Mostrar opción para compartir en redes sociales en el artículo", + "section_page_group_label": "Elementos de página de la sección", + "follow_section_label": "Seguir", + "follow_section_description": "Los usuarios pueden seguir una sección específica", + "community_post_group_label": "Elementos de publicación de la comunidad", + "follow_post_label": "Seguir", + "follow_post_description": "Los usuarios pueden seguir una publicación específica", + "post_sharing_label": "Compartir en redes sociales", + "post_sharing_description": "Mostrar opción para compartir en redes sociales en la publicación", + "community_topic_group_label": "Elementos de tema de la comunidad", + "follow_topic_label": "Seguir", + "follow_topic_description": "Los usuarios pueden seguir un tema específico" +} diff --git a/translations/es.json b/translations/es.json new file mode 100644 index 0000000..3d317fc --- /dev/null +++ b/translations/es.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colores", + "brand_color_description": "El color propio de la marca para los elementos importantes de navegación", + "brand_color_label": "Color de marca", + "brand_text_color_description": "El color de la marca cuando está activa y cuando se le pasa el cursor", + "brand_text_color_label": "Color de texto de la marca", + "text_color_description": "El color del texto para los elementos de cuerpo y encabezado", + "text_color_label": "Color de texto", + "link_color_description": "El color del texto para los elementos de vínculos", + "link_color_label": "Color de vínculos", + "background_color_description": "El color de fondo del Centro de ayuda", + "background_color_label": "Color de fondo", + "fonts_group_label": "Fuentes", + "heading_font_description": "La fuente para los encabezados", + "heading_font_label": "Fuente de encabezado", + "text_font_description": "La fuente para el texto del cuerpo", + "text_font_label": "Fuente de texto", + "brand_group_label": "Marca", + "logo_description": "El logotipo de la compañía", + "logo_label": "Logotipo", + "favicon_description": "Icono mostrado en la barra de dirección del navegador", + "favicon_label": "Favicon", + "images_group_label": "Imágenes", + "homepage_background_image_description": "La imagen hero de la página principal", + "homepage_background_image_label": "Imagen hero de página principal", + "community_background_image_description": "Imagen hero en la página de temas de la comunidad", + "community_background_image_label": "Imagen hero de la comunidad", + "community_image_description": "Imagen para la sección de comunidad en la página principal", + "community_image_label": "Pancarta de la comunidad", + "search_group_label": "Configuración de la búsqueda", + "instant_search_label": "Búsqueda inmediata", + "instant_search_description": "Mostrar artículos recomendados en la búsqueda", + "scoped_knowledge_base_search_label": "Búsqueda filtrada en la base de conocimientos", + "scoped_knowledge_base_search_description": "Los resultados de la búsqueda se limitan a la categoría en la que se encuentra el usuario", + "scoped_community_search_label": "Búsqueda filtrada en la comunidad", + "scoped_community_search_description": "Los resultados de la búsqueda se limitan al tema en el que se encuentra el usuario", + "home_page_group_label": "Elementos de página principal", + "recent_activity_label": "Actividad reciente", + "recent_activity_description": "Mostrar actividad reciente en la página principal", + "article_page_group_label": "Elementos de página del artículo", + "articles_in_section_label": "Artículos en la sección", + "articles_in_section_description": "Mostrar barra lateral de artículos en la sección", + "article_author_label": "Autor", + "article_author_description": "Mostrar imagen y nombre del autor", + "article_comments_label": "Comentarios", + "article_comments_description": "Mostrar comentarios en artículos", + "follow_article_label": "Seguir", + "follow_article_description": "Los usuarios pueden seguir un artículo específico", + "recently_viewed_articles_label": "Vistos recientemente", + "recently_viewed_articles_description": "Mostrar artículos vistos recientemente", + "related_articles_label": "Artículos relacionados", + "related_articles_description": "Mostrar artículos relacionados", + "article_sharing_label": "Compartir en redes sociales", + "article_sharing_description": "Mostrar opción para compartir en redes sociales en el artículo", + "section_page_group_label": "Elementos de página de la sección", + "follow_section_label": "Seguir", + "follow_section_description": "Los usuarios pueden seguir una sección específica", + "community_post_group_label": "Elementos de publicación de la comunidad", + "follow_post_label": "Seguir", + "follow_post_description": "Los usuarios pueden seguir una publicación específica", + "post_sharing_label": "Compartir en redes sociales", + "post_sharing_description": "Mostrar opción para compartir en redes sociales en la publicación", + "community_topic_group_label": "Elementos de tema de la comunidad", + "follow_topic_label": "Seguir", + "follow_topic_description": "Los usuarios pueden seguir un tema específico" +} diff --git a/translations/et.json b/translations/et.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/et.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/fa.json b/translations/fa.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/fa.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/fi.json b/translations/fi.json new file mode 100644 index 0000000..5c3dbbc --- /dev/null +++ b/translations/fi.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Värit", + "brand_color_description": "Tärkeiden navigointielementtien brändin väri", + "brand_color_label": "Brändin väri", + "brand_text_color_description": "Yllä leijumisen ja aktiivisen tilan brändin väri", + "brand_text_color_label": "Brändin tekstin väri", + "text_color_description": "Runkotekstin ja otsikkoelementtien tekstin väri", + "text_color_label": "Tekstin väri", + "link_color_description": "Linkkielementtien tekstin väri", + "link_color_label": "Linkin väri", + "background_color_description": "Tukiportaalin taustaväri", + "background_color_label": "Taustaväri", + "fonts_group_label": "Fontit", + "heading_font_description": "Otsikoiden fontti", + "heading_font_label": "Otsikon fontti", + "text_font_description": "Runkotekstin fontti", + "text_font_label": "Tekstin fontti", + "brand_group_label": "Brändi", + "logo_description": "Yrityksen logo", + "logo_label": "Logo", + "favicon_description": "Selaimen osoitepalkissa esitetty kuvake", + "favicon_label": "Favicon", + "images_group_label": "Kuvat", + "homepage_background_image_description": "Taustakuva kotisivulla", + "homepage_background_image_label": "Kotisivun taustakuva", + "community_background_image_description": "Yhteisön aihesivun taustakuva", + "community_background_image_label": "Yhteisön taustakuva", + "community_image_description": "Kotisivun yhteisöosan kuva", + "community_image_label": "Yhteisön mainospalkki", + "search_group_label": "Hakutulokset", + "instant_search_label": "Pikahaku", + "instant_search_description": "Näytä ehdotetut artikkelit haussa", + "scoped_knowledge_base_search_label": "Suodatettu haku ratkaisutietokannasta", + "scoped_knowledge_base_search_description": "Hakutulokset rajoitetaan kategoriaan, jossa käyttäjä on", + "scoped_community_search_label": "Suodatettu haku yhteisössä", + "scoped_community_search_description": "Hakutulokset rajoitetaan aiheeseen, jossa käyttäjä on", + "home_page_group_label": "Kotisivun elementit", + "recent_activity_label": "Viimeisin aktiviteetti", + "recent_activity_description": "Näytä viimeisin aktiviteetti kotisivulla", + "article_page_group_label": "Artikkeli-sivun elementit", + "articles_in_section_label": "Artikkelit osiossa", + "articles_in_section_description": "Näytä artikkelien sivupalkki osiossa", + "article_author_label": "Tekijä", + "article_author_description": "Näytä tekijän kuva ja nimi", + "article_comments_label": "Kommentit", + "article_comments_description": "Näytä kommentit artikkeleihin", + "follow_article_label": "Seuraa", + "follow_article_description": "Käyttäjät voivat seurata tiettyä artikkelia", + "recently_viewed_articles_label": "Viimeksi katsotut", + "recently_viewed_articles_description": "Näytä viimeksi katsotut artikkelit", + "related_articles_label": "Aiheeseen liittyvät artikkelit", + "related_articles_description": "Näytä aiheeseen liittyvät artikkelit", + "article_sharing_label": "Sosiaalinen jakaminen", + "article_sharing_description": "Näytä artikkelin jakaminen sosiaalisessa mediassa", + "section_page_group_label": "Osio-sivun elementit", + "follow_section_label": "Seuraa", + "follow_section_description": "Käyttäjät voivat seurata tiettyä osiota", + "community_post_group_label": "Yhteisöviestielementit", + "follow_post_label": "Seuraa", + "follow_post_description": "Käyttäjät voivat seurata tiettyä viestiä", + "post_sharing_label": "Sosiaalinen jakaminen", + "post_sharing_description": "Näytä viestin jakaminen sosiaalisessa mediassa", + "community_topic_group_label": "Yhteisöaihe-elementit", + "follow_topic_label": "Seuraa", + "follow_topic_description": "Käyttäjät voivat seurata tiettyä aihetta" +} diff --git a/translations/fil.json b/translations/fil.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/fil.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/fr-ca.json b/translations/fr-ca.json new file mode 100644 index 0000000..756b6c3 --- /dev/null +++ b/translations/fr-ca.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Couleurs", + "brand_color_description": "Couleur de la marque pour les principaux éléments de navigation", + "brand_color_label": "Couleur de la marque", + "brand_text_color_description": "Couleur de la marque pour les états Survol et Actif", + "brand_text_color_label": "Couleur du texte de la marque", + "text_color_description": "Couleur du texte pour les éléments du titre et du corps", + "text_color_label": "Couleur du texte", + "link_color_description": "Couleur du texte pour les liens", + "link_color_label": "Couleur des liens", + "background_color_description": "Couleur d’arrière-plan de votre Centre d’aide", + "background_color_label": "Couleur d’arrière-plan", + "fonts_group_label": "Polices", + "heading_font_description": "Police pour les titres", + "heading_font_label": "Police des titres", + "text_font_description": "Police pour le texte du corps", + "text_font_label": "Police du texte", + "brand_group_label": "Marque", + "logo_description": "Logo de l’entreprise", + "logo_label": "Logo", + "favicon_description": "Icône affichée dans la barre d’adresse de votre navigateur", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Image de héros sur la page d’accueil", + "homepage_background_image_label": "Hero image de la page d’accueil", + "community_background_image_description": "Image de héros sur la page des sujets de la communauté", + "community_background_image_label": "Hero image pour la communauté", + "community_image_description": "Image pour la section Communauté de la page d’accueil", + "community_image_label": "Bannière Communauté", + "search_group_label": "Paramètres de recherche", + "instant_search_label": "Recherche instantanée", + "instant_search_description": "Afficher les articles suggérés dans la recherche", + "scoped_knowledge_base_search_label": "Recherche limitée dans la base de connaissances", + "scoped_knowledge_base_search_description": "Les résultats de la recherche sont limités à la catégorie dans laquelle se trouve l’utilisateur", + "scoped_community_search_label": "Recherche limitée dans la communauté", + "scoped_community_search_description": "Les résultats de la recherche sont limités au sujet dans lequel se trouve l’utilisateur", + "home_page_group_label": "Éléments de la page d’accueil", + "recent_activity_label": "Activité récente", + "recent_activity_description": "Afficher les activités récentes sur la page d’accueil", + "article_page_group_label": "Éléments de la page d’article", + "articles_in_section_label": "Articles dans la section", + "articles_in_section_description": "Afficher la barre latérale des articles dans la section", + "article_author_label": "Auteur", + "article_author_description": "Afficher la photo et le nom de l’auteur", + "article_comments_label": "Commentaires", + "article_comments_description": "Afficher les commentaires sur les articles", + "follow_article_label": "S’abonner", + "follow_article_description": "Les utilisateurs peuvent s’abonner à un article spécifique", + "recently_viewed_articles_label": "Consultation récente", + "recently_viewed_articles_description": "Afficher les articles consultés récemment", + "related_articles_label": "Articles connexes", + "related_articles_description": "Afficher les articles connexes", + "article_sharing_label": "Partage social", + "article_sharing_description": "Afficher les partages de l’article sur les réseaux sociaux", + "section_page_group_label": "Éléments de la page de section", + "follow_section_label": "S’abonner", + "follow_section_description": "Les utilisateurs peuvent s’abonner à une section spécifique", + "community_post_group_label": "Éléments des publications dans la communauté", + "follow_post_label": "S’abonner", + "follow_post_description": "Les utilisateurs peuvent s’abonner à une publication spécifique", + "post_sharing_label": "Partage social", + "post_sharing_description": "Afficher les partages de la publication sur les réseaux sociaux", + "community_topic_group_label": "Éléments des sujets de la communauté", + "follow_topic_label": "S’abonner", + "follow_topic_description": "Les utilisateurs peuvent s’abonner à un sujet spécifique" +} diff --git a/translations/fr.json b/translations/fr.json new file mode 100644 index 0000000..756b6c3 --- /dev/null +++ b/translations/fr.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Couleurs", + "brand_color_description": "Couleur de la marque pour les principaux éléments de navigation", + "brand_color_label": "Couleur de la marque", + "brand_text_color_description": "Couleur de la marque pour les états Survol et Actif", + "brand_text_color_label": "Couleur du texte de la marque", + "text_color_description": "Couleur du texte pour les éléments du titre et du corps", + "text_color_label": "Couleur du texte", + "link_color_description": "Couleur du texte pour les liens", + "link_color_label": "Couleur des liens", + "background_color_description": "Couleur d’arrière-plan de votre Centre d’aide", + "background_color_label": "Couleur d’arrière-plan", + "fonts_group_label": "Polices", + "heading_font_description": "Police pour les titres", + "heading_font_label": "Police des titres", + "text_font_description": "Police pour le texte du corps", + "text_font_label": "Police du texte", + "brand_group_label": "Marque", + "logo_description": "Logo de l’entreprise", + "logo_label": "Logo", + "favicon_description": "Icône affichée dans la barre d’adresse de votre navigateur", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Image de héros sur la page d’accueil", + "homepage_background_image_label": "Hero image de la page d’accueil", + "community_background_image_description": "Image de héros sur la page des sujets de la communauté", + "community_background_image_label": "Hero image pour la communauté", + "community_image_description": "Image pour la section Communauté de la page d’accueil", + "community_image_label": "Bannière Communauté", + "search_group_label": "Paramètres de recherche", + "instant_search_label": "Recherche instantanée", + "instant_search_description": "Afficher les articles suggérés dans la recherche", + "scoped_knowledge_base_search_label": "Recherche limitée dans la base de connaissances", + "scoped_knowledge_base_search_description": "Les résultats de la recherche sont limités à la catégorie dans laquelle se trouve l’utilisateur", + "scoped_community_search_label": "Recherche limitée dans la communauté", + "scoped_community_search_description": "Les résultats de la recherche sont limités au sujet dans lequel se trouve l’utilisateur", + "home_page_group_label": "Éléments de la page d’accueil", + "recent_activity_label": "Activité récente", + "recent_activity_description": "Afficher les activités récentes sur la page d’accueil", + "article_page_group_label": "Éléments de la page d’article", + "articles_in_section_label": "Articles dans la section", + "articles_in_section_description": "Afficher la barre latérale des articles dans la section", + "article_author_label": "Auteur", + "article_author_description": "Afficher la photo et le nom de l’auteur", + "article_comments_label": "Commentaires", + "article_comments_description": "Afficher les commentaires sur les articles", + "follow_article_label": "S’abonner", + "follow_article_description": "Les utilisateurs peuvent s’abonner à un article spécifique", + "recently_viewed_articles_label": "Consultation récente", + "recently_viewed_articles_description": "Afficher les articles consultés récemment", + "related_articles_label": "Articles connexes", + "related_articles_description": "Afficher les articles connexes", + "article_sharing_label": "Partage social", + "article_sharing_description": "Afficher les partages de l’article sur les réseaux sociaux", + "section_page_group_label": "Éléments de la page de section", + "follow_section_label": "S’abonner", + "follow_section_description": "Les utilisateurs peuvent s’abonner à une section spécifique", + "community_post_group_label": "Éléments des publications dans la communauté", + "follow_post_label": "S’abonner", + "follow_post_description": "Les utilisateurs peuvent s’abonner à une publication spécifique", + "post_sharing_label": "Partage social", + "post_sharing_description": "Afficher les partages de la publication sur les réseaux sociaux", + "community_topic_group_label": "Éléments des sujets de la communauté", + "follow_topic_label": "S’abonner", + "follow_topic_description": "Les utilisateurs peuvent s’abonner à un sujet spécifique" +} diff --git a/translations/ga.json b/translations/ga.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/ga.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/he.json b/translations/he.json new file mode 100644 index 0000000..84b5fe0 --- /dev/null +++ b/translations/he.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "צבעים", + "brand_color_description": "צבע מותג בשביל רכיבי הניווט החשובים", + "brand_color_label": "צבע מותג", + "brand_text_color_description": "צבע מותג בשביל מצב ריחוף ומצב פעיל", + "brand_text_color_label": "צבע מותג בשביל טקסט", + "text_color_description": "צבע רכיבי גוף הטקסט והכותרות", + "text_color_label": "צבע טקסט", + "link_color_description": "צבע הטקסט בשביל רכיבי קישור", + "link_color_label": "צבע קישור", + "background_color_description": "צבע הרקע של מרכז התמיכה", + "background_color_label": "צבע רקע", + "fonts_group_label": "גופנים", + "heading_font_description": "גופן בשביל הכותרות", + "heading_font_label": "גופן כותרות", + "text_font_description": "הפונט של גוף הטקסט", + "text_font_label": "פונט הטקסט", + "brand_group_label": "מותג", + "logo_description": "לוגו החברה", + "logo_label": "לוגו", + "favicon_description": "אייקון המוצג בשורת הכתובת בדפדפן", + "favicon_label": "Favicon", + "images_group_label": "תמונות", + "homepage_background_image_description": "התמונה הראשית (hero image) בדף הבית", + "homepage_background_image_label": "תמונה ראשית לדף הבית", + "community_background_image_description": "התמונה הראשית (hero image) בדף הנושאים של הקהילה", + "community_background_image_label": "תמונה ראשית לקהילה", + "community_image_description": "תמונה בשביל חלק הקהילה בדף הבית", + "community_image_label": "באנר הקהילה", + "search_group_label": "הגדרות חיפוש", + "instant_search_label": "חיפוש מיידי", + "instant_search_description": "הצג בחיפוש את המאמרים המוצעים", + "scoped_knowledge_base_search_label": "חיפוש מתוחם במאגר הידע", + "scoped_knowledge_base_search_description": "תוצאות החיפוש מוגבלות לקטגוריה שהמשתמש נמצא בה", + "scoped_community_search_label": "חיפוש מתוחם בקהילה", + "scoped_community_search_description": "תוצאות החיפוש מוגבלות לנושא שהמשתמש נמצא בו", + "home_page_group_label": "רכיבי דף הבית", + "recent_activity_label": "פעילות אחרונה", + "recent_activity_description": "הצג בדף הבית את הפעילויות האחרונות", + "article_page_group_label": "רכיבי דף מאמר", + "articles_in_section_label": "מאמרים בקטגוריית המשנה", + "articles_in_section_description": "הצג בקטגוריית המשנה סרגל צידי של מאמרים", + "article_author_label": "מחבר", + "article_author_description": "הצג את שם המחבר ותמונתו", + "article_comments_label": "הערות", + "article_comments_description": "הצג במאמרים הערות", + "follow_article_label": "עקוב", + "follow_article_description": "המשתמשים יכולים לעקוב אחרי מאמר ספציפי", + "recently_viewed_articles_label": "הוצגו לאחרונה", + "recently_viewed_articles_description": "הצג את המאמרים שהוצגו לאחרונה", + "related_articles_label": "מאמרים קשורים", + "related_articles_description": "הצג מאמרים קשורים", + "article_sharing_label": "שיתוף ברשתות חברתיות", + "article_sharing_description": "הצג במאמר שיתוף ברשתות החברתיות", + "section_page_group_label": "רכיבי דף קטגוריית משנה", + "follow_section_label": "עקוב", + "follow_section_description": "המשתמשים יכולים לעקוב אחרי קטגוריית משנה ספציפית", + "community_post_group_label": "רכיבי פוסט בקהילה​", + "follow_post_label": "עקוב", + "follow_post_description": "המשתמשים יכולים לעקוב אחרי פוסט ספציפי", + "post_sharing_label": "שיתוף ברשתות חברתיות", + "post_sharing_description": "הצג בפוסט שיתוף ברשתות החברתיות", + "community_topic_group_label": "רכיבי נושא בקהילה", + "follow_topic_label": "עקוב", + "follow_topic_description": "המשתמשים יכולים לעקוב אחרי נושא ספציפי" +} diff --git a/translations/hi.json b/translations/hi.json new file mode 100644 index 0000000..7955af6 --- /dev/null +++ b/translations/hi.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "रंग", + "brand_color_description": "प्रमुख नेविगेशन तत्वों के लिए ब्रांड का रंग", + "brand_color_label": "ब्रांड का रंग", + "brand_text_color_description": "होवर और सक्रिय स्थितियों के लिए ब्रांड का रंग", + "brand_text_color_label": "ब्रांड पाठ का रंग", + "text_color_description": "मुख्य भाग और शीर्षक तत्वों के लिए पाठ रंग", + "text_color_label": "पाठ रंग", + "link_color_description": "लिंक तत्वों के लिए पाठ रंग", + "link_color_label": "लिंक रंग", + "background_color_description": "आपके सहायता केंद्र की पृष्ठभूमि का रंग", + "background_color_label": "पृष्ठभूमि का रंग", + "fonts_group_label": "फॉन्ट", + "heading_font_description": "शीर्षकों के लिए फॉन्ट", + "heading_font_label": "शीर्षक फॉन्ट", + "text_font_description": "मुख्य पाठ के लिए फॉन्ट", + "text_font_label": "पाठ का फॉन्ट", + "brand_group_label": "ब्रांड", + "logo_description": "कंपनी का लोगो", + "logo_label": "लोगो", + "favicon_description": "आइकन आपके ब्राउज़र के पता बार में प्रदर्शित किया जाता है", + "favicon_label": "फ़ेविकॉन", + "images_group_label": "छवियां", + "homepage_background_image_description": "होम पृष्ठ पर हीरो छवि", + "homepage_background_image_label": "होम हीरो छवि", + "community_background_image_description": "समुदाय विषयों पृष्ठ पर हीरो छवि", + "community_background_image_label": "समुदाय हीरो छवि", + "community_image_description": "होम पृष्ठ पर समुदाय अनुभाग के लिए छवि", + "community_image_label": "समुदाय बैनर", + "search_group_label": "खोज सेटिंग", + "instant_search_label": "त्वरित खोज", + "instant_search_description": "खोज पर सुझाए गए आलेख दिखाएं", + "scoped_knowledge_base_search_label": "जानकारी के आधार में सीमित खोज", + "scoped_knowledge_base_search_description": "खोज परिणाम उस श्रेणी तक ही सीमित हैं, जिसमें उपयोगकर्ता है", + "scoped_community_search_label": "समुदाय में सीमित खोज", + "scoped_community_search_description": "खोज परिणाम उस विषय तक ही सीमित हैं, जिसमें उपयोगकर्ता है", + "home_page_group_label": "होम पेज तत्व", + "recent_activity_label": "हाल ही की गतिविधि", + "recent_activity_description": "होम पेज पर हाल ही की गतिविधि दिखाएं", + "article_page_group_label": "आलेख पृष्ठ तत्व", + "articles_in_section_label": "अनुभाग में आलेख", + "articles_in_section_description": "अनुभाग में आलेखों के साइडबार दिखाएं", + "article_author_label": "लेखक", + "article_author_description": "लेखक छवि और नाम दिखाएं", + "article_comments_label": "टिप्पणियां", + "article_comments_description": "आलेख पर टिप्पणियां दिखाएं", + "follow_article_label": "अनुसरण करें", + "follow_article_description": "उपयोगकर्ता एक विशिष्ट आलेख का अनुसरण कर सकते हैं", + "recently_viewed_articles_label": "हाल में देखे गए", + "recently_viewed_articles_description": "हाल में देखे गए आलेख दिखाएं", + "related_articles_label": "संबंधित आलेख", + "related_articles_description": "संबंधित आलेख दिखाएं", + "article_sharing_label": "सामाजिक साझाकरण", + "article_sharing_description": "आलेख पर सोशल मीडिया साझाकरण दिखाएं", + "section_page_group_label": "अनुभाग पृष्ठ तत्व", + "follow_section_label": "अनुसरण करें", + "follow_section_description": "उपयोगकर्ता एक विशिष्ट अनुभाग का अनुसरण कर सकते हैं", + "community_post_group_label": "समुदाय पोस्ट के तत्व", + "follow_post_label": "अनुसरण करें", + "follow_post_description": "उपयोगकर्ता एक विशिष्ट पोस्ट का अनुसरण कर सकते हैं", + "post_sharing_label": "सामाजिक साझाकरण", + "post_sharing_description": "पोस्ट पर सोशल मीडिया साझाकरण दिखाएं", + "community_topic_group_label": "समुदाय विषय के तत्व", + "follow_topic_label": "अनुसरण करें", + "follow_topic_description": "उपयोगकर्ता एक विशिष्ट विषय का अनुसरण कर सकते हैं" +} diff --git a/translations/hr.json b/translations/hr.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/hr.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/hu.json b/translations/hu.json new file mode 100644 index 0000000..a5e28a3 --- /dev/null +++ b/translations/hu.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Színek", + "brand_color_description": "A fontosabb navigációs elemek márkaszíne", + "brand_color_label": "Márkaszín", + "brand_text_color_description": "A rámutatás és az aktív állapotok márkaszíne", + "brand_text_color_label": "Szöveg márkaszíne", + "text_color_description": "Címsorelemek és szövegtörzsek színe", + "text_color_label": "Szöveg színe", + "link_color_description": "Linkek szövegének színe", + "link_color_label": "Link színe", + "background_color_description": "A Súgóközpontja háttérszíne", + "background_color_label": "Háttérszín", + "fonts_group_label": "Betűtípusok", + "heading_font_description": "Címsorok betűtípusa", + "heading_font_label": "Címsor betűtípusa", + "text_font_description": "Szövegtörzs betűtípusa", + "text_font_label": "Szöveg betűtípusa", + "brand_group_label": "Márka", + "logo_description": "Vállalat emblémája", + "logo_label": "Embléma", + "favicon_description": "A böngésző címsorában megjelenített ikon", + "favicon_label": "Kedvencek között megjelenő ikon", + "images_group_label": "Képek", + "homepage_background_image_description": "A kezdőlap fő képe", + "homepage_background_image_label": "Fő kezdőkép", + "community_background_image_description": "A közösségi témák oldalának fő képe", + "community_background_image_label": "Közösség fő képe", + "community_image_description": "A közösségi rész kezdőlapjának képe", + "community_image_label": "Közösségi banner", + "search_group_label": "Keresési beállítások", + "instant_search_label": "Azonnali keresés", + "instant_search_description": "Javasolt cikkek megjelenítése kereséskor", + "scoped_knowledge_base_search_label": "Célzott keresés a tudásbázisban", + "scoped_knowledge_base_search_description": "A keresési eredmények azokra a kategóriákra korlátozódnak, amelyekben a felhasználó megtalálható", + "scoped_community_search_label": "Célzott keresés a közösségben", + "scoped_community_search_description": "A keresési eredmények azokra a témakörökre korlátozódnak, amelyekben a felhasználó megtalálható", + "home_page_group_label": "Kezdőlap elemei", + "recent_activity_label": "Legutóbbi tevékenységek", + "recent_activity_description": "Legutóbbi tevékenységek megjelenítése a kezdőlapon", + "article_page_group_label": "Cikklap elemei", + "articles_in_section_label": "A szakasz cikkei", + "articles_in_section_description": "Oldalsáv megjelenítése a szakasz cikkeiben", + "article_author_label": "Szerző", + "article_author_description": "Szerző képének és nevének megjelenítése", + "article_comments_label": "Hozzászólások", + "article_comments_description": "Cikk hozzáaszólásainak megjelenítése", + "follow_article_label": "Követés", + "follow_article_description": "A felhasználók követhetnek egy adott cikket", + "recently_viewed_articles_label": "Nemrég megtekintett cikkek", + "recently_viewed_articles_description": "Nemrég megtekintett cikkek megjelenítése", + "related_articles_label": "Kapcsolódó cikkek", + "related_articles_description": "Kapcsolódó cikkek megjelenítése", + "article_sharing_label": "Közösségi megosztás", + "article_sharing_description": "Közösségi megosztás lehetőségének megjelenítése a cikkhez", + "section_page_group_label": "Szakaszlap elemei", + "follow_section_label": "Követés", + "follow_section_description": "A felhasználók követhetnek egy adott szakaszt", + "community_post_group_label": "Közösségi bejegyzések elemei", + "follow_post_label": "Követés", + "follow_post_description": "A felhasználók követhetnek egy adott bejegyzést", + "post_sharing_label": "Közösségi megosztás", + "post_sharing_description": "Közösségi megosztás lehetőségének megjelenítése a bejegyzéshez", + "community_topic_group_label": "Közösségi témakörök elemei", + "follow_topic_label": "Követés", + "follow_topic_description": "A felhasználók követhetnek egy adott témakört" +} diff --git a/translations/hy.json b/translations/hy.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/hy.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/id.json b/translations/id.json new file mode 100644 index 0000000..3c2dab7 --- /dev/null +++ b/translations/id.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Warna", + "brand_color_description": "Warna merek untuk elemen navigasi utama", + "brand_color_label": "Warna merek", + "brand_text_color_description": "Warna merek untuk kondisi melayang dan aktif", + "brand_text_color_label": "Warna teks merek", + "text_color_description": "Warna teks untuk elemen bodi dan judul", + "text_color_label": "Warna teks", + "link_color_description": "Warna teks untuk elemen tautan", + "link_color_label": "Warna tautan", + "background_color_description": "Warna latar belakang Pusat Bantuan Anda", + "background_color_label": "Warna latar belakang", + "fonts_group_label": "Font", + "heading_font_description": "Font untuk judul", + "heading_font_label": "Font Judul", + "text_font_description": "Font untuk teks bodi", + "text_font_label": "Font Teks", + "brand_group_label": "Merek", + "logo_description": "Logo perusahaan", + "logo_label": "Logo", + "favicon_description": "Ikon yang ditampilkan pada batang alamat browser Anda", + "favicon_label": "Favicon (Ikon favorit)", + "images_group_label": "Gambar", + "homepage_background_image_description": "Gambar utama pada halaman beranda", + "homepage_background_image_label": "Gambar utama beranda", + "community_background_image_description": "Gambar utama pada halaman topik komunitas", + "community_background_image_label": "Gambar utama komunitas", + "community_image_description": "Gambar bagian komunitas pada halaman beranda", + "community_image_label": "Spanduk komunitas", + "search_group_label": "Pengaturan pencarian", + "instant_search_label": "Pencarian instan", + "instant_search_description": "Tampilkan artikel yang disarankan di pencarian", + "scoped_knowledge_base_search_label": "Pencarian dalam cakupan di Basis Pengetahuan", + "scoped_knowledge_base_search_description": "Hasil pencarian dibatasi untuk kategori yang dimasuki pengguna", + "scoped_community_search_label": "Pencarian dalam cakupan di Komunitas", + "scoped_community_search_description": "Hasil pencarian dibatasi untuk topik yang dimasuki pengguna", + "home_page_group_label": "Elemen halaman beranda", + "recent_activity_label": "Aktivitas terbaru", + "recent_activity_description": "Tampilkan aktivitas terbaru di layar beranda", + "article_page_group_label": "Elemen halaman artikel", + "articles_in_section_label": "Artikel di dalam bagian", + "articles_in_section_description": "Tampilkan bilah samping artikel di dalam bagian", + "article_author_label": "Penulis", + "article_author_description": "Tunjukkan gambar dan nama penulis", + "article_comments_label": "Komentar", + "article_comments_description": "Perlihatkan komentar di artikel", + "follow_article_label": "Ikuti", + "follow_article_description": "Pengguna dapat mengikuti artikel spesifik", + "recently_viewed_articles_label": "Dilihat baru-baru ini", + "recently_viewed_articles_description": "Tampilkan artikel yang dilihat akhir-akhir ini", + "related_articles_label": "Artikel terkait", + "related_articles_description": "Tampilkan artikel terkait", + "article_sharing_label": "Berbagi di media sosial", + "article_sharing_description": "Tampilkan berbagi di media sosial di artikel", + "section_page_group_label": "Elemen halaman bagian", + "follow_section_label": "Ikuti", + "follow_section_description": "Pengguna dapat mengikuti bagian spesifik", + "community_post_group_label": "Elemen posting komunitas", + "follow_post_label": "Ikuti", + "follow_post_description": "Pengguna dapat mengikuti posting spesifik", + "post_sharing_label": "Berbagi di media sosial", + "post_sharing_description": "Tampilkan berbagi di media sosial di posting", + "community_topic_group_label": "Elemen topik komunitas", + "follow_topic_label": "Ikuti", + "follow_topic_description": "Pengguna dapat mengikuti topik spesifik" +} diff --git a/translations/is.json b/translations/is.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/is.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/it.json b/translations/it.json new file mode 100644 index 0000000..c675989 --- /dev/null +++ b/translations/it.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colori", + "brand_color_description": "Colore del brand per i principali elementi di navigazione", + "brand_color_label": "Colore del brand", + "brand_text_color_description": "Colore del brand al passaggio del mouse e per gli stati attivi", + "brand_text_color_label": "Colore testo brand", + "text_color_description": "Colore del corpo del testo e delle intestazioni", + "text_color_label": "Colore testo", + "link_color_description": "Colore del testo per i link", + "link_color_label": "Colore link", + "background_color_description": "Colore di sfondo del Centro assistenza", + "background_color_label": "Colore di sfondo", + "fonts_group_label": "Carattere", + "heading_font_description": "Carattere per intestazioni", + "heading_font_label": "Carattere intestazione", + "text_font_description": "Carattere del testo del corpo", + "text_font_label": "Carattere testo", + "brand_group_label": "Brand", + "logo_description": "Logo azienda", + "logo_label": "Logo", + "favicon_description": "Icona visualizzata nella barra dell’indirizzo del browser", + "favicon_label": "Favicon", + "images_group_label": "Immagini", + "homepage_background_image_description": "Hero image della home page", + "homepage_background_image_label": "Hero image home page", + "community_background_image_description": "Hero image della pagina degli argomenti della community", + "community_background_image_label": "Hero image community", + "community_image_description": "Immagine per la sezione community della home page", + "community_image_label": "Banner community", + "search_group_label": "Impostazioni di ricerca", + "instant_search_label": "Ricerca istantanea", + "instant_search_description": "Mostra articoli suggeriti nella ricerca", + "scoped_knowledge_base_search_label": "Ricerca limitata nella Knowledge base", + "scoped_knowledge_base_search_description": "Risultati di ricerca limitati alla categoria visualizzata dall’utente", + "scoped_community_search_label": "Ricerca limitata nella Community", + "scoped_community_search_description": "Risultati di ricerca limitati all’argomento visualizzato dall’utente", + "home_page_group_label": "Elementi home page", + "recent_activity_label": "Attività recente", + "recent_activity_description": "Mostra attività recente nella home page", + "article_page_group_label": "Elementi pagina articoli", + "articles_in_section_label": "Articoli nella sezione", + "articles_in_section_description": "Mostra barra laterale degli articoli nella sezione", + "article_author_label": "Autore", + "article_author_description": "Mostra immagine e nome autore", + "article_comments_label": "Commenti", + "article_comments_description": "Mostra commenti su articoli", + "follow_article_label": "Segui", + "follow_article_description": "Gli utenti possono seguire un articolo specifico", + "recently_viewed_articles_label": "Visti di recente", + "recently_viewed_articles_description": "Mostra articoli visti di recente", + "related_articles_label": "Articoli correlati", + "related_articles_description": "Mostra articoli correlati", + "article_sharing_label": "Condivisione social media", + "article_sharing_description": "Mostra condivisione sui social media nell’articolo", + "section_page_group_label": "Elementi pagina sezione", + "follow_section_label": "Segui", + "follow_section_description": "Gli utenti possono seguire una sezione specifica", + "community_post_group_label": "Elementi post della community", + "follow_post_label": "Segui", + "follow_post_description": "Gli utenti possono seguire un post specifico", + "post_sharing_label": "Condivisione social media", + "post_sharing_description": "Mostra condivisione sui social media nel post", + "community_topic_group_label": "Elementi argomento della community", + "follow_topic_label": "Segui", + "follow_topic_description": "Gli utenti possono seguire un argomento specifico" +} diff --git a/translations/ja.json b/translations/ja.json new file mode 100644 index 0000000..ffbb048 --- /dev/null +++ b/translations/ja.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "色", + "brand_color_description": "主要なナビゲーション要素のブランドカラー", + "brand_color_label": "ブランドカラー", + "brand_text_color_description": "マウスタッチおよびアクティブ状態のブランドカラー", + "brand_text_color_label": "ブランドのテキストの色", + "text_color_description": "本文および見出し要素のテキストの色", + "text_color_label": "テキストの色", + "link_color_description": "リンク要素のテキストの色", + "link_color_label": "リンクの色", + "background_color_description": "ヘルプセンターの背景色", + "background_color_label": "背景色", + "fonts_group_label": "フォント", + "heading_font_description": "ヘッダーのフォント", + "heading_font_label": "ヘッダーフォント", + "text_font_description": "本文のテキストのフォント", + "text_font_label": "テキストのフォント", + "brand_group_label": "ブランド", + "logo_description": "会社のロゴ", + "logo_label": "ロゴ", + "favicon_description": "ブラウザのアドレスバーに表示するアイコン", + "favicon_label": "ファビコン", + "images_group_label": "画像", + "homepage_background_image_description": "ホームページのトップイメージ", + "homepage_background_image_label": "ホームページトップイメージ", + "community_background_image_description": "コミュニティのトピックページのトップイメージ", + "community_background_image_label": "コミュニティトップイメージ", + "community_image_description": "ホームページのコミュニティセクションの画像", + "community_image_label": "コミュニティバナー", + "search_group_label": "検索設定", + "instant_search_label": "瞬時に検索", + "instant_search_description": "検索時におすすめの記事を表示します", + "scoped_knowledge_base_search_label": "ナレッジベースの範囲限定検索", + "scoped_knowledge_base_search_description": "検索結果はユーザーが閲覧中のカテゴリに限定されます", + "scoped_community_search_label": "コミュニティの範囲限定検索", + "scoped_community_search_description": "検索結果はユーザーが閲覧中のトピックに限定されます", + "home_page_group_label": "ホームページの要素", + "recent_activity_label": "最近のアクティビティ", + "recent_activity_description": "ホームページに最近のアクティビティを表示します", + "article_page_group_label": "記事のページ要素", + "articles_in_section_label": "このセクションの記事", + "articles_in_section_description": "セクション内の記事をサイドバーに表示します", + "article_author_label": "作成者", + "article_author_description": "作成者の画像と名前を表示します", + "article_comments_label": "コメント", + "article_comments_description": "コメントを記事に表示します", + "follow_article_label": "フォローする", + "follow_article_description": "ユーザーは特定の記事のフォローができます", + "recently_viewed_articles_label": "最近表示した記事", + "recently_viewed_articles_description": "最近表示した記事を表示します", + "related_articles_label": "関連記事", + "related_articles_description": "関連記事を表示します", + "article_sharing_label": "ソーシャルメディアへの共有", + "article_sharing_description": "ソーシャルメディアへの共有を記事に表示します", + "section_page_group_label": "セクションページの要素", + "follow_section_label": "フォローする", + "follow_section_description": "ユーザーは特定のセクションのフォローができます", + "community_post_group_label": "コミュニティ投稿の要素", + "follow_post_label": "フォローする", + "follow_post_description": "ユーザーは特定の投稿のフォローができます", + "post_sharing_label": "ソーシャルメディアへの共有", + "post_sharing_description": "ソーシャルメディアへの共有を投稿に表示します", + "community_topic_group_label": "コミュニティトピックの要素", + "follow_topic_label": "フォローする", + "follow_topic_description": "ユーザーは特定のトピックのフォローができます" +} diff --git a/translations/ka.json b/translations/ka.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/ka.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/ko.json b/translations/ko.json new file mode 100644 index 0000000..8a9ab87 --- /dev/null +++ b/translations/ko.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "색", + "brand_color_description": "주요 탐색 요소의 브랜드 색", + "brand_color_label": "브랜드 색", + "brand_text_color_description": "호버 및 활성 상태의 브랜드 색", + "brand_text_color_label": "브랜드 텍스트 색", + "text_color_description": "본문과 머리글 요소의 텍스트 색", + "text_color_label": "텍스트 색", + "link_color_description": "링크 요소의 텍스트 색", + "link_color_label": "링크 색", + "background_color_description": "헬프 센터 배경 색", + "background_color_label": "배경 색", + "fonts_group_label": "글꼴", + "heading_font_description": "머리글의 글꼴", + "heading_font_label": "머리글 글꼴", + "text_font_description": "본문 텍스트의 글꼴", + "text_font_label": "텍스트 글꼴", + "brand_group_label": "브랜드", + "logo_description": "회사 로고", + "logo_label": "로고", + "favicon_description": "브라우저 주소 표시줄에 표시되는 아이콘", + "favicon_label": "파비콘", + "images_group_label": "이미지", + "homepage_background_image_description": "홈 페이지의 히어로 이미지", + "homepage_background_image_label": "홈 히어로 이미지", + "community_background_image_description": "커뮤니티 주제 페이지의 히어로 이미지", + "community_background_image_label": "커뮤니티 히어로 이미지", + "community_image_description": "홈 페이지 커뮤니티 섹션의 이미지", + "community_image_label": "커뮤니티 배너", + "search_group_label": "검색 설정", + "instant_search_label": "바로 검색", + "instant_search_description": "검색 시 추천 문서 표시", + "scoped_knowledge_base_search_label": "지식창고에서만 검색", + "scoped_knowledge_base_search_description": "검색 결과의 범위를 사용자가 속한 카테고리로 제한", + "scoped_community_search_label": "커뮤니티에서만 검색", + "scoped_community_search_description": "검색 결과의 범위를 사용자가 속한 주제로 제한", + "home_page_group_label": "홈 페이지 요소", + "recent_activity_label": "최근 활동", + "recent_activity_description": "홈 페이지에 최근 활동 표시", + "article_page_group_label": "문서 페이지 요소", + "articles_in_section_label": "섹션의 문서", + "articles_in_section_description": "섹션에서 문서의 사이드바 표시", + "article_author_label": "작성자", + "article_author_description": "작성자 이미지 및 이름 표시", + "article_comments_label": "댓글", + "article_comments_description": "문서에서 댓글 표시", + "follow_article_label": "팔로우", + "follow_article_description": "사용자가 특정 문서를 팔로우할 수 있음", + "recently_viewed_articles_label": "최근 본 문서", + "recently_viewed_articles_description": "최근 본 문서 표시", + "related_articles_label": "관련 문서", + "related_articles_description": "관련 문서 표시", + "article_sharing_label": "소셜 공유", + "article_sharing_description": "문서에 소셜 미디어 공유 표시", + "section_page_group_label": "섹션 페이지 요소", + "follow_section_label": "팔로우", + "follow_section_description": "사용자가 특정 섹션을 팔로우할 수 있음", + "community_post_group_label": "커뮤니티 게시물 요소", + "follow_post_label": "팔로우", + "follow_post_description": "사용자가 특정 게시물을 팔로우할 수 있음", + "post_sharing_label": "소셜 공유", + "post_sharing_description": "게시물에 소셜 미디어 공유 표시", + "community_topic_group_label": "커뮤니티 주제 요소", + "follow_topic_label": "팔로우", + "follow_topic_description": "사용자가 특정 주제를 팔로우할 수 있음" +} diff --git a/translations/lt.json b/translations/lt.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/lt.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/lv.json b/translations/lv.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/lv.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/ms.json b/translations/ms.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/ms.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/nl.json b/translations/nl.json new file mode 100644 index 0000000..3116978 --- /dev/null +++ b/translations/nl.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Kleuren", + "brand_color_description": "Kleur van merk voor belangrijke navigatie-elementen", + "brand_color_label": "Kleur van merk", + "brand_text_color_description": "Kleur van merk bij muisaanwijzer laten rusten en actieve statussen", + "brand_text_color_label": "Kleur van merktekst", + "text_color_description": "Tekstkleur voor hoofdtekst en koptekstelementen", + "text_color_label": "Tekstkleur", + "link_color_description": "Tekstkleur voor linkelementen", + "link_color_label": "Kleur van link", + "background_color_description": "Achtergrondkleur van uw Helpcenter", + "background_color_label": "Achtergrondkleur", + "fonts_group_label": "Lettertypen", + "heading_font_description": "Lettertype voor kopteksten", + "heading_font_label": "Lettertype voor kopteksten", + "text_font_description": "Lettertype voor hoofdtekst", + "text_font_label": "Lettertype voor tekst", + "brand_group_label": "Merk", + "logo_description": "Bedrijfslogo", + "logo_label": "Logo", + "favicon_description": "Pictogram dat wordt weergegeven op de adresbalk van uw browser", + "favicon_label": "Favicon", + "images_group_label": "Afbeeldingen", + "homepage_background_image_description": "Hero image op de startpagina", + "homepage_background_image_label": "Hero image startpagina", + "community_background_image_description": "Hero image op de community pagina met onderwerpen", + "community_background_image_label": "Hero image Community", + "community_image_description": "Afbeelding voor het communitygedeelte op de startpagina", + "community_image_label": "Banner voor community", + "search_group_label": "Zoekinstellingen", + "instant_search_label": "Direct zoeken", + "instant_search_description": "Voorgestelde artikelen bij zoekopdrachten weergeven", + "scoped_knowledge_base_search_label": "Gefilterde zoekopdracht in kennisbank", + "scoped_knowledge_base_search_description": "Zoekresultaten zijn beperkt tot de categorie waarbinnen de gebruiker zich bevindt", + "scoped_community_search_label": "Gefilterde zoekopdracht in community", + "scoped_community_search_description": "Zoekresultaten zijn beperkt tot het onderwerp waarbinnen de gebruiker zich bevindt", + "home_page_group_label": "Elementen van startpagina", + "recent_activity_label": "Recente activiteit", + "recent_activity_description": "Recente activiteit op startpagina weergeven", + "article_page_group_label": "Elementen van artikelpagina", + "articles_in_section_label": "Artikelen in sectie", + "articles_in_section_description": "Zijbalk van artikelen in sectie weergeven", + "article_author_label": "Auteur", + "article_author_description": "Afbeelding en naam van auteur weergeven", + "article_comments_label": "Opmerkingen", + "article_comments_description": "Opmerkingen op artikelen weergeven", + "follow_article_label": "Volgen", + "follow_article_description": "Gebruikers kunnen een bepaald artikel volgen", + "recently_viewed_articles_label": "Onlangs bekeken", + "recently_viewed_articles_description": "Onlangs bekeken artikelen weergeven", + "related_articles_label": "Verwante artikelen", + "related_articles_description": "Verwante artikelen weergeven", + "article_sharing_label": "Delen via sociale netwerken", + "article_sharing_description": "Delen van artikel via sociale media weergeven", + "section_page_group_label": "Elementen op sectiepagina", + "follow_section_label": "Volgen", + "follow_section_description": "Gebruikers kunnen een bepaalde sectie volgen", + "community_post_group_label": "Elementen van communitybericht", + "follow_post_label": "Volgen", + "follow_post_description": "Gebruikers kunnen een bepaald bericht volgen", + "post_sharing_label": "Delen via sociale netwerken", + "post_sharing_description": "Delen van bericht via sociale media weergeven", + "community_topic_group_label": "Elementen van communityonderwerp", + "follow_topic_label": "Volgen", + "follow_topic_description": "Gebruikers kunnen een bepaald onderwerp volgen" +} diff --git a/translations/nn.json b/translations/nn.json new file mode 100644 index 0000000..a8308c5 --- /dev/null +++ b/translations/nn.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Farger", + "brand_color_description": "Merkefarge for viktige navigasjonselementer", + "brand_color_label": "Merkefarge", + "brand_text_color_description": "Merkefarge for pekerfølsom og aktiv tilstand", + "brand_text_color_label": "Tekstfarge for merke", + "text_color_description": "Tekstfarge for brødtekst- og topptekstelementer", + "text_color_label": "Tekstfarge", + "link_color_description": "Tekstfarge for lenkeelementer", + "link_color_label": "Lenkefarge", + "background_color_description": "Bakgrunnsfarge i Kundesenter", + "background_color_label": "Bakgrunnsfarge", + "fonts_group_label": "Skrifter", + "heading_font_description": "Skrift for topptekst", + "heading_font_label": "Topptekstskrift", + "text_font_description": "Skrift for brødtekst", + "text_font_label": "Tekstskrift", + "brand_group_label": "Merke", + "logo_description": "Bedriftslogo", + "logo_label": "Logo", + "favicon_description": "Ikon som vises i adresselinjen i nettleseren", + "favicon_label": "Favicon", + "images_group_label": "Bilder", + "homepage_background_image_description": "Bannerbilde på hjemmesiden", + "homepage_background_image_label": "Bannerbilde for hjemmesiden", + "community_background_image_description": "Bannerbilde på siden for nettsamfunnsemner", + "community_background_image_label": "Bannerbilde for nettsamfunn", + "community_image_description": "Bilde for nettsamfunnsdelen på hjemmesiden", + "community_image_label": "Nettsamfunnsfane" +} diff --git a/translations/no.json b/translations/no.json new file mode 100644 index 0000000..3704d90 --- /dev/null +++ b/translations/no.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Farger", + "brand_color_description": "Merkefarge for viktige navigasjonselementer", + "brand_color_label": "Merkefarge", + "brand_text_color_description": "Merkefarge for pekerfølsom og aktiv tilstand", + "brand_text_color_label": "Tekstfarge for merke", + "text_color_description": "Tekstfarge for brødtekst- og topptekstelementer", + "text_color_label": "Tekstfarge", + "link_color_description": "Tekstfarge for lenkeelementer", + "link_color_label": "Lenkefarge", + "background_color_description": "Bakgrunnsfarge i Kundesenter", + "background_color_label": "Bakgrunnsfarge", + "fonts_group_label": "Skrifter", + "heading_font_description": "Skrift for topptekst", + "heading_font_label": "Topptekstskrift", + "text_font_description": "Skrift for brødtekst", + "text_font_label": "Tekstskrift", + "brand_group_label": "Merke", + "logo_description": "Bedriftslogo", + "logo_label": "Logo", + "favicon_description": "Ikon som vises i adresselinjen i nettleseren", + "favicon_label": "Favicon", + "images_group_label": "Bilder", + "homepage_background_image_description": "Bannerbilde på hjemmesiden", + "homepage_background_image_label": "Bannerbilde for hjemmesiden", + "community_background_image_description": "Bannerbilde på siden for nettsamfunnsemner", + "community_background_image_label": "Bannerbilde for nettsamfunn", + "community_image_description": "Bilde for nettsamfunnsdelen på hjemmesiden", + "community_image_label": "Nettsamfunnsfane", + "search_group_label": "Søk-innstillinger", + "instant_search_label": "Øyeblikkelig søk", + "instant_search_description": "Vis foreslåtte artikler i søk", + "scoped_knowledge_base_search_label": "Begrenset søk i Kunnskapsbase", + "scoped_knowledge_base_search_description": "Søkeresultater er begrenset til kategorien brukeren er i", + "scoped_community_search_label": "Begrenset søk i Nettsamfunn", + "scoped_community_search_description": "Søkeresultater er begrenset til emnet brukeren er i", + "home_page_group_label": "Hjemmesideelementer", + "recent_activity_label": "Nylig aktivitet", + "recent_activity_description": "Vis nylig aktivitet på hjemmesiden", + "article_page_group_label": "Artikkelsideelementer", + "articles_in_section_label": "Artikler i seksjonen", + "articles_in_section_description": "Vis sidefelt med artikler i seksjonen", + "article_author_label": "Forfatter", + "article_author_description": "Vis forfatterens bilde og navn", + "article_comments_label": "Kommentarer", + "article_comments_description": "Vis kommentarer på artikler", + "follow_article_label": "Følg", + "follow_article_description": "Brukere kan følge en bestemt artikkel", + "recently_viewed_articles_label": "Nylig vist", + "recently_viewed_articles_description": "Vis nylig viste artikler", + "related_articles_label": "Relaterte artikler", + "related_articles_description": "Vis relaterte artikler", + "article_sharing_label": "Deling i sosiale medier", + "article_sharing_description": "Vis hvordan artikkel er delt i sosiale medier", + "section_page_group_label": "Seksjonssideelementer", + "follow_section_label": "Følg", + "follow_section_description": "Brukere kan følge en bestemt seksjon", + "community_post_group_label": "Elementer for nettsamfunninnlegg", + "follow_post_label": "Følg", + "follow_post_description": "Brukere kan følge et bestemt innlegg", + "post_sharing_label": "Deling i sosiale medier", + "post_sharing_description": "Vis hvordan innlegg er delt i sosiale medier", + "community_topic_group_label": "Elementer for nettsamfunnemner", + "follow_topic_label": "Følg", + "follow_topic_description": "Brukere kan følge et bestemt emne" +} diff --git a/translations/pl.json b/translations/pl.json new file mode 100644 index 0000000..4f366e3 --- /dev/null +++ b/translations/pl.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Kolory", + "brand_color_description": "Kolor marki dla najważniejszych elementów nawigacyjnych", + "brand_color_label": "Kolor marki", + "brand_text_color_description": "Kolor marki dla stanu zatrzymania wskaźnika myszy i aktywności", + "brand_text_color_label": "Kolor tekstu marki", + "text_color_description": "Kolor tekstu elementów treści i nagłówków", + "text_color_label": "Kolor tekstu", + "link_color_description": "Kolor tekstu elementów łączy", + "link_color_label": "Kolor łączy", + "background_color_description": "Kolor tła Centrum pomocy", + "background_color_label": "Kolor tła", + "fonts_group_label": "Czcionki", + "heading_font_description": "Czcionka nagłówków", + "heading_font_label": "Czcionka nagłówków", + "text_font_description": "Czcionka tekstu treści", + "text_font_label": "Czcionka tekstu", + "brand_group_label": "Marka", + "logo_description": "Logo firmy", + "logo_label": "Logo", + "favicon_description": "Ikona wyświetlana w pasku adresu przeglądarki", + "favicon_label": "Favicon", + "images_group_label": "Obrazy", + "homepage_background_image_description": "Obraz główny na stronie głównej", + "homepage_background_image_label": "Obraz główny strony głównej", + "community_background_image_description": "Obraz główny na stronie tematów społeczności", + "community_background_image_label": "Obraz główny społeczności", + "community_image_description": "Obraz sekcji społeczności na stronie głównej", + "community_image_label": "Baner społeczności", + "search_group_label": "Ustawienia wyszukiwania", + "instant_search_label": "Błyskawiczne wyszukiwanie", + "instant_search_description": "Pokaż proponowane artykuły podczas wyszukiwania", + "scoped_knowledge_base_search_label": "Filtrowane wyszukiwanie w bazie wiedzy", + "scoped_knowledge_base_search_description": "Wyniki wyszukiwania są zawężone do kategorii, w której znajduje się użytkownik", + "scoped_community_search_label": "Filtrowane wyszukiwanie w społeczności", + "scoped_community_search_description": "Wyniki wyszukiwania są zawężone do tematu, w którym znajduje się użytkownik", + "home_page_group_label": "Elementy strony głównej", + "recent_activity_label": "Ostatnia aktywność", + "recent_activity_description": "Pokaż ostatnią aktywność na stronie głównej", + "article_page_group_label": "Elementy strony artykułu", + "articles_in_section_label": "Artykuły w sekcji", + "articles_in_section_description": "Pokaż pasek boczny artykułów w sekcji", + "article_author_label": "Autor", + "article_author_description": "Pokaż obraz oraz imię i nazwisko autora", + "article_comments_label": "Komentarze", + "article_comments_description": "Pokaż komentarze do artykułów", + "follow_article_label": "Obserwuj", + "follow_article_description": "Użytkownicy mogą obserwować wybrany artykuł", + "recently_viewed_articles_label": "Ostatnio wyświetlane", + "recently_viewed_articles_description": "Pokaż ostatnio wyświetlane artykuły", + "related_articles_label": "Powiązane artykuły", + "related_articles_description": "Pokaż powiązane artykuły", + "article_sharing_label": "Udostępnianie społecznościowe", + "article_sharing_description": "Pokaż udostępnienia artykułu w mediach społecznościowych", + "section_page_group_label": "Elementy strony sekcji", + "follow_section_label": "Obserwuj", + "follow_section_description": "Użytkownicy mogą obserwować wybraną sekcję", + "community_post_group_label": "Elementy wpisów w społeczności", + "follow_post_label": "Obserwuj", + "follow_post_description": "Użytkownicy mogą obserwować wybrany wpis", + "post_sharing_label": "Udostępnianie społecznościowe", + "post_sharing_description": "Pokaż udostępnienia wpisu w mediach społecznościowych", + "community_topic_group_label": "Elementy tematów w społeczności", + "follow_topic_label": "Obserwuj", + "follow_topic_description": "Użytkownicy mogą obserwować wybrany temat" +} diff --git a/translations/pt-br.json b/translations/pt-br.json new file mode 100644 index 0000000..f60c15e --- /dev/null +++ b/translations/pt-br.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Cores", + "brand_color_description": "Cor da marca para os principais elementos da navegação", + "brand_color_label": "Cor da marca", + "brand_text_color_description": "Cor da marca para passagem do mouse e outros estados ativos", + "brand_text_color_label": "Cor do texto da marca", + "text_color_description": "Cor do texto para elementos do cabeçalho e corpo", + "text_color_label": "Cor do texto", + "link_color_description": "Cor do texto para elementos de link", + "link_color_label": "Cor do link", + "background_color_description": "Cor do plano de fundo da sua Central de Ajuda", + "background_color_label": "Cor do plano de fundo", + "fonts_group_label": "Fontes", + "heading_font_description": "Fonte para os cabeçalhos", + "heading_font_label": "Fonte do cabeçalho", + "text_font_description": "Fonte do texto do corpo", + "text_font_label": "Fonte do texto", + "brand_group_label": "Marca", + "logo_description": "Logotipo da empresa", + "logo_label": "Logotipo", + "favicon_description": "Ícone exibido na barra de endereços do seu navegador", + "favicon_label": "Favicon", + "images_group_label": "Imagens", + "homepage_background_image_description": "Imagem principal na página inicial", + "homepage_background_image_label": "Imagem principal inicial", + "community_background_image_description": "Imagem principal na página de tópicos da comunidade", + "community_background_image_label": "Imagem principal da comunidade", + "community_image_description": "Imagem da seção da comunidade na página inicial", + "community_image_label": "Banner da comunidade", + "search_group_label": "Configurações de pesquisa", + "instant_search_label": "Pesquisa instantânea", + "instant_search_description": "Mostrar artigos sugeridos na pesquisa", + "scoped_knowledge_base_search_label": "Pesquisa dentro do escopo na base de conhecimento", + "scoped_knowledge_base_search_description": "Os resultados da pesquisa estão restritos à categoria que o usuário está visitando", + "scoped_community_search_label": "Pesquisa dentro do escopo na Comunidade", + "scoped_community_search_description": "Os resultados da pesquisa estão restritos ao tópico que o usuário está visitando", + "home_page_group_label": "Elementos da página inicial", + "recent_activity_label": "Atividade recente", + "recent_activity_description": "Mostrar atividade recente na página inicial", + "article_page_group_label": "Elementos da página do artigo", + "articles_in_section_label": "Artigos nessa seção", + "articles_in_section_description": "Mostrar barra lateral de artigos na seção", + "article_author_label": "Autor", + "article_author_description": "Mostrar nome e foto do autor", + "article_comments_label": "Comentários", + "article_comments_description": "Mostrar comentários nos artigos", + "follow_article_label": "Seguir", + "follow_article_description": "Os usuários podem seguir um artigo específico", + "recently_viewed_articles_label": "Visualizados recentemente", + "recently_viewed_articles_description": "Mostrar artigos visualizados recentemente", + "related_articles_label": "Artigos relacionados", + "related_articles_description": "Mostrar artigos relacionados", + "article_sharing_label": "Compartilhamento em redes sociais", + "article_sharing_description": "Mostrar opções de compartilhamento em redes sociais no artigo", + "section_page_group_label": "Elementos da página da seção", + "follow_section_label": "Seguir", + "follow_section_description": "Os usuários podem seguir uma seção específica", + "community_post_group_label": "Elementos da publicação da comunidade", + "follow_post_label": "Seguir", + "follow_post_description": "Os usuários podem seguir uma publicação específica", + "post_sharing_label": "Compartilhamento em redes sociais", + "post_sharing_description": "Mostrar opções de compartilhamento em redes sociais na publicação", + "community_topic_group_label": "Elementos do tópico da comunidade", + "follow_topic_label": "Seguir", + "follow_topic_description": "Os usuários podem seguir um tópico específico" +} diff --git a/translations/pt.json b/translations/pt.json new file mode 100644 index 0000000..f60c15e --- /dev/null +++ b/translations/pt.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Cores", + "brand_color_description": "Cor da marca para os principais elementos da navegação", + "brand_color_label": "Cor da marca", + "brand_text_color_description": "Cor da marca para passagem do mouse e outros estados ativos", + "brand_text_color_label": "Cor do texto da marca", + "text_color_description": "Cor do texto para elementos do cabeçalho e corpo", + "text_color_label": "Cor do texto", + "link_color_description": "Cor do texto para elementos de link", + "link_color_label": "Cor do link", + "background_color_description": "Cor do plano de fundo da sua Central de Ajuda", + "background_color_label": "Cor do plano de fundo", + "fonts_group_label": "Fontes", + "heading_font_description": "Fonte para os cabeçalhos", + "heading_font_label": "Fonte do cabeçalho", + "text_font_description": "Fonte do texto do corpo", + "text_font_label": "Fonte do texto", + "brand_group_label": "Marca", + "logo_description": "Logotipo da empresa", + "logo_label": "Logotipo", + "favicon_description": "Ícone exibido na barra de endereços do seu navegador", + "favicon_label": "Favicon", + "images_group_label": "Imagens", + "homepage_background_image_description": "Imagem principal na página inicial", + "homepage_background_image_label": "Imagem principal inicial", + "community_background_image_description": "Imagem principal na página de tópicos da comunidade", + "community_background_image_label": "Imagem principal da comunidade", + "community_image_description": "Imagem da seção da comunidade na página inicial", + "community_image_label": "Banner da comunidade", + "search_group_label": "Configurações de pesquisa", + "instant_search_label": "Pesquisa instantânea", + "instant_search_description": "Mostrar artigos sugeridos na pesquisa", + "scoped_knowledge_base_search_label": "Pesquisa dentro do escopo na base de conhecimento", + "scoped_knowledge_base_search_description": "Os resultados da pesquisa estão restritos à categoria que o usuário está visitando", + "scoped_community_search_label": "Pesquisa dentro do escopo na Comunidade", + "scoped_community_search_description": "Os resultados da pesquisa estão restritos ao tópico que o usuário está visitando", + "home_page_group_label": "Elementos da página inicial", + "recent_activity_label": "Atividade recente", + "recent_activity_description": "Mostrar atividade recente na página inicial", + "article_page_group_label": "Elementos da página do artigo", + "articles_in_section_label": "Artigos nessa seção", + "articles_in_section_description": "Mostrar barra lateral de artigos na seção", + "article_author_label": "Autor", + "article_author_description": "Mostrar nome e foto do autor", + "article_comments_label": "Comentários", + "article_comments_description": "Mostrar comentários nos artigos", + "follow_article_label": "Seguir", + "follow_article_description": "Os usuários podem seguir um artigo específico", + "recently_viewed_articles_label": "Visualizados recentemente", + "recently_viewed_articles_description": "Mostrar artigos visualizados recentemente", + "related_articles_label": "Artigos relacionados", + "related_articles_description": "Mostrar artigos relacionados", + "article_sharing_label": "Compartilhamento em redes sociais", + "article_sharing_description": "Mostrar opções de compartilhamento em redes sociais no artigo", + "section_page_group_label": "Elementos da página da seção", + "follow_section_label": "Seguir", + "follow_section_description": "Os usuários podem seguir uma seção específica", + "community_post_group_label": "Elementos da publicação da comunidade", + "follow_post_label": "Seguir", + "follow_post_description": "Os usuários podem seguir uma publicação específica", + "post_sharing_label": "Compartilhamento em redes sociais", + "post_sharing_description": "Mostrar opções de compartilhamento em redes sociais na publicação", + "community_topic_group_label": "Elementos do tópico da comunidade", + "follow_topic_label": "Seguir", + "follow_topic_description": "Os usuários podem seguir um tópico específico" +} diff --git a/translations/ro.json b/translations/ro.json new file mode 100644 index 0000000..2e37268 --- /dev/null +++ b/translations/ro.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Culori", + "brand_color_description": "Culoarea de marcă pentru principalele elemente de navigare", + "brand_color_label": "Culoare de marcă", + "brand_text_color_description": "Culoarea de marcă pentru starea de trecere cu mouse-ul și cea activă", + "brand_text_color_label": "Culoare de marcă text", + "text_color_description": "Culoarea textului pentru elementele tip corp și antet", + "text_color_label": "Culoare text", + "link_color_description": "Culoarea textului pentru elementele tip link", + "link_color_label": "Culoare link", + "background_color_description": "Culoarea de fundal a Centrului de asistență", + "background_color_label": "Culoare fundal", + "fonts_group_label": "Fonturi", + "heading_font_description": "Font pentru antete", + "heading_font_label": "Font antet", + "text_font_description": "Font pentru corpul textului", + "text_font_label": "Font text", + "brand_group_label": "Marcă", + "logo_description": "Siglă companie", + "logo_label": "Siglă", + "favicon_description": "Pictogramă afișată în bara de adresă a browserului", + "favicon_label": "Favicon", + "images_group_label": "Imagini", + "homepage_background_image_description": "Imagine centrală pe pagina de pornire", + "homepage_background_image_label": "Imagine centrală pornire", + "community_background_image_description": "Imagine centrală pe pagina de subiecte a comunității", + "community_background_image_label": "Imagine centrală comunitate", + "community_image_description": "Imagine pentru secțiunea comunitate de pe pagina de pornire", + "community_image_label": "Banner comunitate", + "search_group_label": "Setări căutare", + "instant_search_label": "Căutare instantanee", + "instant_search_description": "Afișare articole sugerate la căutare", + "scoped_knowledge_base_search_label": "Căutare filtrată în Baza de cunoștințe", + "scoped_knowledge_base_search_description": "Rezultatele căutării sunt limitate la categoria în care se află utilizatorul", + "scoped_community_search_label": "Căutare filtrată în Comunitate", + "scoped_community_search_description": "Rezultatele căutării sunt limitate la subiectul în care se află utilizatorul", + "home_page_group_label": "Elemente pagină de pornire", + "recent_activity_label": "Activitate recentă", + "recent_activity_description": "Afișare activitate recentă pe pagina de pornire", + "article_page_group_label": "Elemente pagină de articol", + "articles_in_section_label": "Articole în secțiune", + "articles_in_section_description": "Afișare bara laterală a articolelor în secțiune", + "article_author_label": "Autor", + "article_author_description": "Afișare fotografie și nume autor", + "article_comments_label": "Comentarii", + "article_comments_description": "Afișare comentarii la articole", + "follow_article_label": "Urmăresc", + "follow_article_description": "Utilizatorii pot urmări un anumit articol", + "recently_viewed_articles_label": "Vizualizate recent", + "recently_viewed_articles_description": "Afișare articole vizualizate recent", + "related_articles_label": "Articole conexe", + "related_articles_description": "Afișare articole conexe", + "article_sharing_label": "Partajare în mediile de socializare", + "article_sharing_description": "Afișare partajare în mediile de socializare la articol", + "section_page_group_label": "Elemente pagină de secțiune", + "follow_section_label": "Urmăresc", + "follow_section_description": "Utilizatorii pot urmări o anumită secțiune", + "community_post_group_label": "Elemente postare în Comunitate", + "follow_post_label": "Urmăresc", + "follow_post_description": "Utilizatorii pot urmări o anumită postare", + "post_sharing_label": "Partajare în mediile de socializare", + "post_sharing_description": "Afișare partajare în mediile de socializare la postare", + "community_topic_group_label": "Elemente subiect în Comunitate", + "follow_topic_label": "Urmăresc", + "follow_topic_description": "Utilizatorii pot urmări un anumit subiect" +} diff --git a/translations/ru.json b/translations/ru.json new file mode 100644 index 0000000..b10ad93 --- /dev/null +++ b/translations/ru.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Цвета", + "brand_color_description": "Цвет бренда для основных навигационных элементов", + "brand_color_label": "Цвет бренда", + "brand_text_color_description": "Цвет бренда при наведении и в активном состоянии", + "brand_text_color_label": "Цвет бренда для текста", + "text_color_description": "Цвет элементов основного текста и текста заголовков", + "text_color_label": "Цвет текста", + "link_color_description": "Цвет текста для элементов ссылок", + "link_color_label": "Цвет ссылки", + "background_color_description": "Цвет фона Справочного центра", + "background_color_label": "Цвет фона", + "fonts_group_label": "Шрифты", + "heading_font_description": "Шрифт для заголовков", + "heading_font_label": "Шрифт заголовка", + "text_font_description": "Шрифт основного текста", + "text_font_label": "Шрифт текста", + "brand_group_label": "Бренд", + "logo_description": "Логотип компании", + "logo_label": "Логотип", + "favicon_description": "Значок, который отображается в адресной строке браузера", + "favicon_label": "Значок", + "images_group_label": "Изображения", + "homepage_background_image_description": "Изображение героя на главной странице", + "homepage_background_image_label": "Изображение героя — главная", + "community_background_image_description": "Изображение героя на странице тем сообщества", + "community_background_image_label": "Изображение героя — сообщество", + "community_image_description": "Изображение для раздела сообщества на главной странице", + "community_image_label": "Баннер сообщества", + "search_group_label": "Настройки поиска", + "instant_search_label": "Мгновенный поиск", + "instant_search_description": "Показывать рекомендуемые статьи при поиске", + "scoped_knowledge_base_search_label": "Ограниченный поиск в базе знаний", + "scoped_knowledge_base_search_description": "Результаты поиска ограничены категорией, в которой находится пользователь", + "scoped_community_search_label": "Ограниченный поиск в сообществе", + "scoped_community_search_description": "Результаты поиска ограничены темой, в которой находится пользователь", + "home_page_group_label": "Элементы главной страницы", + "recent_activity_label": "Последние действия", + "recent_activity_description": "Показывать последние действия на главной странице", + "article_page_group_label": "Элементы страницы статьи", + "articles_in_section_label": "Статьи в разделе", + "articles_in_section_description": "Показывать боковую панель статей в разделе", + "article_author_label": "Автор", + "article_author_description": "Показывать изображение и имя автора", + "article_comments_label": "Комментарии", + "article_comments_description": "Показывать комментарии к статьям", + "follow_article_label": "Подписаться", + "follow_article_description": "Пользователи могут подписаться на определенную статью", + "recently_viewed_articles_label": "Недавно просмотренные", + "recently_viewed_articles_description": "Показывать недавно просмотренные статьи", + "related_articles_label": "Похожие статьи", + "related_articles_description": "Показывать похожие статьи", + "article_sharing_label": "Социальные сети", + "article_sharing_description": "Показывать, в каких социальных сетях опубликована статья", + "section_page_group_label": "Элементы страницы раздела", + "follow_section_label": "Подписаться", + "follow_section_description": "Пользователи могут подписаться на определенный раздел", + "community_post_group_label": "Элементы публикации в сообществе", + "follow_post_label": "Подписаться", + "follow_post_description": "Пользователи могут подписаться на определенную публикацию", + "post_sharing_label": "Социальные сети", + "post_sharing_description": "Показывать социальные сети, в которых опубликована публикация", + "community_topic_group_label": "Элементы темы в сообществе", + "follow_topic_label": "Подписаться", + "follow_topic_description": "Пользователи могут подписаться на определенную тему" +} diff --git a/translations/sk.json b/translations/sk.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/sk.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/sl.json b/translations/sl.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/sl.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/sr.json b/translations/sr.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/sr.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/sv.json b/translations/sv.json new file mode 100644 index 0000000..8cce35a --- /dev/null +++ b/translations/sv.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Färger", + "brand_color_description": "Märkets färg för viktiga navigeringselement", + "brand_color_label": "Märkets färg", + "brand_text_color_description": "Märkets färg för hovring och aktiva tillstånd", + "brand_text_color_label": "Märkets textfärg", + "text_color_description": "Textfärg för brödtext- och rubrikelement", + "text_color_label": "Textfärg", + "link_color_description": "Textfärg för länkelement", + "link_color_label": "Länkfärg", + "background_color_description": "Bakgrundsfärg för ditt Helpcenter", + "background_color_label": "Bakgrundsfärg", + "fonts_group_label": "Typsnitt", + "heading_font_description": "Typsnitt för rubriker", + "heading_font_label": "Rubriktypsnitt", + "text_font_description": "Typsnitt för brödtext", + "text_font_label": "Texttypsnitt", + "brand_group_label": "Märke", + "logo_description": "Företagets logotyp", + "logo_label": "Logotyp", + "favicon_description": "Ikon som visas i webbläsarens adressfält", + "favicon_label": "Favikon", + "images_group_label": "Bilder", + "homepage_background_image_description": "Fokusbild på hemsidan", + "homepage_background_image_label": "Hemsidans fokusbild", + "community_background_image_description": "Fokusbild på sidan med communityämnen", + "community_background_image_label": "Communityfokusbild", + "community_image_description": "Bild för hemsidans communityavsnitt", + "community_image_label": "Communitybanér", + "search_group_label": "Sökinställningar", + "instant_search_label": "Omedelbar sökning", + "instant_search_description": "Visa föreslagna artiklar vid sökning", + "scoped_knowledge_base_search_label": "Begränsad sökning i kunskapsbasen", + "scoped_knowledge_base_search_description": "Sökresultaten begränsas till den kategori användaren befinner sig i", + "scoped_community_search_label": "Begränsad sökning i communityn", + "scoped_community_search_description": "Sökresultaten begränsas till det ämne användaren befinner sig i", + "home_page_group_label": "Element på hemsidan", + "recent_activity_label": "Senaste aktiviteter", + "recent_activity_description": "Visa senaste aktiviteter på hemsidan", + "article_page_group_label": "Element på artikelsidan", + "articles_in_section_label": "Artiklar i avsnittet", + "articles_in_section_description": "Visa sidopanel med artiklar i avsnittet", + "article_author_label": "Författare", + "article_author_description": "Visa författarens bild och namn", + "article_comments_label": "Kommentarer", + "article_comments_description": "Visa samtliga artikelkommentarer", + "follow_article_label": "Följ", + "follow_article_description": "Användare kan följa en specifik artikel", + "recently_viewed_articles_label": "Senast visade", + "recently_viewed_articles_description": "Visa senast visade artiklar", + "related_articles_label": "Relaterade artiklar", + "related_articles_description": "Visa relaterade artiklar", + "article_sharing_label": "Social delning", + "article_sharing_description": "Visa delning på sociala medier i artikeln", + "section_page_group_label": "Element på sidavsnitt", + "follow_section_label": "Följ", + "follow_section_description": "Användare kan följa ett specifikt avsnitt", + "community_post_group_label": "Element i communityinlägg", + "follow_post_label": "Följ", + "follow_post_description": "Användare kan följa ett specifikt inlägg", + "post_sharing_label": "Social delning", + "post_sharing_description": "Visa delning på sociala medier i inlägg", + "community_topic_group_label": "Element i communityärenden", + "follow_topic_label": "Följ", + "follow_topic_description": "Användare kan följa ett specifikt ämne" +} diff --git a/translations/th.json b/translations/th.json new file mode 100644 index 0000000..570b8ad --- /dev/null +++ b/translations/th.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "สี", + "brand_color_description": "สีแบรนด์สำหรับองค์ประกอบการนำทางหลัก", + "brand_color_label": "สีแบรนด์", + "brand_text_color_description": "สีแบรนด์สำหรับสถานะวางเมาส์และใช้งาน", + "brand_text_color_label": "สีข้อความแบรนด์", + "text_color_description": "สีข้อความสำหรับองค์ประกอบเนื้อหาและส่วนหัว", + "text_color_label": "สีข้อความ", + "link_color_description": "สีข้อความสำหรับองค์ประกอบลิงก์", + "link_color_label": "สีลิงก์", + "background_color_description": "สีพื้นหลังของศูนย์ความช่วยเหลือของคุณ", + "background_color_label": "สีพื้นหลัง", + "fonts_group_label": "ฟอนต์", + "heading_font_description": "ฟอนต์สำหรับส่วนหัว", + "heading_font_label": "ฟอนต์ส่วนหัว", + "text_font_description": "ฟอนต์สำหรับข้อความของเนื้อหา", + "text_font_label": "ฟอนต์ข้อความ", + "brand_group_label": "แบรนด์", + "logo_description": "โลโก้บริษัท", + "logo_label": "โลโก้", + "favicon_description": "ไอคอนที่แสดงในแถบที่อยู่ของเบราว์เซอร์ของคุณ", + "favicon_label": "Favicon", + "images_group_label": "รูปภาพ", + "homepage_background_image_description": "รูปภาพฮีโร่ในหน้าหลัก", + "homepage_background_image_label": "รูปภาพฮีโร่หน้าหลัก", + "community_background_image_description": "รูปภาพฮีโร่ในหน้าหัวข้อของชุมชน", + "community_background_image_label": "รูปภาพฮีโร่ของชุมชน", + "community_image_description": "รูปภาพสำหรับส่วนชุมชนในหน้าหลัก", + "community_image_label": "แบนเนอร์ชุมชน", + "search_group_label": "การตั้งค่าการค้นหา", + "instant_search_label": "การค้นหาโดยทันที", + "instant_search_description": "แสดงบทความที่แนะนำบนการค้นหา", + "scoped_knowledge_base_search_label": "ขอบเขตการค้นหาในฐานความรู้", + "scoped_knowledge_base_search_description": "ผลการค้นหาจะจำกัดเฉพาะหมวดหมู่ที่ผู้ใช้สนใจ", + "scoped_community_search_label": "ขอบเขตการค้นหาในชุมชน", + "scoped_community_search_description": "ผลการค้นหาจะจำกัดเฉพาะหัวข้อที่ผู้ใช้สนใจ", + "home_page_group_label": "องค์ประกอบของหน้าหลัก", + "recent_activity_label": "กิจกรรมเมื่อเร็วๆ นี้", + "recent_activity_description": "แสดงกิจกรรมเมื่อเร็วๆ นี้บนหน้าหลัก", + "article_page_group_label": "องค์ประกอบของหน้าบทความ", + "articles_in_section_label": "บทความในหมวด", + "articles_in_section_description": "แสดงแถบด้านข้างของบทความในหมวด", + "article_author_label": "ผู้เขียน", + "article_author_description": "แสดงรูปและชื่อของผู้เขียน", + "article_comments_label": "ข้อคิดเห็น", + "article_comments_description": "แสดงข้อคิดเห็นบนบทความ", + "follow_article_label": "ติดตาม", + "follow_article_description": "ผู้ใช้สามารถติดตามบทความที่เฉพาะเจาะจงได้", + "recently_viewed_articles_label": "ดูล่าสุด", + "recently_viewed_articles_description": "แสดงบทความที่ดูล่าสุด", + "related_articles_label": "บทความที่เกี่ยวข้อง", + "related_articles_description": "แสดงบทความที่เกี่ยวข้อง", + "article_sharing_label": "การแชร์ทางโซเชียล", + "article_sharing_description": "แสดงการแชร์ทางโซเชียลมีเดียบนบทความ", + "section_page_group_label": "องค์ประกอบของหน้าหมวด", + "follow_section_label": "ติดตาม", + "follow_section_description": "ผู้ใช้สามารถติดตามหมวดที่เฉพาะเจาะจงได้", + "community_post_group_label": "องค์ประกอบหน้าโพสต์ของชุมชน", + "follow_post_label": "ติดตาม", + "follow_post_description": "ผู้ใช้สามารถติดตามโพสต์ที่เฉพาะเจาะจงได้", + "post_sharing_label": "การแชร์ทางโซเชียล", + "post_sharing_description": "แสดงการแชร์ทางโซเชียลมีเดียบนโพสต์", + "community_topic_group_label": "องค์ประกอบหัวข้อของชุมชน", + "follow_topic_label": "ติดตาม", + "follow_topic_description": "ผู้ใช้สามารถติดตามหัวข้อที่เฉพาะเจาะจงได้" +} diff --git a/translations/tl.json b/translations/tl.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/tl.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/tr.json b/translations/tr.json new file mode 100644 index 0000000..b8f4b49 --- /dev/null +++ b/translations/tr.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Renkler", + "brand_color_description": "Temel gezinti öğeleri için marka rengi", + "brand_color_label": "Marka rengi", + "brand_text_color_description": "Üzerine gelme ve aktif durumlar için marka rengi", + "brand_text_color_label": "Marka metin rengi", + "text_color_description": "Gövde ve başlık öğeleri için metin rengi", + "text_color_label": "Metin rengi", + "link_color_description": "Bağlantı öğeleri için metin rengi", + "link_color_label": "Bağlantı rengi", + "background_color_description": "Yardım Merkezi'nizin arka plan rengi", + "background_color_label": "Arka plan rengi", + "fonts_group_label": "Yazı tipleri", + "heading_font_description": "Başlıklar için yazı tipi", + "heading_font_label": "Başlık Yazı Tipi", + "text_font_description": "Gövde metninin yazı tipi", + "text_font_label": "Metin Yazı Tipi", + "brand_group_label": "Marka", + "logo_description": "Şirket logosu", + "logo_label": "Logo", + "favicon_description": "Tarayıcınızın adres çubuğunda görüntülenen simge", + "favicon_label": "Site simgesi", + "images_group_label": "Resimler", + "homepage_background_image_description": "Ana sayfadaki büyük başlık resmi", + "homepage_background_image_label": "Ana sayfa büyük başlık resmi", + "community_background_image_description": "Topluluk konuları sayfasındaki büyük başlık resmi", + "community_background_image_label": "Topluluk büyük başlık resmi", + "community_image_description": "Ana sayfadaki topluluk bölümü için resim", + "community_image_label": "Topluluk başlık resmi", + "search_group_label": "Arama ayarları", + "instant_search_label": "Anında arama", + "instant_search_description": "Aramada önerilen makaleleri göster", + "scoped_knowledge_base_search_label": "Bilgi Bankasında kapsamı belirli arama", + "scoped_knowledge_base_search_description": "Arama sonuçları, kullanıcının içinde bulunduğu kategoriyle sınırlıdır", + "scoped_community_search_label": "Toplulukta kapsamı belirli arama", + "scoped_community_search_description": "Arama sonuçları, kullanıcının içinde bulunduğu konuyla sınırlıdır", + "home_page_group_label": "Ana sayfa öğeleri", + "recent_activity_label": "Son faaliyet", + "recent_activity_description": "Ana sayfada son faaliyeti göster", + "article_page_group_label": "Makale sayfası öğeleri", + "articles_in_section_label": "Bölümdeki makaleler", + "articles_in_section_description": "Bölümde makaleler yan çubuğunu göster", + "article_author_label": "Yazar", + "article_author_description": "Yazarın resmini ve adını göster", + "article_comments_label": "Yorumlar", + "article_comments_description": "Makalelerde yorumları göster", + "follow_article_label": "Takip et", + "follow_article_description": "Kullanıcılar belirli bir makaleyi takip edebilir", + "recently_viewed_articles_label": "Yakında görüntülenenler", + "recently_viewed_articles_description": "Yakında görüntülenen makaleleri göster", + "related_articles_label": "İlgili makaleler", + "related_articles_description": "İlgili makaleleri göster", + "article_sharing_label": "Sosyal paylaşım", + "article_sharing_description": "Makalede sosyal medya paylaşımını göster", + "section_page_group_label": "Bölüm sayfası öğeleri", + "follow_section_label": "Takip et", + "follow_section_description": "Kullanıcılar belirli bir bölümü takip edebilir", + "community_post_group_label": "Topluluk gönderisi öğeleri", + "follow_post_label": "Takip et", + "follow_post_description": "Kullanıcılar belirli bir gönderiyi takip edebilir", + "post_sharing_label": "Sosyal paylaşım", + "post_sharing_description": "Gönderide sosyal medya paylaşımını göster", + "community_topic_group_label": "Topluluk konu başlığı öğeleri", + "follow_topic_label": "Takip et", + "follow_topic_description": "Kullanıcılar belirli bir konu başlığını takip edebilir" +} diff --git a/translations/uk.json b/translations/uk.json new file mode 100644 index 0000000..492b3c3 --- /dev/null +++ b/translations/uk.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner", + "search_group_label": "Search settings", + "instant_search_label": "Instant search", + "instant_search_description": "Show suggested articles on search", + "scoped_knowledge_base_search_label": "Scoped search in Knowledge Base", + "scoped_knowledge_base_search_description": "Search results are confined to the category the user is in", + "scoped_community_search_label": "Scoped search in Community", + "scoped_community_search_description": "Search results are confined to the topic the user is in", + "home_page_group_label": "Home page elements", + "recent_activity_label": "Recent activity", + "recent_activity_description": "Show recent activity on home page", + "article_page_group_label": "Article page elements", + "articles_in_section_label": "Articles in section", + "articles_in_section_description": "Show sidebar of articles in section", + "article_author_label": "Author", + "article_author_description": "Show author image and name", + "article_comments_label": "Comments", + "article_comments_description": "Show comments on articles", + "follow_article_label": "Follow", + "follow_article_description": "Users can follow a specific article", + "recently_viewed_articles_label": "Recently viewed", + "recently_viewed_articles_description": "Show recently viewed articles", + "related_articles_label": "Related articles", + "related_articles_description": "Show related articles", + "article_sharing_label": "Social sharing", + "article_sharing_description": "Show social media sharing on article", + "section_page_group_label": "Section page elements", + "follow_section_label": "Follow", + "follow_section_description": "Users can follow a specific section", + "community_post_group_label": "Community post elements", + "follow_post_label": "Follow", + "follow_post_description": "Users can follow a specific post", + "post_sharing_label": "Social sharing", + "post_sharing_description": "Show social media sharing on post", + "community_topic_group_label": "Community topic elements", + "follow_topic_label": "Follow", + "follow_topic_description": "Users can follow a specific topic" +} diff --git a/translations/ur.json b/translations/ur.json new file mode 100644 index 0000000..69ab751 --- /dev/null +++ b/translations/ur.json @@ -0,0 +1,30 @@ +{ + "colors_group_label": "Colors", + "brand_color_description": "Brand color for major navigational elements", + "brand_color_label": "Brand color", + "brand_text_color_description": "Brand color for hover and active states", + "brand_text_color_label": "Brand text color", + "text_color_description": "Text color for body and heading elements", + "text_color_label": "Text color", + "link_color_description": "Text color for link elements", + "link_color_label": "Link color", + "background_color_description": "Background color of your Help Center", + "background_color_label": "Background color", + "fonts_group_label": "Fonts", + "heading_font_description": "Font for headings", + "heading_font_label": "Heading Font", + "text_font_description": "Font for body text", + "text_font_label": "Text Font", + "brand_group_label": "Brand", + "logo_description": "Company logo", + "logo_label": "Logo", + "favicon_description": "Icon displayed in the address bar of your browser", + "favicon_label": "Favicon", + "images_group_label": "Images", + "homepage_background_image_description": "Hero image on the home page", + "homepage_background_image_label": "Home hero image", + "community_background_image_description": "Hero image on the community topics page", + "community_background_image_label": "Community hero image", + "community_image_description": "Image for the community section on the home page", + "community_image_label": "Community banner" +} diff --git a/translations/vi.json b/translations/vi.json new file mode 100644 index 0000000..3b8e86a --- /dev/null +++ b/translations/vi.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "Màu sắc", + "brand_color_description": "Màu thương hiệu cho các thành phần điều hướng chính", + "brand_color_label": "Màu thương hiệu", + "brand_text_color_description": "Màu thương hiệu cho các trạng thái di chuột và hoạt động", + "brand_text_color_label": "Màu văn bản thương hiệu", + "text_color_description": "Màu văn bản cho thành phần nội dung và đầu đề", + "text_color_label": "Màu văn bản", + "link_color_description": "Màu văn bản cho các thành phần liên kết", + "link_color_label": "Màu liên kết", + "background_color_description": "Màu nền của Trung tâm Trợ giúp của bạn", + "background_color_label": "Màu nền", + "fonts_group_label": "Phông chữ", + "heading_font_description": "Phông chữ cho đầu đề", + "heading_font_label": "Phông chữ đầu đề", + "text_font_description": "Phông chữ của văn bản nội dung", + "text_font_label": "Phông chữ văn bản", + "brand_group_label": "Thương hiệu", + "logo_description": "Biểu tượng công ty", + "logo_label": "Biểu tượng", + "favicon_description": "Biểu tượng hiển thị trên thanh địa chỉ của trình duyệt của bạn", + "favicon_label": "Favicon", + "images_group_label": "Hình ảnh", + "homepage_background_image_description": "Ảnh đại diện trên trang chủ", + "homepage_background_image_label": "Ảnh đại diện của trang chủ", + "community_background_image_description": "Ảnh đại diện trên trang chủ đề của cộng đồng", + "community_background_image_label": "Ảnh đại diện của cộng đồng", + "community_image_description": "Hình ảnh cho mục cộng đồng trên trang chủ", + "community_image_label": "Biểu ngữ cộng đồng", + "search_group_label": "Thiết lập tìm kiếm", + "instant_search_label": "Tìm kiếm ngay", + "instant_search_description": "Hiển thị các bài viết được đề xuất trên tìm kiếm", + "scoped_knowledge_base_search_label": "Tìm kiếm theo phạm vi trong Thư viện thông tin", + "scoped_knowledge_base_search_description": "Kết quả tìm kiếm được giới hạn trong nhóm hiện tại của người dùng", + "scoped_community_search_label": "Tìm kiếm theo phạm vi trong Cộng đồng", + "scoped_community_search_description": "Kết quả tìm kiếm được giới hạn trong chủ đề hiện tại của người dùng", + "home_page_group_label": "Các phần tử của trang chủ", + "recent_activity_label": "Hoạt động gần đây", + "recent_activity_description": "Hiển thị hoạt động gần đây trên trang chủ", + "article_page_group_label": "Các phần tử của trang bài viết", + "articles_in_section_label": "Các bài viết trong mục", + "articles_in_section_description": "Hiển thị thanh bên của các bài viết trong mục", + "article_author_label": "Tác giả", + "article_author_description": "Hiển thị hình ảnh và tên tác giả", + "article_comments_label": "Bình luận", + "article_comments_description": "Hiển thị các bình luận về bài viết", + "follow_article_label": "Theo dõi", + "follow_article_description": "Người dùng có thể theo dõi một bài viết cụ thể", + "recently_viewed_articles_label": "Đã xem gần đây", + "recently_viewed_articles_description": "Hiển thị các bài viết đã xem gần đây", + "related_articles_label": "Các bài viết liên quan", + "related_articles_description": "Hiển thị bài viết liên quan", + "article_sharing_label": "Chia sẻ lên phương tiện truyền thông xã hội", + "article_sharing_description": "Hiển thị chức năng chia sẻ về bài viết lên phương tiện truyền thông xã hội", + "section_page_group_label": "Các phần tử của trang mục", + "follow_section_label": "Theo dõi", + "follow_section_description": "Người dùng có thể theo dõi một mục cụ thể", + "community_post_group_label": "Các phần tử của bài đăng cộng đồng", + "follow_post_label": "Theo dõi", + "follow_post_description": "Người dùng có thể theo dõi một bài đăng cụ thể", + "post_sharing_label": "Chia sẻ lên phương tiện truyền thông xã hội", + "post_sharing_description": "Hiển thị chức năng chia sẻ về bài đăng lên phương tiện truyền thông xã hội", + "community_topic_group_label": "Các phần tử trong chủ đề cộng đồng", + "follow_topic_label": "Theo dõi", + "follow_topic_description": "Người dùng có thể theo dõi một chủ đề cụ thể" +} diff --git a/translations/zh-cn.json b/translations/zh-cn.json new file mode 100644 index 0000000..fc002a1 --- /dev/null +++ b/translations/zh-cn.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "颜色", + "brand_color_description": "主要导航元素的品牌颜色", + "brand_color_label": "品牌颜色", + "brand_text_color_description": "悬停和活动状态的品牌颜色", + "brand_text_color_label": "品牌文本颜色", + "text_color_description": "正文和标题元素的文本颜色", + "text_color_label": "文本颜色", + "link_color_description": "链接元素的文本颜色", + "link_color_label": "链接颜色", + "background_color_description": "您的帮助中心的背景颜色", + "background_color_label": "背景颜色", + "fonts_group_label": "字体", + "heading_font_description": "标题字体", + "heading_font_label": "标题字体", + "text_font_description": "正文文本字体", + "text_font_label": "文本字体", + "brand_group_label": "品牌", + "logo_description": "公司徽标", + "logo_label": "徽标", + "favicon_description": "您的浏览器地址栏中显示的图标", + "favicon_label": "网站头像", + "images_group_label": "图像", + "homepage_background_image_description": "主页上的主页横幅", + "homepage_background_image_label": "主页横幅图像", + "community_background_image_description": "社区主题页面的主页横幅", + "community_background_image_label": "社区主页横幅", + "community_image_description": "主页上社区部分的图像", + "community_image_label": "社区横幅", + "search_group_label": "搜索设置", + "instant_search_label": "即时搜索", + "instant_search_description": "显示搜索的推荐文章", + "scoped_knowledge_base_search_label": "知识库中有范围限制的搜索", + "scoped_knowledge_base_search_description": "搜索结果限制在用户所在的类别内", + "scoped_community_search_label": "社区中有范围限制的搜索", + "scoped_community_search_description": "搜索结果限制在用户所在的主题内", + "home_page_group_label": "主页页面元素", + "recent_activity_label": "最近的活动", + "recent_activity_description": "显示主页最近的活动", + "article_page_group_label": "文章页面元素", + "articles_in_section_label": "组别中的文章", + "articles_in_section_description": "显示组别中的文章侧栏", + "article_author_label": "作者", + "article_author_description": "显示作者图像和姓名", + "article_comments_label": "评论", + "article_comments_description": "显示文章的评论", + "follow_article_label": "关注", + "follow_article_description": "用户可关注特定的文章", + "recently_viewed_articles_label": "最近查看的", + "recently_viewed_articles_description": "显示最近查看的文章", + "related_articles_label": "相关文章", + "related_articles_description": "显示相关文章", + "article_sharing_label": "社交分享", + "article_sharing_description": "显示文章的社交媒体分享", + "section_page_group_label": "组别页面元素", + "follow_section_label": "关注", + "follow_section_description": "用户可关注特定的组别", + "community_post_group_label": "社区帖子元素", + "follow_post_label": "关注", + "follow_post_description": "用户可关注特定的帖子", + "post_sharing_label": "社交分享", + "post_sharing_description": "在帖子显示社交媒体分享功能", + "community_topic_group_label": "社区主题元素", + "follow_topic_label": "关注", + "follow_topic_description": "用户可关注特定的主题" +} diff --git a/translations/zh-tw.json b/translations/zh-tw.json new file mode 100644 index 0000000..1ddaacb --- /dev/null +++ b/translations/zh-tw.json @@ -0,0 +1,66 @@ +{ + "colors_group_label": "色彩", + "brand_color_description": "主導覽元素的品牌色彩", + "brand_color_label": "品牌色彩", + "brand_text_color_description": "暫留與作用中狀態的品牌色彩", + "brand_text_color_label": "品牌文字色彩", + "text_color_description": "主體與標題元素文字色彩", + "text_color_label": "文字色彩", + "link_color_description": "連結元素文字色彩", + "link_color_label": "連結色彩", + "background_color_description": "客服中心背景色彩", + "background_color_label": "背景色彩", + "fonts_group_label": "字型", + "heading_font_description": "標題字型", + "heading_font_label": "標題字型", + "text_font_description": "主體文字字型", + "text_font_label": "文字字型", + "brand_group_label": "品牌", + "logo_description": "公司標誌", + "logo_label": "標誌", + "favicon_description": "您的瀏覽器網址列中顯示的圖示", + "favicon_label": "網站圖示", + "images_group_label": "影像", + "homepage_background_image_description": "主頁上的網頁首圖", + "homepage_background_image_label": "主頁網頁首圖", + "community_background_image_description": "社區主題頁面的網頁首圖", + "community_background_image_label": "社區網頁首圖", + "community_image_description": "主頁上的社區部分影像", + "community_image_label": "社區橫幅", + "search_group_label": "搜尋設定值", + "instant_search_label": "即時搜尋", + "instant_search_description": "顯示搜尋推薦文章", + "scoped_knowledge_base_search_label": "知識庫內的限定範圍搜尋", + "scoped_knowledge_base_search_description": "搜尋結果限於使用者所在類別", + "scoped_community_search_label": "社區內的限定範圍搜尋", + "scoped_community_search_description": "搜尋結果限於使用者所在主題", + "home_page_group_label": "主頁元素", + "recent_activity_label": "近期的活動", + "recent_activity_description": "顯示主頁近期的活動", + "article_page_group_label": "文章頁面元素", + "articles_in_section_label": "段落中的文章", + "articles_in_section_description": "顯示段落中的文章側欄", + "article_author_label": "作者", + "article_author_description": "顯示作者影像與姓名", + "article_comments_label": "評論", + "article_comments_description": "顯示文章評論", + "follow_article_label": "追蹤", + "follow_article_description": "使用者可追蹤指定文章", + "recently_viewed_articles_label": "最近檢視", + "recently_viewed_articles_description": "顯示最近檢視的文章", + "related_articles_label": "相關文章", + "related_articles_description": "顯示相關文章", + "article_sharing_label": "社群分享", + "article_sharing_description": "顯示文章社群媒體分享", + "section_page_group_label": "段落頁面元素", + "follow_section_label": "追蹤", + "follow_section_description": "使用者可追蹤指定段落", + "community_post_group_label": "社區貼文元素", + "follow_post_label": "追蹤", + "follow_post_description": "使用者可追蹤指定貼文", + "post_sharing_label": "社群分享", + "post_sharing_description": "在貼文顯示社群媒體分享功能", + "community_topic_group_label": "社區主題元素", + "follow_topic_label": "追蹤", + "follow_topic_description": "使用者可追蹤指定主題" +} diff --git a/yarn.lock b/yarn.lock new file mode 100644 index 0000000..6b7ab2f --- /dev/null +++ b/yarn.lock @@ -0,0 +1,28 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + +argparse@^1.0.7: + version "1.0.10" + resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911" + dependencies: + sprintf-js "~1.0.2" + +esprima@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71" + +js-yaml@^3.12.0: + version "3.12.0" + resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.12.0.tgz#eaed656ec8344f10f527c6bfa1b6e2244de167d1" + dependencies: + argparse "^1.0.7" + esprima "^4.0.0" + +node-fetch@^2.1.2: + version "2.1.2" + resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.1.2.tgz#ab884e8e7e57e38a944753cec706f788d1768bb5" + +sprintf-js@~1.0.2: + version "1.0.3" + resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"