TEATERN GRÖN
ERT UPPDRAG
HEJ BLIVANDE HEROES!
Ni har nu ett viktigt uppdrag!
Nedan ser ni ett antal kort som ni skall använda för att skapa en teaterpjäs som är max 5 minuter lång.
Korten förklarar vilken typ av mobbning som sker och vilka roller som är inblandade
Se till att alla kort finns med i rollspelet och att det blir tydligt att förstå när ni framträder inför klassen
Efter att ha visat upp rollspelet inför klassen skall de andra grupperna nu försöka hitta alla kort ni har haft med i er pjäs. Ju tydligare ni är desto bättre.
Nu är det er fantasi och idéer som skapar rollspelet! Ni har 20 minuter på er att öva innan föreställningen drar igång!
Lycka till!
ERT MANUS
BAKOM RYGGEN
Mobbningen sker båda i skolan och på nätet. Utfrysning, rykten och nät mobbning får offret att känna sig oönskad och sårad.
Bestäm nu vem som skall ha vilken roll och använd er fantasi för att skapa ett rollspel som blir så bra och verklig som möjligt:
EN MOBBARE
ETT OFFER
EN VUXEN
1-3 PASSIVA MOBBARE
PSYKISK MOBBNING
NÄTMOBBNING
TIPS:
Sara har alltid varit blyg. Hon blir aldrig inbjuden till lek och när hon vill sitta vid ett bord så nekas hon. Sara blir även filmad av en klasskamrat som lägger upp alla videos på nätet och skapar falska rykten om Sara. Mobbningen sker nära vuxna men utan att de ser.
Ställa in klockan
Visual Timer
body {
font-family: poppins, sans-serif;
text-align: center;
margin: 10px;
}
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 60vh;
}
canvas {
display: block;
margin: 20px auto;
background: #f4f4f4;
border-radius: 50%;
}
.timer-container {
position: relative;
display: inline-block;
}
.timer-text {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
font-weight: bold;
color: gray;
}
input {
padding: 8px 12px;
font-size: 24px;
border-radius: 5px;
border: 1px solid #ccc;
margin-top: 20px;
width: 80px;
}
button {
padding: 10px 20px;
font-size: 16px;
border: none;
border-radius: 5px;
color: white;
cursor: pointer;
margin: 5px;
}
button:nth-of-type(1) {
background-color: green;
}
button:nth-of-type(2) {
background-color: red;
}
.buttons-container {
display: flex;
justify-content: center;
margin-top: 10px;
}
let timer;
let totalTime;
let startTime;
function startTimer() {
let minutes = document.getElementById(‘minutes’).value;
if (minutes > 0) {
totalTime = minutes * 60;
startTime = Date.now();
clearInterval(timer);
timer = setInterval(updateTimer, 1000);
}
}
function stopTimer() {
clearInterval(timer);
}
function updateTimer() {
let elapsed = Math.floor((Date.now() – startTime) / 1000);
let remaining = totalTime – elapsed;
if (remaining <= 0) {
clearInterval(timer);
drawTimer(0);
updateText(0);
alert("Tiden är slut!");
} else {
drawTimer(1 – remaining / totalTime);
updateText(remaining);
}
}
function drawTimer(progress) {
let canvas = document.getElementById("timerCanvas");
let ctx = canvas.getContext("2d");
let radius = canvas.width / 2;
ctx.clearRect(0, 0, canvas.width, canvas.height);
// Bakgrundscirkel
ctx.beginPath();
ctx.arc(radius, radius, radius – 5, 0, 2 * Math.PI, false);
ctx.lineWidth = 15; // Tjockare ring
ctx.strokeStyle = "#ccc"; // Ny färg
ctx.stroke();
// Progressionscirkel
ctx.beginPath();
ctx.arc(radius, radius, radius – 5, -Math.PI / 2, (progress * 2 * Math.PI) – Math.PI / 2, false);
ctx.lineWidth = 50; // Tjockare ring
ctx.strokeStyle = "#ff6600"; // Ny färg (orange)
ctx.stroke();
}
function updateText(remaining) {
let minutes = Math.floor(remaining / 60);
let seconds = remaining % 60;
document.getElementById("timerText").textContent = `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
}
00:00