Desaturate | OS X menu bar app for toggling the grayscale display | Menu library

OUTLINE

I have 2 views, the first (view1) contains a HStack and an @ObservableObject. When the user selects a row from the HStack the @ObservableObject is updated to the string name of the row selected.

In view2 I have the same HStack as the first HStack in view1. This HStack observes @ObservableObject and desaturates all other rows except the one that matches the @ObservableObject.

PROBLEM

The HStack list in view2 is wider than the page so I would like to automatically scroll to the saturated/selected row when the view appears. I'm not totally sure how to use ScrollTo as it needs an integer and I am only storing/observing the string name.

VIEW 1

So I am running a bit of code that is supposed to allow me to desaturate and then saturate an image. I have a function that is supposed to allow me to do this, but no matter how I change the code, it always shifts the color so it doesn't desaturate.

My Function:

Hello Guys i need help.

i am using a converter on a binding to set a background color depending on an object id.(stacklayout inside contentview)

I made this animated section using some inline svg as clip-path and AOS library. The idea is to animate each slice of the image with a different animation. This markup is working and is IE10+ capable. But I really cannot understand how to make this section responsive, I mean how can I fit the entire section to 100% of the screen(or better 90%), if the width of the screen goes below the fixed width of the svg. Please help me at least for a starting point. Many thanks

Here is a working codepen(the animation on scroll doesn't work very well in the codepen box, so you have to resize the box up and down to test the animation)

CODEPEN

I'm trying to make a portfolio website as practice. I am not really good at css and I learned from other people's code to learn from their design and special effects.

Here is what I achieve so far, I have a little gallery to store my photos and use a photo enlarger to enlarge it when clicking on it. Normally when it is not hovered or clicked, the photos are desaturated by filter: grayscale(50%) contrast(1); and when it is hovered, the saturation returns to normal and there is a shadow below the photos.

Here is the demo: https://codesandbox.io/s/objective-swartz-tuo1t

The relevant code snippets are

I'm building a website with a 3-by-whatever grid of 16x9 video thumbnails using flexbox. I want to create rollover where the colorful thumbnail turns monotone (greyscale + a x% transparent color layer) with a white logo above it.

Despite my best efforts, the greyscale affects the separate color layer as well.

Here's how I want it to work: I want just the colorful videos thumbnails to appear as a grid. Then, when you hover over them, they desaturate to a monotone color with a white SVG logo centered in each thumbnail.

The way I'm doing this (which could be completely wrong) is this: 1) Create a flexbox of 3-by-whatever thumbnails, with each thumbnail set to a fixed ratio of 16x9. (For this, I'm using the height: 0, padding 56.25 technique found here: https://css-tricks.com/aspect-ratio-boxes/)

2) Set the background image of each individual flexbox by giving it its own id tag and setting it in a corresponding css. (background: url(example.png) top left / 100%;) Also set the position to relative. On hover, filter: greyscale(100%).

3) Create a child div inside with an absolute position and a top:0, left: 0, and height & width of 100%. On hover, give that layer a background with opacity and set it on the z-index to 2.

I've read on many other stack overflows that you should be able to set the z-index for one layer to prevent the filter from affecting the other. But whenever I try it, the filter simply affects both divs.

Relevant html:

The story

pandas, numpy, seaborn, matplotlib are installed on the system without errors. I took this code example from http://seaborn.pydata.org/examples/many_pairwise_correlations.html

Snippet

Updated to new Anaconda 2018, opened a jupyter notebook that worked prior to the update. Having problems with loading seaborn into the script. Tried following several threads on this but nothing worked question.

I've tried:

-Setting Enviromental Variables

-Reinstalling Anaconda2018

-Uninstalled and reinstalled seaborn using conda

-Reinstalled SciPy

Running out of options as I want to use Seaborn 0.9.0 and python-3.7 but I cannot seem to get 3.7 to play with 0.9.0. Help?

I have a color UIColor(displayP3Red: 1, green: 0, blue: 0.8, alpha: 1). I want to create a desaturated version of this — with the same hue and brightness, but less saturation, like half the saturation of the original. How do I do this?