Victor Nystad vnys

Title:     Equinor Design Direction
Author:    Victor Nystad <[email protected]>
Status:    Draft
Date:      Jan 29 2025

Key points

Title:     EDS Q1 Status Rapport
Author:    Victor Nystad <[email protected]>
Status:    Draft
Date:      Jan 29 2025

APCA

Python easing functions

For precision programmatic animation!

Translated from the JavaScript in Sean Yen’s Easing equations
Illustrations adapted from Andrey Sitnik and Ivan Solovev’s Easings.net

Example usage:

duration = 30

Name	Has hover	Has active hover	Note
App launcher	X	–	❗️All items are active – should be neutral
Breadcrumbs	X	X	❗️Missing active
Drawer	X	X	Needs active-hover and active-pressed
Sidebar	X	X	Removing pressed in the tokens
Link	X	–
Menu	X	X
Pagination	X	X	Needs to be rebuilt
Table of contents	X	X
Tabs	X	X	Resting = inactive in 1.0

Title:  Syncing Equinor Design System tokens with styles
Author: Victor Nystad <[email protected]>
Status:  Draft
Date:   Mar 14 2023

When syncing tokens in Token Studio with styles, there are two options in the plugin settings:

Title:  Synthstrom Deluge muligens til salgs
Author: Victor Nystad <[email protected]>
Date:   Dec 29 2022

Kostnader 19. juni 2022

Title:  Tomato-spiced lentils
Author: Victor Nystad <[email protected]>
Date:   Feb 17 2023
Status: WIP
URLs:
  - https://www.thespruceeats.com/simplest-raw-food-salsa-recipe-3377438
  - https://lovingitvegan.com/simple-guacamole-recipe/
 - https://www.simplyrecipes.com/recipes/refried_black_beans/

Title:  XXX
Date:   Nov 24 2022
Author: Victor Nystad
Desc:   Description
Tags:   SomeTag

	/**
	* Easing functions
	*
	* https://gist.github.com/gre/1650294
	* http://easings.net
	*/
	// no easing, no acceleration
	export function easeLinear(t){ return t }
	// accelerating from zero velocity
	export function easeInQuad(t){ return t*t }

	.button-primary {
	font-size: var(--button-font-size);
	line-height: var(--button-line-height);
	border-radius: var(--button-border-radius);
	padding: var(--button-padding);
	background-color: var(--button-primary-background-color);
	color: var(--button-color);
	cursor: pointer;
	border: none;
	text-decoration: none;