Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Oppretter siden #301

Merged
merged 3 commits into from
Dec 28, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
97 changes: 97 additions & 0 deletions content/lonn/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
+++
title = "Råd for arbeidsgivere om lønnsutbetaling"
+++

<!-- markdownlint-disable MD033 -->

{{% ingress %}}

Som arbeidsgiver for unge i deres første voksenjobb, har du en unik mulighet til å veilede om lønn,
ferie og skatt. Ikke gi unge "velkommen til voksenlivet"-fingeren.
Bruk din posisjon til å gjøre denne overgangen til voksenlivet
lettere og mer forståelig for dem.

{{% /ingress %}}

Forslagene under er en samling av gode ideer etter selv både ha vært lønnsmottaker og hatt
personalansvar for en gjeng med unge mennesker. Noen av forslagene kan implementeres av deg som har
personalansvar, noen bør implementeres blant hele bedriften, og noen krever

{{< lonnkort
title="Forklar forholdet mellom feriepenger og trekk av ferie tidlig"
badgeType="primary"
badgeText="Alle personalledere"
>}}

Mange unge i sine første jobber brenner seg på manglende forståelse for at man har rett på ferie,
i noen tilfeller krav på å ta ut ferie, at ferie faktisk er ubetalt og blir trukket fra lønna, og
feriepenger.

Ha en god og enkel guide klar, og presenter den til nye ansatte når de starter.
Hvis du tilbyr å søke vekk ferie, tilby dette proaktivt.

{{< /lonnkort >}}

{{< lonnkort
title="Lag en kalender over utbetalingsdager"
badgeType="primary"
badgeText="Lønnsavdelingen"
>}}

Mange utbetaler lønn på en fastsatt dato (for eksempel "alltid den 15. i hver måned"),
men som allikevel er bevegelig fordi helger og helligdager kommer i veien.

En måte å løse dette på er å gå over til en ukekalener, hvor man utbetaler lønn knyttet til
en bestemt ukedag i et definert ukeintervall. For eksempel: "hver fjerde mandag".

Ha en kalender tilgjengelig som viser alle kommende lønnsutbetalinger, for eksempel for det neste
året. Publiser det i en delt kalender, eller bare lag noe så enkelt som en liste:

<!-- Text trigger with arrow -->
<p>
<a href="#collapseContent" class="text-primary" data-toggle="collapse" aria-expanded="false" aria-controls="collapseContent">
Se eksempel på en slik liste.
</a>
</p>

<!-- Collapsible content -->
<div class="collapse" id="collapseContent">
<div class="card card-body">
<ul>
<li>mandag 15. januar 2024</li>
<li>torsdag 15. februar 2024</li>
<li>fredag 15. mars 2024</li>
<li>mandag 15. april 2024</li>
<li>onsdag 15. mai 2024</li>
<li>fredag 14. mai 2024</li>
<li>mandag 15. juli 2024</li>
<li>torsdag 15. august 2024</li>
<li>fredag 13. september 2024</li>
<li>tirsdag 15. oktober 2024</li>
<li>fredag 15. november 2025</li>
<li>søndag 13. desember 2024</li>
</ul>
</div>
</div>

{{< /lonnkort >}}

{{< lonnkort
title="Lag utkast til lønnslipper før utbetalingen"
badgeType="primary"
badgeText="Bransjen"
>}}

Selv om dette kan virke som en fremtidig løsning, er det verdt å utforske
mulighetene for tidlig utkast av lønnsslipper

Lønningssystemet bør kunne generere, så tidlig som mulig når det er klart, et utkast til
neste lønnslipp. På den måten kan den ansatte både forberede seg til det utbetalte beløpet,
samt ha mulighet til å komme med korrigeringer hvis noe er feil.

Et perfekt system ville vært dynamisk, koblet til timelister, utlegg og ferieuttak i sanntid.

Men inntil vi kommer dit, kunne et slikt system sende ut utkastet noen dager før lønnskjøring,
men allikevel tidsnok til at det er mulig å gjennomføre endringer.

{{< /lonnkort >}}
47 changes: 47 additions & 0 deletions layouts/shortcodes/kollaps-test.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.6.0/css/bootstrap.min.css">
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>Simple Text Collapsible with Arrow</title>
</head>
<body>

<div class="container mt-3">
<!-- Text trigger with arrow -->
<p>
<a href="#collapseContent" class="text-primary" data-toggle="collapse" aria-expanded="false" aria-controls="collapseContent">
<i class="fas fa-arrow-right" id="collapseIcon"></i> Click here to expand/collapse content
</a>
</p>

<!-- Collapsible content -->
<div class="collapse" id="collapseContent">
<div class="card card-body">
This is some collapsible content. Simple and easy to click!
</div>
</div>
</div>

<!-- Bootstrap and necessary dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.7.0/dist/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script>
<script>
// Script to change arrow direction on collapse
$(document).ready(function(){
$('#collapseContent').on('show.bs.collapse', function () {
$('#collapseIcon').removeClass('fa-arrow-right').addClass('fa-arrow-down');
});
$('#collapseContent').on('hide.bs.collapse', function () {
$('#collapseIcon').removeClass('fa-arrow-down').addClass('fa-arrow-right');
});
});
</script>
</body>
</html>
21 changes: 21 additions & 0 deletions layouts/shortcodes/lonnkort.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<div class="container mt-5">
<div class="card position-relative">
<div class="badge badge-{{ .Get "badgeType" }} position-absolute" style="top: 10px; right: 10px;">{{ .Get "badgeText" }}</div>
<div class="card-body">
<h5 class="card-title">{{ .Get "title" }}</h5>
<p class="card-text">{{ .Inner | markdownify }}</p>
</div>
</div>
</div>

<script>
// Script to change arrow direction on collapse
$(document).ready(function(){
$('#collapseContent').on('show.bs.collapse', function () {
$('#collapseIcon').removeClass('fa-arrow-right').addClass('fa-arrow-down');
});
$('#collapseContent').on('hide.bs.collapse', function () {
$('#collapseIcon').removeClass('fa-arrow-down').addClass('fa-arrow-right');
});
});
</script>
Loading