altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
781 lines (604 loc) • 32.6 kB
HTML
<html lang="no" class="">
<head>
<title>DESIGNSYSTEM PROTOTYPE - Altinn</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="format-detection" content="telephone=no">
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="../../images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../../images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../../images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../../images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../../images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../../images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../../images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../../images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="../../images/favicons/manifest.json">
<link rel="mask-icon" href="../../images/favicons/safari-pinned-tab.svg">
<meta name="apple-mobile-web-app-title" content="Altinn">
<meta name="application-name" content="Altinn">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- FortAwesome icons-->
<script src="https://use.fortawesome.com/ed31cded.js"></script>
<script src="https://use.fortawesome.com/df832575.js"></script>
<!-- Theme stylesheet -->
<link rel="stylesheet" href="../../css/style.prototype.altinn.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../css/style.dist.brreg.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../css/style.dist.altinnett.css" type="text/css" media="screen">
<script type="text/javascript">
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "none";
}
</script>
<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
<!-- never cache patterns -->
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="stylesheet" href="../../styleguide/css/styleguide.min.css?1535451812396" media="all">
<link rel="stylesheet" href="../../styleguide/css/prism-typeahead.min.css?1535451812396" media="all" />
<!-- End Pattern Lab -->
</head>
<body class="project-altinnett a-bgWhite" id="top">
<div class="a-sg-content-preloader">
<div class="a-sg-content-preloader-status"> </div>
</div>
<!-- START: 03-maler-altinnett-30-artikkel-20-artikkel-jumbo -->
<div class="a-page">
<!-- START: 02-organismer-01-globale-90-header-altinnett -->
<!-- Skip to main content -->
<nav class="a-jumpnav">
<ul class="no-decoration d-flex">
<li><a class="sr-only sr-only-focusable" href="#content">Hopp til hovedinnholdet</a></li>
<li><a class="sr-only sr-only-focusable" href="#primary-nav">Hopp til hovedmeny</a></li>
<li><a class="sr-only sr-only-focusable" href="#search">Hopp til søk</a></li>
</ul>
</nav>
<!-- Begin .header -->
<header class="a-header an-header a-darkBackground an-bgBlack a-js-hideElement ">
<!-- Begin .container -->
<div class="container">
<div class="row">
<div class="col-12">
<!-- Begin .a-globalNav -->
<nav id="primary-nav" class="a-globalNav">
<a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-globalNav-logo">
<img src="../../images/altinnett-logo-white.svg" alt="Altinnett logo" class="a-logo a-modal-top-logo ">
<span class="sr-only">Til forsiden</span>
</a>
<button class="an-navbar-toggler" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Vis/skjul meny</span>
</button>
<!-- START: 02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu an-dropdown-navigationMenu a-dropdownTriangle an-menu-container an-menu-logged-out">
<ul class="a-list an-menu">
<li>
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->
<div class="form-group a-form-group pt-1 px-1">
<label class="a-form-label sr-only " for="dropdown-input-search">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</li>
<li>
<a class=" pr-2" href="#">verktøy</a>
</li>
<li>
<a class=" pr-2" href="/patterns/03-maler-altinnett-80-produktsider-10-produktoversikt/03-maler-altinnett-80-produktsider-10-produktoversikt.html">produkter</a>
</li>
<li>
<a class=" pr-2" href="#">resultater</a>
</li>
<li>
<a class=" pr-2" href="#">kom i gang</a>
</li>
</ul>
<div class="mt-1 mx-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.href='/patterns/03-maler-altinnett-20-profil-30-paalogget/03-maler-altinnett-20-profil-30-paalogget.html'" class="a-btn btn-block " data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html">
Logg inn
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown -->
</nav>
<!-- End .a-globalNav -->
</div>
<!-- End .col -->
</div>
<!-- End .row -->
</div>
<!-- End .container -->
</header>
<!-- End .header -->
<!-- END: 02-organismer-01-globale-90-header-altinnett -->
<section id="content" tabindex="-1">
<!-- START: 01-molekyler-03-media-10-jumbotron -->
<div class="jumbotron jumbotron-fluid a-jumbotron a-jumbotron-header a-jumbotron-bottom a-jumbotron-large a-jumbotron-dark a-placeholderBackground" style="background-color: #cff0ff; background-image: url('../../images/brick_pattern.svg') ">
<div class="container">
<div class="row">
<div class=" col-md-12 offset-md-0 col-lg-10 offset-xl-1 col-xl-8 offset-xl-1">
<!-- START: 02-organismer-40-artikkel-60-artikkel-start -->
<!-- START: 01-molekyler-02-navigasjon-14-smulesti -->
<ol class="breadcrumb a-breadcrumb ">
<li class="breadcrumb-item ">
<a href="">Første nivå</a>
</li>
<li class="breadcrumb-item ">
<a href="">Andre nivå</a>
</li>
<li class="breadcrumb-item breadcrumb-mobile">
<a href="">Tredje nivå</a>
</li>
<li class="breadcrumb-item active">
<a href="">Fjerde nivå som er siden du står på</a>
</li>
</ol>
<!-- END: 01-molekyler-02-navigasjon-14-smulesti -->
<!-- START: 00-atomer-07-tekst-09-sidetittel -->
<h1 class="a-fontBold a-pageTitle ">
Tittel på siden
</h1>
<!-- END: 00-atomer-07-tekst-09-sidetittel -->
<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText " id="leadText">Dette er et eksempel på en artikkelmal med stor bakgrunnsillustrasjon i toppen. For å se artikler med reellt innhold, se under 'Sider' og 'Artikler'.</p>
<!-- END: 00-atomer-07-tekst-02-intro-tekst -->
<!-- START: 00-atomer-07-tekst-20-byline -->
<div class="a-byline">
Sist oppdatert 11.10.2016
</div>
<!-- END: 00-atomer-07-tekst-20-byline -->
<hr class="mt-2 mb-0 d-none d-lg-block">
<!-- END: 02-organismer-40-artikkel-60-artikkel-start -->
</div>
</div>
</div>
</div>
<!-- END: 01-molekyler-03-media-10-jumbotron -->
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-8 offset-lg-2 a-text mb-5">
<!-- START: 00-atomer-07-tekst-03-avsnitt -->
<p class="">Standard tekststørrelse på avsnitt er 16px. Dersom avsnittet plasseres i en artikkemal som har klassen a-text, vil teksten i avsnitet bli 18px. Lenker vil da få 1px border-bottom, og lenker i bold vil få 2px border-bottom. Lorem ipsum dolor
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<!-- END: 00-atomer-07-tekst-03-avsnitt -->
<!-- START: 00-atomer-07-tekst-10-seksjonstittel -->
<h2 class="">Tittel på seksjon
</h2>
<!-- END: 00-atomer-07-tekst-10-seksjonstittel -->
<!-- START: 00-atomer-07-tekst-03-avsnitt -->
<p class="">Standard tekststørrelse på avsnitt er 16px. Dersom avsnittet plasseres i en artikkemal som har klassen a-text, vil teksten i avsnitet bli 18px. Lenker vil da få 1px border-bottom, og lenker i bold vil få 2px border-bottom. Lorem ipsum dolor
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<!-- END: 00-atomer-07-tekst-03-avsnitt -->
<!-- START: 01-molekyler-05-forms-02-fant-du-det-du-lette-etter JS doc: feedbackToggle.js -->
<form class="mt-4 a-dontPrint">
<!-- START: 00-atomer-01-forms-04-radioknapp -->
<fieldset class="form-group ">
<legend class="a-legend">Fant du det du lette etter?
</legend>
<div class="custom-control custom-radio a-custom-radio a-js-feedbackToggle custom-control-inline ">
<input type="radio" id="radio1" name="customRadio" value="radio1" class="custom-control-input">
<label class="custom-control-label a-radioButtons-title" for="radio1">Ja
</label>
</div>
<div class="custom-control custom-radio a-custom-radio a-js-feedbackToggle custom-control-inline ">
<input type="radio" id="radio2" name="customRadio" value="radio2" class="custom-control-input">
<label class="custom-control-label a-radioButtons-title" for="radio2">Nei
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-04-radioknapp -->
<!-- START: 00-atomer-07-tekst-03-avsnitt -->
<p class="">Takk for din tilbakemelding.</p>
<!-- END: 00-atomer-07-tekst-03-avsnitt -->
<!-- START: 00-atomer-01-forms-40-tekstfelt -->
<div class="form-group a-form-group ">
<label for="text-input-generic" class="a-form-label">Hva savnet du?</label>
<textarea class="form-control a-textarea" rows="3" placeholder="Gi oss gjerne en tilbakemelding på hva vi kan forbedre.." name="input-field" id="text-input-generic"></textarea>
</div>
<!-- END: 00-atomer-01-forms-40-tekstfelt -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mt-2" data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html">
Send
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</form>
<!-- END: 01-molekyler-05-forms-02-fant-du-det-du-lette-etter -->
</div>
<!-- END .col-... -->
</div>
<!-- END .row -->
<div class="row">
<div class="col-sm-12 col-lg-6 offset-lg-3 mb-5">
<!-- START: 01-molekyler-03-media-03-bilde-innhold -->
<div class="a-card a-cardImage ">
<!-- START: 00-atomer-09-bilder-og-media-_08-placeholder -->
<img src="../../images/illustrasjon_starte_og_drive_sirkel.svg" alt="Illustrasjon" />
<!-- END: 00-atomer-09-bilder-og-media-_08-placeholder -->
<div class="a-cardImage-text">
<h2>Trenger du hjelp?</h2>
<p>Våre bedriftsveiledere sitter klar til å hjelpe deg. Telefonen er åpen 0800—1530, mandag til fredag. E-poster besvares normalt innen 24 timer.</p>
<!-- START: 00-atomer-02-lenker-37-link-telefonnummer -->
<a href="tel:+4780033840" class="a-linkIcon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Telefonnummer til Altinn kundestøtte</span> 800 33 840
</a>
<!-- END: 00-atomer-02-lenker-37-link-telefonnummer -->
<!-- START: 00-atomer-02-lenker-38-link-mail -->
<a href="mailto:support@altinn.no" class="a-linkIcon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-send "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Send mail til support@altinn.no</span> Skriv til oss
</a>
<!-- END: 00-atomer-02-lenker-38-link-mail -->
</div>
</div>
<!-- END: 01-molekyler-03-media-03-bilde-innhold -->
</div>
<!-- END .col-... -->
</div>
<!-- END .row -->
</div>
<!-- END Container -->
</section>
<!-- START: 02-organismer-01-globale-91-footer-altinnett -->
<!-- START: 02-organismer-70-Modal-innhold-_10-modal -->
<div class="a-modal fade modal a-fade--appear " id="modal-singel" role="dialog" tabindex="-1">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="goBack()" aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<!-- The content will be injected here -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_10-modal -->
<!-- Begin Footer -->
<footer class="an-footer a-bgBlueDarker ">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 an-footer-contactColumn">
<div class="an-footer-contactInfo">
<h1 class="an-footer-heading">Vil du vite mer?</h1>
<ul class="an-footer-contactLinks">
<li>
<a href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>800 33 840</span>
</a>
</li>
<li>
<a href="#" data-toggle="altinn-modal" data-action="load" data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html" data-target="#modal-singel">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-send "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Kontakt oss</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-9 an-footer-navigationColumn">
<div class="an-footer-search">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->
<div class="form-group a-form-group a-form-group-darkBackground ">
<label class="a-form-label sr-only " for="text-input-search-11">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-11">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<ul class="an-footer-infoLinks">
<li><a class="" href="#">Altinns rolle</a></li>
<li><a class="" href="#">Altinn i fremtiden</a></li>
<li><a class="" href="#">Innovation</a></li>
</ul>
<div class="an-footer-supplementaryInfo">
<ul class="an-footer-smallLinks">
<li><a class="" href="#">Driftsmeldinger</a></li>
<li><a class="" href="#">Personvern</a></li>
<li><a class="" href="#">Hjelp</a></li>
</ul>
<span class="an-footer-address">Brønnøysundregistrene, 8910 Brønnøysund</span>
</div>
</div>
</div>
</div>
<!-- End Container -->
</footer>
<!-- End Footer -->
<!-- END: 02-organismer-01-globale-91-footer-altinnett -->
</div>
<!-- END: 03-maler-altinnett-30-artikkel-20-artikkel-jumbo -->
<!-- DO NOT REMOVE -->
<script type="text/json" id="sg-pattern-data-footer" class="sg-pattern-data">
{
"cssEnabled": false,
"patternLineageExists": true,
"patternLineages": [{
"lineagePattern": "organismer-header-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-90-header-altinnett\\02-organismer-01-globale-90-header-altinnett.html",
"lineageState": "inprogress altinnett"
}, {
"lineagePattern": "molekyler-jumbotron",
"lineagePath": "../../patterns/01-molekyler-03-media-10-jumbotron\\01-molekyler-03-media-10-jumbotron.html",
"lineageState": "specification altinn altinnett"
}, {
"lineagePattern": "atomer-avsnitt",
"lineagePath": "../../patterns/00-atomer-07-tekst-03-avsnitt\\00-atomer-07-tekst-03-avsnitt.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "atomer-seksjonstittel",
"lineagePath": "../../patterns/00-atomer-07-tekst-10-seksjonstittel\\00-atomer-07-tekst-10-seksjonstittel.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-fant-du-det-du-lette-etter",
"lineagePath": "../../patterns/01-molekyler-05-forms-02-fant-du-det-du-lette-etter\\01-molekyler-05-forms-02-fant-du-det-du-lette-etter.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-bilde-innhold",
"lineagePath": "../../patterns/01-molekyler-03-media-03-bilde-innhold\\01-molekyler-03-media-03-bilde-innhold.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "organismer-footer-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-91-footer-altinnett\\02-organismer-01-globale-91-footer-altinnett.html",
"lineageState": "inprogress altinnett"
}],
"lineage": [{
"lineagePattern": "organismer-header-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-90-header-altinnett\\02-organismer-01-globale-90-header-altinnett.html",
"lineageState": "inprogress altinnett"
}, {
"lineagePattern": "molekyler-jumbotron",
"lineagePath": "../../patterns/01-molekyler-03-media-10-jumbotron\\01-molekyler-03-media-10-jumbotron.html",
"lineageState": "specification altinn altinnett"
}, {
"lineagePattern": "atomer-avsnitt",
"lineagePath": "../../patterns/00-atomer-07-tekst-03-avsnitt\\00-atomer-07-tekst-03-avsnitt.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "atomer-seksjonstittel",
"lineagePath": "../../patterns/00-atomer-07-tekst-10-seksjonstittel\\00-atomer-07-tekst-10-seksjonstittel.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-fant-du-det-du-lette-etter",
"lineagePath": "../../patterns/01-molekyler-05-forms-02-fant-du-det-du-lette-etter\\01-molekyler-05-forms-02-fant-du-det-du-lette-etter.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-bilde-innhold",
"lineagePath": "../../patterns/01-molekyler-03-media-03-bilde-innhold\\01-molekyler-03-media-03-bilde-innhold.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "organismer-footer-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-91-footer-altinnett\\02-organismer-01-globale-91-footer-altinnett.html",
"lineageState": "inprogress altinnett"
}],
"patternLineageRExists": true,
"patternLineagesR": [{
"lineagePattern": "sider-altinnett-artikkel-jumbo-asf",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-asf\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo-asf.html"
}, {
"lineagePattern": "sider-altinnett-artikkel-jumbo-personlig",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-personlig\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo-personlig.html"
}, {
"lineagePattern": "sider-altinnett-artikkel-jumbo-tjenesteeier",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-tjenesteeier\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo-tjenesteeier.html"
}, {
"lineagePattern": "sider-altinnett-artikkel-jumbo",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html"
}],
"lineageR": [{
"lineagePattern": "sider-altinnett-artikkel-jumbo-asf",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-asf\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo-asf.html"
}, {
"lineagePattern": "sider-altinnett-artikkel-jumbo-personlig",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-personlig\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo-personlig.html"
}, {
"lineagePattern": "sider-altinnett-artikkel-jumbo-tjenesteeier",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-tjenesteeier\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo-tjenesteeier.html"
}, {
"lineagePattern": "sider-altinnett-artikkel-jumbo",
"lineagePath": "../../patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo\\04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html"
}],
"patternLineageEExists": true,
"patternDesc": "<p>Foreløpig ingen retningslinjer.</p>\n",
"patternBreadcrumb": {
"patternType": "maler-altinnett",
"patternSubtype": "artikkel"
},
"patternExtension": "mustache",
"patternName": "Artikkel Jumbo",
"patternPartial": "maler-altinnett-artikkel-jumbo",
"patternState": "inprogress altinnett",
"patternEngineName": "mustache",
"extraOutput": {}
}
</script>
<script>
/*!
* scriptLoader - v0.1
*
* Copyright (c) 2014 Dave Olsen, http://dmolsen.com
* Licensed under the MIT license
*
*/
var scriptLoader = {
run: function(js, cb, target) {
var s = document.getElementById(target + '-' + cb);
for (var i = 0; i < js.length; i++) {
var src = (typeof js[i] != 'string') ? js[i].src : js[i];
var c = document.createElement('script');
c.src = '../../' + src + '?' + cb;
if (typeof js[i] != 'string') {
if (js[i].dep !== undefined) {
c.onload = function(dep, cb, target) {
return function() {
scriptLoader.run(dep, cb, target);
}
}(js[i].dep, cb, target);
}
}
s.parentNode.insertBefore(c, s);
}
}
}
</script>
<script id="pl-js-polyfill-insert-1535451812396">
(function() {
if (self != top) {
var cb = '1535451812396';
var js = [];
if (typeof document !== 'undefined' && !('classList' in document.documentElement)) {
js.push('styleguide/bower_components/classList.min.js');
}
scriptLoader.run(js, cb, 'pl-js-polyfill-insert');
}
})();
</script>
<script id="pl-js-insert-1535451812396">
(function() {
if (self != top) {
var cb = '1535451812396';
var js = [{
'src': 'styleguide/bower_components/jwerty.min.js',
'dep': ['styleguide/js/patternlab-pattern.min.js']
}];
scriptLoader.run(js, cb, 'pl-js-insert');
}
})();
</script>
<!-- JQUERY -->
<script src="../../js/jquery.min.js"></script>
<!-- CODE PRETTIFY: Prettify code snippets in HTML -->
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst"></script>
<!-- Bundled assets -->
<script src="../../js/altinnettPrototyping.vendor.js"></script>
<!-- ALTINN DEV custom JavaScript -->
<script src="../../js/altinnettPrototyping.js"></script>
<!-- CSS uploader inline javascript -->
<script type="text/javascript">
<!-- Check if current Window is in iFrame -->
$(document).ready(function() {
if (self === top) {
var $body = 'body';
if ($('.sg-top').length) {
var $panelBrsys = '.welcome-panel-brsys';
var $panelaltinn = '.welcome-panel-altinn';
switch (window.localStorage.getItem('selected_project')) {
case 'altinn':
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').remove();
$($panelBrsys).hide();
$($panelaltinn).show();
break;
case 'altinnett':
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.brreg.css"]').remove();
$($panelBrsys).hide();
$($panelaltinn).show();
break;
case 'brsys':
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$($panelaltinn).hide();
$($panelBrsys).show();
break;
default:
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').attr({
href: '../../css/style.dist.altinnett.css?1535451812396',
media: 'all'
});
break;
}
} else {
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').attr({
href: '../../css/style.dist.altinnett.css?1535451812396',
media: 'all'
});
}
}
});
$(window).on('load', function() {
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "block";
}
});
</script>
</body>
</html>