Commit Graph

34 Commits

Author SHA1 Message Date
Allie Sadler fef904be8d
Align with Design System (#16201)
* add DDS colors to docs and change main variables and style.scss sheet

* find and replace colors from color-palette-2 and deprecate palette 2

* find and replace colors from color-palette-3 and deprecate palette 3

* more alignment with colors

* change typography

* typography tweaks

* fix fonts

* dark mode and accessibility

* review changes

* icons

* icons

* icons

* accessibility fix on footer

* review comments
2022-11-30 15:57:19 +00:00
David Karlsson 4d8cbbbe88 ux: update sass for landing page (tabs)
Signed-off-by: David Karlsson <david.karlsson@docker.com>
2022-10-31 20:45:29 +01:00
CrazyMax cc0fc46783
jekyll(assets): move images to assets folder
Signed-off-by: CrazyMax <crazy-max@users.noreply.github.com>
2022-09-05 15:49:23 +02:00
Allie Sadler d9db26dfae
extensions banner (#15056)
* extensions banner

* typo fix

* typo fix

* typo fix
2022-07-05 11:28:20 +01:00
smokhtar1 6847e77ecb fixing a typo and removing Geomanist font from landing 2021-11-10 17:21:54 +01:00
smokhtar1 5e01630e77 changing light mode colors to use color-palette variables 2021-11-03 16:37:54 +01: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
Mark H 86b24990ee Update styles for dark mode, add general bootstrap overrides 2021-07-13 09:53:30 +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
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 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 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 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 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
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 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
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