Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Community page redesign #590

Merged
merged 27 commits into from Oct 13, 2020
Merged

Community page redesign #590

merged 27 commits into from Oct 13, 2020

Conversation

garbas
Copy link
Member

@garbas garbas commented Sep 28, 2020

Design

TODO

  • use blue buttons for "Discourse forum" and "Open webchat" links in Communication section (@garbas)
  • for reddit, discord, twitter use icons and align them in a grid (@garbas)
  • diagonal light blue backround (@samueldr)
  • add short description for past nixcon (@garbas)
  • apply styles for nixcon and adjust to light blue background (@garbas)
  • design style for list of meetups (@garbas)

This change is Reviewable

@github-actions
Copy link
Contributor

@github-actions
Copy link
Contributor

@garbas garbas added the design About the design refresh work label Sep 28, 2020
@github-actions
Copy link
Contributor

@nixos-discourse
Copy link

This pull request has been mentioned on NixOS Discourse. There might be relevant details there:

https://discourse.nixos.org/t/marketing-team-meeting-minutes-14/9304/1

@github-actions
Copy link
Contributor

github-actions bot commented Oct 5, 2020

@github-actions
Copy link
Contributor

github-actions bot commented Oct 7, 2020

@github-actions
Copy link
Contributor

github-actions bot commented Oct 8, 2020

@garbas garbas changed the title WIP: Community page redesign Community page redesign Oct 9, 2020
@garbas garbas requested a review from samueldr October 9, 2020 00:57
@github-actions
Copy link
Contributor

github-actions bot commented Oct 9, 2020

@github-actions
Copy link
Contributor

@github-actions
Copy link
Contributor

@github-actions
Copy link
Contributor

@samueldr
Copy link
Member

Quick notes about the ^^^^ previous push


The NixCon logo being embedded that way would pretty much double the general CSS file output size. That's not good.

I added what was already planified: the ability to make page-specific styles. The capability here should be used only for things that increase the main styles by too much. Generally speaking, that will be page-specific assets.


Coupled with that, a white backdrop for the NixCon logo. Since this uses the Nix lambdaflake, and it shouldn't be used against a dark blue backdrop in its blue form, it has been put into a white box. The box emulates the concept presented in the mockup better:

image

Sure, a photo type image would have helped, but it's not something we really have here.

@github-actions
Copy link
Contributor

They are not often changed, though they take a while to compile.

At this current commit, it's negligible, but with the upcoming world
asset, it takes quite a while to finish.
Used in the community page
@samueldr
Copy link
Member

The world map asset takes ages to run svgo against (due to the sheer amount of elements).

This is why the assets optimization has been split-off in the last batch of changes.

@github-actions
Copy link
Contributor

It can be used to create any kind of angle, of any colour desired.
This uses the multi-purpose wedge to scale a diagonal line.

<div class="columnar-layout -three">
<section class="community-communication">
<h1>Where to talk?</h1>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To me, this wording seems weird. Though, I don't really have suggestions.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah I'm also struggling to find better title, but is better then "communication". I took this one from https://www.rust-lang.org/community.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the main difference here is the question mark.

@github-actions
Copy link
Contributor

@garbas
Copy link
Member Author

garbas commented Oct 13, 2020

@samueldr 💯

@garbas garbas merged commit 3abf390 into master Oct 13, 2020
@garbas garbas deleted the redesign-community branch October 13, 2020 11:38
@nixos-discourse
Copy link

This pull request has been mentioned on NixOS Discourse. There might be relevant details there:

https://discourse.nixos.org/t/tweag-nix-dev-update-4/9862/1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design About the design refresh work
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants