I made a quick sketch of the idea that I mentioned a few minutes ago. I basically just created boxes at various widths, used the Airflow colors as the border and used the same color at 10% opacity inside the box. Here are two options, one with rounded corners and one with fully rounded edges. This is just a sketch so the size of things would need to be adjusted to look right in production.
https://imgur.com/a/rpBzc4O https://imgur.com/sQwThGE Also, just for reference, here is the Airflow UI icon I made recently that I pulled this idea from: https://imgur.com/D3ZBy5N —Chris On Wed, Nov 13, 2019 at 9:19 AM Bas Harenslak <basharens...@godatadriven.com> wrote: > Can we reuse the animation for a new Airflow 404 page? ;-) > > On 13 Nov 2019, at 15:01, Chris Hendrixson <ch...@astronomer.io<mailto: > ch...@astronomer.io>> wrote: > > I like the concept of the floating squares, though, as-is, they seem a bit > like confetti. I think the Slack implementation works really well because, > with the recognizable logos, it still feels relevant to Slack. > > An idea: What if they were a different shape? Something a bit more > relevant to Airflow? > > I recently designed an icon — attached — to represent the Airflow UI and I > used these little pill-shaped icons to represent DAGs. Maybe something like > this could work? Using the various Airflow colors? > > On Tue, Nov 12, 2019 at 2:29 PM Aizhamal Nurmamat kyzy < > aizha...@apache.org<mailto:aizha...@apache.org>> wrote: > Thank you all for your feedback. I will pass them to the team who is > implementing and hopefully share the new version in a day or two. > > On Sat, Nov 9, 2019 at 3:48 PM Tomasz Urbaszek < > tomasz.urbas...@polidea.com<mailto:tomasz.urbas...@polidea.com>> > wrote: > > > I like the animation too and +1 for dark mode. Few observations: > > - on documentation page, it was not intuitive for me that the menu is > > scrollable, should a scroll bar be added? > > - on documentation page, the search loop is mixed with input field (my > > screen 1680x1050) > > > > In overall I really love the new page ;) > > > > Bests, > > Tomek > > > > On Sat, Nov 9, 2019 at 11:23 PM Felix Uellendall <felue...@pm.me.invalid > <mailto:felue...@pm.me.invalid>> > > wrote: > > > > > I like the animation, too. :) Maybe we can also change the animation a > > bit > > > so that the squares do not disappear and instead bounce back when they > > hit > > > the borders. > > > > > > +1 for Dark Mode (but actually even I am a dark mode user I really like > > > the current one with white background) As Jarek said I think we can > also > > > add it later, don’t need it initially :) > > > > > > Best Regards, > > > Felix > > > > > > Sent from ProtonMail Mobile > > > > > > On Sat, Nov 9, 2019 at 20:32, Driesprong, Fokko <fo...@driesprong.frl > <mailto:fo...@driesprong.frl>> > > > wrote: > > > > > > > I like the floating squares :-) > > > > > > > > Op za 9 nov. 2019 om 19:17 schreef Bas Harenslak < > > > > basharens...@godatadriven.com<mailto:basharens...@godatadriven.com > >>: > > > > > > > >> I really like it (including front page animation)! Looks fresh & > > modern. > > > >> > > > >> There’s still some placeholders here and there so I won’t comment on > > > those. > > > >> > > > >> Some notes on the parts that are filled: > > > >> - would also put the slack invite page in the “join the community” > > > >> - the menu on the right side in the docs doesn’t show for “how-to > > > guides” > > > >> - hovering over a header in the docs shows a permalink button, but > the > > > >> image is just a square > > > >> > > > >> Cheers, > > > >> > > > >> Bas > > > >> > > > >> > On 9 Nov 2019, at 18:07, Jarek Potiuk <jarek.pot...@polidea.com > <mailto:jarek.pot...@polidea.com>> > > > wrote: > > > >> > > > > >> > I love it. Including the animation. I think we all need a bit of > fun > > > in > > > >> our > > > >> > work, no matter how serious we are. Even slack has similar > animated > > > >> > background https://slack.com/intl/en-pl/ (and they are pretty > > > serious). > > > >> > > > > >> > I have just two comments: > > > >> > - we should show stable released documentation by default not > > 2.0.0. I > > > >> know > > > >> > we are looking at it from contributors point of view, but this > page > > is > > > >> > mostly for users who use "released" software. And I agree with > Deng > > > that > > > >> > versions should be in reverse chronological order. > > > >> > - maybe - following recent trends - we should have "dark" mode as > > > well ? > > > >> > The site is very white .... This is a nice-to-have of course and > we > > > can > > > >> add > > > >> > it later as well (but maybe it is simple even now :)). > > > >> > > > > >> > J > > > >> > > > > >> > On Sat, Nov 9, 2019 at 5:56 AM Kevin Yang <yrql...@gmail.com > <mailto:yrql...@gmail.com>> > > wrote: > > > >> > > > > >> >> Excellent work! I really like it, esp. the documentation part. > > Thank > > > >> you > > > >> >> everyone who contributed to it 👍 > > > >> >> > > > >> >> +1 for it is very subjective and I'm in favor of the moving > > elements. > > > >> I'm > > > >> >> not so sure how being a project for serious user would conflict > > with > > > >> just > > > >> >> showing some moving elements in the landing page. Or I'm not even > > > sure > > > >> what > > > >> >> does serious user mean. > > > >> >> > > > >> >> > > > >> >> Cheers, > > > >> >> Kevin Y > > > >> >> > > > >> >> On Fri, Nov 8, 2019 at 7:46 PM Deng Xiaodong < > xd.den...@gmail.com<mailto:xd.den...@gmail.com>> > > > >> wrote: > > > >> >> > > > >> >>> Very nice work! > > > >> >>> > > > >> >>> - Personally I quite like the moving background elements, and I > do > > > not > > > >> >>> find it distracting. I believe this is very subjective, and we > can > > > >> >> discuss > > > >> >>> on each other’s preference forever. So... But anyway, if there > > will > > > be > > > >> >> any > > > >> >>> vote, mine is +1 for the current one. > > > >> >>> > > > >> >>> - At Documentation page, when I choose version, the order is > > “Stable > > > >> >>> (1.10.6) -> 1.10.1-> 1.10.2 -> 1.10.3->…”. But personally I > think > > > >> >> “reverse” > > > >> >>> order is making more sense, i.e. “Stable (1.10.6) -> 1.10.5-> > > > 1.10.4 -> > > > >> >>> 1.10.3->…” > > > >> >>> > > > >> >>> - Some links are not working yet (maybe they will be handled > > > later?), > > > >> >>> including: > > > >> >>> * “View Page Source” button at page > > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/docs/stable/ < > > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/docs/stable/> > > > >> >>> * PIP Installation “Quick Start” button at page > > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/install/ < > > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/install/> (it > > > leads me > > > >> >> to > > > >> >>> GitHub index page) > > > >> >>> > > > >> >>> > > > >> >>> Again, very nice work! Thanks! > > > >> >>> > > > >> >>> > > > >> >>> > > > >> >>> XD > > > >> >>> > > > >> >>> > > > >> >>>> On 9 Nov 2019, at 8:29 AM, Aizhamal Nurmamat kyzy < > > > >> aizha...@apache.org<mailto:aizha...@apache.org> > > > >> >>> > > > >> >>> wrote: > > > >> >>>> > > > >> >>>> Thank you both for your feedback. > > > >> >>>> > > > >> >>>> I really dislike the moving background elements on the lading > > > page. I > > > >> >>>>> already found the previous example when they weren't moving > hard > > > to > > > >> >>> focus > > > >> >>>>> on other elements such as finding the header menu and going to > > the > > > >> >>>>> documentation, for me this is now easily twice as worse. If no > > one > > > >> >> else > > > >> >>>>> agrees with me I guess it's a personal quirk you can ignore as > > an > > > >> >>> outlier > > > >> >>>> > > > >> >>>> > > > >> >>>> @Everyone, does majority of you don't like the floating squares > > on > > > the > > > >> >>>> landing page? Would you prefer it to be static and something > more > > > >> >> simple > > > >> >>>> and clean? I would really appreciate if you can share some > ideas > > of > > > >> >> what > > > >> >>>> could be a good replacement. > > > >> >>>> > > > >> >>>> When clicking "Install" I get "Connect failed", is there a > > > proposed UI > > > >> >>> for > > > >> >>>>> this page or is this not part of the demo? > > > >> >>>>> > > > >> >>>>> Yes, if you click the "install" on the top right, they both > > should > > > >> >> lead > > > >> >>>> the same page. > > > >> >>>> > > > >> >>>> On the documentation page there is a submenu floating on the > left > > > side > > > >> >> of > > > >> >>>>> the screen which by default has the menus ["Apache Airflow > > > >> >>> Documentation ", > > > >> >>>>> "Principles", "Beyond the Horizon", "Content"]. At my desktops > > > >> default > > > >> >>>>> resolution (1080p) with my default window size (half > horizontal > > > >> width) > > > >> >>> that > > > >> >>>>> submenu is entirely squished and inaccessible. > > > >> >>>>> > > > >> >>>> > > > >> >>>> Yes, I also found few places where text or manu gets squished, > > like > > > >> >> when > > > >> >>>> you search the docs. > > > >> >>>> > > > >> >>>> - On mobile the integration boxes are rather oversized (see > > screen > > > >> shot > > > >> >>> of > > > >> >>>>> it attaches) > > > >> >>>>> > > > >> >>>> > > > >> >>>> I think apache lists do not support the files, so we can't see > > any > > > >> >>>> attachments. > > > >> >>>> > > > >> >>>> > > > >> >>>>> - Those link to readthedocs - but they should link to > versioned > > > docs > > > >> >>>>> hosted on our on site. > > > >> >>>>> > > > >> >>>> Ack, will pass on this feedback. > > > >> >>>> > > > >> >>>> - The version selection in the docs on our site isn't quite > > working > > > >> >>> right: > > > >> >>>>> if I select 1.10.6 it still shows 2.0.0dev > > > >> >>>>> > > > >> >>>> Ack, will pass on this feedback. > > > >> >>>> > > > >> >>>> - blog posts still populated with placeholders? > > > >> >>>>> > > > >> >>>> Correct, case studies page as well. > > > >> >>>> > > > >> >>>> > > > >> >>>>> - after selecting roadmap from the top menu there is a subpage > > nav > > > >> >> that > > > >> >>>>> feels out of place > > > >> >>>>> > > > >> >>>> The idea was to have a documentation page, that supports > > > >> images/graphs, > > > >> >>>> etc. And if we end up adding more to it in the future. It can > be > > > one > > > >> >> page > > > >> >>>> only as well. > > > >> >>>> > > > >> >>>> - "learn more" from meetup page doesn't go anywhere useful > > > >> >>>>> > > > >> >>>> Learn more will lead to the Meetup.com<http://Meetup.com> > registration page. > > > >> >>>> > > > >> >>>> > > > >> >>>>> - There are two section "collapsers" on the community page: a > > blue > > > >> >> arrow > > > >> >>>>> on the right and a black one on the left (again, see > screenshot) > > > >> >>>>> > > > >> >>>> Again, can't see the screenshots :( > > > >> >>>> > > > >> >>>> > > > >> >>>>> - we should probably point most users towards users@ not dev@ > > > >> mailing > > > >> >>> list > > > >> >>>>> > > > >> >>>> Agree. Is user@ list currently active? I am just wondering if > > > people > > > >> >> are > > > >> >>>> following that list, and user's questions are getting enough > > > >> attention. > > > >> >>>> > > > >> >>>> - "Primary Members Commiters" heading on Community page should > > > >> probably > > > >> >>> say > > > >> >>>>> "Project Management Committee" > > > >> >>>> > > > >> >>>> +1 > > > >> >>>> > > > >> >>>> Hope this list was useful :) > > > >> >>>>> > > > >> >>>> +100 :) Thank you. > > > >> >>>> > > > >> >>>> > > > >> >>>> > > > >> >>>> > > > >> >>>> > > > >> >>>>> On 8 November 2019 20:08:41 GMT, Aizhamal Nurmamat kyzy < > > > >> >>>>> aizha...@apache.org<mailto:aizha...@apache.org>> wrote: > > > >> >>>>>> > > > >> >>>>>> Hi everybody, > > > >> >>>>>> > > > >> >>>>>> We are super close to the final version of the Airflow > website > > > and > > > >> we > > > >> >>>>>> really need YOU to play with the prototype to make sure that > > > >> >>> everything is > > > >> >>>>>> working properly. > > > >> >>>>>> > > > >> >>>>>> Here is the link: > > > https://airflow-website-s5z26d2t7a-ew.a.run.app/ > > > >> >>>>>> > > > >> >>>>>> Please submit your feedback on the prototype in this thread > > > before > > > >> >>> Tuesday, > > > >> >>>>>> 10.00am CEST. After that it will be Commit-then-Review > process. > > > >> >>>>>> > > > >> >>>>>> We also need YOUR help to create a website copy. Marta has > > > created > > > >> >> this > > > >> >>>>>> document [1] where you can put the information, instructions > or > > > >> >>>>>> guidelines that need to appear in each section. It doesn't > need > > > to > > > >> be > > > >> >>>>>> perfect, just needs to convey the knowledge that you already > > > have on > > > >> >>> how to > > > >> >>>>>> install Airflow or how to submit a bug, for example. I will > be > > > >> adding > > > >> >>>>>> things myself too. > > > >> >>>>>> > > > >> >>>>>> Let's make sure that we have the necessary and relevant > > > >> >>>>>> information available for our users and contributors before > we > > > >> >> publish > > > >> >>> it. > > > >> >>>>>> Here is an article on how to write a web copy if anyone wants > > to > > > >> >> take a > > > >> >>>>>> look [2]. > > > >> >>>>>> > > > >> >>>>>> [1] > > > >> >>>>>> > > > >> >>> > > > >> >> > > > >> > > > > > > https://docs.google.com/document/d/1Y4jBjtQ13zeLZ2e3V4foa51pN-168p1DHJ5zc7cbyGg/edit?ts=5dbc78cd > > > >> >>>>>> [2] https://expresswriters.com/how-to-write-web-copy/ > > > >> >>>>>> > > > >> >>>>>> > > > >> >>> > > > >> >>> > > > >> >> > > > >> > > > > >> > > > > >> > -- > > > >> > > > > >> > Jarek Potiuk > > > >> > Polidea <https://www.polidea.com/> | Principal Software Engineer > > > >> > > > > >> > M: +48 660 796 129 <+48%20660%20796%20129> <+48660796129 > > <+48%20660%20796%20129>> > > > >> > [image: Polidea] <https://www.polidea.com/> > > > >> > > > >> > > > > > > > > -- > > > > Tomasz Urbaszek > > Polidea <https://www.polidea.com/> | Junior Software Engineer > > > > M: +48 505 628 493 <+48%20505%20628%20493> <+48505628493 > > <+48%20505%20628%20493>> > > E: tomasz.urbas...@polidea.com<mailto:tomasz.urbas...@polidea.com> < > tomasz.urbasz...@polidea.com<mailto:tomasz.urbasz...@polidea.com>> > > > > Unique Tech > > Check out our projects! <https://www.polidea.com/our-work> > > > >
