Skip to content

Commit 3c65aeb

Browse files
sthreeoneEdwin Ilovaresedwinipolandlleric-schneider
authored
New UI based in Helios for the Docs Site (#18)
* Commit gcx-full and gcx-landing * gcx-full and gcx-landing StencilJS components * CSS changes, header and sidebar * web component gcx-schema * Apply CSS and HTML for Footer * Replace nav-explorer by botton-sidebar component * Change feedback-form component * Carving out for sidebar Figma desgin * Many changes in CSS header elements * Load JSON like assert * - using helper schema in UI bundle - apply ccs fixes * new css vars * Web componentes updated * update gcx-schema components Aditionals gcx css changes Availabling dark mode * css updates * css changes * CSS changes and toggle list in sidebar * CSS changes, gcx-full UX fixs * lint fixes * Css fixes Sample app gallery and sidemenu bottom as a Figma * CSS FIXES Adding ingore file for lint * CSS fixes and updates for gcx-schema * fix applyed for gulp preview * Collapse side bar feature * feedback form includes on all pages * Gulp allows custom elements, and autofix css * Added support to gulp for new vendors * css sidebar * Changes from Feedback 2 August * updates header-contect * Schema loaded in build without json file * gulp lint fixes * New corrections and fetures - removed Edit this page - updates to gcx-full - new main logo - new layout gcx-layout-no-sidebar - new app_id to intercom * New css for gcx-full * Gulp lint updates * Edit this page now can be set or not * Gulp lint * fix glossary link in header-content.hbs * css fixes and full-code * Fixes css and sidebar for landing page * Added custom interceptioning observer * css changes main landing * Click on segment code * Fix scrollTop positions of code blocks * removed scroll detection in code blocks * updates helios gcx css * update 01-nav.js from antora-ui gitlab * gulps fixes * “rebase” JS files with antora-ui-defaults * New round of CSS fixes for the landing page launch * GCX CSS&JS updates 08-gcx-js integrated into site.js enlighterjs integrated into the build css enlighte integrated tinto site.css minor updates gcx-full layout * update logos and add icons (#21) * update intercom.hbs with production key (#22) * fixes dark-mode and toc-menu Banner logo feature Section headings aren't the correct color in dark mode Right-hand Nav Bug * Updates css new svg icons * updates css Added default logo.svg * Updates 01-nav “Link-less” category titles not working in html based on nav.adoc * UPDATE CSS * Modulo de feedback sin validaciones CSS fixes * Allow anonymous submit Css fixes * update copy icon copy icon white fix copy icon tooltip * CSS updates * css updates * Using sandbox hit CSS fixes Removed white-flash in darkmode * Fix "Copied!" message fix position * CSS fixes padding nav * Feat: fixed copy clicked! * Visual bugs in navbar fixed Now it should work with Firefox and the other browsers * Update helios-gcx.css Open bugs #5 fixed * Left Navbar Fix When you hover over the arrow in the menus, the entire link now is painted correctly Co-authored-by: Edwin Ilovares <[email protected]> Co-authored-by: Edwin Ilovares <[email protected]> Co-authored-by: Lorina Poland <[email protected]> Co-authored-by: Eric Schneider <[email protected]> Co-authored-by: Kenni Martínez <[email protected]>
1 parent 602c937 commit 3c65aeb

File tree

101 files changed

+9034
-1108
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

101 files changed

+9034
-1108
lines changed

‎.eslintignore‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
node_modules
2+
public
3+
.vscode
4+
build
5+
.DS_Store
6+
src/js/vendor
7+
src/js/lib
8+
*~
9+

‎.gitignore‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,3 +5,7 @@ build
55
.DS_Store
66
*~
77

8+
.stylelintrc
9+
gulpfile.js
10+
package-lock.json
11+
package.json

‎.stylelintrc‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,12 @@
11
{
2-
"extends": "stylelint-config-standard",
3-
"rules": {
4-
"comment-empty-line-before": null,
5-
"no-descending-specificity": null,
6-
}
7-
}
2+
"extends": "stylelint-config-standard",
3+
"rules": {
4+
"comment-empty-line-before": null,
5+
"no-descending-specificity": null,
6+
"selector-type-no-unknown": null
7+
},
8+
"ignore": [
9+
"custom-elements",
10+
"default-namespace"
11+
]
12+
}

‎gulp.d/tasks/build.js‎

Lines changed: 137 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -33,19 +33,17 @@ module.exports = (src, dest, preview) => () => {
3333
const newestMtime = mtimes.reduce((max, curr) => (!max || curr > max ? curr : max))
3434
if (newestMtime > file.stat.mtime) file.stat.mtimeMs = +(file.stat.mtime = newestMtime)
3535
}),
36-
postcssUrl([
37-
{
38-
filter: '**/~typeface-*/files/*',
39-
url: (asset) => {
40-
const relpath = asset.pathname.substr(1)
41-
const abspath = require.resolve(relpath)
42-
const basename = ospath.basename(abspath)
43-
const destpath = ospath.join(dest, 'font', basename)
44-
if (!fs.pathExistsSync(destpath)) fs.copySync(abspath, destpath)
45-
return path.join('..', 'font', basename)
46-
},
36+
postcssUrl([{
37+
filter: '**/~typeface-*/files/*',
38+
url: (asset) => {
39+
const relpath = asset.pathname.substr(1)
40+
const abspath = require.resolve(relpath)
41+
const basename = ospath.basename(abspath)
42+
const destpath = ospath.join(dest, 'font', basename)
43+
if (!fs.pathExistsSync(destpath)) fs.copySync(abspath, destpath)
44+
return path.join('..', 'font', basename)
4745
},
48-
]),
46+
}]),
4947
postcssVar({ preserve: preview }),
5048
preview ? postcssCalc : () => {},
5149
autoprefixer,
@@ -58,8 +56,134 @@ module.exports = (src, dest, preview) => () => {
5856
vfs
5957
.src('js/+([0-9])-*.js', { ...opts, sourcemaps })
6058
.pipe(terser())
61-
// NOTE concat already uses stat from newest combined file
59+
// NOTE concat already uses stat from newest combined file
6260
.pipe(concat('js/site.js')),
61+
vfs
62+
.src('js/vendor/enlighterjs/*.js', { ...opts, read: false })
63+
.pipe(
64+
// see https://gulpjs.org/recipes/browserify-multiple-destination.html
65+
map((file, enc, next) => {
66+
if (file.relative.endsWith('.bundle.js')) {
67+
const mtimePromises = []
68+
const bundlePath = file.path
69+
browserify(file.relative, { basedir: src, detectGlobals: false })
70+
.plugin('browser-pack-flat/plugin')
71+
.on('file', (bundledPath) => {
72+
if (bundledPath !== bundlePath) mtimePromises.push(fs.stat(bundledPath).then(({ mtime }) => mtime))
73+
})
74+
.bundle((bundleError, bundleBuffer) =>
75+
Promise.all(mtimePromises).then((mtimes) => {
76+
const newestMtime = mtimes.reduce((max, curr) => (!max || curr > max ? curr : max))
77+
if (newestMtime > file.stat.mtime) file.stat.mtimeMs = +(file.stat.mtime = newestMtime)
78+
if (bundleBuffer !== undefined) file.contents = bundleBuffer
79+
file.path = file.path.slice(0, file.path.length - 10) + '.js'
80+
next(bundleError, file)
81+
})
82+
)
83+
} else {
84+
fs.readFile(file.path, 'UTF-8').then((contents) => {
85+
file.contents = Buffer.from(contents)
86+
next(null, file)
87+
})
88+
}
89+
})
90+
)
91+
.pipe(buffer())
92+
.pipe(terser()),
93+
vfs
94+
.src('js/vendor/gcx-contact-form/*.js', { ...opts, read: false })
95+
.pipe(
96+
// see https://gulpjs.org/recipes/browserify-multiple-destination.html
97+
map((file, enc, next) => {
98+
if (file.relative.endsWith('.bundle.js')) {
99+
const mtimePromises = []
100+
const bundlePath = file.path
101+
browserify(file.relative, { basedir: src, detectGlobals: false })
102+
.plugin('browser-pack-flat/plugin')
103+
.on('file', (bundledPath) => {
104+
if (bundledPath !== bundlePath) mtimePromises.push(fs.stat(bundledPath).then(({ mtime }) => mtime))
105+
})
106+
.bundle((bundleError, bundleBuffer) =>
107+
Promise.all(mtimePromises).then((mtimes) => {
108+
const newestMtime = mtimes.reduce((max, curr) => (!max || curr > max ? curr : max))
109+
if (newestMtime > file.stat.mtime) file.stat.mtimeMs = +(file.stat.mtime = newestMtime)
110+
if (bundleBuffer !== undefined) file.contents = bundleBuffer
111+
file.path = file.path.slice(0, file.path.length - 10) + '.js'
112+
next(bundleError, file)
113+
})
114+
)
115+
} else {
116+
fs.readFile(file.path, 'UTF-8').then((contents) => {
117+
file.contents = Buffer.from(contents)
118+
next(null, file)
119+
})
120+
}
121+
})
122+
)
123+
.pipe(buffer())
124+
.pipe(terser()), vfs
125+
.src('js/vendor/two-columns/*.js', { ...opts, read: false })
126+
.pipe(
127+
// see https://gulpjs.org/recipes/browserify-multiple-destination.html
128+
map((file, enc, next) => {
129+
if (file.relative.endsWith('.bundle.js')) {
130+
const mtimePromises = []
131+
const bundlePath = file.path
132+
browserify(file.relative, { basedir: src, detectGlobals: false })
133+
.plugin('browser-pack-flat/plugin')
134+
.on('file', (bundledPath) => {
135+
if (bundledPath !== bundlePath) mtimePromises.push(fs.stat(bundledPath).then(({ mtime }) => mtime))
136+
})
137+
.bundle((bundleError, bundleBuffer) =>
138+
Promise.all(mtimePromises).then((mtimes) => {
139+
const newestMtime = mtimes.reduce((max, curr) => (!max || curr > max ? curr : max))
140+
if (newestMtime > file.stat.mtime) file.stat.mtimeMs = +(file.stat.mtime = newestMtime)
141+
if (bundleBuffer !== undefined) file.contents = bundleBuffer
142+
file.path = file.path.slice(0, file.path.length - 10) + '.js'
143+
next(bundleError, file)
144+
})
145+
)
146+
} else {
147+
fs.readFile(file.path, 'UTF-8').then((contents) => {
148+
file.contents = Buffer.from(contents)
149+
next(null, file)
150+
})
151+
}
152+
})
153+
)
154+
.pipe(buffer())
155+
.pipe(terser()), vfs
156+
.src('js/vendor/gcx-schema/*.js', { ...opts, read: false })
157+
.pipe(
158+
// see https://gulpjs.org/recipes/browserify-multiple-destination.html
159+
map((file, enc, next) => {
160+
if (file.relative.endsWith('.bundle.js')) {
161+
const mtimePromises = []
162+
const bundlePath = file.path
163+
browserify(file.relative, { basedir: src, detectGlobals: false })
164+
.plugin('browser-pack-flat/plugin')
165+
.on('file', (bundledPath) => {
166+
if (bundledPath !== bundlePath) mtimePromises.push(fs.stat(bundledPath).then(({ mtime }) => mtime))
167+
})
168+
.bundle((bundleError, bundleBuffer) =>
169+
Promise.all(mtimePromises).then((mtimes) => {
170+
const newestMtime = mtimes.reduce((max, curr) => (!max || curr > max ? curr : max))
171+
if (newestMtime > file.stat.mtime) file.stat.mtimeMs = +(file.stat.mtime = newestMtime)
172+
if (bundleBuffer !== undefined) file.contents = bundleBuffer
173+
file.path = file.path.slice(0, file.path.length - 10) + '.js'
174+
next(bundleError, file)
175+
})
176+
)
177+
} else {
178+
fs.readFile(file.path, 'UTF-8').then((contents) => {
179+
file.contents = Buffer.from(contents)
180+
next(null, file)
181+
})
182+
}
183+
})
184+
)
185+
.pipe(buffer())
186+
.pipe(terser()),
63187
vfs
64188
.src('js/vendor/*.js', { ...opts, read: false })
65189
.pipe(

‎gulp.d/tasks/lint-css.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@ const vfs = require('vinyl-fs')
66
module.exports = (files) => (done) =>
77
vfs
88
.src(files)
9-
.pipe(stylelint({ reporters: [{ formatter: 'string', console: true }], failAfterError: true }))
9+
.pipe(stylelint({ fix: true, reporters: [{ formatter: 'string', console: true }], failAfterError: true }))
1010
.on('error', done)

‎src/css/breadcrumbs.css‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,46 @@
11
.breadcrumbs {
2-
display: none;
3-
flex: 1 1;
4-
padding: 0 0.5rem 0 0.75rem;
5-
line-height: var(--nav-line-height);
2+
display: none;
3+
flex: 1 1;
4+
padding: 0 0.5rem 0 0.75rem;
5+
line-height: var(--nav-line-height);
66
}
77

88
@media screen and (min-width: 1024px) {
9-
.breadcrumbs {
10-
display: block;
11-
}
9+
.breadcrumbs {
10+
display: block;
11+
}
1212
}
1313

14-
a + .breadcrumbs {
15-
padding-left: 0.05rem;
14+
a+.breadcrumbs {
15+
padding-left: 0.05rem;
1616
}
1717

1818
.breadcrumbs ul {
19-
display: flex;
20-
flex-wrap: wrap;
21-
margin: 0;
22-
padding: 0;
23-
list-style: none;
19+
display: flex;
20+
flex-wrap: wrap;
21+
margin: 0;
22+
padding: 0;
23+
list-style: none;
2424
}
2525

2626
.breadcrumbs li {
27-
display: inline;
28-
margin: 0;
29-
font-family: 'Nunito Sans', sans-serif;
30-
font-weight: bold;
31-
font-size: 14px;
32-
line-height: 1.5;
33-
letter-spacing: 0.04em;
34-
text-transform: uppercase;
35-
color: #999dad;
27+
display: inline;
28+
margin: 0;
29+
font-family: var(--body-font-family);
30+
font-weight: bold;
31+
font-size: 14px;
32+
line-height: 1.5;
33+
letter-spacing: 0.04em;
34+
text-transform: uppercase;
35+
color: #999dad;
3636
}
3737

3838
.breadcrumbs li::after {
39-
content: "❯";
40-
padding: 0 0.5rem;
41-
color: #c9cef6;
39+
content: "❯";
40+
padding: 0 0.5rem;
41+
color: #c9cef6;
4242
}
4343

4444
.breadcrumbs li:last-of-type::after {
45-
content: none;
46-
}
45+
content: none;
46+
}

0 commit comments

Comments
 (0)