@internetstiftelsen/styleguide 2.22.0 → 2.22.1

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.
Files changed (214) hide show
  1. package/package.json +1 -1
  2. package/src/_head.hbs +0 -12
  3. package/src/_icon-sprite.hbs +0 -334
  4. package/src/_layout-icons.hbs +0 -58
  5. package/src/_layout-logotypes.hbs +0 -54
  6. package/src/_logotype-sprite.hbs +0 -42
  7. package/src/_preview.hbs +0 -12
  8. package/src/_scripts.hbs +0 -1
  9. package/src/assets/images/ALX_0876.jpg +0 -0
  10. package/src/assets/images/ALX_2024.jpg +0 -0
  11. package/src/assets/images/ALX_2242.jpg +0 -0
  12. package/src/assets/images/ALX_2629.jpg +0 -0
  13. package/src/assets/images/ALX_7251.jpg +0 -0
  14. package/src/assets/images/ALX_7427_1.jpg +0 -0
  15. package/src/assets/images/Friutrymme-logotyp.png +0 -0
  16. package/src/assets/images/ISO_27001_2013_black_TM.svg +0 -1
  17. package/src/assets/images/KPA_0996.jpg +0 -0
  18. package/src/assets/images/KPA_3810.jpg +0 -0
  19. package/src/assets/images/KPA_4156.jpg +0 -0
  20. package/src/assets/images/KPA_4198.jpg +0 -0
  21. package/src/assets/images/KPA_4516.jpg +0 -0
  22. package/src/assets/images/KPA_5081.jpg +0 -0
  23. package/src/assets/images/KPA_5090-5-4.jpg +0 -0
  24. package/src/assets/images/KPA_5090.jpg +0 -0
  25. package/src/assets/images/author.png +0 -0
  26. package/src/assets/images/bildmaner.jpg +0 -0
  27. package/src/assets/images/bluffmejl.png +0 -0
  28. package/src/assets/images/bredbandskollen.svg +0 -63
  29. package/src/assets/images/card.png +0 -0
  30. package/src/assets/images/digitala-lektioner.svg +0 -90
  31. package/src/assets/images/goto-10.svg +0 -62
  32. package/src/assets/images/goto10_exempel1-1024x580.jpg +0 -0
  33. package/src/assets/images/goto10_exempel2-1024x580.jpg +0 -0
  34. package/src/assets/images/goto10_exempel3-1024x580.jpg +0 -0
  35. package/src/assets/images/goto10_grid-1024x580.jpg +0 -0
  36. package/src/assets/images/goto10_monster-1024x580.jpg +0 -0
  37. package/src/assets/images/hero.jpg +0 -0
  38. package/src/assets/images/icon-arrow-down.svg +0 -3
  39. package/src/assets/images/icon-checkbox-checked.svg +0 -10
  40. package/src/assets/images/icon-checkbox.svg +0 -8
  41. package/src/assets/images/icon-radiobutton-checked.svg +0 -13
  42. package/src/assets/images/icon-radiobutton.svg +0 -10
  43. package/src/assets/images/internetdagarna.svg +0 -91
  44. package/src/assets/images/internetkunskap.svg +0 -80
  45. package/src/assets/images/internetmuseum.svg +0 -85
  46. package/src/assets/images/internetstiftelsen.svg +0 -36
  47. package/src/assets/images/placeringsriktlinjer.png +0 -0
  48. package/src/assets/images/punktse.svg +0 -96
  49. package/src/assets/images/search-hit.png +0 -0
  50. package/src/assets/images/svenskarna-och-internet.svg +0 -69
  51. package/src/assets/images/tiny-hero.png +0 -0
  52. package/src/assets/zip/Goto_10_monster.zip +0 -0
  53. package/src/assets/zip/Internetstiftelsen-logotyp.zip +0 -0
  54. package/src/assets/zip/goto10-logo.zip +0 -0
  55. package/src/assets/zip/undervarumarken.zip +0 -0
  56. package/src/atoms/archive-link/archive-link.config.js +0 -9
  57. package/src/atoms/archive-link/archive-link.hbs +0 -8
  58. package/src/atoms/button/button.config.js +0 -202
  59. package/src/atoms/button/button.hbs +0 -13
  60. package/src/atoms/checkbox/checkbox.config.js +0 -48
  61. package/src/atoms/checkbox/checkbox.hbs +0 -24
  62. package/src/atoms/file/file.config.js +0 -36
  63. package/src/atoms/file/file.hbs +0 -16
  64. package/src/atoms/grid-toggle/grid-toggle.config.js +0 -8
  65. package/src/atoms/grid-toggle/grid-toggle.hbs +0 -3
  66. package/src/atoms/height-limiter/height-limiter.config.js +0 -8
  67. package/src/atoms/height-limiter/height-limiter.hbs +0 -13
  68. package/src/atoms/icon/icon.config.js +0 -43
  69. package/src/atoms/icon/icon.hbs +0 -7
  70. package/src/atoms/input/input.config.js +0 -56
  71. package/src/atoms/input/input.hbs +0 -18
  72. package/src/atoms/label/label.config.js +0 -9
  73. package/src/atoms/label/label.hbs +0 -1
  74. package/src/atoms/logotype/logotype.config.js +0 -39
  75. package/src/atoms/logotype/logotype.hbs +0 -7
  76. package/src/atoms/main-menu/main-menu.config.js +0 -75
  77. package/src/atoms/main-menu/main-menu.hbs +0 -75
  78. package/src/atoms/meta/meta.config.js +0 -42
  79. package/src/atoms/meta/meta.hbs +0 -1
  80. package/src/atoms/paging/paging.config.js +0 -30
  81. package/src/atoms/paging/paging.hbs +0 -7
  82. package/src/atoms/password-toggle/password-toggle.config.js +0 -14
  83. package/src/atoms/password-toggle/password-toggle.hbs +0 -19
  84. package/src/atoms/quote/quote.config.js +0 -9
  85. package/src/atoms/quote/quote.hbs +0 -9
  86. package/src/atoms/radiobutton/radiobutton.config.js +0 -48
  87. package/src/atoms/radiobutton/radiobutton.hbs +0 -13
  88. package/src/atoms/rating/rating.config.js +0 -7
  89. package/src/atoms/rating/rating.hbs +0 -15
  90. package/src/atoms/ribbon/ribbon.config.js +0 -9
  91. package/src/atoms/ribbon/ribbon.hbs +0 -65
  92. package/src/atoms/select/select.config.js +0 -78
  93. package/src/atoms/select/select.hbs +0 -17
  94. package/src/atoms/skip/skip.config.js +0 -19
  95. package/src/atoms/skip/skip.hbs +0 -5
  96. package/src/atoms/spinner/spinner.config.js +0 -5
  97. package/src/atoms/spinner/spinner.hbs +0 -3
  98. package/src/atoms/tag/tag.config.js +0 -36
  99. package/src/atoms/tag/tag.hbs +0 -1
  100. package/src/atoms/textarea/textarea.config.js +0 -56
  101. package/src/atoms/textarea/textarea.hbs +0 -32
  102. package/src/atoms/toggle-high-contrast/toggle-high-contrast.config.js +0 -8
  103. package/src/atoms/toggle-high-contrast/toggle-high-contrast.hbs +0 -6
  104. package/src/atoms/tooltip/tooltip.config.js +0 -8
  105. package/src/atoms/tooltip/tooltip.hbs +0 -13
  106. package/src/brandbook/goto10/goto10.config.js +0 -187
  107. package/src/brandbook/goto10/goto10.hbs +0 -225
  108. package/src/brandbook/internetstiftelsen/bildman/303/251r/bildman/303/251r.config.js +0 -5
  109. package/src/brandbook/internetstiftelsen/bildman/303/251r/bildman/303/251r.hbs +0 -74
  110. package/src/brandbook/internetstiftelsen/identitet/identitet.config.js +0 -5
  111. package/src/brandbook/internetstiftelsen/identitet/identitet.hbs +0 -426
  112. package/src/brandbook/internetstiftelsen/tonalitet och spr/303/245kbruk/tonalitet och spr/303/245kbruk.config.js" +0 -5
  113. package/src/brandbook/internetstiftelsen/tonalitet och spr/303/245kbruk/tonalitet och spr/303/245kbruk.hbs" +0 -79
  114. package/src/configurations/colors/colors.config.js +0 -225
  115. package/src/configurations/colors/colors.hbs +0 -85
  116. package/src/configurations/css-utility-classes.hbs +0 -47
  117. package/src/configurations/favicon/favicon.config.js +0 -7
  118. package/src/configurations/favicon/favicon.hbs +0 -9
  119. package/src/configurations/grid/grid.config.js +0 -8
  120. package/src/configurations/grid/grid.hbs +0 -785
  121. package/src/configurations/typography/typography.config.js +0 -17
  122. package/src/configurations/typography/typography.hbs +0 -186
  123. package/src/molecules/alert/alert.config.js +0 -50
  124. package/src/molecules/alert/alert.hbs +0 -12
  125. package/src/molecules/breadcrumb/breadcrumb.config.js +0 -28
  126. package/src/molecules/breadcrumb/breadcrumb.hbs +0 -12
  127. package/src/molecules/byline/byline.config.js +0 -25
  128. package/src/molecules/byline/byline.hbs +0 -20
  129. package/src/molecules/card/card.config.js +0 -111
  130. package/src/molecules/card/card.hbs +0 -55
  131. package/src/molecules/context-menu/context-menu.config.js +0 -28
  132. package/src/molecules/context-menu/context-menu.hbs +0 -14
  133. package/src/molecules/cookie-disclaimer/cookie-disclaimer.config.js +0 -12
  134. package/src/molecules/cookie-disclaimer/cookie-disclaimer.hbs +0 -14
  135. package/src/molecules/download/download.config.js +0 -12
  136. package/src/molecules/download/download.hbs +0 -27
  137. package/src/molecules/form/form.config.js +0 -15
  138. package/src/molecules/form/form.hbs +0 -60
  139. package/src/molecules/form-control/form-control.config.js +0 -78
  140. package/src/molecules/form-control/form-control.hbs +0 -75
  141. package/src/molecules/glider/glider--course.hbs +0 -127
  142. package/src/molecules/glider/glider.config.js +0 -22
  143. package/src/molecules/glider/glider.hbs +0 -39
  144. package/src/molecules/icon-overlay/icon-overlay.config.js +0 -11
  145. package/src/molecules/icon-overlay/icon-overlay.hbs +0 -4
  146. package/src/molecules/info-box/info-box.config.js +0 -33
  147. package/src/molecules/info-box/info-box.hbs +0 -8
  148. package/src/molecules/modal/modal.config.js +0 -44
  149. package/src/molecules/modal/modal.hbs +0 -101
  150. package/src/molecules/natural-language-form/natural-language-form.config.js +0 -43
  151. package/src/molecules/natural-language-form/natural-language-form.hbs +0 -19
  152. package/src/molecules/share/share.config.js +0 -8
  153. package/src/molecules/share/share.hbs +0 -28
  154. package/src/molecules/submenu/submenu.config.js +0 -27
  155. package/src/molecules/submenu/submenu.hbs +0 -68
  156. package/src/molecules/system-error/system-error.config.js +0 -10
  157. package/src/molecules/system-error/system-error.hbs +0 -9
  158. package/src/molecules/table/table.config.js +0 -55
  159. package/src/molecules/table/table.hbs +0 -72
  160. package/src/molecules/teaser-news-list/teaser-news-list.config.js +0 -47
  161. package/src/molecules/teaser-news-list/teaser-news-list.hbs +0 -16
  162. package/src/molecules/timeline-navigation/timeline-navigation.config.js +0 -15
  163. package/src/molecules/timeline-navigation/timeline-navigation.hbs +0 -83
  164. package/src/organisms/accordion/accordion.config.js +0 -163
  165. package/src/organisms/accordion/accordion.hbs +0 -38
  166. package/src/organisms/domain-search/domain-search.config.js +0 -10
  167. package/src/organisms/domain-search/domain-search.hbs +0 -50
  168. package/src/organisms/event-listing-item/event-listing-item.config.js +0 -15
  169. package/src/organisms/event-listing-item/event-listing-item.hbs +0 -27
  170. package/src/organisms/features-box/features-box.config.js +0 -227
  171. package/src/organisms/features-box/features-box.hbs +0 -24
  172. package/src/organisms/filter/filter.config.js +0 -165
  173. package/src/organisms/filter/filter.hbs +0 -100
  174. package/src/organisms/footer/footer.config.js +0 -30
  175. package/src/organisms/footer/footer.hbs +0 -157
  176. package/src/organisms/header/header.config.js +0 -10
  177. package/src/organisms/header/header.hbs +0 -15
  178. package/src/organisms/hero/hero.config.js +0 -117
  179. package/src/organisms/hero/hero.hbs +0 -57
  180. package/src/organisms/mailchimp/mailchimp.config.js +0 -38
  181. package/src/organisms/mailchimp/mailchimp.hbs +0 -146
  182. package/src/organisms/map-box/map-box.hbs +0 -8
  183. package/src/organisms/mega-menu/mega-menu.config.js +0 -22
  184. package/src/organisms/mega-menu/mega-menu.hbs +0 -95
  185. package/src/organisms/podcast/podcast--episode-list.hbs +0 -8
  186. package/src/organisms/podcast/podcast--hero.hbs +0 -5
  187. package/src/organisms/podcast/podcast--single-episode.hbs +0 -48
  188. package/src/organisms/podcast/podcast.config.js +0 -76
  189. package/src/organisms/podcast/podcast.hbs +0 -43
  190. package/src/organisms/search-result/search-result.config.js +0 -12
  191. package/src/organisms/search-result/search-result.hbs +0 -95
  192. package/src/organisms/sections/sections.config.js +0 -68
  193. package/src/organisms/sections/sections.hbs +0 -52
  194. package/src/organisms/tabs/tabs.config.js +0 -28
  195. package/src/organisms/tabs/tabs.hbs +0 -15
  196. package/src/pages/animate-footer/animate-footer.config.js +0 -10
  197. package/src/pages/animate-footer/animate-footer.hbs +0 -78
  198. package/src/pages/conditional/conditional.config.js +0 -4
  199. package/src/pages/conditional/conditional.hbs +0 -37
  200. package/src/pages/grid-block/grid-block.hbs +0 -185
  201. package/src/pages/internetguider/internetguider.config.js +0 -7
  202. package/src/pages/internetguider/internetguider.hbs +0 -98
  203. package/src/pages/magazine/magazine.config.js +0 -19
  204. package/src/pages/magazine/magazine.hbs +0 -60
  205. package/src/pages/mailchimp-newsletter/mailchimp-newsletter.config.js +0 -7
  206. package/src/pages/mailchimp-newsletter/mailchimp-newsletter.hbs +0 -4
  207. package/src/pages/responsive-position/responsive-position.config.js +0 -4
  208. package/src/pages/responsive-position/responsive-position.hbs +0 -7
  209. package/src/pages/search/search.config.js +0 -7
  210. package/src/pages/search/search.hbs +0 -40
  211. package/src/pages/timeline/timeline.config.js +0 -19
  212. package/src/pages/timeline/timeline.hbs +0 -53
  213. package/src/pages/wordpress-blocks/wordpress-blocks.config.js +0 -19
  214. package/src/pages/wordpress-blocks/wordpress-blocks.hbs +0 -99
@@ -1,78 +0,0 @@
1
- <div class="site u-z-index-foreground" id="site">
2
- <div class="site__header" id="siteHeader">
3
- <div class="u-position-relative">
4
- <header class="o-header">
5
- <div class="wrapper">
6
- <div class="row justify-content-between align-items-center flex-nowrap">
7
- <div class="grid-auto">
8
- <a href="/" class="o-header__logo-link">
9
- <span class="o-header__logo">
10
- <svg class="logotype">
11
- <use xlink:href="#logotype-default"></use>
12
- </svg>
13
- </span>
14
- <span class="u-visuallyhidden">Till startsidan</span>
15
- </a>
16
- </div>
17
- <div class="grid">
18
- <nav class="a-main-menu">
19
- <ul class="a-main-menu__list">
20
- <li class="u-hidden-mobile">
21
- <a href="#" class="a-main-menu__list__link">
22
- <span class="a-main-menu__list__text">Kunskap</span>
23
- </a>
24
- </li>
25
- <li class="u-hidden-mobile">
26
- <a href="#" class="a-main-menu__list__link">
27
- <span class="a-main-menu__list__text">Innovation</span>
28
- </a>
29
- </li>
30
- <li class="u-hidden-mobile">
31
- <a href="#" class="a-main-menu__list__link is-current">
32
- <span class="a-main-menu__list__text">Domäner</span>
33
- </a>
34
- </li>
35
- <li class="u-hidden-mobile">
36
- <a href="#" class="a-main-menu__list__link">
37
- <span class="a-main-menu__list__text">Om oss</span>
38
- </a>
39
- </li>
40
- <li class="u-hidden-mobile">
41
- <button type="button" class="a-main-menu__list__link js-toggle-domain-search" aria-expanded="false" data-a11y-toggle="domain-search">
42
- <span class="a-main-menu__list__text">Sök ledig domän</span>
43
- <div class="icon-arrow-down"></div>
44
- </button>
45
- </li>
46
- <li>
47
- <button type="button" class="a-main-menu__list__link js-toggle-mega-menu" aria-expanded="false">
48
- <span class="a-main-menu__list__text">Meny</span>
49
- <div class="icon-hamburger"></div>
50
- </button>
51
- </li>
52
- </ul>
53
- </nav>
54
-
55
- </div>
56
- </div>
57
- </div>
58
- </header>
59
-
60
- {{> @domain-search}}
61
- </div>
62
-
63
- {{> @mega-menu id="megaMenu" search=true domain_search=true}}
64
- </div>
65
- <div class="site__main" id="siteMain">
66
- <div class="background-snow">
67
- <div class="wrapper display-flex justify-content-between">
68
- {{render '@breadcrumb'}}
69
- </div>
70
- </div>
71
- {{render '@sections'}}
72
- {{render '@mailchimp'}}
73
- </div>
74
- <div class="site__footer">
75
- {{render '@footer'}}
76
- </div>
77
- </div>
78
- {{> @ribbon text="stage"}}
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- status: 'ready',
3
- context: {}
4
- }
@@ -1,37 +0,0 @@
1
- <form class="wrapper">
2
- <h1 data-if="type" data-if-effect="text" data-if-values="podd:Bokning av poddutrustning">Håll event</h1>
3
- <p data-if="type:podd" style="display: none">Den här texten visas bara om podd är vald.</p>
4
- <p data-if="type:podd|type:workshop" style="display: none">Den här texten visas om podd eller workshop är vald.</p>
5
- <p data-if="type" style="display: none">Den här texten visas ifall "Typ" har ett värde</p>
6
- <p data-if="type:!podd" style="display: none">Den här texten visas ifall "Typ" <strong>inte</strong> är podd.</p>
7
-
8
- <div class="field-group">
9
- <label for="select">Typ</label>
10
- <select id="select" class="a-select" name="type">
11
- <option value="" disabled selected>Välj</option>
12
- <option value="podd">Podd</option>
13
- <option value="presentation">Presentation</option>
14
- <option value="workshop">Workshop</option>
15
- </select>
16
- </div>
17
- <div class="field-group">
18
- <label for="select2">Stad</label>
19
- <select id="select2" class="a-select" name="city">
20
- <option value="" selected disabled>Välj</option>
21
- <option value="stockholm">Stockholm</option>
22
- <option value="malmo">Malmö</option>
23
- <option value="online">Online</option>
24
- </select>
25
- </div>
26
- <div class="field-group">
27
- <label for="select3">Lokal</label>
28
- <select id="select3" class="a-select" data-if="city" data-if-effect="disable">
29
- <option value="" selected disabled>Välj</option>
30
- <option data-if-chain="stockholm" value="1">Gradängen</option>
31
- <option data-if-chain="stockholm" value="2">Annexet</option>
32
- <option data-if-chain="malmo" value="3">Gradängen</option>
33
- <option data-if-chain="malmo" value="4">Hörsalen</option>
34
- <option data-if-chain="online" value="5">Online</option>
35
- </select>
36
- </div>
37
- </form>
@@ -1,185 +0,0 @@
1
- {{render '@hero--event-hero-with-button'}}
2
- <div class="wrapper u-m-t-4">
3
- <h1 class="supersize">Grid Block</h1>
4
- <div class="wp-block-iis-grid u-p-x-1">
5
- <div class="row">
6
-
7
-
8
- <div class="grid-18 grid-lg-12 article__content article__indent u-p-x-0">
9
-
10
-
11
- <p class="wp-block-iis-preamble preamble">Internetdagarna är Sveriges viktigaste kunskapsnav för alla som älskar internet. Internetdagarna arrangeras av Internetstiftelsen och i år går konferensen av stapeln 22-23 november.</p>
12
-
13
-
14
-
15
- <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
16
- <iframe loading="lazy" title="Om Internetdagarna |&nbsp;För alla som älskar internet" width="500" height="281" src="https://www.youtube.com/embed/79lnA_aKpDY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
17
- </div></figure>
18
-
19
-
20
-
21
- <p>Internetdagarna är en konferens där människor under två dagar får nya och fördjupade kunskaper om internet och digitaliseringens påverkan på samhället.&nbsp;Vårt mål är att så många som möjligt av de som vill delta på Internetdagarna ska få chans att göra det utan att plånboken sätter stopp.</p>
22
-
23
-
24
-
25
- <h2>Välj det som passar dig bäst</h2>
26
-
27
-
28
-
29
- <p>Konferensen är ordnad så att du kan välja att gå en eller två dagar. Genom att dela upp dagen i olika tematiska spår kan allt från breda till smala ämnen få plats på agendan. Välj det spår som passar dig och dina intressen bäst.</p>
30
-
31
-
32
-
33
- <h2>Vi tror på internet</h2>
34
-
35
-
36
-
37
- <p>Internetstiftelsen som står bakom konferensen är en oberoende, affärsdriven och allmännyttig organisation. Vi verkar för ett internet som bidrar positivt till människan och samhället.</p>
38
-
39
-
40
-
41
- <p>Vi ansvarar för internets svenska toppdomän .se och sköter även 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 att ge kunskap om internetanvändningen i Sverige samt digitaliseringens påverkan på samhället.</p>
42
-
43
-
44
-
45
- <p>Vi tillhandahåller evenemang och utbildningsinsatser som gör det enklare att förstå och använda internets tjänster och som bidrar till ökad kompetens och fler möten som främjar internetinnovation.&nbsp;<a href="https://internetstiftelsen.se/om-oss/vi-ar-internetstiftelsen/">Läs mer om Internetstiftelsen här.</a></p>
46
-
47
-
48
-
49
- <h2>Hållbarhet och mångfald</h2>
50
-
51
-
52
-
53
- <p>För oss är det viktigt att bidra till ett mer hållbart samhälle och därför arbetar vi för att på olika sätt minska vår belastning på bland annat miljön. Våra fokusområden är ekologisk, ekonomisk och social hållbarhet.&nbsp;<a href="https://internetdagarna.se/om/hallbarhet/">Här kan du läsa mer om vårt hållbarhetsarbete.</a></p>
54
-
55
-
56
-
57
- <p>Alla på Internetdagarna ska bemötas med respekt, oavsett om de står på scen som talare, deltar i diskussioner via sociala medier eller minglar i pauserna. Det är viktigt att alla ska känna sig välkomna att delta och bidra till innehållet på Internetdagarna.<a href="https://internetdagarna.se/om/mangfald/">&nbsp;Här kan du läsa mer om vår mångfaldspolicy.</a></p>
58
-
59
-
60
-
61
- <h2>Följ oss på sociala medier</h2>
62
-
63
-
64
-
65
- <p>Följ Internetdagarna på&nbsp;<a href="https://twitter.com/internetdagarna">Twitter</a>,&nbsp;<a href="https://www.instagram.com/internetdagarna/">Instagram</a>&nbsp;och&nbsp;<a href="http://www.facebook.com/internetdagarna">Facebook</a>.</p>
66
-
67
-
68
-
69
- <h2>Integritetspolicy</h2>
70
-
71
-
72
-
73
- <p>Läs hela&nbsp;<a href="https://internetdagarna.se/wordpress/wp-content/uploads/integritetspolicy-internetdagarna.pdf">integritetspolicyn för Internetdagarna här</a>.</p>
74
-
75
- </div>
76
-
77
-
78
-
79
-
80
- <div class="grid-18 grid-md-6 ">
81
-
82
- <div class="u-border-radius background-snow u-p-y-2 u-p-x-3 u-b-t-4 u-b-b-0 u-b-x-0 u-b-solid u-b-peacock ">
83
- <h2>Vanliga frågor</h2>
84
- <ul class="u-list-clean">
85
- <li class="u-p-y-1 u-b-b-1 u-b-t-0 u-b-x-0 u-b-solid u-b-concrete">
86
- <a class="js-faq-anchor display-flex align-items-center color-cyberspace u-weight-bold u-decoration-no-underline" data-id="iis-faq-222" href="#iis-faq-222">
87
- <svg class="icon u-icon--large u-m-r-1 u-flex-shrink-0" fill="#c27fec">
88
- <use xlink:href="#icon-arrow-variant"></use>
89
- </svg>
90
- Är Internetdagarna helt digitalt? </a>
91
- </li>
92
- <li class="u-p-y-1 ">
93
- <a class="js-faq-anchor display-flex align-items-center color-cyberspace u-weight-bold u-decoration-no-underline" data-id="iis-faq-224" href="#iis-faq-224">
94
- <svg class="icon u-icon--large u-m-r-1 u-flex-shrink-0" fill="#c27fec">
95
- <use xlink:href="#icon-arrow-variant"></use>
96
- </svg>
97
- När är Internetdagarna 2021? </a>
98
- </li>
99
- </ul>
100
- </div>
101
-
102
-
103
- <article class="wp-block-iis-card m-card m-card--padded u-m-t-4">
104
- <div class="m-card__content">
105
- <h1 class="beta">
106
- Internetdagarna i siffror </h1>
107
-
108
-
109
- <ul class="u-list-clean u-m-b-3"><li>200 talare</li><li>6 keynotes</li><li>2000+ kollegor att nätverka med</li><li>Lågt pris</li></ul>
110
-
111
-
112
- <div><a href="#" class="a-button a-button--lemon"><span class="a-button__text">Köp biljett</span></a></div>
113
- </div>
114
- </article>
115
-
116
-
117
- <article class="wp-block-iis-card m-card m-card--padded u-m-t-4">
118
- <div class="m-card__content">
119
- <h1 class="beta">
120
- </h1>
121
-
122
-
123
- <h2 class="alpha">De helt digitala Internetdagarna 2020 hade nöjdare besökare än något annat år</h2>
124
- <img src="https://stage.internetdagarna.se/app/uploads/2021/05/omdome-internetdagarna-2020.png" alt="Omdöme 4,4 av 5 för Internetdagarna 2020">
125
-
126
-
127
-
128
- <p><strong>4,4 av 5 i deltagarenkäten</strong></p>
129
-
130
- </div>
131
- </article>
132
-
133
-
134
- <article class="wp-block-iis-card m-card m-card--padded u-m-t-4">
135
- <img width="700" height="406" src="https://stage.internetdagarna.se/app/uploads/2021/05/internethjarta-scaled-1-700x406.jpg" class="m-card__image m-card__media" alt="Pixelhjärta ligger i kupade händer." loading="lazy" srcset="https://stage.internetdagarna.se/app/uploads/2021/05/internethjarta-scaled-1-700x406.jpg 700w, https://stage.internetdagarna.se/app/uploads/2021/05/internethjarta-scaled-1-726x420.jpg 726w, https://stage.internetdagarna.se/app/uploads/2021/05/internethjarta-scaled-1-500x290.jpg 500w, https://stage.internetdagarna.se/app/uploads/2021/05/internethjarta-scaled-1-8x5.jpg 8w" sizes="(max-width: 700px) 100vw, 700px"> <div class="m-card__content">
136
- <h1 class="beta">
137
- Det här är Internetstiftelsen </h1>
138
-
139
-
140
- <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.</p>
141
-
142
- </div>
143
- </article>
144
-
145
- </div>
146
-
147
-
148
-
149
-
150
- <div class="grid-18 grid-md-12 u-m-y-8">
151
-
152
- <div class="js-o-accordion o-accordion u-border-radius u-overflow-hidden" aria-multiselectable="true" role="tablist" id="zhundk40ktp" data-hashaccordion-id="jls543mjdc">
153
- <h3 id="iis-faq-222" class="o-accordion__title" data-accordion-opened="false"><button class="js-accordion__header o-accordion__header" role="tab" id="o-accordionzvioa7isn86_tab1" aria-controls="o-accordionzvioa7isn86_panel1" aria-selected="false" type="button" data-hashaccordion-id="jls543mjdc" aria-expanded="false">
154
- Är Internetdagarna helt digitalt? </button></h3>
155
- <div class="js-accordion__panel o-accordion__panel" role="tabpanel" aria-labelledby="o-accordionzvioa7isn86_tab1" id="o-accordionzvioa7isn86_panel1" data-hashaccordion-id="jls543mjdc" aria-hidden="true">
156
- <div class="o-accordion__panel__content">
157
-
158
- <p>Pellentesque sed magna dapibus, aliquam urna eget, ultrices lectus. Donec vitae fringilla eros. In id enim at ipsum suscipit feugiat. Curabitur est augue, aliquet ut hendrerit nec, malesuada ut lorem.</p>
159
-
160
-
161
-
162
- <p>Vivamus rhoncus congue accumsan. Sed lacinia leo nec dui facilisis, sit amet accumsan elit porta. Cras vulputate sit amet ante eget rutrum. Nullam porttitor tempor nunc. Proin ultrices tempus neque id ultricies. Etiam sagittis, libero et mollis consequat, tortor tellus iaculis ligula, ac placerat quam lectus vel nulla. Aenean purus leo, pulvinar sed leo eget, interdum consequat purus. Suspendisse potenti.</p>
163
- </div>
164
- </div>
165
- <h3 id="iis-faq-224" class="o-accordion__title" data-accordion-opened="false"><button class="js-accordion__header o-accordion__header" role="tab" id="o-accordionzvioa7isn86_tab2" aria-controls="o-accordionzvioa7isn86_panel2" aria-selected="false" type="button" data-hashaccordion-id="jls543mjdc" aria-expanded="false">
166
- När är Internetdagarna 2021? </button></h3>
167
- <div class="js-accordion__panel o-accordion__panel" role="tabpanel" aria-labelledby="o-accordionzvioa7isn86_tab2" id="o-accordionzvioa7isn86_panel2" data-hashaccordion-id="jls543mjdc" aria-hidden="true">
168
- <div class="o-accordion__panel__content">
169
-
170
- <p>Vivamus rhoncus congue accumsan. Sed lacinia leo nec dui facilisis, sit amet accumsan elit porta. Cras vulputate sit amet ante eget rutrum. Nullam porttitor tempor nunc. Proin ultrices tempus neque id ultricies. Etiam sagittis, libero et mollis consequat, tortor tellus iaculis ligula, ac placerat quam lectus vel nulla.</p>
171
-
172
-
173
-
174
- <p>Aenean purus leo, pulvinar sed leo eget, interdum consequat purus. Suspendisse potenti. Pellentesque sed magna dapibus, aliquam urna eget, ultrices lectus. Donec vitae fringilla eros. In id enim at ipsum suscipit feugiat. Curabitur est augue, aliquet ut hendrerit nec, malesuada ut lorem.</p>
175
- </div>
176
- </div>
177
- </div>
178
-
179
- </div>
180
-
181
-
182
- </div>
183
- </div>
184
-
185
- </div>
@@ -1,7 +0,0 @@
1
- module.exports = {
2
- status: 'ready',
3
-
4
- context: {
5
-
6
- }
7
- }
@@ -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,19 +0,0 @@
1
- module.exports = {
2
- status: 'ready',
3
-
4
- context: {
5
- alt: 'Hands typing on laptop',
6
- img_url: '/assets/images/ALX_0876.jpg',
7
- title: 'Gymnasieskolor med hög bandbredd har bättre skolresultat',
8
- url: 'http://www.google.se',
9
- exerpt: 'Eget nulla <strong>facilisi etiam</strong> dignissim diam quis enim lobortis scelerisque. Faucibus a pellentesque sit amet porttitor.',
10
- is_padded: true,
11
- is_wide: false,
12
- has_shadow: false,
13
- has_button: false,
14
- read_time: true,
15
- has_border: false,
16
- has_image: true,
17
- has_radius: true
18
- }
19
- }
@@ -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
- module.exports = {
2
- status: 'ready',
3
-
4
- context: {
5
-
6
- }
7
- }
@@ -1,4 +0,0 @@
1
- {{render '@header'}}
2
- {{render '@sections'}}
3
- {{render '@mailchimp'}}
4
- {{render '@footer'}}
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- status: 'ready',
3
- context: {}
4
- }
@@ -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,7 +0,0 @@
1
- module.exports = {
2
- status: 'ready',
3
-
4
- context: {
5
- label: 'sök på internetstiftelsen.se',
6
- }
7
- }
@@ -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,19 +0,0 @@
1
- module.exports = {
2
- status: 'prototype',
3
-
4
- context: {
5
- alt: 'Hands typing on laptop',
6
- img_url: '/assets/images/ALX_0876.jpg',
7
- title: 'Gymnasieskolor med hög bandbredd har bättre skolresultat',
8
- url: 'http://www.google.se',
9
- exerpt: 'Eget nulla <strong>facilisi etiam</strong> dignissim diam quis enim lobortis scelerisque. Faucibus a pellentesque sit amet porttitor.',
10
- is_padded: true,
11
- is_wide: true,
12
- has_shadow: false,
13
- has_button: false,
14
- read_time: true,
15
- has_border: false,
16
- has_image: true,
17
- has_radius: true
18
- }
19
- }