emilras

novicell-frontend

## Installation

novicell-cookie-info

Cookie information dialog used to show a short text about, the use of cookies for the website, due to european laws.

novicell-map

A simple component to load a single google map with a marker on it.

novicell-lazyload

Novicell script for lazyloading images.

novicell-visible

A script that checks whether elements are within the users visible viewport.

novicell-overlay

Simple script that can open an overlay / modal

novicell-debounce

Simple function to debounce scroll and resize event

novicell-sprite-animation

Used to animate spritesheets

novicell-sprite-scroller

For tweening a sprite on scroll

@novicell/novibrot

Novicell Fractal theme.

@novicell/cli

A CLI to help developers start up new projects

@novicell/darkmode-detector

A JS module to detect wether the user prefers darkmode or not. Looks at build in params, as well as time and location.

@novicell/message-bar

[](https://www.npmjs.com/package/@novicell/message-bar) 

@novicell/offline-notification

Offline notification component for nuxt setup

@novicell/css-utils

A CSS utility class package inspired by Bootstrap 4 CSS utilities and configurable via CSS Custom Properties and PostCSS.

@novicell/vue-link

A Vue link component, that automatically switches between and anchor-tag and NuxtLink, depending on whether the provided link is internal or external.

@novicell/vue-breadcrumb

Vue implementation of a breadcrumb component.

@novicell/flexbox-grid

A CSS flexbox grid package configurable via CSS Custom Properties and PostCSS.

@novicell/vue-slideshow

A Vue carousel component built on vue-awesome-swiper to display image slideshows with a fade effect.

@novicell/vue-inline-nav

A Vue carousel component built on vue-awesome-swiper to display inline navigation items such as cards.

@novicell/vue-cta

This component is a styled call-to-action link used to draw attention to the link. This component uses `@novicell/vue-link` to determine whether to render as a Vue / Nuxt router link or an anchor-tag.

@novicell/ie-browser-redirect

Present user with the overlay message built by Microsoft stating that the website is not suited for the Internet Explorer. If the user accepts, they get redirected to the same website just within Microsoft Edge

@novicell/stylelint-config

A Stylelint config for CSS or PostCSS

@novicell/eslint-config-nuxt

A Eslint config for Nuxt projects with TypeScript

@novicell/postcss-config

A postCSS 8 config for Nuxt and vite