diff --git a/mosogepsch/.gitignore b/mosogepsch/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..297a10663652dd07f107034c9e77bed524e2e7f2
--- /dev/null
+++ b/mosogepsch/.gitignore
@@ -0,0 +1,115 @@
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### Gradle template
+.gradle
+**/build/
+!src/**/build/
+
+# Ignore Gradle GUI config
+gradle-app.setting
+
+# Avoid ignoring Gradle wrapper jar file (.jar files are usually ignored)
+!gradle-wrapper.jar
+
+# Cache of project
+.gradletasknamecache
+
+# # Work around https://youtrack.jetbrains.com/issue/IDEA-116898
+# gradle/wrapper/gradle-wrapper.properties
+
+### Kotlin template
+# Compiled class file
+*.class
+
+# Log file
+*.log
+
+# BlueJ files
+*.ctxt
+
+# Mobile Tools for Java (J2ME)
+.mtj.tmp/
+
+# Package Files #
+*.jar
+*.war
+*.nar
+*.ear
+*.zip
+*.tar.gz
+*.rar
+
+# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
+hs_err_pid*
+
diff --git a/mosogepsch/Makefile b/mosogepsch/Makefile
new file mode 100644
index 0000000000000000000000000000000000000000..dc8c5bff3a3775ad3fceb2a51e628fc633f3f21f
--- /dev/null
+++ b/mosogepsch/Makefile
@@ -0,0 +1,10 @@
+all: prod
+
+prod:
+	./gradlew jsBrowserProductionWebpack
+
+serve:
+	sh -c "cd build/developmentExecutable && python -m http.server"
+
+dev:
+	./gradlew jsBrowserDevelopmentWebpack --continuous
\ No newline at end of file
diff --git a/mosogepsch/build.gradle.kts b/mosogepsch/build.gradle.kts
new file mode 100644
index 0000000000000000000000000000000000000000..f3e728f99eacc095ac3cc315f88e08044363136a
--- /dev/null
+++ b/mosogepsch/build.gradle.kts
@@ -0,0 +1,44 @@
+import org.jetbrains.compose.compose
+
+plugins {
+    kotlin("multiplatform") version "1.5.31"
+    id("org.jetbrains.compose") version "1.0.0"
+}
+
+group = "me.mike"
+version = "1.0"
+
+repositories {
+    google()
+    mavenCentral()
+    maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+}
+
+kotlin {
+    js(IR) {
+        browser {
+            testTask {
+                testLogging.showStandardStreams = true
+                useKarma {
+                    useChromeHeadless()
+                    useFirefox()
+                }
+            }
+        }
+        binaries.executable()
+    }
+    sourceSets {
+        val jsMain by getting {
+            dependencies {
+                implementation(compose.web.core)
+                implementation(compose.runtime)
+                implementation("app.softwork:bootstrap-compose:0.0.49")
+            }
+        }
+        val jsTest by getting {
+            dependencies {
+                implementation(kotlin("test-js"))
+            }
+        }
+    }
+}
diff --git a/mosogepsch/gradle.properties b/mosogepsch/gradle.properties
new file mode 100644
index 0000000000000000000000000000000000000000..65c9278611beb854769bad4b045ede51a75faa83
--- /dev/null
+++ b/mosogepsch/gradle.properties
@@ -0,0 +1,4 @@
+kotlin.code.style=official
+kotlin.mpp.enableGranularSourceSetsMetadata=true
+kotlin.native.enableDependencyPropagation=false
+kotlin.js.webpack.major.version=4
diff --git a/mosogepsch/gradle/wrapper/gradle-wrapper.properties b/mosogepsch/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000000000000000000000000000000000000..69a9715077f4fe68764b2e50867736b0c7f015a2
--- /dev/null
+++ b/mosogepsch/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.1-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/mosogepsch/gradlew b/mosogepsch/gradlew
new file mode 100755
index 0000000000000000000000000000000000000000..744e882ed57263a19bf3a504977da292d009345f
--- /dev/null
+++ b/mosogepsch/gradlew
@@ -0,0 +1,185 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MSYS* | MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=`expr $i + 1`
+    done
+    case $i in
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=`save "$@"`
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+exec "$JAVACMD" "$@"
diff --git a/mosogepsch/gradlew.bat b/mosogepsch/gradlew.bat
new file mode 100644
index 0000000000000000000000000000000000000000..107acd32c4e687021ef32db511e8a206129b88ec
--- /dev/null
+++ b/mosogepsch/gradlew.bat
@@ -0,0 +1,89 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/mosogepsch/settings.gradle.kts b/mosogepsch/settings.gradle.kts
new file mode 100644
index 0000000000000000000000000000000000000000..e093da248e4ec378850a6a1276d21d134f958402
--- /dev/null
+++ b/mosogepsch/settings.gradle.kts
@@ -0,0 +1,9 @@
+pluginManagement {
+    repositories {
+        gradlePluginPortal()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    }
+    
+}
+rootProject.name = "mosogepsch"
+
diff --git a/mosogepsch/src/jsMain/kotlin/Content.kt b/mosogepsch/src/jsMain/kotlin/Content.kt
new file mode 100644
index 0000000000000000000000000000000000000000..f2acdeef2ba8ccb5b104dd94c73c373f55f57b83
--- /dev/null
+++ b/mosogepsch/src/jsMain/kotlin/Content.kt
@@ -0,0 +1,19 @@
+import androidx.compose.runtime.Composable
+import app.softwork.bootstrapcompose.Container
+import org.jetbrains.compose.web.css.*
+
+@Composable
+fun content() {
+    Container(attrs = {
+        style {
+            display(DisplayStyle.Flex)
+            flexDirection(FlexDirection.Row)
+            flexWrap(FlexWrap.Wrap)
+            justifyContent(JustifyContent.Center)
+        }
+    }) {
+        repeat(50) {
+            mosogep(it)
+        }
+    }
+}
\ No newline at end of file
diff --git a/mosogepsch/src/jsMain/kotlin/Credits.kt b/mosogepsch/src/jsMain/kotlin/Credits.kt
new file mode 100644
index 0000000000000000000000000000000000000000..56f1d22944d7fd1f005db59560cb001aa6b543bc
--- /dev/null
+++ b/mosogepsch/src/jsMain/kotlin/Credits.kt
@@ -0,0 +1,22 @@
+import androidx.compose.runtime.Composable
+import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.P
+import org.jetbrains.compose.web.dom.Text
+
+@Suppress("NAME_CONTAINS_ILLEGAL_CHARS")
+private object CSSVariables {
+    val `bs-gray-200` by variable<CSSColorValue>()
+    val `bs-gray` by variable<CSSColorValue>()
+}
+
+@Composable
+fun credits() {
+    P(attrs = {
+        style {
+            textAlign("center")
+            color(CSSVariables.`bs-gray-200`.value())
+        }
+    }) {
+        Text("Made by KSZK and SEM")
+    }
+}
\ No newline at end of file
diff --git a/mosogepsch/src/jsMain/kotlin/Main.kt b/mosogepsch/src/jsMain/kotlin/Main.kt
new file mode 100644
index 0000000000000000000000000000000000000000..540c4b927ab45dbdcd821847dbb64a2fe0eb1699
--- /dev/null
+++ b/mosogepsch/src/jsMain/kotlin/Main.kt
@@ -0,0 +1,53 @@
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import app.softwork.bootstrapcompose.*
+import app.softwork.bootstrapcompose.Color
+import kotlinx.browser.localStorage
+import kotlinx.browser.window
+import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.*
+import org.jetbrains.compose.web.renderComposable
+import org.w3c.dom.get
+import org.w3c.dom.set
+
+fun main() {
+    val dark = localStorage["darkMode"]?.equals("true")
+        ?: window.matchMedia("(prefers-color-scheme: dark)").matches
+
+    var darkTheme by mutableStateOf(dark)
+    renderComposable(rootElementId = "root") {
+        val mosogepStyle = MosogepStyle(darkTheme)
+        Style(mosogepStyle)
+        CompositionLocalProvider(LocalStyle provides mosogepStyle) {
+            Header {
+                Navbar(
+                    attrs = { classes("bg-secondary") },
+                    placement = NavbarPlacement.StickyTop,
+                    collapseBehavior = NavbarCollapseBehavior.AtBreakpoint(Breakpoint.Large),
+                    colorScheme = Color.Dark,
+                ) {
+                    Brand { Text("MosógépSCH") }
+                    switch(
+                        label = "Sötét téma",
+                        value = darkTheme,
+                        onSet = {
+                            darkTheme = it
+                            localStorage["darkMode"] = "$it"
+                        }
+                    )
+                }
+            }
+            Main(attrs = { classes(mosogepStyle.content, if (darkTheme) "bg-dark" else "bg-light") }) {
+                content()
+            }
+            Footer(
+                attrs = { classes("footer", "mt-auto") }
+            ) {
+                Container { credits() }
+            }
+        }
+    }
+}
+
diff --git a/mosogepsch/src/jsMain/kotlin/Mosogep.kt b/mosogepsch/src/jsMain/kotlin/Mosogep.kt
new file mode 100644
index 0000000000000000000000000000000000000000..196bc60659324952c60d97bfb9146a028ec5bbb3
--- /dev/null
+++ b/mosogepsch/src/jsMain/kotlin/Mosogep.kt
@@ -0,0 +1,37 @@
+import androidx.compose.runtime.Composable
+import app.softwork.bootstrapcompose.Card
+import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.H5
+import org.jetbrains.compose.web.dom.H6
+import org.jetbrains.compose.web.dom.P
+import org.jetbrains.compose.web.dom.Text
+
+@Composable
+fun mosogep(floor: Int) {
+    val dark = LocalStyle.current.dark
+    Card(attrs = {
+        if (dark) classes("bg-secondary")
+        style {
+            margin(1.em)
+            width(20.em)
+        }
+    }) {
+        H5(attrs = {
+            classes("card-title")
+            if (dark) classes("text-white")
+        }) { Text("$floor. szint") }
+        H6(attrs = {
+            classes("card-subtitle", "mb-2")
+            if (!dark) classes("text-muted")
+            style {
+                if (dark) { color(Color("#dadada")) }
+            }
+        }) { Text("last checked: never") }
+        P(attrs = {
+            classes("card-text")
+            if (dark) classes("text-white")
+        }) {
+            Text("almafa")
+        }
+    }
+}
\ No newline at end of file
diff --git a/mosogepsch/src/jsMain/kotlin/MosogepStyle.kt b/mosogepsch/src/jsMain/kotlin/MosogepStyle.kt
new file mode 100644
index 0000000000000000000000000000000000000000..19e7163e07cbb778b78b1c22a7e26a051193e839
--- /dev/null
+++ b/mosogepsch/src/jsMain/kotlin/MosogepStyle.kt
@@ -0,0 +1,30 @@
+import androidx.compose.runtime.compositionLocalOf
+import org.jetbrains.compose.web.css.*
+
+class MosogepStyle(val dark: Boolean = false): StyleSheet() {
+    private val footHeight = 4.em
+
+    val content by style {
+        overflow("auto")
+        height(100.percent)
+        paddingBottom(footHeight * 2)
+    }
+
+    init {
+        "html, body, #root" style {
+            position(Position.Relative)
+            height(100.percent)
+            overflowY("hidden")
+        }
+        ".footer" style {
+            position(Position.Absolute)
+            bottom(0.px)
+            width(100.percent)
+            height(footHeight)
+            lineHeight(footHeight)
+            backgroundColor(Color("#0000007f"))
+        }
+    }
+}
+
+val LocalStyle = compositionLocalOf { MosogepStyle() }
\ No newline at end of file
diff --git a/mosogepsch/src/jsMain/kotlin/Switch.kt b/mosogepsch/src/jsMain/kotlin/Switch.kt
new file mode 100644
index 0000000000000000000000000000000000000000..ac185dbba55ecb34e9fca8354389e9a164c51950
--- /dev/null
+++ b/mosogepsch/src/jsMain/kotlin/Switch.kt
@@ -0,0 +1,48 @@
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import kotlinx.browser.document
+import org.jetbrains.compose.web.css.*
+import org.jetbrains.compose.web.dom.CheckboxInput
+import org.jetbrains.compose.web.dom.Div
+import org.jetbrains.compose.web.dom.Label
+import org.w3c.dom.HTMLLabelElement
+import org.w3c.dom.Text
+
+private var maxId = 0
+
+@Composable
+fun switch(label: String, value: Boolean = false, onSet: (Boolean) -> Unit) {
+    val id = remember { "mosogep-check-${maxId++}" }
+    Div(attrs = {
+        classes("form-check", "form-switch")
+        style {
+            gap(1.em)
+            alignItems(AlignItems.Center)
+        }
+    }) {
+        CheckboxInput(
+            checked = value,
+            attrs = {
+                classes("form-check-input")
+                id(id)
+                onChange { onSet(it.value) }
+            }
+        )
+        Label(
+            forId = id,
+            attrs = {
+                classes("form-check-label", "text-white")
+                id("label-$id")
+            }
+        ) {
+            Text(label)
+        }
+
+        // idk why, but this workaround is needed
+        LaunchedEffect(Unit) {
+            val lab = document.getElementById("label-$id") as HTMLLabelElement
+            lab.innerText = label
+        }
+    }
+}
\ No newline at end of file
diff --git a/mosogepsch/src/jsMain/resources/index.html b/mosogepsch/src/jsMain/resources/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..e826c1182c16c2ebdbee1933851636d5d14487da
--- /dev/null
+++ b/mosogepsch/src/jsMain/resources/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Sample</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+</head>
+<body>
+<div id="root"></div>
+<script src="mosogepsch.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file