Våga längta av Anna Ahlund

Bild

Våga längta är en bokserie med fyra fristående korta och lättlästa böcker som får huden att knottras och kinderna att blossa.
De är böcker med stor igenkänning om kärlek, relationer, längtan, lust, sexualitet, sex och att våga vara sig själv.

Böckerna som ingår i serien Våga längta skildras relationer och sex med lust och allvar där alla relationer inkluderats och accepteras och där sex och samtycke skildras genom alla böcker.

Böckerna i serien Våga längta passar till ungdomar på högstadiet och gymnasiet och är ett ypperligt läs- material att använda sig av under sexualundervisning, då böckerna är ärliga utan att vara föreläsande, böckernas har en otrolig igenkänning oavsett sexualitet och med hjälp av böckerna lyckas man få in mer HBTQ-perspektiv i klassrummet.
Bild

Läs mer om varje enskild bok handlar om i bokserien Våga längta.

Bild

I Våga längta lärarhandledning finns allt du som lärare i högstadiet och gymnasiet behöver för att jobba med frågor runt lust, sex och relationer på ett inkluderade vis utifrån de fyra böckerna i serien. Genom att utgå från böckerna får alla i klassen en gemenskap utgångspunkt för samtal och kan resonera utifrån karaktärens situationer och upplevelser.

I handledningen hittar du diskussionsfrågor kring varje titel, anpassade både för att göras enskilt och i grupp. Du hittar också ett avsnitt om hur arbetet med sex och samlevnad kan bli inkluderande och demokratiskt för alla elever, en begreppsordlista med förklaringar på viktiga begrepp och slutligen praktiska tips på hur ni kan arbeta ämnesöverskridande med detta viktiga tema. En lustfylld liten handledning att ha med sig in i undervisningen – oavsett ämne – runt sex, relationer och normer.
Bild

Artikel hämtad ifrån Hegas vårkatalog 2020.

#element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-animated-text, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-text-after { margin: 0; position: relative; z-index: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-animated-text-wrapper { display: inline-flex; position: relative; text-align: left; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-rotating .boo-ah-highlighted-text, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-highlighted .boo-ah-rotating-text { display: none; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-content { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-animated-text { color: #111111; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-animated1 .boo-ah-animated-text { font-family: “Yeon”; font-style: normal; font-weight: unset; text-decoration: none; text-transform: none; line-height: 1.5; letter-spacing: 1px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-animated1.boo-ah-animated-ff1 .boo-ah-animated-text { font-family: “Yeon”; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-text-after { color: #d12eb6; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-after { font-family: “Yeon”; font-style: normal; font-weight: unset; text-decoration: none; text-transform: none; line-height: 1.5; letter-spacing: 1px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1.boo-ah-headline-ff1 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1.boo-ah-headline-ff1 .boo-ah-text-after { font-family: “Yeon”; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-animated-text-wrapper { margin-left: 50px; margin-right: 10px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-highlighted .boo-ah-content svg { position: absolute; top: 50%; left: 50%; width: calc(110%); height: calc(110%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow: visible; z-index: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-highlighted .boo-ah-content svg path { stroke: #bd68de; stroke-width: 10; fill: none; stroke-dasharray: 1500; -webkit-animation: elementor-headline-dash 10s infinite; animation: elementor-headline-dash 10s infinite; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-highlighted .boo-ah-content svg path:nth-of-type(2) { -webkit-animation-delay: .6s; animation-delay: .6s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-highlighted .boo-ah-content.rounded-edges1 svg path { stroke-linecap: round; stroke-linejoin: round; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-style-highlighted .boo-ah-content.bring-to-front1 svg { z-index: 99; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-headline-wrapper { display: inline-flex; position: relative; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-headline-wrapper .boo-ah-animated-text { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-headline-wrapper .boo-ah-animated-text.boo-headline-active { position: relative; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-js .boo-headline-wrapper .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-js .boo-headline-wrapper .boo-ah-animated-text.boo-headline-active { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline i, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline em { font-style: inherit; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-rotating .boo-headline-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-rotating .boo-ah-animated-text { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-rotating .boo-ah-animated-text.boo-headline-active { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: rotating-in 1.2s; -moz-animation: rotating-in 1.2s; animation: rotating-in 1.2s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-rotating .boo-ah-animated-text.boo-headline-inactive { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: rotating-out 1.2s; -moz-animation: rotating-out 1.2s; animation: rotating-out 1.2s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-headline-wrapper { overflow: hidden; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-headline-wrapper:after { content: ”; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #111; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-ah-custom-animated1 .boo-headline-wrapper:after { background-color: #111111; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-headline-wrapper.waiting:after { -webkit-animation: typing 1s infinite; -moz-animation: typing 1s infinite; animation: typing 1s infinite; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-headline-wrapper.selected { background-color: #333; color: #fff; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-ah-custom-animated1 .boo-headline-wrapper.selected { background-color: #333333; color: #ffffff; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-headline-wrapper.selected:after { visibility: hidden; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-headline-wrapper.selected .boo-ah-animated-text { color: inherit; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-ah-animated-text { visibility: hidden; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing .boo-ah-animated-text.boo-headline-active { visibility: visible; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing i { position: absolute; visibility: hidden; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-typing i.in { position: relative; visibility: visible; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl .boo-headline-wrapper .boo-ah-animated-text.boo-headline-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl .boo-headline-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl i, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl em { display: inline-flex; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-headline-active .boo-animated-headline.boo-ah-style-rotating.boo-swirl i { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl i.in { -webkit-animation: swirl-in 0.4s forwards; -moz-animation: swirl-in 0.4s forwards; animation: swirl-in 0.4s forwards; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl i.out { -webkit-animation: swirl-out 0.4s forwards; -moz-animation: swirl-out 0.4s forwards; animation: swirl-out 0.4s forwards; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-swirl em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px); } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-swirl i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-swirl i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-swirl .boo-headline-active i { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slidedown .boo-headline-wrapper { overflow: hidden; display: inline-flex; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slidedown .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slidedown .boo-ah-animated-text.boo-headline-active { top: 0; opacity: 1; -webkit-animation: slide-down-in 0.6s; -moz-animation: slide-down-in 0.6s; animation: slide-down-in 0.6s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slidedown .boo-ah-animated-text.boo-headline-inactive { -webkit-animation: slide-down-out 0.6s; -moz-animation: slide-down-out 0.6s; animation: slide-down-out 0.6s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-clip .boo-headline-wrapper { overflow: hidden; display: inline-flex; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-clip .boo-headline-wrapper:after { content: ”; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #111; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-clip .boo-ah-custom-animated1 .boo-headline-wrapper:after { background-color: #111111; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-clip .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-clip .boo-ah-animated-text.boo-headline-active { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-dropin .boo-headline-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-dropin .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-dropin .boo-ah-animated-text.boo-headline-active { opacity: 1; -webkit-animation: drop-in 0.8s; -moz-animation: drop-in 0.8s; animation: drop-in 0.8s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-dropin .boo-ah-animated-text.boo-headline-inactive { -webkit-animation: drop-out 0.8s; -moz-animation: drop-out 0.8s; animation: drop-out 0.8s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-blinds .boo-headline-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-blinds .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-blinds i { display: inline-flex; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-headline-active .boo-animated-headline.boo-ah-style-rotating.boo-blinds i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-blinds i.in { -webkit-animation: blinds-in 0.6s forwards; -moz-animation: blinds-in 0.6s forwards; animation: blinds-in 0.6s forwards; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-blinds i.out { -webkit-animation: blinds-out 0.6s forwards; -moz-animation: blinds-out 0.6s forwards; animation: blinds-out 0.6s forwards; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-blinds i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-blinds .boo-headline-active i { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-wave .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-wave i { display: inline-flex; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-headline-active .boo-animated-headline.boo-ah-style-rotating.boo-wave i { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-wave i.in { -webkit-animation: wave-up 0.6s forwards; -moz-animation: wave-up 0.6s forwards; animation: wave-up 0.6s forwards; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-wave i.out { -webkit-animation: wave-down 0.6s forwards; -moz-animation: wave-down 0.6s forwards; animation: wave-down 0.6s forwards; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-wave i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .no-csstransitions .boo-animated-headline.boo-ah-style-rotating.boo-wave .boo-headline-active i { opacity: 1; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slide .boo-ah-animated-text { opacity: 0; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slide .boo-ah-animated-text.boo-headline-active { opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-animated-headline.boo-ah-style-rotating.boo-slide .boo-ah-animated-text.boo-headline-inactive { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @media only screen and (min-width: 1200px) { #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-animated1 .boo-ah-animated-text { font-size: 36px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-after { font-size: 36px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-animated1 .boo-ah-animated-text { font-size: 32px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-after { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-animated1 .boo-ah-animated-text { font-size: 28px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-after { font-size: 28px; } } @media only screen and (max-width: 767px) { #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-animated1 .boo-ah-animated-text { font-size: 24px; } #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-before, #element-662c86dc-abe4-48ad-9dba-29deb4b14ca6 .boo-ah-custom-headline1 .boo-ah-text-after { font-size: 24px; } }

Sex- och samlevnadsundervisning

function setupElement403386184423906812() {
var requireFunc = window.platformElementRequire || window.require;

// Relies on a global require, specific to platform elements
requireFunc([
‘w-global’,
‘underscore’,
‘jquery’,
‘backbone’,
‘util/platform/elements/PlatformElement’,
‘util/platform/elements/PlatformElementSettings’
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = “554686955151643818-1.0.2”;

if (typeof _W.loadedPlatformDependencies === ‘undefined’) {
_W.loadedPlatformDependencies = [];
}

if (typeof _W.platformElements === ‘undefined’) {
_W.platformElements = [];
}

if (typeof _W.platformElements[platform_element_id] === ‘undefined’) {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}

if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}

if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}

_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = (function() {
var booanimated_headline = PlatformElement.extend({
initialize: function() {
this._ah = this.$(‘.boo-animated-headline’);
this._ah_letter = this.$(‘.boo-letters1’);
this._svg = this.$(‘.boo-ah-svg’);
this._headline_wrapper = this.$(‘.boo-headline-wrapper’);

this._wW = 0;

this._style = this.settings.get(“style”);
this._headline_animation = this.settings.get(“headline_animation”);
this._rotating_text = this.settings.get(“rotating_text”);
this._html_tag = this.settings.get(“html_tag”);
this._html_link = this.settings.get(“html_link”);
this._animation_delay = this.settings.get(“animation_delay”);
this.booanimated_headline();
},
events: {
},
animated_headline: function(){
var _this = this;
_animation_delay = this._animation_delay;
//set animation timing
var animationDelay = _animation_delay,
//letters effect
lettersDelay = 50,
//type effect
typeLettersDelay = 150,
selectionDuration = 500,
typeAnimationDelay = selectionDuration + 800,
//clip effect
revealDuration = 600,
revealAnimationDelay = 1500;

var _this = this;
_ah = this._ah;
_ah_letter = this._ah_letter;

function initHeadline() {
//insert element for each letter of a changing word
if(_ah_letter){
singleLetters(_ah_letter.find(‘.boo-ah-rotating-text .boo-ah-animated-text’));
}else{
// Do Nothing
}

//initialise headline animation
animateHeadline(_ah);
}

function singleLetters($words) {
$words.each(function(){
var word = $(this),
letters = word.text().split(”),
selected = word.hasClass(‘boo-headline-active’);
for (i in letters) {
if(word.parents(‘.boo-swirl’).length > 0) letters[i] = ” + letters[i] + ”;
letters[i] = (selected) ? ” + letters[i] + ”: ” + letters[i] + ”;
}
var newLetters = letters.join(”);
word.html(newLetters).css(‘opacity’, 1);
});
}

function animateHeadline($headlines) {
var duration = animationDelay;
$headlines.each(function(){
var headline = $(this);

if (headline.hasClass(‘boo-clip’)){
var spanWrapper = headline.find(‘.boo-headline-wrapper’),
newWidth = spanWrapper.width() + 10
spanWrapper.css(‘width’, newWidth);
} else if (!headline.hasClass(‘boo-typing’) ) {
var words = headline.find(‘.boo-headline-wrapper .boo-ah-animated-text’),
width = 0;

var wordWidth = words.map(function() {
return $(this).width();
}).get();
var maxWidth = Math.max.apply(null, wordWidth);

headline.find(‘.boo-headline-wrapper’).css(‘width’,maxWidth);
};

//trigger animation
setTimeout(function(){ hideWord( headline.find(‘.boo-headline-active’).eq(0) ) }, duration);
});
}

function hideWord($word) {
var nextWord = takeNext($word);

if($word.parents(‘.boo-animated-headline’).hasClass(‘boo-typing’)) {
var parentSpan = $word.parent(‘.boo-headline-wrapper’);
parentSpan.addClass(‘selected’).removeClass(‘waiting’);
setTimeout(function(){
parentSpan.removeClass(‘selected’);
$word.removeClass(‘boo-headline-active’).addClass(‘boo-headline-inactive’).children(‘i’).removeClass(‘in’).addClass(‘out’);
}, selectionDuration);
setTimeout(function(){ showWord(nextWord, typeLettersDelay) }, typeAnimationDelay);

} else if($word.parents(‘.boo-animated-headline’).hasClass(‘boo-letters1’)) {
var bool = ($word.children(‘i’).length >= nextWord.children(‘i’).length) ? true : false;
hideLetter($word.find(‘i’).eq(0), $word, bool, lettersDelay);
showLetter(nextWord.find(‘i’).eq(0), nextWord, bool, lettersDelay);

} else if($word.parents(‘.boo-animated-headline’).hasClass(‘boo-clip’)) {
$word.parents(‘.boo-headline-wrapper’).animate({ width : ‘2px’ }, revealDuration, function(){
switchWord($word, nextWord);
showWord(nextWord);
});

} else {
switchWord($word, nextWord);
setTimeout(function(){ hideWord(nextWord) }, animationDelay);
}
}

function showWord($word, $duration) {
if($word.parents(‘.boo-animated-headline’).hasClass(‘boo-typing’)) {
showLetter($word.find(‘i’).eq(0), $word, false, $duration);
$word.addClass(‘boo-headline-active’).removeClass(‘boo-headline-inactive’);

} else if($word.parents(‘.boo-animated-headline’).hasClass(‘boo-clip’)) {
$word.parents(‘.boo-headline-wrapper’).animate({ ‘width’ : $word.width() + 10 }, revealDuration, function(){
setTimeout(function(){ hideWord($word) }, revealAnimationDelay);
});
}
}

function hideLetter($letter, $word, $bool, $duration) {
$letter.removeClass(‘in’).addClass(‘out’);

if(!$letter.is(‘:last-child’)) {
setTimeout(function(){ hideLetter($letter.next(), $word, $bool, $duration); }, $duration);
} else if($bool) {
setTimeout(function(){ hideWord(takeNext($word)) }, animationDelay);
}

if($letter.is(‘:last-child’) && $(‘html’).hasClass(‘no-csstransitions’)) {
var nextWord = takeNext($word);
switchWord($word, nextWord);
}
}

function showLetter($letter, $word, $bool, $duration) {
$letter.addClass(‘in’).removeClass(‘out’);

if(!$letter.is(‘:last-child’)) {
setTimeout(function(){ showLetter($letter.next(), $word, $bool, $duration); }, $duration);
} else {
if($word.parents(‘.boo-animated-headline’).hasClass(‘boo-typing’)) { setTimeout(function(){ $word.parents(‘.boo-headline-wrapper’).addClass(‘waiting’); }, 200);}
if(!$bool) { setTimeout(function(){ hideWord($word) }, animationDelay) }
}
}

function takeNext($word) {
return (!$word.is(‘:last-child’)) ? $word.next() : $word.parent().children().eq(0);
}

function takePrev($word) {
return (!$word.is(‘:first-child’)) ? $word.prev() : $word.parent().children().last();
}

function switchWord($oldWord, $newWord) {
$oldWord.removeClass(‘boo-headline-active’).addClass(‘boo-headline-inactive’);
$newWord.removeClass(‘boo-headline-inactive’).addClass(‘boo-headline-active’);
}

initHeadline();
},

booanimated_headline: function(){

var _this = this;
_ah = this._ah;
_svg = this._svg;
_headline_animation = this._headline_animation;
_rotating_text = this._rotating_text;
_headline_wrapper = this._headline_wrapper;
_style = this._style;
_html_tag = this._html_tag;
_html_link = this._html_link;

// Add Href Link
if(_html_tag==”a”){
_ah.attr(‘href’,_html_link);
}else{
_ah.removeAttr(‘href’);
}

if(_style==”highlighted”){
var circle_svg = ”;
var curlyline_svg = ”;
var double_svg = ”;
var doubleline_svg = ”;
var strike_svg = ”;
var zigzag_svg = ”;
var diagonal_svg = ”;
var underline_svg = ”;
var delete_svg = ”;

var data_svg = _ah.attr(‘data-svg’);
_svg.html(eval(data_svg));
_svg.find(‘svg’).css({‘width’:’calc(100% + 20px)’,’height’:’calc(100% + 20px)’})
}else if(_style==”rotating”){
// Add Class Boo Letters
// if(_headline_animation==”typing”||_headline_animation==”swirl”||_headline_animation==”blinds”||_headline_animation==”wave”){
// _ah.addClass(‘boo-letters’);
// }else{
// _ah.removeClass(‘boo-letters’);
// }

// Add Rotating Text
var _list = “”;
if(_rotating_text==””){
_list += ‘Better’;
_list += ‘Bigger’;
_list += ‘Faster’;
}else{
_rotating_text = _rotating_text.replace(/(?:rn|r|n)/g, ‘,’);
var _rotating_array = _rotating_text.split(“,”);
for (var i=0;i

Dela gärna detta inlägg:

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *