Wolfr Wolfr

Product designer trying to find the balance between aesthetics and usability

Wolfr / components.accordion\.js

Last active April 8, 2021 18:03

Accordion

	import Component from '@glimmer/component';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';
	import { guidFor } from '@ember/object/internals';

	export default class Accordion extends Component {

	@tracked isActive = false
	accordionId = 'accordion-' + guidFor(this);

Wolfr / accordion.hbs

Created April 8, 2021 17:35

Accordion in Ember

	<div class="auk-accordion {{if this.isActive "auk-accordion--is-active"}}">

	<WebComponents::AuButtonLink
	@padded="padded-y"
	@icon="chevron-right"
	@block="true"
	{{on "click" this.toggleAccordion}}
	aria-expanded={{if this.isActive "true" "false"}}
	aria-controls={{this.accordionId}}>{{@label}}
	</WebComponents::AuButtonLink>

Wolfr / global.css

Last active January 17, 2021 18:56

Toolbar

	body {
	background: red;
	}

	.st-toolbar {
	display: flex;
	width: 100%;
	justify-content: space-between;
	}

Wolfr / card.tsx

Created January 17, 2021 15:20

	import { Component, Element, State, h } from '@stencil/core';
	import { hasSlot } from '../../utilities/slot';

	/**
	* @since 2.0
	* @status stable
	*
	* @slot - The card's body.
	* @slot header - The card's header.
	* @slot footer - The card's footer.

Wolfr / staatsblad.css

Created November 2, 2020 09:12

	@-moz-document domain("www.ejustice.just.fgov.be") {
	/* Stylesheet to make staatsblad more legible */

	frame {
	border: none;
	}

	a {
	color: #468FFA;
	}

Wolfr / gist:7194077ed212c639c49927ec8b3aac6a

Created October 29, 2020 07:38

	Now using node v12.14.1 (npm v6.13.6)
	johanronsse@Johans-iMac spark-backoffice-prototype % npm i

	> [email protected] install /Users/johanronsse/Sites/spark-backoffice-prototype/node_modules/glob-watcher/node_modules/fsevents
	> node install.js

	SOLINK_MODULE(target) Release/.node
	CXX(target) Release/obj.target/fse/fsevents.o
	SOLINK_MODULE(target) Release/fse.node

Wolfr / input.scss

Created September 7, 2020 15:34

Generated by SassMeister.com.

Wolfr / .htaccess

Created June 27, 2020 09:49

	# htaccess config to redirect SPAs to index.html

	RewriteEngine On

	RewriteCond %{REQUEST_FILENAME}.html -f
	RewriteRule !.*\.html$ %{REQUEST_FILENAME}.html [L]

	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteRule . index.html

Wolfr / gist:9e9440b604b49258a7bf9591085b0f0a

Created June 4, 2020 08:37

Wolfr / components.my-alert\.js

Created June 2, 2020 19:08

Blocks

	import Component from '@glimmer/component';

	export default class extends Component {
	}