-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (147 loc) · 7.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VTEX Language Hub</title>
<link rel="stylesheet" href="styles/style.css">
<link rel="icon" type="image/png"
href="https://vtex.com/wp-content/uploads/2018/05/cropped-apple-icon-60x60-32x32.png">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<script src="main.js" defer></script>
</head>
<body>
<header id="header">
<a href="index.html">
<img src="assets/VTEX_Language_Hub.svg" class="logo" alt="VTEX Language Hub logo">
</a>
</header>
<div class="hero">
<h1>All things language for users of words.</h1>
</div>
<div class="cards">
<div class="card" title="Style Guides" id="styleGuides">
<a href="content/style_guides.html" class="card-link"></a>
<div class="upper">
<span class="material-symbols-outlined">border_color</span>
</div>
<div class="lower">
<h6>Style Guides</h6>
<p>Use grammar, style, and formatting conventions to make your VTEX content clear and consistent.
</p>
</div>
</div>
<div class="card" title="Glossaries" id="glossaries">
<a href="content/internal.html?id=glossaries" class="card-link"></a>
<div class="upper">
<span class="material-symbols-outlined">auto_stories</span>
</div>
<div class="lower">
<h6>Glossaries</h6>
<p>Enhance the user experience by using the most updated and researched VTEX terms in English,
Portuguese, and Spanish.</p>
</div>
</div>
<div class="card" title="Localization & Internationalization" id="namingGuidelines">
<a href="content/internal.html?id=namingGuidelines" class="card-link"></a>
<div class="upper">
<span class="material-symbols-outlined">language</span>
</div>
<div class="lower">
<h6>Localization & Internationalization</h6>
<p class="longer-text">Create a product that is ready for a global audience by following
localization and internationalization best practices.</p>
</div>
</div>
<div class="card" title="Admin Review Logs" id="enAdminStd">
<a href="content/internal.html?id=enAdminStd" class="card-link"></a>
<div class="upper">
<span class="material-symbols-outlined">web_stories</span>
</div>
<div class="lower">
<h6>Admin Review Logs</h6>
<p>Check out the linguistic evolution of UI strings towards a native and consistent experience.</p>
</div>
</div>
</div>
<div class="others">
<h5>Other Resources</h5>
<div class="cards other-cards">
<div class="card" title="Shoreline - Click to visit their website">
<a href="https://shoreline.vtex.com/" target="_blank" class="card-link"></a>
<div class="upper others-upper">
<span class="material-symbols-outlined">ungroup</span>
</div>
<div class="lower">
<h6>Shoreline</h6>
<p>Build a great interface by using tested components that provide a common thread connecting
VTEX products.</p>
</div>
</div>
<div class="card" title="FastStore - Click to visit their website">
<a href="https://faststore.dev" target="_blank" class="card-link"></a>
<div class="upper others-upper">
<span class="material-symbols-outlined">ungroup</span>
</div>
<div class="lower">
<h6>FastStore</h6>
<p>Use an open-source kit to create unique ecommerce storefronts with familiar technologies.</p>
</div>
</div>
<div class="card" title="Translation Memories - Click to go to the TM Spreadsheet" id="translationMemories">
<a href="https://docs.google.com/spreadsheets/d/17psfw_6SXQEKBZDvSDxMKLpGAoce8ztB/edit?usp=sharing&ouid=100655064255803046570&rtpof=true&sd=true"
target="_blank" class="card-link"></a>
<div class="upper others-upper">
<span class="material-symbols-outlined">ungroup</span>
</div>
<div class="lower">
<h6>Translation Memories</h6>
<p>Seen that phrase before? Dig through our translation memory to recover it, or to simply get
inspiration if you’re writing in another language.</p>
</div>
</div>
</div>
<div class="cards other-cards">
</div>
<div class="cards other-cards">
<div class="card" title="Brand - Click to visit their website">
<a href="https://brand.vtex.com" target="_blank" class="card-link"></a>
<div class="upper others-upper">
<span class="material-symbols-outlined">ungroup</span>
</div>
<div class="lower">
<h6>Brand</h6>
<p>Make VTEX memorable by using the graphic codes that brings its essence to life.</p>
</div>
</div>
<div class="card" title="Developer Portal - Click to visit their website">
<a href="https://developers.vtex.com" target="_blank" class="card-link"></a>
<div class="upper others-upper">
<span class="material-symbols-outlined">ungroup</span>
</div>
<div class="lower">
<h6>Developer Portal</h6>
<p>Find everything you need to know about APIs and apps to extend the VTEX platform.</p>
</div>
</div>
<div class="card" title="Help Center - Click to visit their website">
<a href="https://help.vtex.com/en/" target="_blank" class="card-link"></a>
<div class="upper others-upper">
<span class="material-symbols-outlined">ungroup</span>
</div>
<div class="lower">
<h6>Help Center</h6>
<p>Explore the VTEX knowledge base to learn more about features and solutions.</p>
</div>
</div>
</div>
<p class="line">_______________________________</p>
<p class="backTop"><a href="#header">Back to top</a></p>
<footer>
<p class="credits">Developed by VTEX's Localization Team - 2023</p>
<p class="credits">To provide feedback please use the slack channel #product-localization</p>
</footer>
</div>
</body>
</html>