From 3914b15fbb9931a4c5f77bdfd5dd83909b3a73e2 Mon Sep 17 00:00:00 2001 From: sheilagomes Date: Tue, 19 Sep 2023 14:16:24 -0300 Subject: [PATCH 1/3] Add internal template page --- content/internal.css | 116 ++++++++++++++++++++++++++++++++++++++++++ content/internal.html | 61 ++++++++++++++++++++++ content/internal.js | 4 ++ 3 files changed, 181 insertions(+) create mode 100644 content/internal.css create mode 100644 content/internal.html create mode 100644 content/internal.js diff --git a/content/internal.css b/content/internal.css new file mode 100644 index 0000000..1729721 --- /dev/null +++ b/content/internal.css @@ -0,0 +1,116 @@ +@font-face { + font-family: "VTEXTrust Bold"; + src: url(./fonts/VTEXTrust-Bold.otf); + } + + @font-face { + font-family: "VTEXTrust Italic"; + src: url(./fonts/VTEXTrust-Italic.otf); + } + +@font-face { + font-family: "VTEXTrust Regular"; + src: url(./fonts/VTEXTrust-Regular.otf); +} + +:root { + --bg-1: #F8F7FC; + --bg-2: #142032; /*#FFE0EF; */ + --bg-3: #E7E9EE; /*#F71963;*/ + --bg-4: #5E6E84; /*#FFC4DD;*/ + --bg-5: #F71963; + --ff-regular: "VTEXTrust Regular"; + --ff-italic: "VTEXTrust Italic"; + --ff-bold: "VTEXTrust Bold"; + --col-regular: #000; + --fs-100: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem); + --fs-200: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem); + --fs-300: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem); + --fs-400: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem); +} + +* { + list-style: none; + text-decoration: none; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: var(--ff-regular), sans-serif; +} + +body { + background: var(--bg-1); +} + +.wrapper .sidebar { + background: var(--bg-3); + position: fixed; + top: 0; + left: 0; + width: 15%; + height: 100%; + padding: 1rem 0; + transition: all 0.5s ease; +} + +.wrapper .sidebar .logo img { + display: block; + margin: 0 auto; + margin-bottom: 2rem; +} + +.wrapper .sidebar ul li a { + display: block; + padding: 1rem 2.5rem; + color: var(--bg-4); + font-size: 1rem; + position: relative; +} + +.wrapper .sidebar ul li a:hover, +.wrapper .sidebar ul li a.active { + color: var(--bg-5); + font-family: var(--ff-bold); +} + +.wrapper .section { + width: calc(100% - 14rem); + margin-left: 14rem; + transition: all 0.5s ease; +} + +.wrapper .section .top_navbar { + background: var(--bg-3); + height: 3.75rem; + display: flex; + align-items: center; + padding: 0 1.875rem; +} + +.wrapper .section .top_navbar .hamburger a { + font-size: 1.8rem; + color: var(--bg-4); +} + +.wrapper .section .top_navbar .hamburger a:hover { + color: var(--bg-5); +} + +body.active .wrapper .sidebar { + left: -14rem; +} + +body.active .wrapper .section { + margin-left: 0; + width: 100%; +} + +.main-doc { + margin-left: 15%; +} + +iframe { + width: 100%; + height: 100vh; + border: none; +} \ No newline at end of file diff --git a/content/internal.html b/content/internal.html new file mode 100644 index 0000000..ad74d98 --- /dev/null +++ b/content/internal.html @@ -0,0 +1,61 @@ + + + + + + + VTEX Writing - Menu + + + + +
+
+
+
+ + + +
+
+
+
+ + +
+
+
+ +
+
+
+ + \ No newline at end of file diff --git a/content/internal.js b/content/internal.js new file mode 100644 index 0000000..5f2b4e5 --- /dev/null +++ b/content/internal.js @@ -0,0 +1,4 @@ +let hamburger = document.querySelector(".hamburger"); + hamburger.addEventListener("click", function(){ + document.querySelector("body").classList.toggle("active"); + }) \ No newline at end of file From c3abc831a38fbeb4ae2c37dd6dcaaf79ffd2272e Mon Sep 17 00:00:00 2001 From: sheilagomes Date: Tue, 19 Sep 2023 15:00:36 -0300 Subject: [PATCH 2/3] Fix transitions --- content/internal.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/content/internal.css b/content/internal.css index 1729721..9a74957 100644 --- a/content/internal.css +++ b/content/internal.css @@ -105,8 +105,14 @@ body.active .wrapper .section { width: 100%; } +body.active .wrapper .main-doc { + margin-left: 0; + transition: all 0.5s ease; +} + .main-doc { margin-left: 15%; + transition: all 0.5s ease; } iframe { From 17a33e96544f2d78a2dfd1b31036f8c5044d8db4 Mon Sep 17 00:00:00 2001 From: sheilagomes Date: Tue, 19 Sep 2023 15:17:31 -0300 Subject: [PATCH 3/3] Add iframe content change --- content/internal.html | 6 +++--- content/internal.js | 10 +++++++++- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/content/internal.html b/content/internal.html index ad74d98..756f7ae 100644 --- a/content/internal.html +++ b/content/internal.html @@ -30,12 +30,12 @@
  • - + Style Guides
  • - + Admin Review Logs
    • @@ -53,7 +53,7 @@
    - +
    diff --git a/content/internal.js b/content/internal.js index 5f2b4e5..84dbcc6 100644 --- a/content/internal.js +++ b/content/internal.js @@ -1,4 +1,12 @@ let hamburger = document.querySelector(".hamburger"); hamburger.addEventListener("click", function(){ document.querySelector("body").classList.toggle("active"); - }) \ No newline at end of file + }) + +function styleGuide() { + document.getElementById("main-frame").src = "./loc_style_guides/Localization Style Guide - PT/VTEXPortugueseStyleGuidePT.html"; +} + +function adminReviewLog() { + document.getElementById("main-frame").src = "./loc_admin_review_logs/Admin String Standardization - EN/VTEXAdminstringstandardizationinEnglish.html"; +} \ No newline at end of file