body {
font-family: 'Montserrat', sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
}
.tabs {
display: flex;
cursor: pointer;
justify-content: center;
margin-bottom: 20px;
}
.tab {
padding: 10px 20px;
margin: 0 5px;
background-color: #ddd;
border-radius: 5px;
transition: background-color 0.3s;
}
.tab:hover, .tab.active {
background-color: #bbb;
}
.content {
display: none;
}
.content.active {
display: block;
}
.umsetzungsfahrplan {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h2 {
text-align: center;
font-family: 'Note Serife', serif;
font-size: 24px;
margin-bottom: 20px;
}
.board {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.week {
flex: 1;
margin-right: 10px;
text-align: center;
padding: 10px;
background-color: #f4f4f4;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.week:last-child {
margin-right: 0;
}
.progress-bar {
width: 100%;
background-color: #e0e0e0;
height: 10px;
border-radius: 5px;
overflow: hidden;
margin-top: 5px;
}
.progress {
height: 10px;
background-color: #4caf50;
}
.progress-percent {
margin-top: 5px;
}
.modules {
margin-top: 20px;
}
details {
margin-bottom: 10px;
}
details summary {
cursor: pointer;
font-weight: bold;
}
details ul {
list-style-type: none;
padding: 0;
margin: 0;
}
details li {
margin-bottom: 5px;
}
input[type="checkbox"] {
margin-right: 10px;
}
.table-container {
overflow-x: auto;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 8px;
text-align: left;
}
th {
background-color: #f4f4f4;
}
.analysis-form {
display: flex;
flex-direction: column;
gap: 10px;
}
.analysis-form label {
font-weight: bold;
}
.analysis-form input, .analysis-form textarea {
padding: 8px;
width: 100%;
max-width: 600px;
}
.section {
margin-bottom: 20px;
}
.section hr {
margin: 20px 0;
}
Status deiner Umsetzung
In dieser Challenge gibt es kein “bis dann musst du XY erreicht haben”. Das heißt ich habe dir hier eine Empfehlung bzw. einen Zeitplan gesetzt den ich dir empfehlen würde damit du schnellst möglich auch eine Veränderung wahrnehmen kannst.
Es ist aber total valide, wenn das für dich nicht umsetzbar ist und du vielleicht ein bisschen mehr Zeit brauchst.
Wichtig: Setz bitte um, sehe das ganze als Chance wenn du nicht umsetzt und dich nicht aktiv damit auseinander setzt kann sich nichts verändern.
Wenn du Fragen hast, dann schreib jederzeit deine Fragen in den Community Bereich rein, dafür ist er gedacht, dass wir uns austauschen können.
Challenge Woche 1
- Du hast dir das Video angeschaut
- Du hast dir alles rausgeschrieben was für dich wichtig war
- Du hast deine Views berechnet
- Du hast dir einen Content Plan für deine Story für Woche 1 gemacht
- Du hast dein Status Quo festgehalten
- Du hast dich in der Community vorgestellt
- Du hast deine Story Resetet
- Du hast eine Woche lang jeden Tag Stories gepostet
Challenge Woche 2
- Du hast deine Stories ausgewertet
- Du hast dir einen Content Plan für deine Story für Woche 2 gemacht
- Du hast eine weitere Woche lang jeden Tag Stories gepostet
- Du hast in der Community deine Erfolge geteilt
Challenge Woche 3
- Du hast deine Stories ausgewertet
- Du hast dir einen Content Plan für deine Story für Woche 3 gemacht
- Du hast eine weitere Woche lang jeden Tag Stories gepostet
- Du hast deine Stories für Woche 3 ausgewertet
- Du hast in der Community deine Erfolge geteilt
Nach der Challenge
- Du hast in der Community deine Erfolge geteilt
- Du hast mir Feedback zur Challenge gegeben, schreib mir einfach eine kurze Nachricht auf Instagram an social4success
Storyplan
Plane hier deine Storys für die Challenge. Hier kannst du deine Inhalte und Ideen für die täglichen Storys festhalten.
| Datum |
Tag |
Story Art |
Slide 1 |
Slide 2 |
Slide 3 |
Slide 4 |
Slide 5 |
Slide 6 |
Slide 7 |
Vollständig gepostet |
for (let i = 1; i <= 21; i++) {
document.write('');
for (let j = 0; j < 10; j++) {
document.write(' | ');
}
document.write(' | ');
document.write('
');
}
$(document).ready(function() {
// Tab-Navigation
$('.tab').click(function() {
var tab_id = $(this).data('tab');
$('.tab').removeClass('active');
$('.content').removeClass('active');
$(this).addClass('active');
$("#" + tab_id).addClass('active');
});
// Funktion zum Aktualisieren des Fortschritts
function updateProgress(week) {
var tasks = $('input.task[data-week="' + week + '"]');
var completedTasks = tasks.filter(':checked').length;
var totalTasks = tasks.length;
var progressPercent = (completedTasks / totalTasks) * 100;
var $weekElement = $('.week[data-week="' + week + '"]');
$weekElement.find('.progress').css('width', progressPercent + '%');
$weekElement.find('.progress-percent').text(progressPercent.toFixed(0) + '%');
// Fortschritt in localStorage speichern
localStorage.setItem('progress-' + week, JSON.stringify({
completedTasks: completedTasks,
totalTasks: totalTasks
}));
}
// Fortschritt aus localStorage laden
function loadProgress() {
$('.week').each(function() {
var week = $(this).data('week');
var progressData = localStorage.getItem('progress-' + week);
if (progressData) {
progressData = JSON.parse(progressData);
var tasks = $('input.task[data-week="' + week + '"]');
tasks.each(function(index) {
if (index < progressData.completedTasks) {
$(this).prop('checked', true);
} else {
$(this).prop('checked', false);
}
});
updateProgress(week);
}
});
}
// Checkbox-Änderungen überwachen und Fortschritt aktualisieren
$('input.task').change(function() {
var week = $(this).data('week');
updateProgress(week);
});
// Fortschritt beim Laden der Seite laden
loadProgress();
});
