-
-
+
+
+
+
+
{{"Title"|translate}}
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 11f74685..87e7dac9 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -1,4 +1,5 @@
{
+ "Language": "Language",
"Title": "Translation example",
"Intro": "Hello I am {{name}}, I am {{age}} years old.",
"home": {
diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json
index bc0d6e64..d978c3df 100644
--- a/src/assets/i18n/fr.json
+++ b/src/assets/i18n/fr.json
@@ -1,5 +1,6 @@
{
- "Title": "Example de traduction",
+ "Language": "Langue",
+ "Title": "Exemple de traduction",
"Intro": "Bonjour je m'appelle {{name}}, j'ai {{age}} ans.",
"home": {
"title": "le titre de la home"
diff --git a/src/assets/scss/default.scss b/src/assets/scss/default.scss
index 1d7174de..2410541b 100644
--- a/src/assets/scss/default.scss
+++ b/src/assets/scss/default.scss
@@ -9,3 +9,20 @@ html {
.text-right {
text-align: right;
}
+
+.Language- {
+ padding-right: 2em;
+ font-family: SourceSansPro;
+ font-size: 11px;
+ font-weight: normal;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ color: var(--black);
+ border: none;
+}
+
+.select_language {
+ display: none;
+}
\ No newline at end of file
diff --git a/src/assets/scss/molecules/_logo.scss b/src/assets/scss/molecules/_logo.scss
index 0ea0cae3..06466ec7 100644
--- a/src/assets/scss/molecules/_logo.scss
+++ b/src/assets/scss/molecules/_logo.scss
@@ -10,3 +10,55 @@
.logo_second {
color: $logo_color_2;
}
+.wrapper {
+ display: grid;
+ margin-left: auto;
+ margin-right: auto;
+ width: 80px;
+ margin-top: 1rem;
+}
+
+.lang_icon {
+ grid-column: 1;
+ grid-row: 1;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.menu_icon {
+ grid-column: 2;
+ grid-row: 1;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.lang_label {
+ grid-column: 1;
+ grid-row: 2;
+}
+
+.menu_label {
+ grid-column: 2;
+ grid-row: 2;
+ font-family: SourceSansPro;
+ font-size: 11px;
+ padding-top: 10px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.legend_first {
+ color: $legend_color;
+ padding-right: 0rem;
+ padding-left: 0rem;
+}
+
+.legend_second {
+ color: $legend_color_2;
+ padding-right: 0rem;
+ padding-left: 0rem;
+}
+
+.legend {
+ font-size: 10px;
+}
diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index 8bdaa5c3..8f8f8e87 100644
--- a/src/assets/scss/variables.scss
+++ b/src/assets/scss/variables.scss
@@ -20,6 +20,8 @@ $secondary_color: $lavender-pink;
$font_color: $black;
$logo_color: $dark-lavender;
$logo_color_2: $camo;
+$legend_color: $dark-lavender;
+$legend_color_2: $dusty-orange;
$choice_select_border_color: $cool-grey;
$hover-color:$warm-grey;
$clicked-color:$wisteria;