@internetstiftelsen/styleguide 2.21.31 → 2.22.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/js/conditional.js +3 -1
- package/dist/assets/js/validationMessage.js +1 -1
- package/package.json +1 -1
- package/src/assets/js/conditional.js +3 -1
- package/dist/.DS_Store +0 -0
- package/src/.DS_Store +0 -0
- package/src/_head.hbs +0 -12
- package/src/_icon-sprite.hbs +0 -334
- package/src/_layout-icons.hbs +0 -58
- package/src/_layout-logotypes.hbs +0 -54
- package/src/_logotype-sprite.hbs +0 -42
- package/src/_preview.hbs +0 -12
- package/src/_scripts.hbs +0 -1
- package/src/assets/.DS_Store +0 -0
- package/src/assets/images/ALX_0876.jpg +0 -0
- package/src/assets/images/ALX_2024.jpg +0 -0
- package/src/assets/images/ALX_2242.jpg +0 -0
- package/src/assets/images/ALX_2629.jpg +0 -0
- package/src/assets/images/ALX_7251.jpg +0 -0
- package/src/assets/images/ALX_7427_1.jpg +0 -0
- package/src/assets/images/Friutrymme-logotyp.png +0 -0
- package/src/assets/images/ISO_27001_2013_black_TM.svg +0 -1
- package/src/assets/images/KPA_0996.jpg +0 -0
- package/src/assets/images/KPA_3810.jpg +0 -0
- package/src/assets/images/KPA_4156.jpg +0 -0
- package/src/assets/images/KPA_4198.jpg +0 -0
- package/src/assets/images/KPA_4516.jpg +0 -0
- package/src/assets/images/KPA_5081.jpg +0 -0
- package/src/assets/images/KPA_5090-5-4.jpg +0 -0
- package/src/assets/images/KPA_5090.jpg +0 -0
- package/src/assets/images/author.png +0 -0
- package/src/assets/images/bildmaner.jpg +0 -0
- package/src/assets/images/bluffmejl.png +0 -0
- package/src/assets/images/bredbandskollen.svg +0 -63
- package/src/assets/images/card.png +0 -0
- package/src/assets/images/digitala-lektioner.svg +0 -90
- package/src/assets/images/goto-10.svg +0 -62
- package/src/assets/images/goto10_exempel1-1024x580.jpg +0 -0
- package/src/assets/images/goto10_exempel2-1024x580.jpg +0 -0
- package/src/assets/images/goto10_exempel3-1024x580.jpg +0 -0
- package/src/assets/images/goto10_grid-1024x580.jpg +0 -0
- package/src/assets/images/goto10_monster-1024x580.jpg +0 -0
- package/src/assets/images/hero.jpg +0 -0
- package/src/assets/images/icon-arrow-down.svg +0 -3
- package/src/assets/images/icon-checkbox-checked.svg +0 -10
- package/src/assets/images/icon-checkbox.svg +0 -8
- package/src/assets/images/icon-radiobutton-checked.svg +0 -13
- package/src/assets/images/icon-radiobutton.svg +0 -10
- package/src/assets/images/internetdagarna.svg +0 -91
- package/src/assets/images/internetkunskap.svg +0 -80
- package/src/assets/images/internetmuseum.svg +0 -85
- package/src/assets/images/internetstiftelsen.svg +0 -36
- package/src/assets/images/placeringsriktlinjer.png +0 -0
- package/src/assets/images/punktse.svg +0 -96
- package/src/assets/images/search-hit.png +0 -0
- package/src/assets/images/svenskarna-och-internet.svg +0 -69
- package/src/assets/images/tiny-hero.png +0 -0
- package/src/assets/zip/Goto_10_monster.zip +0 -0
- package/src/assets/zip/Internetstiftelsen-logotyp.zip +0 -0
- package/src/assets/zip/goto10-logo.zip +0 -0
- package/src/assets/zip/undervarumarken.zip +0 -0
- package/src/atoms/.DS_Store +0 -0
- package/src/atoms/archive-link/archive-link.hbs +0 -8
- package/src/atoms/button/button.hbs +0 -13
- package/src/atoms/checkbox/checkbox.hbs +0 -24
- package/src/atoms/file/file.hbs +0 -16
- package/src/atoms/grid-toggle/grid-toggle.hbs +0 -3
- package/src/atoms/height-limiter/height-limiter.hbs +0 -13
- package/src/atoms/icon/.DS_Store +0 -0
- package/src/atoms/icon/icon.hbs +0 -7
- package/src/atoms/input/input.hbs +0 -18
- package/src/atoms/label/label.hbs +0 -1
- package/src/atoms/logotype/logotype.hbs +0 -7
- package/src/atoms/main-menu/main-menu.hbs +0 -75
- package/src/atoms/meta/meta.hbs +0 -1
- package/src/atoms/paging/paging.hbs +0 -7
- package/src/atoms/password-toggle/password-toggle.hbs +0 -19
- package/src/atoms/quote/quote.hbs +0 -9
- package/src/atoms/radiobutton/radiobutton.hbs +0 -13
- package/src/atoms/rating/rating.hbs +0 -15
- package/src/atoms/ribbon/ribbon.hbs +0 -65
- package/src/atoms/select/select.hbs +0 -17
- package/src/atoms/skip/skip.hbs +0 -5
- package/src/atoms/spinner/spinner.hbs +0 -3
- package/src/atoms/tag/tag.hbs +0 -1
- package/src/atoms/textarea/textarea.hbs +0 -32
- package/src/atoms/toggle-high-contrast/toggle-high-contrast.hbs +0 -6
- package/src/atoms/tooltip/tooltip.hbs +0 -13
- package/src/brandbook/goto10/goto10.hbs +0 -225
- package/src/brandbook/internetstiftelsen/bildman/303/251r/bildman/303/251r.hbs +0 -74
- package/src/brandbook/internetstiftelsen/identitet/identitet.hbs +0 -426
- package/src/brandbook/internetstiftelsen/tonalitet och spr/303/245kbruk/tonalitet och spr/303/245kbruk.hbs" +0 -79
- package/src/configurations/colors/colors.hbs +0 -85
- package/src/configurations/css-utility-classes.hbs +0 -47
- package/src/configurations/favicon/favicon.hbs +0 -9
- package/src/configurations/grid/grid.hbs +0 -785
- package/src/configurations/typography/typography.hbs +0 -186
- package/src/molecules/.DS_Store +0 -0
- package/src/molecules/alert/alert.hbs +0 -12
- package/src/molecules/breadcrumb/breadcrumb.hbs +0 -12
- package/src/molecules/byline/byline.hbs +0 -20
- package/src/molecules/card/card.hbs +0 -55
- package/src/molecules/context-menu/context-menu.hbs +0 -14
- package/src/molecules/cookie-disclaimer/cookie-disclaimer.hbs +0 -14
- package/src/molecules/download/download.hbs +0 -27
- package/src/molecules/form/form.hbs +0 -60
- package/src/molecules/form-control/form-control.hbs +0 -75
- package/src/molecules/glider/glider--course.hbs +0 -127
- package/src/molecules/glider/glider.hbs +0 -39
- package/src/molecules/icon-overlay/icon-overlay.hbs +0 -4
- package/src/molecules/info-box/info-box.hbs +0 -8
- package/src/molecules/modal/modal.hbs +0 -101
- package/src/molecules/natural-language-form/natural-language-form.hbs +0 -19
- package/src/molecules/share/share.hbs +0 -28
- package/src/molecules/submenu/submenu.hbs +0 -68
- package/src/molecules/system-error/system-error.hbs +0 -9
- package/src/molecules/table/table.hbs +0 -72
- package/src/molecules/teaser-news-list/teaser-news-list.hbs +0 -16
- package/src/molecules/timeline-navigation/timeline-navigation.hbs +0 -83
- package/src/organisms/accordion/accordion.hbs +0 -38
- package/src/organisms/domain-search/domain-search.hbs +0 -50
- package/src/organisms/event-listing-item/event-listing-item.hbs +0 -27
- package/src/organisms/features-box/features-box.hbs +0 -24
- package/src/organisms/filter/filter.hbs +0 -100
- package/src/organisms/footer/footer.hbs +0 -157
- package/src/organisms/header/header.hbs +0 -15
- package/src/organisms/hero/hero.hbs +0 -57
- package/src/organisms/mailchimp/mailchimp.hbs +0 -146
- package/src/organisms/map-box/map-box.hbs +0 -8
- package/src/organisms/mega-menu/mega-menu.hbs +0 -95
- package/src/organisms/podcast/podcast--episode-list.hbs +0 -8
- package/src/organisms/podcast/podcast--hero.hbs +0 -5
- package/src/organisms/podcast/podcast--single-episode.hbs +0 -48
- package/src/organisms/podcast/podcast.hbs +0 -43
- package/src/organisms/search-result/search-result.hbs +0 -95
- package/src/organisms/sections/sections.hbs +0 -52
- package/src/organisms/tabs/tabs.hbs +0 -15
- package/src/pages/animate-footer/animate-footer.hbs +0 -78
- package/src/pages/conditional/conditional.hbs +0 -36
- package/src/pages/grid-block/grid-block.hbs +0 -185
- package/src/pages/internetguider/internetguider.hbs +0 -98
- package/src/pages/magazine/magazine.hbs +0 -60
- package/src/pages/mailchimp-newsletter/mailchimp-newsletter.hbs +0 -4
- package/src/pages/responsive-position/responsive-position.hbs +0 -7
- package/src/pages/search/search.hbs +0 -40
- package/src/pages/timeline/timeline.hbs +0 -53
- package/src/pages/wordpress-blocks/wordpress-blocks.hbs +0 -99
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
<div class="site__main" id="siteMain">
|
|
2
|
-
<div class="site__main__content">
|
|
3
|
-
<div class="section section--tight">
|
|
4
|
-
<div class="wrapper">
|
|
5
|
-
<div class="row">
|
|
6
|
-
<div class="grid-18 grid-lg-12">
|
|
7
|
-
<main role="main" class="article">
|
|
8
|
-
<h1 class="supersize">Kom igång med CC och<br>GNU-GPL!</h1>
|
|
9
|
-
|
|
10
|
-
<div class="article__content">
|
|
11
|
-
<p class="wp-block-preamble preamble">I den här guiden lär du dig…</p>
|
|
12
|
-
|
|
13
|
-
{{> @info-box text="<ul><li>Nyttan med öppna licenser</li><li>Att skilja på olika sorters licenser</li><li>Om företagande och öppen källkod</li><li>Hur du använder licenserna i praktiken</li><li>Klargör vilka marknader du riktar dig till och registrera relevanta domäner.</li></ul>"}}
|
|
14
|
-
|
|
15
|
-
<ul>
|
|
16
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/inledning/">Inledning</a> </li>
|
|
17
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/upphovsratt-och-licenser/">Upphovsrätt och licenser </a>
|
|
18
|
-
<ul>
|
|
19
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/upphovsratt-och-licenser/#borjade">Så började det</a> </li>
|
|
20
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/upphovsratt-och-licenser/#nyttan">Vad är nyttan med öppna licenser?</a> </li>
|
|
21
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/upphovsratt-och-licenser/#darfor">Därför ska du licensiera ditt material</a> </li>
|
|
22
|
-
</ul>
|
|
23
|
-
</li>
|
|
24
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/sa-fungerar-en-cc-licens/">Så fungerar en CC-licens</a>
|
|
25
|
-
<ul>
|
|
26
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/sa-fungerar-en-cc-licens/">Så här skaffar du en CC-licens</a> </li>
|
|
27
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/sa-fungerar-en-cc-licens/#sju">Sju olika licenser</a> </li>
|
|
28
|
-
</ul>
|
|
29
|
-
</li>
|
|
30
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/sa-fungerar-oppen-kallkod/">Så fungerar öppen källkod</a></li>
|
|
31
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/detta-ar-gnu-gpl/">Detta är GNU-GPL </a></li>
|
|
32
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/gnu-glp-sa-har-licensierar-du/">GNU-GLP – så här licensierar du</a>
|
|
33
|
-
<ul>
|
|
34
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/gnu-glp-sa-har-licensierar-du/#borja">Börja här</a> </li>
|
|
35
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/gnu-glp-sa-har-licensierar-du/#frivilligt">Frivilligt: Free Software Directory och logotyp</a></li>
|
|
36
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/gnu-glp-sa-har-licensierar-du/#bidra">Bidra till ett befintligt projekt</a> </li>
|
|
37
|
-
</ul>
|
|
38
|
-
</li>
|
|
39
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/ordlista/">Ordlista </a></li>
|
|
40
|
-
<li><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/kallor-och-mer-lasning/">Källor och mer läsning</a> </li>
|
|
41
|
-
</ul>
|
|
42
|
-
</div>
|
|
43
|
-
<div class="row">
|
|
44
|
-
<div class="grid">
|
|
45
|
-
<hr>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
<div class="row justify-content-between u-m-b-4 u-m-t-2">
|
|
49
|
-
<div class="grid-auto">
|
|
50
|
-
{{> @button url="#" text="Föregående kapitel" modifiers="lemon a-button--icon-left" icon="arrow-backwards"}}
|
|
51
|
-
</div>
|
|
52
|
-
<div class="grid-auto">
|
|
53
|
-
{{> @button url="#" text="Nästa kapitel" modifiers="lemon" icon="arrow-forwards"}}
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
</main>
|
|
57
|
-
</div>
|
|
58
|
-
<div class="grid-18 grid-lg-6">
|
|
59
|
-
<aside class="sidebar u-position-sticky-top-4">
|
|
60
|
-
<div class="row">
|
|
61
|
-
<div class="grid-18 grid-md-9 grid-lg-18 u-m-b-2">
|
|
62
|
-
<section class="m-card m-card--padded">
|
|
63
|
-
<div class="m-card__content">
|
|
64
|
-
<h1 class="beta">Kapitel</h1>
|
|
65
|
-
<div class="textwidget">
|
|
66
|
-
<ol>
|
|
67
|
-
<li class="page_item current_page_item"><a class="is-active" href="/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl">Innehållsförteckning</a></li>
|
|
68
|
-
<li class="page_item page-item-92709"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/inledning/">Inledning</a></li>
|
|
69
|
-
<li class="page_item page-item-92718"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/sa-fungerar-en-cc-licens/">Så fungerar en CC-licens</a></li>
|
|
70
|
-
<li class="page_item page-item-92712"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/upphovsratt-och-licenser/">Upphovsrätt och licenser</a></li>
|
|
71
|
-
<li class="page_item page-item-92748"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/sa-fungerar-oppen-kallkod/">Så fungerar öppen källkod</a></li>
|
|
72
|
-
<li class="page_item page-item-92753"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/detta-ar-gnu-gpl/">Detta är GNU-GPL</a></li>
|
|
73
|
-
<li class="page_item page-item-92756"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/gnu-glp-sa-har-licensierar-du/">GNU-GLP – så här licensierar du</a></li>
|
|
74
|
-
<li class="page_item page-item-92759"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/ordlista/">Ordlista</a></li>
|
|
75
|
-
<li class="page_item page-item-92762"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/kallor-och-mer-lasning/">Källor och mer läsning</a></li>
|
|
76
|
-
<li class="page_item page-item-92767"><a href="https://old.iis.se/lar-dig-mer/guider/kom-igang-med-cc-och-gnu-gpl/johanna-lundeberg/">Johanna Lundeberg</a></li>
|
|
77
|
-
</ol>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
</section>
|
|
81
|
-
</div>
|
|
82
|
-
<div class="grid-18 grid-md-9 grid-lg-18 u-m-b-2">
|
|
83
|
-
<section class="m-card m-card--padded">
|
|
84
|
-
<div class="m-card__content">
|
|
85
|
-
<img style="width: 100%;" class="u-border-radius" src="https://internetstiftelsen.se/app/uploads/2017/05/Screen-Shot-2017-05-09-at-12.28.08.png" alt="Guide: Kom igång med CC och GNU-GPL!">
|
|
86
|
-
</div>
|
|
87
|
-
</section>
|
|
88
|
-
</div>
|
|
89
|
-
</div>
|
|
90
|
-
</aside>
|
|
91
|
-
</div>
|
|
92
|
-
</div>
|
|
93
|
-
|
|
94
|
-
{{render '@share'}}
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
<div class="wrapper">
|
|
2
|
-
<div class="row">
|
|
3
|
-
<div class="grid">
|
|
4
|
-
{{> @hero additional_classes="o-hero--border-radius" heading="Visste du att internet är skitstort?" hero_image="/assets/images/hero.jpg" text="Aenean imperdiet, turpis a lobortis maximus, ex justo hendrerit odio, non viverra odio tortor eget velit."}}
|
|
5
|
-
</div>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="row u-m-t-2">
|
|
8
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
9
|
-
{{> @card}}
|
|
10
|
-
</div>
|
|
11
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
12
|
-
{{> @card}}
|
|
13
|
-
</div>
|
|
14
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
15
|
-
{{> @card}}
|
|
16
|
-
</div>
|
|
17
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
18
|
-
{{> @card}}
|
|
19
|
-
</div>
|
|
20
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
21
|
-
{{> @card}}
|
|
22
|
-
</div>
|
|
23
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
24
|
-
{{> @card}}
|
|
25
|
-
</div>
|
|
26
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
27
|
-
{{> @card}}
|
|
28
|
-
</div>
|
|
29
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
30
|
-
{{> @card}}
|
|
31
|
-
</div>
|
|
32
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
33
|
-
{{> @card}}
|
|
34
|
-
</div>
|
|
35
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
36
|
-
{{> @card}}
|
|
37
|
-
</div>
|
|
38
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
39
|
-
{{> @card}}
|
|
40
|
-
</div>
|
|
41
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
42
|
-
{{> @card}}
|
|
43
|
-
</div>
|
|
44
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
45
|
-
{{> @card}}
|
|
46
|
-
</div>
|
|
47
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
48
|
-
{{> @card}}
|
|
49
|
-
</div>
|
|
50
|
-
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
|
|
51
|
-
{{> @card}}
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
<div class="row">
|
|
55
|
-
<div class="grid display-flex justify-content-between">
|
|
56
|
-
{{> @paging icon="arrow-backwards" text="Bakåt"}}
|
|
57
|
-
{{> @paging icon="arrow-forwards" text="Framåt"}}
|
|
58
|
-
</div>
|
|
59
|
-
</div>
|
|
60
|
-
</div>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
<form class="wrapper">
|
|
2
|
-
<div id="location1" style="background: #aae3d9; padding: 40px">
|
|
3
|
-
<div data-responsive="xs:location1,smxs:location2,lg:location3">I am text</div>
|
|
4
|
-
</div>
|
|
5
|
-
<div id="location2" style="background: #fcccb1; padding: 40px"></div>
|
|
6
|
-
<div id="location3" style="background: #ffe696; padding: 40px"></div>
|
|
7
|
-
</form>
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
<div class="wrapper">
|
|
2
|
-
<div class="row justify-content-center u-p-t-4 u-p-b-1">
|
|
3
|
-
<div class="grid-18 grid-lg-16">
|
|
4
|
-
<div class="o-search o-search--tight">
|
|
5
|
-
<div class="o-search__padded">
|
|
6
|
-
<div class="row display-flex align-items-center">
|
|
7
|
-
<div class="grid-auto u-p-r-0">
|
|
8
|
-
<span class="o-search__icon">
|
|
9
|
-
{{> @icon id="search"}}
|
|
10
|
-
</span>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="grid u-p-l-0 display-flex">
|
|
13
|
-
<label for="{{input_id}}" class="u-visuallyhidden">{{label}}</label>
|
|
14
|
-
<input type="search" class="o-search__input js-search-domain-input" placeholder="{{label}}" id="{{input_id}}" aria-describedby="number-of-hits" value="internet">
|
|
15
|
-
{{> @button el="button" button_type="submit" text="Sök" modifiers="secondary o-search__submit" id="o-search-result-submit"}}
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
<div class="o-search__filter o-search__border">
|
|
20
|
-
{{render '@filter'}}
|
|
21
|
-
</div>
|
|
22
|
-
<div class="o-search__status o-search__padded" id="number-of-hits"><strong>Antal träffar:</strong> 54</div>
|
|
23
|
-
<main role="main" class="article">
|
|
24
|
-
<div class="row">
|
|
25
|
-
<div class="grid-18">
|
|
26
|
-
{{render '@search-result'}}
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
</main>
|
|
30
|
-
<div class="o-search__padded o-search__border">
|
|
31
|
-
<div class="a-paging-wrapper">
|
|
32
|
-
{{> @paging icon="arrow-backwards" text="Bakåt"}}
|
|
33
|
-
<span class="a-paging-wrapper__text">Sida 1 av 10</span>
|
|
34
|
-
{{> @paging icon="arrow-forwards" text="Framåt"}}
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<div class="wrapper">
|
|
2
|
-
<div class="row no-gutters">
|
|
3
|
-
<div class="grid-18 grid-lg-10 u-p-t-8">
|
|
4
|
-
<h1 class="supersize">Internetmuseum</h1>
|
|
5
|
-
<p class="preamble">
|
|
6
|
-
Välkommen till Internetmuseum! Här tar vi dig med på en resa genom den svenska internethistorien. Vilka var pionjärerna? Vad har vi älskat, hatat och skrattat åt. Hur blev Sverige ett av världens mest digitalt utvecklade länder? Kort och gott… hur kom vi hit?
|
|
7
|
-
</p>
|
|
8
|
-
</div>
|
|
9
|
-
</div>
|
|
10
|
-
<div class="row align-items-stretch">
|
|
11
|
-
<div class="a-timeline a-timeline--first">
|
|
12
|
-
<span>1960</span>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="u-p-y-8"></div>
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
{{> @hero hero_image="https://internetdagarna.se/app/uploads/2021/08/ind19-2-2.jpg" no_image_class="o-hero--timeline" has_link=false has_radius=false heading="1960" text="Långt innan internet läggs de första grunderna för framtidens IT-utveckling. Redan nu börjar Sverige bli bra på datorteknik – bland annat skapar vi en hålremsstans som blir en exportsuccé."}}
|
|
18
|
-
<div class="wrapper">
|
|
19
|
-
<div class="row align-items-stretch">
|
|
20
|
-
<div class="a-timeline"></div>
|
|
21
|
-
<div class="grid-15 grid-sm-16 grid-lg-17 offset-xs-1 u-m-b-2 u-p-t-8">
|
|
22
|
-
|
|
23
|
-
{{> @card id="1963" modifier="u-m-b-8 a-timeline-item m-card--wide--flipped" title="<span class=color-ocean>1963</span> Här kläcks idén om ett ”intergalaktiskt nätverk”" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
24
|
-
|
|
25
|
-
{{> @card id="1967" modifier="u-m-b-8 a-timeline-item" title="<span class=color-ocean>1967</span> Starten på internet heter Arpanet" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
26
|
-
|
|
27
|
-
{{> @card id="1969" modifier="u-m-b-8 a-timeline-item m-card--wide--flipped" title="<span class=color-ocean>1969</span> Svensk uppfinning byggs in i Arpanet" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
28
|
-
|
|
29
|
-
</div>
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
{{> @hero hero_image="https://internetdagarna.se/app/uploads/2021/08/ind19-17-1-e1629797772570-1920x1080.jpg" no_image_class="o-hero--timeline" has_link=false has_radius=false heading="1970" text="På sjuttiotalet fortsätter utvecklandet av föregångare till dagens internet, både i Sverige och i USA. I slutet av årtiondet skapar Jacob Palme KOM-systemet, ett slags tidigt chattrum."}}
|
|
33
|
-
<div class="wrapper">
|
|
34
|
-
<div class="row align-items-stretch">
|
|
35
|
-
<div class="a-timeline"></div>
|
|
36
|
-
<div class="grid-15 grid-sm-16 grid-lg-17 offset-xs-1 u-m-b-2">
|
|
37
|
-
|
|
38
|
-
{{> @card id="1971" modifier="u-m-b-8 u-m-t-8 a-timeline-item m-card--wide--flipped" title="<span class=color-sandstone>1971</span> Här kläcks idén om ett ”intergalaktiskt nätverk”" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
39
|
-
|
|
40
|
-
{{> @card id="1973" modifier="u-m-b-8 a-timeline-item" title="<span class=color-sandstone>1973</span> Starten på internet heter Arpanet" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
41
|
-
|
|
42
|
-
{{> @card id="1974" modifier="u-m-b-8 a-timeline-item m-card--wide--flipped" title="<span class=color-sandstone>1974</span> Svensk uppfinning byggs in i Arpanet" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
43
|
-
|
|
44
|
-
{{> @card id="1982" modifier="u-m-b-8 a-timeline-item" title="<span class=color-ruby>1982</span> Datavidion är ett ”text-tv-indenter”" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
45
|
-
|
|
46
|
-
{{> @card id="1986" modifier="u-m-b-8 a-timeline-item m-card--wide--flipped" title="<span class=color-ruby>1986</span> Björn Eriksen kniper toppdomänen – så blir Sverige .se på internet" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
47
|
-
|
|
48
|
-
{{> @card id="1989" modifier="u-m-b-8 a-timeline-item" title="<span class=color-ruby>1989</span> World wide web skapas – nu kan internet bli en publiksuccé" excerpt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed odio urna, pulvinar et eleifend id, mattis a nunc. Fusce porttitor sed dolor et fermentum."}}
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
|
|
53
|
-
{{render '@timeline-navigation'}}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
<div class="o-section background-jade-light alignfull">
|
|
2
|
-
<div class="wrapper iis-o-section__content">
|
|
3
|
-
<div class="grid-18">
|
|
4
|
-
<div class="article">
|
|
5
|
-
<div class="article__content">
|
|
6
|
-
<div class="alignfull">
|
|
7
|
-
<div class="wrapper">
|
|
8
|
-
<div class="grid-18 grid-lg-12 u-m-offset-1">
|
|
9
|
-
<strong class="a-meta">hjärtefråga</strong>
|
|
10
|
-
<h1 class="supersize">Testsida för wordpress gutenberg blocks</h1>
|
|
11
|
-
<p>Visste du att internet är skitstort?</p>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="article u-m-t-0 u-p-t-2">
|
|
23
|
-
<div class="wrapper">
|
|
24
|
-
<div class="article__content article__content--full-width">
|
|
25
|
-
<h1>Testsida för wordpress gutenberg blocks</h1>
|
|
26
|
-
<p class="wp-block-iis-preamble preamble">Så gott som alla svenskar använder internet och digitala tjänster idag. Både unga och äldre, de som gillar teknik och de som inte alls gör det. Alla behöver kunna hantera digitala tjänster, förstå hur de fungerar och hur de påverkar samhället.</p>
|
|
27
|
-
<div class="wp-block-image">
|
|
28
|
-
<figure class="alignfull size-large">
|
|
29
|
-
<img alt="lemon" src="/assets/images/ALX_0876.jpg">
|
|
30
|
-
</figure>
|
|
31
|
-
</div>
|
|
32
|
-
|
|
33
|
-
<div class="m-card m-card--padded m-card--wide alignwide">
|
|
34
|
-
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
|
|
35
|
-
|
|
36
|
-
<div class="m-card__content">
|
|
37
|
-
<a href="http://www.google.se" class="m-card__link"><h2 class="m-card__heading-link__heading">Gymnasieskolor med hög bandbredd har bättre skolresultat</h2></a>
|
|
38
|
-
<p class="m-card__text">Eget nulla <strong>facilisi etiam</strong> dignissim diam quis enim lobortis scelerisque. Faucibus a pellentesque sit amet porttitor.</p>
|
|
39
|
-
|
|
40
|
-
<div class="m-card__bottom">
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
|
|
45
|
-
<div class="wp-block-image">
|
|
46
|
-
<figure class="alignright size-medium">
|
|
47
|
-
<img alt="lemon" src="/assets/images/ALX_0876.jpg">
|
|
48
|
-
</figure>
|
|
49
|
-
</div>
|
|
50
|
-
<p>Internetstiftelsen har som ett av sina mål att bidra till kunniga och medvetna internetanvändare. Alla som köper ett domännamn som slutar på .se eller .nu är med och bidrar till det.</p>
|
|
51
|
-
|
|
52
|
-
<p>Internetstiftelsen är en oberoende, affärsdriven och allmännyttig organisation. Vi verkar för ett internet som bidrar positivt till människan och samhället. Vi ansvarar för internets svenska toppdomän .se och sköter drift och administration av toppdomänen .nu. Intäkterna från affärsverksamheten finansierar en rad satsningar i syfte att möjliggöra att människor kan nyttja internet på bästa sätt, och stimulera kunskapsdelning och innovation med inriktning på internet. Läs mer om vår verksamhet här.</p>
|
|
53
|
-
|
|
54
|
-
<div class="wp-block-iis-grid">
|
|
55
|
-
<div class="row">
|
|
56
|
-
<div class="grid-18 grid-md-12 u-m-b-4">
|
|
57
|
-
{{> @card}}
|
|
58
|
-
</div>
|
|
59
|
-
<div class="grid-18 grid-md-6 u-m-b-4">
|
|
60
|
-
{{> @card}}
|
|
61
|
-
<p>Internetstiftelsen är en oberoende, affärsdriven och allmännyttig organisation.</p>
|
|
62
|
-
</div>
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
|
|
66
|
-
<p>Internetstiftelsen är en oberoende, affärsdriven och allmännyttig organisation. Vi verkar för ett internet som bidrar positivt till människan och samhället. Vi ansvarar för internets svenska toppdomän .se och sköter drift och administration av toppdomänen .nu. Intäkterna från affärsverksamheten finansierar en rad satsningar i syfte att möjliggöra att människor kan nyttja internet på bästa sätt, och stimulera kunskapsdelning och innovation med inriktning på internet. Läs mer om vår verksamhet här.</p>
|
|
67
|
-
{{>@info-box text="Sit sunt id cillum consequat sint ut voluptate eu consequat occaecat est eiusmod anim anim." additional_classes="wp-block-iis-info"}}
|
|
68
|
-
<section class="alignfull o-section background-ocean-light u-m-b-4">
|
|
69
|
-
<div class="wrapper">
|
|
70
|
-
<div class="grid-18 wp-blocks">
|
|
71
|
-
<p class="wp-block-paragraph">Artiklarna och filmerna på den här sajten är framtagna av oss på Internetstiftelsen tillsammans med produktionsbyrån KIT Creative Studio. Syftet är att dela med oss av den kunskap vi har om internet, och sprida den på sociala medier, en bit i taget.</p>
|
|
72
|
-
</div>
|
|
73
|
-
</div>
|
|
74
|
-
|
|
75
|
-
</section>
|
|
76
|
-
|
|
77
|
-
<div class="m-card m-card--padded alignright">
|
|
78
|
-
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
|
|
79
|
-
<div class="m-card__content">
|
|
80
|
-
<a href="http://www.google.se" class="m-card__link">
|
|
81
|
-
<h2 class="">
|
|
82
|
-
Gymnasieskolor med hög bandbredd har bättre skolresultat
|
|
83
|
-
</h2>
|
|
84
|
-
</a>
|
|
85
|
-
</div>
|
|
86
|
-
</div>
|
|
87
|
-
|
|
88
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis hendrerit ante tincidunt vestibulum. Nullam nec enim congue mauris accumsan pellentesque. Praesent ut tincidunt lacus. Proin tincidunt nunc et ligula mollis, at auctor quam consectetur. Vivamus interdum est in felis rhoncus, in sodales metus dapibus. Suspendisse faucibus et arcu a gravida. Aliquam vehicula sem est, quis accumsan leo ultricies sed. Quisque aliquet pharetra sapien nec fermentum.</p>
|
|
89
|
-
|
|
90
|
-
<p>Nullam et sem id est feugiat dignissim scelerisque in leo. Pellentesque dapibus sem quis pellentesque consectetur. Donec nec quam venenatis, congue sapien non, mattis metus. Nunc auctor lectus turpis. Morbi vitae mi mollis, vestibulum dolor id, molestie nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc condimentum, tortor ut interdum pulvinar, lacus orci tincidunt nibh, id venenatis nisi lorem quis odio. Integer purus lorem, imperdiet id pretium vel, mattis vel turpis. Fusce pharetra bibendum magna. Duis pellentesque risus et lectus condimentum faucibus. Sed luctus ac mauris consequat ullamcorper.</p>
|
|
91
|
-
|
|
92
|
-
<p>Mauris felis risus, tempus eget ornare at, scelerisque non ipsum. Nulla eu interdum ligula. Maecenas volutpat efficitur accumsan. Mauris tincidunt eleifend molestie. Nam metus dolor, semper vitae massa posuere, faucibus pulvinar dui. Sed maximus nisi convallis orci rhoncus, id tempus diam egestas. Donec libero leo, bibendum nec faucibus et, feugiat at eros. Proin porttitor purus ac volutpat imperdiet. Ut suscipit metus ornare dolor consectetur tincidunt. Morbi vestibulum, orci in cursus aliquam, velit nunc tincidunt enim, vitae semper nibh leo nec sem.</p>
|
|
93
|
-
|
|
94
|
-
<div class="wp-block-image">
|
|
95
|
-
<img src="/assets/images/ALX_0876.jpg" alt="">
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|