Commit Graph

171 Commits

Author SHA1 Message Date
Sebastiaan van Stijn 8c302969af Update download-links
Adjust text, add modal pop-up for browsers with JavaScript enabled, and show
EULA inline for browsers without JavaScript.

Added configuration options in the _config.json to set the correct URLs
once known.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-08-31 14:35:20 +00:00
Sebastiaan van Stijn 3631769979
_scss: cleanup navigation styles
This fixes various inconsistencies between the landing page and the
other pages by sharing more styles between both:

- fix homepage using a different color for the active tab
- fix homepage not having "hover" styles for the top navigation

I addition, this:

- fixes unwanted whitespace in the hamburger-menu on mobile
- fixes "active" menu item not being highlighted on mobile
- fixes left-side aligning of left-hand menu on desktop

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-08-17 14:00:46 +02:00
Usha Mandya 63e9e09a9e Update the dark-mode font to white
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-07-16 16:53:53 +01:00
Mark H 86b24990ee Update styles for dark mode, add general bootstrap overrides 2021-07-13 09:53:30 +01:00
Mark H c45879262e Improve upgrade CTA for dark mode, remove some now-unused variables from notes restyles 2021-07-12 12:00:44 +01:00
Usha Mandya 0e3f31e807
Merge pull request #13158 from mark-dr/restyle-alerts
Restyle notification banners
2021-07-12 10:49:06 +01:00
Mark H c84baca51c Add upgrade CTA mixin 2021-07-12 09:47:27 +01:00
Mark H c12de0a87a Add color palette definitions 2021-07-12 09:07:16 +01:00
Mark H a23f70d048 Remove redundant SASS module reference 2021-07-09 17:01:20 +01:00
Mark H 79a6e2879d Swap ad-hoc colours for palette colours 2021-07-09 16:58:53 +01:00
Mark H 1655359a98 Add new purple alert type 2021-07-09 16:58:53 +01:00
Mark H d67f803770 Define new theme for notifications 2021-07-09 16:58:53 +01:00
Mark H 79e36c14a0 _notes.scss: Refactor how different note styles are defined 2021-07-09 16:58:53 +01:00
Mark H 8441af3931 _notes.scss: Simplify handling of legacy notes 2021-07-09 16:58:53 +01:00
Mark H 7f1fd5c52c Add color palette definitions 2021-07-09 16:58:53 +01:00
Sebastiaan van Stijn 7c184a1bd7
Add breadcrumbs
Some works still to be done:

- styling may need some tweaking
- if we don't have breadcrumbs for a page, positioning of other elements should
  be adjusted

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-05-10 17:06:38 +02:00
Sebastiaan van Stijn 55c95836dd
_scss: don't use "all caps" for H4
Change H4's to not be presented in "all caps". To compensate, the font
size is increased from 16px to 18px (otherwise it would be the same size
as H5 headings).

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-28 14:38:01 +02:00
Sebastiaan van Stijn bd6a07bbb6
_scss: only disable text-selection in "console" code blocks
We don't want users to copy the prompt and process output in
"console" blocks, but for other code blocks (bash scripts, yaml)
copying comments should not be disabled.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-20 15:16:55 +02:00
Sebastiaan van Stijn 428305eb77
Fix button styling on get-started
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-13 16:33:57 +02:00
Sebastiaan van Stijn a608900fe6
update primary-btn style, and use more variables for colors
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-04-13 16:33:12 +02:00
Usha Mandya e0ca2efeed Add a new class for download buttons
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-04-12 22:39:44 +01:00
Sebastiaan van Stijn 19b3b40f5b
_scss: show regular "text" cursor for prompt
Show a "text" cursor for the prompt. Even though the prompt itself is not
selectable, make it appear as if it is, so that users don't get confused
when they try to select an example for copying.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-03-02 16:08:17 +01:00
Sebastiaan van Stijn a987f04d05
highlighting: make comments, prompt and command-output non-selectable
Prevent selecting comments, command-output and command-prompt in shell
examples that use the "console" lexer/highlighter to allow easier copying.
See https://github.com/rouge-ruby/rouge/issues/1023

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2021-03-02 15:02:25 +01:00
Usha Mandya b755b5c65a Add a new icon for language-specific guides
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-03-01 23:53:35 +00:00
Aayush Kumar Sahu 42d6de3262 Fix iframe mobile view 2021-02-16 19:05:04 +05:30
Usha Mandya ba395bed07 Add reference architecture docs
Signed-off-by: Usha Mandya <usha.mandya@docker.com>
2021-01-18 12:07:55 +00:00
Sebastiaan van Stijn 3ab44b9cd6
_scss: some refactoring of landing-page cta-banners
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:35:54 +01:00
Sebastiaan van Stijn fbc8a83ab8
_scss: define variable for landing footer color
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:34:42 +01:00
Sebastiaan van Stijn c1ae02526f
_scss: tweak inconsistencies in hue
Changes should be mostly invisible, except for a very slight increase in
contrast in the "night" theme between the body-background and left/right
navigation blocks.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:33:26 +01:00
Sebastiaan van Stijn 869640f7d1
_scss: change colors to HSL
While more verbose, HSL colors (Hue, Saturation, Lightness) allow
for easier selecting color variations that only differ in lightness,
but have the same hue.

This conversion also reveals some slight differences in hue between
existing color-variations that I'll address in a follow-up commit.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:33:24 +01:00
Sebastiaan van Stijn d36d519d57
_scss: remove more unused variables
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-27 12:33:20 +01:00
Sebastiaan van Stijn c413c4e4fb
_scss: remove unneeded $clear variable
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-26 18:58:10 +01:00
Sebastiaan van Stijn 9c5976456c
Remove img.with-border style
The border was barely visible, was only used in a single place,
and didn't add much.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-22 17:08:04 +02:00
Sebastiaan van Stijn b9395f0d68
_scss: reduce overrides to make styling easier and more consistent
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-22 17:08:02 +02:00
Sebastiaan van Stijn 91425c3708
Small changes to reading time to prevent redraws
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-22 17:07:56 +02:00
Sebastiaan van Stijn d96cb12828
Update default background color for notes
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 22:24:37 +02:00
Sebastiaan van Stijn 34fc160c9e
_scss: cleanup notes styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 22:13:49 +02:00
Sebastiaan van Stijn 204d4df024
_scss: reformat _variables.scss, and unify colors in variables file
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 21:56:05 +02:00
Sebastiaan van Stijn a58cd7705d
landing-page: fix mobile navigation background-color
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-19 16:12:49 +02:00
Sebastiaan van Stijn 5619dacec7
Improve font handling for best practices
preload fonts and add font-display: swap to prevent flickering

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-16 16:05:38 +02:00
Sebastiaan van Stijn 0bb9a7ff8f
js/search.js: rewrite local search autocomplete and update styling
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 17:20:28 +02:00
Sebastiaan van Stijn f9d7f7352a
accessibility: minor fixes in get-docker page
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 16:12:34 +02:00
Sebastiaan van Stijn e3e280c54a
_scss: remove unused styles, and combine some
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:25 +02:00
Sebastiaan van Stijn 034c23319b
_scss: combine some overlapping rules, and move some to the right section
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:23 +02:00
Sebastiaan van Stijn 5cdbdac592
_scss: remove unneeded vendor-prefixes, and combine some styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:21 +02:00
Sebastiaan van Stijn 2bef56ee81
_scss/_night-mode.scss: remove styles not related to color
Dimensions, padding, etc, should not differ between "night mode" and "regular mode".

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-15 15:06:18 +02:00
Sebastiaan van Stijn a12ac448d2
_scss: cleanup and reformat comments, remove commented styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-14 14:52:24 +02:00
Sebastiaan van Stijn f0ee00befc
css: remove highlightjs styles as we no longer use them
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-14 14:39:55 +02:00
Sebastiaan van Stijn 1c2a455346
styles.css: include code-highlight styles in main css document
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-14 14:39:53 +02:00
Sebastiaan van Stijn d61d68cbb0
accessibility: fix active menu item low contrast in night-mode
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-13 12:17:56 +02:00
Sebastiaan van Stijn eaf40137dc
Remove "position: sticky" stickyfill polyfill
From the script's repository: https://github.com/wilddeer/stickyfill

> Stickyfill did a good job while the browsers were implementing position: sticky
> support. You can now safely use stickies without a polyfill, all modern browsers
> support them natively:
>
> https://caniuse.com/?search=position%3Asticky

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-12 13:27:15 +02:00
Sebastiaan van Stijn 2993c55840
move ratings script to end of body, remove inline styles
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-10-09 01:12:01 +02:00
Alex Hokanson 3961a25364
remove height and color addition to nav-secondary on landscape
Signed-off-by: Alex Hokanson <571756+ingshtrom@users.noreply.github.com>
2020-09-17 09:29:09 -04:00
Alex Hokanson 5b734e70e7
search input on top navbar has consistent coloring
Signed-off-by: Alex Hokanson <571756+ingshtrom@users.noreply.github.com>
2020-09-17 09:21:43 -04:00
Alex Hokanson ea886946c4
make colors more consistent at all sizes
Signed-off-by: Alex Hokanson <571756+ingshtrom@users.noreply.github.com>
2020-09-16 12:27:56 -04:00
Alex Hokanson ac1e5e53e1
fix the background color of the sidebar on 'medium' sized devices 2020-09-16 10:38:38 -04:00
Usha Mandya 76a2be34db Remove the background color of the mini toc 2020-08-25 14:45:43 +01:00
Sebastiaan van Stijn 6328addbd1
Adjust links and other elements to match header color
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-07-24 16:42:33 +02:00
Sebastiaan van Stijn 796e6330df
Fix top-navigation color, and some small cleanups
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-07-24 14:59:36 +02:00
Sebastiaan van Stijn fbee311fe5
Rename $body-text-color variables
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-07-24 13:03:45 +02:00
Sebastiaan van Stijn c7c926d74a
remove unused header color animation
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-07-24 12:24:54 +02:00
Sebastiaan van Stijn ba85012f47
Remove scripts and assets related to archives
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-06-24 13:25:58 +02:00
Sebastiaan van Stijn 3bada40222
Merge pull request #10911 from jdrouet/archive-with-css
handle archive feature toggling with css
2020-06-09 15:38:39 +02:00
Jérémie Drouet d12154311b landing-page: display docker-con videos section
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-06-08 14:28:35 +02:00
Jérémie Drouet bc502c0c7f autocomplete: change cursor on result
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-06-02 13:26:52 +02:00
Jérémie Drouet c06813538c implement autocomplete on landing page
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-28 10:31:16 +02:00
Jérémie Drouet 20ff61b942 handle archive feature toggling with css
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-28 10:13:31 +02:00
Jérémie Drouet 1ba7ce7b47
fix divider size in menu
Co-authored-by: Sebastiaan van Stijn <thaJeztah@users.noreply.github.com>
2020-05-26 13:18:04 +02:00
Jérémie Drouet dcaf916b9f increase padding in menu on mobile
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-26 11:12:52 +02:00
Jérémie Drouet b1df140e4f add docker icon on mobile
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-26 11:12:22 +02:00
Jérémie Drouet 984b125ab4 align items to left in menu on mobile
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-26 11:12:22 +02:00
Jérémie Drouet dbe4953982 move navbar to burger menu on mobile
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-26 11:12:22 +02:00
Sebastiaan van Stijn fed0723f28
Landing page: reduce tab-width to prevent wrapping
The tabs on the "help by project" card were wrapping on
iPhone, so reducing the padding to prevent this.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-05-20 17:07:49 +02:00
Sebastiaan van Stijn ba7413baff
Landing page: left-align icon on small screen sizes
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-05-20 17:07:46 +02:00
Sebastiaan van Stijn 9d446cfd44
Landing page: apply icons using CSS, and remove duplication
This patch:

- removes the icon images from the landing page, instead setting
  them as a background-image through css.
- replaced the "community-resources" and "play-with-docker" styles
  in favor of a conditional style (based on cards linking to external
  websites)
- changes the minimal height of cards for mobile devices (there was
  a big amount of padding on the smallest size, which didn't add
  much value).

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-05-20 17:07:37 +02:00
Sebastiaan van Stijn e9547a8397
scss: various small fixes and linting issues
- Add generic font classes where missing (except for FontAwesome cfonts)
- Combined some rules with their shorthand form
- Removed unneeded units (0px -> 0)
- Fix some invalid values
- Commented out empty styles in _github.scss

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-05-20 17:07:08 +02:00
Sebastiaan van Stijn 6d7de2ee14
landing page: set focus on search field
Also updates the CSS to reduce the "focus highlight" applied
by browsers.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-05-15 16:36:33 +02:00
Jérémie Drouet 1d3ac1092b landing-page: center navbar on desktop
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-15 11:33:50 +02:00
Jérémie Drouet 98e7b3c545 landing-page: fix external link arrow
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-13 14:41:40 +02:00
Jérémie Drouet 7e28261b01 landing-page: fix fonts
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-13 14:41:40 +02:00
Jérémie Drouet 1a2f44ab05 landing-page: fix hero style
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-13 14:41:40 +02:00
Jérémie Drouet 3ce6514066 landing-page: add link to docker-con register page
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-12 15:22:39 +02:00
Jérémie Drouet 57aecd4e53 landing-page: update dark mode theme
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-12 14:55:50 +02:00
Jérémie Drouet 46b913997b landing-page: add dockercon banner
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-12 14:47:27 +02:00
Jérémie Drouet c03af2d11f landing-page: make header responsive
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-12 14:11:39 +02:00
Jérémie Drouet 5389d768e0 landing-page: fix header spacing
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-12 10:45:47 +02:00
Jérémie Drouet feb57a7eea landing page: change style
Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
2020-05-05 16:53:50 +02:00
Sebastiaan van Stijn 5276ea1d9f
Re-enable "anchorlink" script
This allows for easier sharing of links to specific sections
on a page.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
2020-02-13 12:48:12 +01:00
Adrian Plata a1875f4d56
Reworking glossary to a table and removing left-side ToC (#1387) (#9769)
* Reworking glossary to a table and removing left-side ToC

Signed-off-by: Adrian Plata <adrian.plata@docker.com>

* modifying CSS

* Fixing desktop links.

* Fixing swarm mode links.
2019-10-30 13:15:39 -07:00
Maria Bermudez 27b909795e
Merge pull request #7492 from artywhite/fix-navsidebar-hover-cursor-pointer
Nav sidebar links hover cursor fix
2019-01-04 16:08:02 -08:00
Maria Bermudez 7d695ae8c5 - Add redirect for UCP 3.0 readd DTR 2.5 reference files
Update related link for repo event auto-deletion
2018-12-20 20:19:16 -08:00
Maria Bermudez 0a360151e4
Update _navigation.scss 2018-12-12 16:49:08 -08:00
Maria Bermudez fc6969b03e
Move update to sidebar section 2018-12-12 16:46:23 -08:00
Abhinandu V Nair 077b391ef1
Update navigation.css
Updated cursor pointer for collapsed navigation links with content inside them
2018-12-10 21:10:26 +05:30
AS1 e0afc86189 Nav sidebar links hover cursor fix 2018-10-11 21:01:33 +03:00
Josh south c02ffd661d CSS fixes for version selector, removing animations, and more (#5574)
This commit squashes 21 commits. Leaving the commit messages here for posterity.

* Activate Night Mode

- Add toggle for night mode
- Update base styles

* remove font-size

* Update _night-mode.scss

* Fix first-line indenting and color differences

* Fix rescale bug

* stuff

* Add menu fixs

* Update core pallette - light/dark mode

* Toc link padding

* Remove color cycle
Remove temp.css

* update secondary nav bg

* remove paddin-top ul left nav on med viewport
2018-01-18 12:11:07 -08:00
John Mulhausen 7cfe2e9da2
Fixing link-colored text in list items. 2017-11-08 03:06:39 -08:00
Gwendolynne Barr cfc6020a0a Test image background (#5082) 2017-10-24 15:10:00 -07:00
Josh south a74533976d Activate Night Mode (#4853)
* Activate Night Mode

- Add toggle for night mode
- Update base styles

* Update _night-mode.scss

* Fix first-line indenting and color differences
2017-10-09 16:42:07 -07:00
Misty Stanley-Jones 7c800e7054 Tweak formatting of options tables (#4730) 2017-09-29 17:38:46 -07:00