@internetstiftelsen/styleguide 2.22.0 → 2.22.1

package/src/organisms/mega-menu/mega-menu.hbs

@@ -1,95 +0,0 @@
-<div class="wrapper-fluid o-mega-menu" aria-hidden="{{hidden}}" id="{{id}}">
-	{{#if domain_search}}
-		{{> @domain-search hidden="true" id="domain-search-2" input_id="search-domain-2" label="sök en .se- eller .nu-domän" addidional_classes="o-domain-search--is-in-mega-menu"}}
-	{{/if}}
-	<div class="wrapper o-mega-menu__wrapper">
-		<div class="row align-items-start">
-			<div class="grid-18 grid-lg">
-				<a href="#" class="o-mega-menu__link o-mega-menu__link--large">Domäner</a>
-				<dl class="o-mega-menu__list">
-					<dt class="o-mega-menu__list__topic"><a href="#" class="o-mega-menu__link">Är domänen ledig?</a></dt>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Regler och beskrivning av whois</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Registrera en domän</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Villkor och regler</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">.se-/.nu-domäner som snart kan bli lediga</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Tips innan du registrerar en domän/Inspiration och tips</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Återförsäljare</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Kontakta din kundtjänst</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Så fungerar ett domännamn</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Oseriösa metoder</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Tvistlösning</a></dd>
-					<dt class="o-mega-menu__list__topic"><a href="#" class="o-mega-menu__link">Domännamnsbranschen</a></dt>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Tjänster </a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Domänstatistik</a></dd>
-				</dl>
-			</div>
-			<div class="grid-18 grid-lg">
-				<a href="#" class="o-mega-menu__link o-mega-menu__link--large">Kunskap</a>
-				<dl class="o-mega-menu__list">
-					<dt class="o-mega-menu__list__topic"><a href="#" class="o-mega-menu__link">För skolan</a></dt>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Digitala lektioner</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Lärarfortbildning</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Fördjupning</a></dd>
-					<dt class="o-mega-menu__list__topic"><a href="#" class="o-mega-menu__link">För samhället</a></dt>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Svenskarna och internet</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Projekt internetaccess</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Federationer</a></dd>
-					<dt class="o-mega-menu__list__topic"><a href="#" class="o-mega-menu__link">För allmänheten</a></dt>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Digitala lektioner</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Lärarfortbildning</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Fördjupning</a></dd>
-				</dl>
-			</div>
-			<div class="grid-18 grid-lg">
-				<a href="#" class="o-mega-menu__link o-mega-menu__link--large">Mötesplatser</a>
-				<dl class="o-mega-menu__list">
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Internetdagarna {{> @icon id="external-link" additional_classes="o-mega-menu__link__icon"}}</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Goto 10 {{> @icon id="external-link" additional_classes="o-mega-menu__link__icon"}}</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Forskningssamarbeten {{> @icon id="external-link" additional_classes="o-mega-menu__link__icon"}}</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Internetstiftelsen stöttar {{> @icon id="external-link" additional_classes="o-mega-menu__link__icon"}}</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Investeringar {{> @icon id="external-link" additional_classes="o-mega-menu__link__icon"}}</a></dd>
-					</dl>
-			</div>
-			<div class="grid-18 grid-lg">
-				<a href="#" class="o-mega-menu__link o-mega-menu__link--large">Om oss</a>
-				<dl class="o-mega-menu__list">
-					<dt class="o-mega-menu__list__topic"><a href="#" class="o-mega-menu__link">Presentation</a></dt>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Jobba hos oss</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Press</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Pressbilder och biografier</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Kontakt</a></dd>
-					</dl>
-			</div>
-			<div class="grid-18 grid-lg">
-				<a href="#" class="o-mega-menu__link o-mega-menu__link--large">English</a>
-				<dl class="o-mega-menu__list">
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Lorem ipsum</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Dolor sit amet</a></dd>
-					<dd class="o-mega-menu__list__item"><a href="#" class="o-mega-menu__link">Aenean sodales vestibulum</a></dd>
-				</dl>
-			</div>
-		</div>
-	</div>
-	{{#if search}}
-	<div class="row o-mega-menu__search__wrapper background-jade">
-		<div class="wrapper">
-			<div class="row align-items-center">
-				<div class="grid-auto u-p-r-0">
-					<span class="o-search__icon">
-						<svg class="icon">
-							<use xlink:href="#icon-search"></use>
-						</svg>
-					</span>
-				</div>
-				<form role="search" method="get" action="/" class="grid u-p-l-0 display-flex">
-					<label for="" class="u-visuallyhidden">sök internetstiftelsen.se</label>
-					<input type="search" name="s" class="o-search__input" value="" placeholder="sök internetstiftelsen.se" aria-describedby="number-of-hits" id="">
-					<button id="o-search-result-submit" type="submit" class="a-button a-button a-button--large-responsive o-search__submit">
-						<span class="a-button__text">Sök</span>
-					</button>
-				</form>
-			</div>
-		</div>
-	</div>
-	{{/if}}
-</div>

package/src/organisms/podcast/podcast--episode-list.hbs

@@ -1,8 +0,0 @@
-<div class="o-podcast-episodes">
-	<ul class="o-podcast-episodes__episode-list u-list-clean">
-		{{#each episodes}}
-			{{> @podcast--single-episode el="li" modifiers="list"}}
-		{{/each}}
-	</ul>
-</div>
-{{> '@podcast--player' hidden=true}}

package/src/organisms/podcast/podcast--hero.hbs

@@ -1,5 +0,0 @@
-<div class="o-hero background-peacock-light">
-	<div class="wrapper">
-		{{> @podcast--single-episode el="li" el2="span" modifiers="hero"}}
-	</div>
-</div>

package/src/organisms/podcast/podcast--single-episode.hbs

@@ -1,48 +0,0 @@
-<{{getelement el "div"}} class="o-podcast-episodes__episode{{#if modifiers}} {{getmodifiers modifiers "o-podcast-episodes__episode"}}{{/if}} row no-gutters">
-	<div class="grid-18 grid-sm-auto display-flex justify-content-center u-hide-sm">
-		<figure>
-			<img class="o-podcast-episodes__episode__image" src="{{#if episodeImage}}{{episodeImage}}{{/if}}" alt="Svenskarna och internet 2020">
-		</figure>
-	</div>
-	<div class="grid">
-		<div class="o-podcast-episodes__episode__meta">
-			<span class="a-meta">{{duration}}</span><span class="a-meta u-p-x-1">|</span><span class="a-meta">{{date}}</span>
-		</div>
-		<div class="o-podcast-episodes__episode__info">
-			{{#if is_hero}}
-			<h1 class="display-flex align-items-center">
-			{{else}}
-			<h2 class="display-flex align-items-center">
-			{{/if}}
-				<button class="o-podcast-episodes__episode__button display-flex u-m-r-1 u-m-l-0 js-play-episode" data-src="{{src}}" data-title="{{title}}" data-description="Årets högtidsstund för alla som älskar internetstatistik är här! Vår rapport Svenskarna och internet har utökats inför ett speciellt år med extra frågor kring Coronapandemin. Jannike Tillå, Måns Jonasson och Jenny Andersson från Internetstiftelsen diskuterar insikterna från årets rapport." data-image="{{episodeImage}}" data-duration="{{duration}}" type="button">
-					<svg class="icon o-podcast-episodes__play-icon"><use xlink:href="#icon-play"></use></svg>
-					<div class="u-visuallyhidden">Spela avsnittet {{title}}</div>
-				</button>
-				<{{getelement el2 "a"}} class="o-podcast-episodes__episode__link" href="#">{{title}}</{{getelement el2 "a"}}>
-			{{#if is_hero}}
-		</h1>
-			{{else}}
-			</h2>
-			{{/if}}
-			<p>{{description}}</p>
-		</div>
-		<div class="o-podcast-episodes__episode__share">
-			<a class="o-podcast-episodes__episode__download-link" download href="{{src}}">
-				{{> '@icon' id="download" additional_classes="o-podcast-episodes__episode__download-icon background-peacock-light"}}
-				<span>Ladda ner</span>
-			</a>
-			<span class="o-podcast-episodes__episode__share__spacer">|</span>
-
-			<dl class="o-podcast-episodes__episode__share__list u-list-clean">
-				<dt><strong>Lyssna:</strong></dt>
-				<dd><a href="#" class="o-podcast-episodes__episode__listen-link">Spotify</a></dd>
-				<dd><a href="#" class="o-podcast-episodes__episode__listen-link">Apple</a></dd>
-				<dd><a href="#" class="o-podcast-episodes__episode__listen-link">Libsyn</a></dd>
-			</dl>
-		</div>
-	</div>
-</{{getelement el "div"}}>
-
-{{#if is_single_episode}}
-	{{> '@podcast--player' hidden=true}}
-{{/if}}

package/src/organisms/podcast/podcast.config.js

@@ -1,76 +0,0 @@
-module.exports = {
-	status: 'ready',
-	default: 'player',
-
-	context: {
-		playlist: false,
-		hidden: false,
-		src: 'https://traffic.libsyn.com/secure/internetpodden/20201215-svenskarna-och-internet-2020.mp3?dest-id=1534313',
-		image: true,
-		title: 'Svenskarna och internet 2020',
-		description: 'Årets högtidsstund för alla som älskar internetstatistik är här! Vår rapport Svenskarna och internet har utökats inför ett speciellt år med extra frågor kring Coronapandemin. Jannike Tillå, Måns Jonasson och Jenny Andersson från Internetstiftelsen diskuterar insikterna från årets rapport.',
-		duration: '53:04',
-		has_modifier: false,
-		is_single_episode: true,
-		date: '15 december, 2020',
-		episodeImage: 'https://ssl-static.libsyn.com/p/assets/a/9/6/5/a9653e010511f97e/internetpodden-logo.png'
-	},
-
-	variants: [
-		{
-			name: 'with playlist',
-			status: 'prototype',
-			context: {
-				playlist: true,
-				hidden: true,
-				src: false,
-				image: false,
-				title: false,
-				description: false,
-				duration: false,
-				is_single_episode: false
-			}
-		},
-		{
-			name: 'Episode list',
-			context: {
-				is_single_episode: false,
-				modifiers: ['list'],
-				episodes: [
-					{
-						title: 'Svenskarna och internet 2020',
-						src: 'https://traffic.libsyn.com/secure/internetpodden/20201215-svenskarna-och-internet-2020.mp3?dest-id=1534313',
-						episodeImage: 'https://ssl-static.libsyn.com/p/assets/a/9/6/5/a9653e010511f97e/internetpodden-logo.png',
-						description: 'Årets högtidsstund för alla som älskar internetstatistik är här! Vår rapport Svenskarna och internet har utökats inför ett speciellt år med extra frågor kring Coronapandemin. Jannike Tillå, Måns Jonasson och Jenny Andersson från Internetstiftelsen diskuterar insikterna från årets rapport.',
-						duration: '53:04',
-						date: '15 december, 2020'
-					},
-					{
-						title: 'David Rowan på Internetdagarna 2019',
-						src: 'https://traffic.libsyn.com/secure/internetpodden/Internetpodden_avsnitt5.mp3?dest-id=1534313',
-						episodeImage: 'https://ssl-static.libsyn.com/p/assets/3/6/a/2/36a281563e8e08b8/Internetpodden_avsnitt5.jpg',
-						description: 'Vi fortsätter våra samtal med huvudtalarna från årets Internetdagarna. I det här avsnittet samtalar Internetstiftelsens Måns Jonasson med David Rowan, tidigare chefredaktör för teknikmagasinet Wired. Rowan höll en hyllad presentation på temat innovationer, och visade upp en del inte fullt så innovativa uppfinningar. Vad är egentligen riktig innovation?',
-						duration: '17:12',
-						date: '30 december, 2019'
-					},
-					{
-						title: 'Jenny Radcliffe på Internetdagarna 2019',
-						src: 'https://traffic.libsyn.com/secure/internetpodden/internetpodden_avsnitt3.mp3?dest-id=1534313',
-						episodeImage: 'https://ssl-static.libsyn.com/p/assets/7/4/b/7/74b768ea833215f0/internetpodden_avsnitt3.jpg',
-						description: 'Vi fortsätter våra samtal med huvudtalarna från årets Internetdagarna. I det här avsnittet samtalar Internetstiftelsens Isadora Hellegren med Jenny Radcliffe, känd som "The People Hacker". Hon tar sig in i vilken byggnad som helst genom konsten att förhandla och övertala, och utnyttja säkerhetssystemens svagaste länk; människan.',
-						duration: '13:46',
-						date: '15 december, 2019'
-					}
-				]
-			}
-		},
-		{
-			name: 'Hero',
-			context: {
-				is_single_episode: true,
-				modifiers: ['hero'],
-				is_hero: true
-			}
-		}
-	]
-}

package/src/organisms/podcast/podcast.hbs

@@ -1,43 +0,0 @@
-<div id="site" data-namespace="">
-	{{#if playlist}}
-	<ul class="o-podcast-track-list u-list-clean js-track-list"></ul>
-	{{/if}}
-
-	<div class="o-podcast-player{{#if hidden}} o-podcast-player--hidden{{/if}} js-podcast" data-rss="https://internetpodden.libsyn.com/rss">
-		<div class="wrapper">
-			<div class="row justify-content-between align-items-center">
-				<img src="{{episodeImage}}" class="o-podcast-player__player__image js-image" alt="{{title}}">
-				<div class="o-podcast-player__player">
-					<div class="o-podcast-player__player__show-info">
-						<h4 class="o-podcast-player__title color-ruby js-title">{{#if title}}{{title}}{{/if}}</h4>
-						<div class="display-flex align-items-center">
-							<time class="o-podcast-player__playtime js-duration">{{#if duration}}{{duration}}{{/if}}</time>
-							<span class="o-podcast-player__spacer">-</span>
-							<div class="o-podcast-player__description js-description">{{#if description}}{{description}}{{/if}}</div>
-						</div>
-					</div>
-					<div class="o-podcast-player__controls">
-						<button type="button" class="o-podcast-player__button js-step-backward" title="Back 15 seconds">
-							<span class="u-visuallyhidden" >Back 15 seconds</span>
-							{{>@ icon id="backward-15" additional_classes="o-podcast-player__rewind-icon"}}
-						</button>
-						<button type="button" class="o-podcast-player__button o-podcast-player__button--play js-play-button" title="Play/Pause">
-							<span class="u-visuallyhidden">Play/Pause</span>
-							{{>@ icon id="play" additional_classes="o-podcast-player__play-icon js-play-icon"}}
-							{{>@ icon id="pause" additional_classes="o-podcast-player__play-icon js-pause-icon is-hidden"}}
-						</button>
-						<button type="button" class="o-podcast-player__button js-step-forward" title="Forward 60 seconds">
-							<span class="u-visuallyhidden" >Forward 60 seconds</span>
-							{{>@ icon id="forward-60" additional_classes="o-podcast-player__rewind-icon"}}
-						</button>
-						<time class="o-podcast-player__timeleft {{#unless duration}}u-visibility-hidden{{/unless}} js-timeleft">{{#if duration}}{{duration}}{{/if}}</time>
-						<audio controls id="podcastPlayer" class="u-visuallyhidden" {{#if src}}src="{{src}}"{{/if}}></audio>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="o-podcast-player__progressbar">
-			<div class="o-podcast-player__progressbar__progress background-ruby js-progress"></div>
-		</div>
-	</div>
-</div>

package/src/organisms/search-result/search-result.config.js

@@ -1,12 +0,0 @@
-module.exports = {
-	status: 'ready',
-
-	context: {
-		label: 'sök på internetstiftelsen.se',
-		alt: 'Hands typing on laptop',
-		img_url: '/assets/images/ALX_0876.jpg',
-		title: 'Man spelar Candy Crush',
-		url: 'http://www.google.se',
-		exerpt: 'Praesent tempus metus in arcu mollis, non convallis odio faucibus. Nullam lectus nulla, rutrum nec odio ut, mollis interdum enim. Proin tincidunt odio at quam eleifend imperdiet. Mauris sagittis nulla ipsum, consectetur efficitur libero dignissim in.'
-	}
-}

package/src/organisms/search-result/search-result.hbs

@@ -1,95 +0,0 @@
-<div class="o-search-result">
-	<ul class="o-search-result__list">
-		<li class="o-search-result__item o-search-result__item--article">
-			<article class="row">
-				<div class="grid-18 grid-md-4">
-					<a href="#"><img src="{{img_url}}" alt="{{alt}}" class="o-search-result__image o-search-result__image--article"></a>
-				</div>
-				<div class="grid-18 grid-md-14">
-					<div class="o-search-result__item__content">
-						<header>
-							{{> @meta text="September 27, 2018"}}
-							{{render '@meta--lower-case'}}
-						</header>
-						<h2>
-							<a href="#" class="o-search-result__item__link">Nätneutraliteten</a>
-						</h2>
-						<p>{{exerpt}}</p>
-					</div>
-				</div>
-			</article>
-		</li>
-		<li class="o-search-result__item o-search-result__item--article">
-			<article class="row">
-				<div class="grid-18 grid-md-4">
-					<a href="#"><img src="{{img_url}}" alt="{{alt}}" class="o-search-result__image o-search-result__image--article"></a>
-				</div>
-				<div class="grid-18 grid-md-14">
-					<div class="o-search-result__item__content">
-						<header>
-							{{> @meta text="September 27, 2018"}}
-							{{render '@meta--lower-case'}}
-						</header>
-						<h2>
-							<a href="#" class="o-search-result__item__link">Nätneutraliteten</a>
-						</h2>
-						<p>{{exerpt}}</p>
-					</div>
-				</div>
-			</article>
-		</li>
-		<li class="o-search-result__item o-search-result__item--file">
-			<article class="row">
-				<div class="o-search-result__item__content">
-					<header>
-						{{> @meta text="September 27, 2018"}}
-					</header>
-					<h2>
-						<a href="#" class="o-search-result__item__link">Nätneutraliteten</a>
-					</h2>
-					<p>{{exerpt}}</p>
-				</div>
-				<div class="grid">
-					{{render '@download'}}
-				</div>
-			</article>
-		</li>
-		<li class="o-search-result__item o-search-result__item--page">
-			<article class="row flex-row-reverse">
-				<div class="grid-18 grid-md-9">
-					<a href="#"><img src="{{img_url}}" alt="{{alt}}" class="o-search-result__image o-search-result__image--page"></a>
-				</div>
-				<div class="grid-18 grid-md-9">
-					<div class="o-search-result__item__content">
-						<header>
-							{{> @meta text="September 27, 2018"}}
-						</header>
-						<h2>
-							<a href="#" class="o-search-result__item__link">Nätneutraliteten</a>
-						</h2>
-						<p>{{exerpt}}</p>
-					</div>
-				</div>
-			</article>
-		</li>
-		<li class="o-search-result__item o-search-result__item--article">
-			<article class="row">
-				<div class="grid-18 grid-md-4">
-					<a href="#"><img src="{{img_url}}" alt="{{alt}}" class="o-search-result__image o-search-result__image--article"></a>
-				</div>
-				<div class="grid-18 grid-md-14">
-					<div class="o-search-result__item__content">
-						<header>
-							{{> @meta text="September 27, 2018"}}
-							{{render '@meta--lower-case'}}
-						</header>
-						<h2>
-							<a href="#" class="o-search-result__item__link">Nätneutraliteten</a>
-						</h2>
-						<p>{{exerpt}}</p>
-					</div>
-				</div>
-			</article>
-		</li>
-	</ul>
-</div>

package/src/organisms/sections/sections.config.js

@@ -1,68 +0,0 @@
-module.exports = {
-	status: 'ready',
-
-	context: {
-		sections: [
-			{
-				type: false,
-				modifier: false,
-				heading: 'Section grey',
-				heading_class: false,
-				text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.'
-			},
-			{
-				type: 'white',
-				modifier: 'rectangle-left',
-				heading: 'Section white',
-				text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.'
-			},
-			{
-				type: false,
-				modifier: false,
-				heading: 'Section grey',
-				text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.'
-			},
-			{
-				type: 'white',
-				modifier: 'rectangle-right',
-				heading: 'Section white',
-				text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.'
-			}
-		]
-	},
-	variants: [
-		{
-			name: 'Header and assymetric grid',
-			context: {
-				sections: [
-					{
-						type: false,
-						modifier: false,
-						heading: 'With header and assymetric grid',
-						heading_class: 'supersize',
-						has_header: true,
-						text: 'Internetstiftelsens vision är att alla vill, vågar och kan använda internet. Här har vi samlat våra utbildningssatsningar som gör att du enklare kan förstå och använda internets tjänster, och som bidrar till ökad digital kompetens.',
-					},
-					{
-						type: 'white',
-						modifier: 'rectangle-left o-section__content--peacock',
-						heading: 'Section white',
-						has_header: true,
-						has_grid: true,
-						meta: true,
-						text: 'Vi tycker om och tror på internet och brinner för att dela med oss av vår kunskap. Vår vision är att alla i Sverige vill, vågar och kan använda internet. För att det ska bli verklighet krävs kunskap om hur internet och digital teknik fungerar, både vad gäller tekniska aspekter och saker som källkritik och riskmedvetenhet.'
-					},
-					{
-						type: false,
-						modifier: 'rectangle-right o-section__content--jade',
-						heading: 'Section grey',
-						has_header: true,
-						has_grid: true,
-						meta: true,
-						text: 'Vi verkar för ett internet som bidrar positivt till människan och samhället. Därför är vi intresserade av hur internet i Sverige används och hur vi kan hjälpa medborgarna att använda det bättre och försäkra sig om att de får vad de betalar för.'
-					},
-				]
-			}
-		}
-	]
-}

package/src/organisms/sections/sections.hbs

@@ -1,52 +0,0 @@
-<div class="site">
-	{{#each sections}}
-	<section class="o-section{{#if type}} o-section--{{type}}{{/if}}">
-		<div class="wrapper o-section__content {{#if modifier}} o-section__content--{{modifier}}{{/if}}">
-			{{#if has_header}}
-			<header>
-				<div class="row">
-					<div class="grid-18 grid-md-8 offset-md-1">
-			{{/if}}
-			{{#if meta}}<strong class="a-meta">Hjärtefråga</strong>{{/if}}
-			<h1{{#if heading_class}} class="{{heading_class}}"{{/if}}>{{heading}}</h1>
-			<p{{#if heading_class}} class="preamble"{{/if}}>{{text}}</p>
-			{{#if has_header}}
-					</div>
-				</div>
-			</header>
-			{{/if}}
-			{{#if has_grid}}
-			<div class="row asymmetric-md u-m-b-2">
-				<div class="grid-18 grid-md-6 u-m-b-2">
-					<article class="m-card m-card--padded m-card--shadow">
-						<img width="500" height="290" class="m-card__image m-card__media" alt="kvinna sitter med mobil." src="https://internetstiftelsen.se/app/uploads/2019/01/kvinna-med-mobil-500x290.jpg">
-						<div class="m-card__content">
-							<a href="https://digitalalektioner.se/" class="m-card__link"><h1 class="beta">Digitala lektioner</h1></a>
-							<p>Digitala lektioner är en fri lärresurs med lektioner som täcker allt som rör digital kompetens i grundskolan.</p>
-						</div>
-					</article>
-				</div>
-				<div class="grid-18 grid-md-6 u-m-b-2">
-					<article class="m-card m-card--padded m-card--shadow">
-						<img width="500" height="290" class="m-card__image m-card__media" alt="Kvinna sitter vid dator i ett klassrum." src="https://internetstiftelsen.se/app/uploads/2019/01/ALX_7293-500x290.jpg">
-						<div class="m-card__content">
-							<a href="https://digitalalektioner.se/fortbildning/" class="m-card__link"><h1 class="beta">Fortbildning för pedagoger</h1></a>
-							<p>Internetstiftelsen erbjuder kostnadsfri fortbildning för pedagoger kring digital kompetens.</p>
-						</div>
-					</article>
-				</div>
-				<div class="grid-18 grid-md-6 u-m-b-2">
-					<article class="m-card m-card--padded m-card--shadow">
-						<img width="500" height="290" class="m-card__image m-card__media" alt="Pojke sitter i en soffa och läser på sin laptop som finns i knäet" src="https://internetstiftelsen.se/app/uploads/2020/08/pojke-studerar-hemma-500x290.jpg">
-						<div class="m-card__content">
-							<a href="https://digitalalektioner.se/skola-overallt/" class="m-card__link"><h1 class="beta">Skola överallt med Digitala lektioner</h1></a>
-							<p>Spridningen av coronaviruset gör att distansundervisning kan bli det nya normala för många lärare och elever.</p>
-						</div>
-					</article>
-				</div>
-			</div>
-			{{/if}}
-		</div>
-	</section>
-	{{/each}}
-</div>

package/src/organisms/tabs/tabs.config.js

@@ -1,28 +0,0 @@
-module.exports = {
-	status: 'ready',
-
-	context: {
-		tab_item: [
-			{
-				id: 'tab-1',
-				heading: 'De här',
-				content: '<p>Klinisk och min drink. Reserverad potten var nu en kund, men inte bara protein. Renare TV, uppvärmning för någon, chips start. Antioxidanter eller om barnen orienterade, fotboll framför datorn. Medlemmar i dörren var intakt protein. Läxor fotbollstips lejon kartong bananer. Smartphones och bananer temperatur.</p>'
-			},
-			{
-				id: 'tab-2',
-				heading: 'Tabbarna',
-				content: '<p>Ta färdväg åker rot häst se precis det blev därmed se, söka smultron för ingalunda brunsås fram se vi miljoner jäst olika, groda sällan dunge när tiden fram helt sig dock. För sax blivit redan av där vid upprätthållande omfångsrik det på bra, icke dunge på mjuka groda ser del kan stora. År denna gör erfarenheter häst bland tre ta söka redan år, dimma om händer rot dimma att om själv av sjö, sig stig genom och sorgliga själv verkligen nya där.</p>'
-			},
-			{
-				id: 'tab-3',
-				heading: ' Går till elva',
-				content: '<p>Gamla det som mjuka gamla hans gamla bra sista fram gamla, tiden trevnadens se hwila när själv nu har kanske hwila, helt i när groda göras rännil verkligen tid så. Dock upprätthållande ta faktor sällan dimmhöljd ingalunda mjuka, vidsträckt bra tidigare vemod samma att lax redan, bra oss strand dimma redan är. Räv att dimmhöljd söka kunde tiden söka vid när, gör del dag söka vad icke se, göras tidigare vid nu dunge kunde tiden.</p>'
-			},
-			{
-				id: 'tab-4',
-				heading: '<svg width="20" height="20" viewbox="0 0 32 32"><path d="M31.5 18.2v-4.4h-4.7c-.3-1.4-.8-2.6-1.5-3.7l3.3-3.3-3.1-3.1L22.2 7c-1.2-.8-2.6-1.4-4-1.7V.5h-4.4v4.7c-1.4.2-2.7.8-3.9 1.6L6.7 3.6 3.6 6.7l3.2 3.2c-.8 1.2-1.3 2.5-1.6 3.9H.5v4.4h4.7c.3 1.5.9 2.8 1.7 4l-3.3 3.3 3.1 3.1 3.3-3.3c1.1.7 2.4 1.3 3.7 1.5v4.7h4.4v-4.7c1.4-.3 2.7-.8 3.9-1.6l3.4 3.4 3.1-3.1-3.4-3.4c.8-1.2 1.3-2.5 1.6-3.9h4.8zM16 23.5c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5 7.5 3.4 7.5 7.5-3.4 7.5-7.5 7.5z"></path></svg>',
-				content: '<p>Dock upprätthållande ta faktor sällan dimmhöljd ingalunda mjuka, vidsträckt bra tidigare vemod samma att lax redan, bra oss strand dimma redan är. Räv att dimmhöljd söka kunde tiden söka vid när, gör del dag söka vad icke se, göras tidigare vid nu dunge kunde tiden. Gamla det som mjuka gamla hans gamla bra sista fram gamla, tiden trevnadens se hwila när själv nu har kanske hwila, helt i när groda göras rännil verkligen tid så. </p>'
-			}
-		]
-	}
-}

package/src/organisms/tabs/tabs.hbs

@@ -1,15 +0,0 @@
-<div data-tab-component>
-	<ul class="o-tab-list js-o-tab-list">
-		{{#each tab_item}}
-		<li class="o-tab-list__item">
-			<a class="o-tab-list__link" href="#{{id}}">{{{heading}}}</a>
-		</li>
-		{{/each}}
-	</ul>
-	{{#each tab_item}}
-	<section id="{{id}}" class="o-tab-panel">
-		<h2>{{{heading}}}</h2>
-		{{{content}}}
-	</section>
-	{{/each}}
-</div>

package/src/pages/animate-footer/animate-footer.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-	status: 'ready',
-
-	context: {
-		hidden: 'true',
-		id: true,
-		addidional_classes: false,
-		label: 'sök en .se- eller .nu-domän'
-	}
-}