Commit Graph

95 Commits

Author SHA1 Message Date
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