Nam Nguyen eneim

/*
Made by [egy.js](https://www.instagram.com/egy.js/);
*/

see it on :

Pure CSS "carousel"(heavy emphasis on the quotes there)

Leveraging use of how elements behave in the DOM in combination with features of CSS makes implementing a pure CSS "carousel" relatively trivial.

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

This script attaches a stopwatch into the toolbar of Leetcode's problem page.

The feature is simple:

Use this script with any browser extension allowing attaching JS to the page. (I use User JavaScript and CSS)

	/*
	* Copyright (c) 2018 Nam Nguyen, nam@ene.im
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software

	override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {
	binding = DataBindingUtil.inflate(inflater, R.layout.your_fragment, container, false)
	binding.homeAction.setOnClickListener { select(R.id.home_action) }
	binding.likesAction.setOnClickListener { select(R.id.likes_action) }
	binding.searchAction.setOnClickListener { select(R.id.search_action) }
	binding.profileAction.setOnClickListener { select(R.id.profile_action) }
	return binding.root
	}

	fun select(id: Int) {

	/**
	* Given a Flow A, returns a [Flow] that emits a pair of the latest value emitted by A (as the
	* second value of the pair), and the previous value emitted before (as the first value of the
	* pair).
	*
	* Example
	* ```
	* val originalFlow = flowOf(1, 2, 3, 4)
	* originalFlow.flowWithPrevious().collect { (l, r) ->
	* println("Left: $l, Right: $r")