INIT: initial commit

2025-08-01 18:54:15 +02:00 · 2025-08-01 18:54:15 +02:00 · 7f467a414e
commit 7f467a414e
62 changed files with 1612 additions and 0 deletions
--- a/app/.gitignore
+++ b/app/.gitignore
@ -0,0 +1 @@
+/build
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@ -0,0 +1,56 @@
+plugins {
+    alias(libs.plugins.android.application)
+    alias(libs.plugins.kotlin.android)
+    alias(libs.plugins.kotlin.compose)
+}
+
+android {
+    namespace = "de.webfussel.soulecho"
+    compileSdk = 35
+
+    defaultConfig {
+        applicationId = "de.webfussel.soulecho"
+        minSdk = 33
+        targetSdk = 35
+        versionCode = 1
+        versionName = "1.0"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro")
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_11
+        targetCompatibility = JavaVersion.VERSION_11
+    }
+    kotlinOptions {
+        jvmTarget = "11"
+    }
+    buildFeatures {
+        compose = true
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+}
--- a/app/proguard-rules.pro
+++ b/app/proguard-rules.pro
@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
--- a/app/src/androidTest/java/de/webfussel/soulecho/ExampleInstrumentedTest.kt
+++ b/app/src/androidTest/java/de/webfussel/soulecho/ExampleInstrumentedTest.kt
@ -0,0 +1,24 @@
+package de.webfussel.soulecho
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("de.webfussel.soulecho", appContext.packageName)
+    }
+}
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+            android:allowBackup="true"
+            android:dataExtractionRules="@xml/data_extraction_rules"
+            android:fullBackupContent="@xml/backup_rules"
+            android:icon="@mipmap/ic_launcher"
+            android:label="@string/app_name"
+            android:roundIcon="@mipmap/ic_launcher_round"
+            android:supportsRtl="true"
+            android:theme="@style/Theme.SoulEcho"
+            tools:targetApi="31">
+        <activity
+                android:name=".MainActivity"
+                android:exported="true"
+                android:label="@string/app_name"
+                android:theme="@style/Theme.SoulEcho">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+
+                <category android:name="android.intent.category.LAUNCHER"/>
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>
--- a/app/src/main/java/de/webfussel/soulecho/MainActivity.kt
+++ b/app/src/main/java/de/webfussel/soulecho/MainActivity.kt
@ -0,0 +1,49 @@
+package de.webfussel.soulecho
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.tooling.preview.Preview
+import de.webfussel.soulecho.mood.MoodSection
+import de.webfussel.soulecho.mood.PossibleMood
+import de.webfussel.soulecho.navigation.Drawer
+import de.webfussel.soulecho.ui.theme.SoulEchoTheme
+
+@Composable
+fun SoulEchoApp() {
+    var currentMood by remember {
+        mutableStateOf(PossibleMood.HAPPY)
+    }
+    SoulEchoTheme (currentTheme = currentMood) {
+        Drawer (
+            currentMood = currentMood,
+        ) {
+            MoodSection(
+                currentMood = currentMood,
+                onMoodChange = { currentMood = it }
+            )
+        }
+    }
+}
+
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent {
+            SoulEchoApp()
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun DefaultPreview() {
+    SoulEchoApp()
+}
--- a/app/src/main/java/de/webfussel/soulecho/mood/Choice.kt
+++ b/app/src/main/java/de/webfussel/soulecho/mood/Choice.kt
@ -0,0 +1,120 @@
+package de.webfussel.soulecho.mood
+
+import android.inputmethodservice.Keyboard
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.items
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.material3.TextField
+import androidx.compose.material3.TextFieldDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.compose.ui.window.Dialog
+import de.webfussel.soulecho.mood.Moods.getAllMoods
+import de.webfussel.soulecho.ui.theme.getColorForMood
+
+@Composable
+fun MoodChoice (
+    onDismiss: () -> Unit = {},
+    onConfirm: (PossibleMood) -> Unit = {},
+) {
+    var selectedMood by remember { mutableStateOf(PossibleMood.HAPPY) }
+    var info by remember { mutableStateOf("") }
+
+    Dialog(
+        onDismissRequest = onDismiss,
+    ) {
+        Card (
+            colors = CardDefaults.cardColors(
+                containerColor = Color.White,
+            ),
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(16.dp),
+        ) {
+            Text("Wie fühlst du dich gerade?", modifier = Modifier.padding(16.dp), color = Color.Black)
+            LazyVerticalGrid(
+                columns = GridCells.Fixed(4),
+                modifier = Modifier.padding(horizontal = 16.dp),
+            ) {
+                items(getAllMoods()) {
+                    mood ->
+                    val color = getColorForMood(mood.id)
+                    Surface (
+                        color = if (mood.id == selectedMood) color.bg else Color.Transparent,
+                        modifier = Modifier
+                            .clickable { selectedMood = mood.id }
+                    ) {
+                        Column (
+                            horizontalAlignment = Alignment.CenterHorizontally,
+                        ) {
+                            Icon(
+                                painter = painterResource(mood.icon),
+                                contentDescription = mood.label,
+                                modifier = Modifier.padding(top = 16.dp, start = 16.dp, end = 16.dp, bottom = 0.dp),
+                                tint = color.fg,
+                            )
+                            Text(
+                                text = mood.label,
+                                color = color.fg,
+                                fontSize = 8.sp,
+                            )
+                        }
+                    }
+                }
+            }
+            Text("Warum?", modifier = Modifier.padding(16.dp), color = Color.Black)
+            BasicTextField(
+                value = info,
+                onValueChange = { info = it },
+                textStyle = TextStyle(color = Color.Black),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 16.dp)
+                    .border(width = 1.dp, color = Color.Gray, shape = RoundedCornerShape(4.dp))
+                    .padding(16.dp)
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            Row(
+                horizontalArrangement = Arrangement.End,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 16.dp),
+            ) {
+                TextButton(onClick = onDismiss) {
+                    Text("Abbrechen", color = Color(0xFFAA0000))
+                }
+                TextButton(onClick = { onConfirm(selectedMood) }) {
+                    Text("Bestätigen", color = Color(0xFF007AFF))
+                }
+            }
+        }
+    }
+}
--- a/app/src/main/java/de/webfussel/soulecho/mood/Model.kt
+++ b/app/src/main/java/de/webfussel/soulecho/mood/Model.kt
@ -0,0 +1,102 @@
+package de.webfussel.soulecho.mood
+
+import androidx.annotation.DrawableRes
+import de.webfussel.soulecho.R
+
+enum class PossibleMood {
+    HAPPY,
+    RELAXED,
+    CONTENT,
+    SAD,
+    ANGRY,
+    DISAPPOINTED,
+    EMPTY,
+    ANXIOUS,
+    NERVOUS,
+    PANIC
+}
+
+data class Mood(
+    val label: String,
+    val id: PossibleMood,
+    @DrawableRes val icon: Int
+)
+
+object Moods {
+    private val happy = Mood(
+        label = "Glücklich",
+        id = PossibleMood.HAPPY,
+        icon = R.drawable.face_smile
+    )
+
+    private val relaxed = Mood(
+        label = "Entspannt",
+        id = PossibleMood.RELAXED,
+        icon = R.drawable.face_relieved
+    )
+
+    private val content = Mood(
+        label = "Zufrieden",
+        id = PossibleMood.CONTENT,
+        icon = R.drawable.face_smile_relaxed
+    )
+
+    private val sad = Mood(
+        label = "Traurig",
+        id = PossibleMood.SAD,
+        icon = R.drawable.face_frown
+    )
+
+    private val angry = Mood(
+        label = "Wütend",
+        id = PossibleMood.ANGRY,
+        icon = R.drawable.face_pouting
+    )
+
+    private val disappointed = Mood(
+        label = "Enttäuscht",
+        id = PossibleMood.DISAPPOINTED,
+        icon = R.drawable.face_disappointed
+    )
+
+    private val empty = Mood(
+        label = "Leer",
+        id = PossibleMood.EMPTY,
+        icon = R.drawable.face_meh
+    )
+
+    private val anxious = Mood(
+        label = "Ängstlich",
+        id = PossibleMood.ANXIOUS,
+        icon = R.drawable.face_anxious_sweat
+    )
+
+    private val nervous = Mood(
+        label = "Nervös",
+        id = PossibleMood.NERVOUS,
+        icon = R.drawable.face_confounded
+    )
+
+    private val panic = Mood(
+        label = "Panisch",
+        id = PossibleMood.PANIC,
+        icon = R.drawable.face_scream
+    )
+
+    val moods: Map<PossibleMood, Mood> = mapOf(
+        PossibleMood.HAPPY to happy,
+        PossibleMood.RELAXED to relaxed,
+        PossibleMood.CONTENT to content,
+        PossibleMood.SAD to sad,
+        PossibleMood.ANGRY to angry,
+        PossibleMood.DISAPPOINTED to disappointed,
+        PossibleMood.EMPTY to empty,
+        PossibleMood.ANXIOUS to anxious,
+        PossibleMood.NERVOUS to nervous,
+        PossibleMood.PANIC to panic
+    )
+
+    fun getMoodById(id: PossibleMood): Mood = moods[id]!!
+    
+    fun getAllMoods(): List<Mood> = moods.values.toList()
+}
--- a/app/src/main/java/de/webfussel/soulecho/mood/Section.kt
+++ b/app/src/main/java/de/webfussel/soulecho/mood/Section.kt
@ -0,0 +1,81 @@
+package de.webfussel.soulecho.mood
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.FloatingActionButton
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.res.painterResource
+import androidx.compose.material3.Text
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import de.webfussel.soulecho.mood.Moods.getMoodById
+import de.webfussel.soulecho.R
+
+@Composable
+fun MoodSection(
+    currentMood: PossibleMood = PossibleMood.HAPPY,
+    onMoodChange: (PossibleMood) -> Unit = {}
+) {
+    var dialogOpen by remember { mutableStateOf(false) }
+    val theme = MaterialTheme.colorScheme
+    Box(modifier = Modifier.fillMaxSize()) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center,
+            modifier = Modifier.fillMaxSize()
+        ) {
+            val mood = getMoodById(currentMood)
+            Icon(
+                painter = painterResource(mood.icon),
+                contentDescription = "Mood",
+                modifier = Modifier
+                    .size(240.dp)
+            )
+            Spacer(modifier = Modifier.size(16.dp))
+            Text(mood.label, fontWeight = FontWeight.Bold, fontSize = 32.sp)
+            Text("Läuft jetzt nativ")
+        }
+        FloatingActionButton(
+            containerColor = theme.primary,
+            onClick = {
+                dialogOpen = true
+            },
+            modifier = Modifier
+                .align(Alignment.BottomEnd)
+                .size(100.dp)
+                .padding(24.dp),
+
+            ) {
+            Icon(
+                painter = painterResource(R.drawable.face_smile_plus),
+                contentDescription = "Change Mood",
+                modifier = Modifier
+                    .size(32.dp)
+                    .padding(start = 4.dp)
+            )
+        }
+        when {
+            dialogOpen -> MoodChoice(
+                onDismiss = { dialogOpen = false },
+                onConfirm = {
+                    dialogOpen = false
+                    onMoodChange(it)
+                }
+            )
+        }
+    }
+}
--- a/app/src/main/java/de/webfussel/soulecho/navigation/Drawer.kt
+++ b/app/src/main/java/de/webfussel/soulecho/navigation/Drawer.kt
@ -0,0 +1,223 @@
+package de.webfussel.soulecho.navigation
+import de.webfussel.soulecho.R
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Menu
+import androidx.compose.material3.DrawerValue
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ModalDrawerSheet
+import androidx.compose.material3.ModalNavigationDrawer
+import androidx.compose.material3.NavigationDrawerItem
+import androidx.compose.material3.NavigationDrawerItemDefaults
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.material3.rememberDrawerState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Shadow
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import de.webfussel.soulecho.mood.Moods.getMoodById
+import de.webfussel.soulecho.mood.PossibleMood
+import kotlinx.coroutines.launch
+
+@Composable
+fun CustomNavigationDrawerItem(
+    icon: @Composable () -> Unit,
+    label: @Composable () -> Unit,
+    selected: Boolean,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    contentPadding: PaddingValues = PaddingValues(horizontal = 12.dp, vertical = 8.dp)
+) {
+    Surface(
+        selected = selected,
+        onClick = onClick,
+        modifier = modifier.fillMaxWidth(),
+        color = if (selected) MaterialTheme.colorScheme.primary else Color.Transparent,
+        shape = RoundedCornerShape(12.dp)
+    ) {
+        Row(
+            modifier = Modifier.padding(contentPadding),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            icon()
+            Spacer(modifier = Modifier.width(12.dp))
+            label()
+        }
+    }
+}
+
+@Composable
+fun NavigationBlock (
+    items : List<NavigationEntry>,
+    currentNavigation: NavigationEntry,
+    onNavigationItemClicked: (NavigationEntry) -> Unit = {},
+    currentMood: PossibleMood = PossibleMood.HAPPY,
+) {
+    val theme = MaterialTheme.colorScheme
+
+    for (item in items) {
+        CustomNavigationDrawerItem(
+            icon = {
+                Icon(
+                    painterResource(
+                        if (item.id == "current")  getMoodById(currentMood).icon else item.icon
+                    ),
+                    contentDescription = item.label,
+                    modifier = Modifier.size(20.dp),
+                )
+            },
+            label = { Text(item.label) },
+            selected = item == currentNavigation,
+            onClick = { onNavigationItemClicked(item) },
+            modifier = Modifier.padding(horizontal = 16.dp),
+        )
+    }
+}
+
+@Composable
+fun DrawerTop() {
+    Box (
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(160.dp)
+    ){
+        Image(
+            painterResource(R.drawable.nav_header_image),
+            contentDescription = "Logo",
+            contentScale = androidx.compose.ui.layout.ContentScale.Crop,
+            modifier = Modifier.fillMaxWidth()
+        )
+        Text(
+            text = "Soul Echo",
+            modifier = Modifier
+                .align(Alignment.BottomStart)
+                .padding(bottom = 16.dp, start = 16.dp),
+            style = TextStyle(
+                fontSize = 24.sp,
+                shadow = Shadow(
+                    color = Color.Black,
+                    offset = Offset(2f, 5f),
+                    blurRadius = 2f,
+                )
+            ),
+            color = Color.White,
+        )
+    }
+}
+
+@Composable
+fun DrawerContent (
+    currentMood: PossibleMood = PossibleMood.HAPPY,
+) {
+    var currentNavigation by remember {
+        mutableStateOf(Navigation.getTopNavigation()[0])
+    }
+
+    ModalDrawerSheet(
+        modifier = Modifier.width(224.dp)
+    ) {
+        Column {
+            DrawerTop()
+            Spacer(Modifier.height(12.dp))
+
+            NavigationBlock(
+                items = Navigation.getTopNavigation(),
+                currentNavigation = currentNavigation,
+                onNavigationItemClicked = { currentNavigation = it },
+                currentMood = currentMood,
+            )
+            Spacer(Modifier.weight(1f))
+            NavigationBlock(
+                items = Navigation.getBottomNavigation(),
+                currentNavigation = currentNavigation,
+                onNavigationItemClicked = { currentNavigation = it },
+            )
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun Drawer (
+    currentMood: PossibleMood = PossibleMood.HAPPY,
+    content: @Composable (PaddingValues) -> Unit
+) {
+    val state = rememberDrawerState(initialValue = DrawerValue.Closed)
+    val scope = rememberCoroutineScope()
+    val theme = MaterialTheme.colorScheme
+    var currentPage by remember { mutableStateOf("Stimmung") }
+
+    ModalNavigationDrawer(
+        drawerContent = { DrawerContent(currentMood = currentMood) },
+        drawerState = state
+    ) {
+        Scaffold (
+            topBar = {
+                TopAppBar(
+                    title = { Text(currentPage) },
+                    colors = TopAppBarDefaults.topAppBarColors(
+                        containerColor = theme.background,
+                        titleContentColor = theme.primary,
+                    ),
+                    navigationIcon = {
+                        IconButton(onClick = { scope.launch {
+                            if (state.isClosed) state.open() else state.close()
+                        } }) {
+                            Icon(
+                                painter = painterResource(R.drawable.bars_staggered),
+                                contentDescription = "Menu"
+                            )
+                        }
+                    }
+                )
+            }
+        ) {
+            innerPadding -> content(innerPadding)
+        }
+    }
+}
+
+@Preview
+@Composable
+fun DrawerPreview() {
+    Drawer {
+        Text("Test", modifier = Modifier.padding(it))
+    }
+}
+
+@Preview
+@Composable
+fun DrawerContentPreview() {
+    DrawerContent()
+}
--- a/app/src/main/java/de/webfussel/soulecho/navigation/Model.kt
+++ b/app/src/main/java/de/webfussel/soulecho/navigation/Model.kt
@ -0,0 +1,54 @@
+package de.webfussel.soulecho.navigation
+
+import androidx.annotation.DrawableRes
+import de.webfussel.soulecho.R
+
+data class NavigationEntry (
+    val id: String,
+    val label: String,
+    @DrawableRes val icon: Int
+)
+
+object Navigation {
+    private val home = NavigationEntry(
+        id = "current",
+        label = "Aktuell",
+        icon = R.drawable.face_smile,
+    )
+
+    private val history = NavigationEntry(
+        id = "history",
+        label = "Verlauf",
+        icon = R.drawable.clock_rotate_left,
+    )
+
+    private val year = NavigationEntry(
+        id = "year",
+        label = "Dein Jahr",
+        icon = R.drawable.calendar_days,
+    )
+
+    private val settings = NavigationEntry(
+        id = "settings",
+        label = "Einstellungen",
+        icon = R.drawable.gears,
+    )
+
+    private val updates = NavigationEntry(
+        id = "version",
+        label = "Version",
+        icon = R.drawable.gear_code,
+    )
+
+    private val imp = NavigationEntry(
+        id = "imp",
+        label = "Impressum",
+        icon = R.drawable.square_info,
+    )
+
+    val top = listOf(home, history, year)
+    val bottom = listOf(settings, updates, imp)
+
+    fun getTopNavigation() = top
+    fun getBottomNavigation() = bottom
+}
--- a/app/src/main/java/de/webfussel/soulecho/ui/theme/Color.kt
+++ b/app/src/main/java/de/webfussel/soulecho/ui/theme/Color.kt
@ -0,0 +1,62 @@
+package de.webfussel.soulecho.ui.theme
+
+import androidx.compose.ui.graphics.Color
+import de.webfussel.soulecho.mood.PossibleMood
+
+// Happy colors
+val HappyFg = Color(0xFF007822)
+val HappyBg = Color(0xFFEEFFF4)
+
+// Relaxed colors
+val RelaxedFg = Color(0xFF0093C1)
+val RelaxedBg = Color(0xFFE5F9FF)
+
+// Content colors
+val ContentFg = Color(0xFF499009)
+val ContentBg = Color(0xFFF1FAEA)
+
+// Sad colors
+val SadFg = Color(0xFF001F88)
+val SadBg = Color(0xFFECEFF7)
+
+// Angry colors
+val AngryFg = Color(0xFF840B15)
+val AngryBg = Color(0xFFFDE7E9)
+
+// Disappointed colors
+val DisappointedFg = Color(0xFF8C0095)
+val DisappointedBg = Color(0xFFFCE2FF)
+
+// Empty colors
+val EmptyFg = Color(0xFF262626)
+val EmptyBg = Color(0xFFF2F2F2)
+
+// Anxious colors
+val AnxiousFg = Color(0xFFC35700)
+val AnxiousBg = Color(0xFFFFEAE5)
+
+// Nervous colors
+val NervousFg = Color(0xFFB6820F)
+val NervousBg = Color(0xFFFFF7E5)
+
+// Panic colors
+val PanicFg = Color(0xFF3F0D10)
+val PanicBg = Color(0xFFF0E9EA)
+
+data class ColorScheme(
+    val fg : Color,
+    val bg : Color,
+)
+
+fun getColorForMood(mood: PossibleMood) : ColorScheme = when (mood) {
+    PossibleMood.HAPPY -> ColorScheme(HappyFg, HappyBg)
+    PossibleMood.RELAXED -> ColorScheme(RelaxedFg, RelaxedBg)
+    PossibleMood.CONTENT -> ColorScheme(ContentFg, ContentBg)
+    PossibleMood.SAD -> ColorScheme(SadFg, SadBg)
+    PossibleMood.ANGRY -> ColorScheme(AngryFg, AngryBg)
+    PossibleMood.DISAPPOINTED -> ColorScheme(DisappointedFg, DisappointedBg)
+    PossibleMood.EMPTY -> ColorScheme(EmptyFg, EmptyBg)
+    PossibleMood.ANXIOUS -> ColorScheme(AnxiousFg, AnxiousBg)
+    PossibleMood.NERVOUS -> ColorScheme(NervousFg, NervousBg)
+    PossibleMood.PANIC -> ColorScheme(PanicFg, PanicBg)
+}
--- a/app/src/main/java/de/webfussel/soulecho/ui/theme/Theme.kt
+++ b/app/src/main/java/de/webfussel/soulecho/ui/theme/Theme.kt
@ -0,0 +1,64 @@
+package de.webfussel.soulecho.ui.theme
+
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import de.webfussel.soulecho.mood.PossibleMood
+
+// Base-Konfiguration für alle Themes
+private val BaseColorConfig = object {
+    val onPrimary = Color.White
+}
+
+// Hilfsfunktion zum Erstellen von ColorSchemes
+private fun createEmotionColorScheme(fgColor: Color, bgColor: Color) = lightColorScheme(
+    primary = fgColor,
+    background = bgColor,
+    surface = bgColor,
+    onPrimary = BaseColorConfig.onPrimary,
+    onBackground = fgColor,
+    onSurface = fgColor,
+)
+
+
+private val HappyColorTheme = createEmotionColorScheme(HappyFg, HappyBg)
+private val RelaxedColorTheme = createEmotionColorScheme(RelaxedFg, RelaxedBg)
+private val ContentColorTheme = createEmotionColorScheme(ContentFg, ContentBg)
+private val SadColorTheme = createEmotionColorScheme(SadFg, SadBg)
+private val AngryColorTheme = createEmotionColorScheme(AngryFg, AngryBg)
+private val DisappointedColorTheme = createEmotionColorScheme(DisappointedFg, DisappointedBg)
+private val EmptyColorTheme = createEmotionColorScheme(EmptyFg, EmptyBg)
+private val AnxiousColorTheme = createEmotionColorScheme(AnxiousFg, AnxiousBg)
+private val NervousColorTheme = createEmotionColorScheme(NervousFg, NervousBg)
+private val PanicColorTheme = createEmotionColorScheme(PanicFg, PanicBg)
+
+@Composable
+fun SoulEchoTheme(
+    currentTheme: PossibleMood = PossibleMood.HAPPY,
+    content: @Composable () -> Unit
+) {
+    val colorScheme = when (currentTheme) {
+        PossibleMood.HAPPY -> HappyColorTheme
+        PossibleMood.RELAXED -> RelaxedColorTheme
+        PossibleMood.CONTENT -> ContentColorTheme
+        PossibleMood.SAD -> SadColorTheme
+        PossibleMood.ANGRY -> AngryColorTheme
+        PossibleMood.DISAPPOINTED -> DisappointedColorTheme
+        PossibleMood.EMPTY -> EmptyColorTheme
+        PossibleMood.ANXIOUS -> AnxiousColorTheme
+        PossibleMood.NERVOUS -> NervousColorTheme
+        PossibleMood.PANIC -> PanicColorTheme
+    }
+
+    MaterialTheme(
+        colorScheme = colorScheme,
+        typography = Typography,
+        content = content
+    )
+}
--- a/app/src/main/java/de/webfussel/soulecho/ui/theme/Type.kt
+++ b/app/src/main/java/de/webfussel/soulecho/ui/theme/Type.kt
@ -0,0 +1,34 @@
+package de.webfussel.soulecho.ui.theme
+
+import androidx.compose.material3.Typography
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+// Set of Material typography styles to start with
+val Typography = Typography(
+    bodyLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 16.sp,
+        lineHeight = 24.sp,
+        letterSpacing = 0.5.sp
+    )
+    /* Other default text styles to override
+    titleLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 22.sp,
+        lineHeight = 28.sp,
+        letterSpacing = 0.sp
+    ),
+    labelSmall = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Medium,
+        fontSize = 11.sp,
+        lineHeight = 16.sp,
+        letterSpacing = 0.5.sp
+    )
+    */
+)
--- a/app/src/main/res/drawable/bars_staggered.xml
+++ b/app/src/main/res/drawable/bars_staggered.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M128,320C128,302.3 142.3,288 160,288L544,288C561.7,288 576,302.3 576,320C576,337.7 561.7,352 544,352L160,352C142.3,352 128,337.7 128,320z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M512,160C512,142.3 497.7,128 480,128L96,128C78.3,128 64,142.3 64,160C64,177.7 78.3,192 96,192L480,192C497.7,192 512,177.7 512,160zM512,480C512,462.3 497.7,448 480,448L96,448C78.3,448 64,462.3 64,480C64,497.7 78.3,512 96,512L480,512C497.7,512 512,497.7 512,480z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/calendar_days.xml
+++ b/app/src/main/res/drawable/calendar_days.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M112,256L112,336L240,336L240,256L112,256zM112,352L112,432L240,432L240,352L112,352zM112,448L112,480C112,506.5 133.5,528 160,528L240,528L240,448L112,448zM256,256L256,336L384,336L384,256L256,256zM256,352L256,432L384,432L384,352L256,352zM256,448L256,528L384,528L384,448L256,448zM400,256L400,336L528,336L528,256L400,256zM400,352L400,432L528,432L528,352L400,352zM400,448L400,528L480,528C506.5,528 528,506.5 528,480L528,448L400,448z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M224,72C224,67.6 220.4,64 216,64C211.6,64 208,67.6 208,72L208,128L160,128C124.7,128 96,156.7 96,192L96,480C96,515.3 124.7,544 160,544L480,544C515.3,544 544,515.3 544,480L544,192C544,156.7 515.3,128 480,128L432,128L432,72C432,67.6 428.4,64 424,64C419.6,64 416,67.6 416,72L416,128L224,128L224,72zM208,144L208,168C208,172.4 211.6,176 216,176C220.4,176 224,172.4 224,168L224,144L416,144L416,168C416,172.4 419.6,176 424,176C428.4,176 432,172.4 432,168L432,144L480,144C506.5,144 528,165.5 528,192L528,240L112,240L112,192C112,165.5 133.5,144 160,144L208,144zM400,256L528,256L528,336L400,336L400,256zM384,256L384,336L256,336L256,256L384,256zM240,256L240,336L112,336L112,256L240,256zM112,352L240,352L240,432L112,432L112,352zM112,448L240,448L240,528L160,528C133.5,528 112,506.5 112,480L112,448zM256,528L256,448L384,448L384,528L256,528zM400,528L400,448L528,448L528,480C528,506.5 506.5,528 480,528L400,528zM528,432L400,432L400,352L528,352L528,432zM384,432L256,432L256,352L384,352L384,432z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/clock_rotate_left.xml
+++ b/app/src/main/res/drawable/clock_rotate_left.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M64,320C64,296.5 67.2,273.7 73.1,252.1C74.5,254.5 77.1,256 80,256L208,256C212.4,256 216,252.4 216,248C216,243.6 212.4,240 208,240L93.7,240C126.6,146.8 215.5,80 320,80C452.5,80 560,187.5 560,320C560,452.5 452.5,560 320,560C246.5,560 180.7,526.9 136.6,474.8C133.7,471.4 128.7,471 125.3,473.9C121.9,476.7 121.5,481.7 124.3,485.1C86.7,440.5 64,382.9 64,320zM312,200L312,320C312,322.1 312.8,324.2 314.3,325.7L402.3,413.7C405.4,416.8 410.5,416.8 413.6,413.7C416.7,410.6 416.7,405.5 413.6,402.4L328,316.7L328,200C328,195.6 324.4,192 320,192C315.6,192 312,195.6 312,200z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M88,211.6L88,120C88,115.6 84.4,112 80,112C75.6,112 72,115.6 72,120L72,248C72,252.4 75.6,256 80,256L208,256C212.4,256 216,252.4 216,248C216,243.6 212.4,240 208,240L93.7,240C126.6,146.8 215.5,80 320,80C452.5,80 560,187.5 560,320C560,452.5 452.5,560 320,560C246.5,560 180.7,526.9 136.6,474.8C133.7,471.4 128.7,471 125.3,473.9C121.9,476.8 121.5,481.8 124.4,485.2C171.3,540.7 241.6,576 320,576C461.4,576 576,461.4 576,320C576,178.6 461.4,64 320,64C217.3,64 128.8,124.4 88,211.6zM320,192C315.6,192 312,195.6 312,200L312,320C312,322.1 312.8,324.2 314.3,325.7L402.3,413.7C405.4,416.8 410.5,416.8 413.6,413.7C416.7,410.6 416.7,405.5 413.6,402.4L328,316.7L328,200C328,195.6 324.4,192 320,192z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_anxious_sweat.xml
+++ b/app/src/main/res/drawable/face_anxious_sweat.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="640" android:width="30dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M80.4,242.4C87.6,116 192.1,16 320,16 452.5,16 560,123.5 560,256S452.5,496 320,496c-60.1,0 -115,-22.1 -157.1,-58.5 8.4,-15.8 13.1,-34 13.1,-53.5 0,-32.4 -14.1,-60 -28.4,-80.1 -14.6,-20.5 -32.5,-37.6 -46.8,-50.2l-0.3,-0.3c-6,-5.2 -12.9,-8.9 -20.1,-11zM152.1,209.3c0.7,4.4 4.8,7.3 9.2,6.6l2.5,-0.4c31.2,-5.2 60.1,-20.1 82.5,-42.5l7.4,-7.4c3.1,-3.1 3.1,-8.2 0,-11.3s-8.2,-3.1 -11.3,0l-7.4,7.4c-20,20 -45.8,33.3 -73.8,38l-2.5,0.4c-4.4,0.7 -7.3,4.8 -6.6,9.2zM224,272a16,16 0,1 0,32 0,16 16,0 1,0 -32,0zM232,403.8c0,6.7 5.5,12.2 12.2,12.2l151.6,0c6.7,0 12.2,-5.5 12.2,-12.2 0,-46.3 -37.5,-83.8 -83.8,-83.8l-8.4,0c-46.3,0 -83.8,37.5 -83.8,83.8zM384,272a16,16 0,1 0,32 0,16 16,0 1,0 -32,0zM386.3,154.3c-3.1,3.1 -3.1,8.2 0,11.3l7.4,7.4c22.4,22.4 51.2,37.2 82.5,42.5l2.5,0.4c4.4,0.7 8.5,-2.2 9.2,-6.6s-2.2,-8.5 -6.6,-9.2l-2.5,-0.4c-28,-4.7 -53.8,-17.9 -73.8,-38l-7.4,-7.4c-3.1,-3.1 -8.2,-3.1 -11.3,0z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M560,256c0,132.5 -107.5,240 -240,240 -60.1,0 -115,-22.1 -157.1,-58.5 -2.5,4.8 -5.4,9.4 -8.6,13.7 44.7,38 102.5,60.8 165.7,60.8 141.4,0 256,-114.6 256,-256S461.4,0 320,0C184,0 72.8,106.1 64.5,240 69.8,240 75.2,240.9 80.4,242.4 87.4,116.2 192,16 320,16 452.5,16 560,123.5 560,256zM315.8,320c-46.3,0 -83.8,37.5 -83.8,83.8 0,6.7 5.5,12.2 12.2,12.2l151.6,0c6.7,0 12.2,-5.5 12.2,-12.2 0,-46.3 -37.5,-83.8 -83.8,-83.8l-8.4,0zM324.2,336c36.2,0 65.7,28.3 67.7,64l-143.8,0c2,-35.7 31.5,-64 67.7,-64l8.4,0zM384,272a16,16 0,1 0,32 0,16 16,0 1,0 -32,0zM240,288a16,16 0,1 0,0 -32,16 16,0 1,0 0,32zM253.7,154.3c-3.1,-3.1 -8.2,-3.1 -11.3,0l-7.4,7.4c-20,20 -45.8,33.3 -73.8,38l-2.5,0.4c-4.4,0.7 -7.3,4.8 -6.6,9.2s4.8,7.3 9.2,6.6l2.5,-0.4c31.2,-5.2 60.1,-20.1 82.5,-42.5l7.4,-7.4c3.1,-3.1 3.1,-8.2 0,-11.3zM386.4,165.6l7.4,7.4c22.4,22.4 51.2,37.2 82.5,42.5l2.5,0.4c4.4,0.7 8.5,-2.2 9.2,-6.6s-2.2,-8.5 -6.6,-9.2l-2.5,-0.4c-28,-4.7 -53.8,-17.9 -73.8,-38l-7.4,-7.4c-3.1,-3.1 -8.2,-3.1 -11.3,0s-3.1,8.2 0,11.3zM85.8,330.1l0,0c14.6,17.7 26.2,36.1 26.2,53.9 0,27.6 -20.4,48 -48,48s-48,-20.4 -48,-48c0,-17.8 11.6,-36.2 26.2,-53.9 6.8,-8.2 14.1,-16.1 21.8,-23.3 7.7,7.2 15,15.1 21.8,23.3zM98.2,319.9c-8.8,-10.7 -18.5,-20.9 -29,-30 -3,-2.6 -7.4,-2.6 -10.4,0 -10.5,9.1 -20.1,19.3 -29,30 -14.7,17.8 -29.8,40.1 -29.8,64.1 0,36.4 27.6,64 64,64s64,-27.6 64,-64c0,-24 -15.2,-46.3 -29.8,-64.1z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_confounded.xml
+++ b/app/src/main/res/drawable/face_confounded.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM120.8,188.4c2,-4 6.8,-5.6 10.7,-3.6l96,48c2.7,1.4 4.4,4.1 4.4,7.2s-1.7,5.8 -4.4,7.2l-96,48c-4,2 -8.8,0.4 -10.7,-3.6s-0.4,-8.8 3.6,-10.7l81.7,-40.8 -81.7,-40.8c-4,-2 -5.6,-6.8 -3.6,-10.7zM120.8,364.4c2,-4 6.8,-5.6 10.7,-3.6l27.8,13.9 44.1,-29.4c2.7,-1.8 6.2,-1.8 8.9,0l43.6,29 43.6,-29c2.7,-1.8 6.2,-1.8 8.9,0l44.1,29.4 27.8,-13.9c4,-2 8.8,-0.4 10.7,3.6s0.4,8.8 -3.6,10.7l-32,16c-2.6,1.3 -5.6,1.1 -8,-0.5l-43.6,-29 -43.6,29c-2.7,1.8 -6.2,1.8 -8.9,0l-43.6,-29 -43.6,29c-2.4,1.6 -5.4,1.8 -8,0.5l-32,-16c-4,-2 -5.6,-6.8 -3.6,-10.7zM280,240c0,-3 1.7,-5.8 4.4,-7.2l96,-48c4,-2 8.8,-0.4 10.7,3.6s0.4,8.8 -3.6,10.7l-81.7,40.8 81.7,40.8c4,2 5.6,6.8 3.6,10.7s-6.8,5.6 -10.7,3.6l-96,-48c-2.7,-1.4 -4.4,-4.1 -4.4,-7.2z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 0,-480 0,240 240,0 1,0 480,0zM0,256a256,256 0,1 1,512 0,256 256,0 1,1 -512,0zM212.4,345.3l43.6,29 43.6,-29c2.7,-1.8 6.2,-1.8 8.9,0l44.1,29.4 27.8,-13.9c4,-2 8.8,-0.4 10.7,3.6s0.4,8.8 -3.6,10.7l-32,16c-2.6,1.3 -5.6,1.1 -8,-0.5l-43.6,-29 -43.6,29c-2.7,1.8 -6.2,1.8 -8.9,0l-43.6,-29 -43.6,29c-2.4,1.6 -5.4,1.8 -8,0.5l-32,-16c-4,-2 -5.6,-6.8 -3.6,-10.7s6.8,-5.6 10.7,-3.6l27.8,13.9 44.1,-29.4c2.7,-1.8 6.2,-1.8 8.9,0zM120.8,188.4c2,-4 6.8,-5.6 10.7,-3.6l96,48c2.7,1.4 4.4,4.1 4.4,7.2s-1.7,5.8 -4.4,7.2l-96,48c-4,2 -8.8,0.4 -10.7,-3.6s-0.4,-8.8 3.6,-10.7l81.7,-40.8 -81.7,-40.8c-4,-2 -5.6,-6.8 -3.6,-10.7zM387.5,199.1l-81.7,40.8 81.7,40.8c4,2 5.6,6.8 3.6,10.7s-6.8,5.6 -10.7,3.6l-96,-48c-2.7,-1.4 -4.4,-4.1 -4.4,-7.2s1.7,-5.8 4.4,-7.2l96,-48c4,-2 8.8,-0.4 10.7,3.6s0.4,8.8 -3.6,10.7z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_disappointed.xml
+++ b/app/src/main/res/drawable/face_disappointed.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM104.1,297.3c-0.7,-4.4 2.2,-8.5 6.6,-9.2l2.5,-0.4c28,-4.7 53.8,-17.9 73.8,-38l7.4,-7.4c3.1,-3.1 8.2,-3.1 11.3,0s3.1,8.2 0,11.3l-7.4,7.4c-22.4,22.4 -51.2,37.2 -82.5,42.5l-2.5,0.4c-4.4,0.7 -8.5,-2.2 -9.2,-6.6zM169.3,398.5C188,370.5 219.8,352 256,352s68,18.5 86.7,46.5c2.4,3.7 1.4,8.6 -2.2,11.1s-8.6,1.4 -11.1,-2.2C313.6,383.6 286.6,368 256,368s-57.6,15.6 -73.3,39.3c-2.4,3.7 -7.4,4.7 -11.1,2.2s-4.7,-7.4 -2.2,-11.1zM306.3,242.4c3.1,-3.1 8.2,-3.1 11.3,0l7.4,7.4c20,20 45.8,33.3 73.8,38l2.5,0.4c4.4,0.7 7.3,4.8 6.6,9.2s-4.8,7.3 -9.2,6.6l-2.5,-0.4c-31.3,-5.2 -60.1,-20.1 -82.5,-42.5l-7.4,-7.4c-3.1,-3.1 -3.1,-8.2 0,-11.3z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 0,-480 0,240 240,0 1,0 480,0zM0,256a256,256 0,1 1,512 0,256 256,0 1,1 -512,0zM182.7,407.3c-2.4,3.7 -7.4,4.7 -11.1,2.2s-4.7,-7.4 -2.2,-11.1C188,370.5 219.8,352 256,352s68,18.5 86.7,46.5c2.4,3.7 1.4,8.6 -2.2,11.1s-8.6,1.4 -11.1,-2.2C313.6,383.6 286.6,368 256,368s-57.6,15.6 -73.3,39.3zM205.7,242.3c3.1,3.1 3.1,8.2 0,11.3l-7.4,7.4c-22.4,22.4 -51.2,37.2 -82.5,42.5l-2.5,0.4c-4.4,0.7 -8.5,-2.2 -9.2,-6.6s2.2,-8.5 6.6,-9.2l2.5,-0.4c28,-4.7 53.8,-17.9 73.8,-38l7.4,-7.4c3.1,-3.1 8.2,-3.1 11.3,0zM306.4,253.6c-3.1,-3.1 -3.1,-8.2 0,-11.3s8.2,-3.1 11.3,0l7.4,7.4c20,20 45.8,33.3 73.8,38l2.5,0.4c4.4,0.7 7.3,4.8 6.6,9.2s-4.8,7.3 -9.2,6.6l-2.5,-0.4c-31.3,-5.2 -60.1,-20.1 -82.5,-42.5l-7.4,-7.4z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_dotted.xml
+++ b/app/src/main/res/drawable/face_dotted.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M70.4,263C76.8,234.6 88,208 103,184.1C101,187.8 102.1,192.5 105.7,194.8C109.4,197.2 114.4,196 116.7,192.3C135.9,161.8 161.8,135.9 192.2,116.8C195.9,114.4 197.1,109.5 194.7,105.8C192.4,102.2 187.7,101 184.1,103C208,88 234.6,76.8 262.9,70.4C258.6,71.4 255.9,75.7 256.9,80C257.9,84.3 262.2,87 266.5,86C283.7,82.1 301.6,80 319.9,80C338.2,80 356.2,82.1 373.3,86C377.6,87 381.9,84.3 382.9,80C383.9,75.7 381.2,71.4 376.9,70.4C405.3,76.8 431.8,88 455.8,103C452.1,101 447.4,102.1 445.2,105.8C442.8,109.5 444,114.5 447.7,116.8C478.2,136 504.1,161.9 523.3,192.3C525.7,196 530.6,197.2 534.3,194.8C537.9,192.5 539.1,187.9 537,184.1C552,208 563.2,234.6 569.6,263C568.6,258.7 564.3,256 560,257C555.7,258 553,262.3 554,266.6C557.9,283.8 560,301.7 560,320C560,338.3 557.9,356.3 554,373.4C553,377.7 555.7,382 560,383C564.3,384 568.6,381.3 569.6,377C563.2,405.4 552,431.9 537,455.9C539,452.2 537.9,447.5 534.3,445.2C530.6,442.8 525.6,444 523.3,447.7C504.1,478.2 478.2,504.1 447.7,523.3C444,525.7 442.8,530.6 445.2,534.3C447.5,537.9 452.1,539.1 455.8,537.1C431.9,552.1 405.3,563.3 377,569.7C381.3,568.7 384,564.4 383,560.1C382,555.8 377.7,553.1 373.4,554.1C356.2,558 338.3,560.1 320,560.1C301.7,560.1 283.7,558 266.6,554.1C262.3,553.1 258,555.8 257,560.1C256,564.4 258.7,568.7 263,569.7C234.6,563.3 208.1,552.1 184.2,537.1C187.9,539.1 192.6,537.9 194.8,534.3C197.2,530.6 196,525.6 192.3,523.3C161.8,504.1 135.9,478.2 116.8,447.7C114.4,444 109.5,442.8 105.8,445.2C102.2,447.5 101,452.2 103.1,455.9C88.1,432 76.9,405.4 70.5,377C71.5,381.3 75.8,384 80.1,383C84.4,382 87.1,377.7 86.1,373.4C82.2,356.2 80.1,338.3 80.1,320C80.1,301.7 82.2,283.7 86.1,266.6C87.1,262.3 84.4,258 80.1,257C75.8,256 71.5,258.7 70.5,263zM224,272C224,280.8 231.2,288 240,288C248.8,288 256,280.8 256,272C256,263.2 248.8,256 240,256C231.2,256 224,263.2 224,272zM240,408C240,412.4 243.6,416 248,416L392,416C396.4,416 400,412.4 400,408C400,403.6 396.4,400 392,400L248,400C243.6,400 240,403.6 240,408zM384,272C384,280.8 391.2,288 400,288C408.8,288 416,280.8 416,272C416,263.2 408.8,256 400,256C391.2,256 384,263.2 384,272z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M320,64C300.4,64 281.3,66.2 263,70.4C258.7,71.4 256,75.7 257,80C258,84.3 262.3,87 266.6,86C283.8,82.1 301.7,80 320,80C338.3,80 356.3,82.1 373.4,86C377.7,87 382,84.3 383,80C384,75.7 381.3,71.4 377,70.4C358.6,66.2 339.6,64 320,64zM192.3,116.8C196,114.4 197.2,109.5 194.8,105.8C192.4,102.1 187.5,100.9 183.8,103.3C151.3,123.8 123.7,151.4 103.2,183.9C100.8,187.6 102,192.6 105.7,194.9C109.4,197.2 114.4,196.1 116.7,192.4C135.9,161.9 161.8,136 192.2,116.9zM456.2,103.2C452.5,100.8 447.5,102 445.2,105.7C442.9,109.4 444,114.4 447.7,116.7C478.2,135.9 504.1,161.8 523.3,192.2C525.7,195.9 530.6,197.1 534.3,194.7C538,192.3 539.2,187.4 536.8,183.7C516.3,151.2 488.7,123.6 456.2,103.1zM86,266.6C87,262.3 84.3,258 80,257C75.7,256 71.4,258.7 70.4,263C66.2,281.3 64,300.4 64,320C64,339.6 66.2,358.6 70.4,377C71.4,381.3 75.7,384 80,383C84.3,382 87,377.7 86,373.4C82.1,356.2 80,338.3 80,320C80,301.7 82.1,283.7 86,266.6zM569.6,263C568.6,258.7 564.3,256 560,257C555.7,258 553,262.3 554,266.6C557.9,283.8 560,301.7 560,320C560,338.3 557.9,356.3 554,373.4C553,377.7 555.7,382 560,383C564.3,384 568.6,381.3 569.6,377C573.8,358.7 576,339.6 576,320C576,300.4 573.8,281.3 569.6,263zM116.8,447.7C114.4,444 109.5,442.8 105.8,445.2C102.1,447.6 100.9,452.5 103.3,456.2C123.8,488.7 151.4,516.3 183.9,536.8C187.6,539.2 192.6,538 194.9,534.3C197.2,530.6 196.1,525.6 192.4,523.3C161.9,504.1 136,478.2 116.9,447.7zM536.8,456.2C539.2,452.5 538,447.5 534.3,445.2C530.6,442.9 525.6,444 523.3,447.7C504.1,478.2 478.2,504.1 447.7,523.3C444,525.7 442.8,530.6 445.2,534.3C447.6,538 452.5,539.2 456.2,536.8C488.7,516.3 516.3,488.7 536.8,456.2zM266.6,554C262.3,553 258,555.7 257,560C256,564.3 258.7,568.6 263,569.6C281.3,573.8 300.4,576 320,576C339.6,576 358.6,573.8 377,569.6C381.3,568.6 384,564.3 383,560C382,555.7 377.7,553 373.4,554C356.2,557.9 338.3,560 320,560C301.7,560 283.7,557.9 266.6,554zM240,288C248.8,288 256,280.8 256,272C256,263.2 248.8,256 240,256C231.2,256 224,263.2 224,272C224,280.8 231.2,288 240,288zM416,272C416,263.2 408.8,256 400,256C391.2,256 384,263.2 384,272C384,280.8 391.2,288 400,288C408.8,288 416,280.8 416,272zM248,400C243.6,400 240,403.6 240,408C240,412.4 243.6,416 248,416L392,416C396.4,416 400,412.4 400,408C400,403.6 396.4,400 392,400L248,400z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_frown.xml
+++ b/app/src/main/res/drawable/face_frown.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM136.6,377.9c27.8,-35.3 71,-57.9 119.4,-57.9s91.6,22.7 119.4,57.9c2.7,3.5 2.1,8.5 -1.3,11.2s-8.5,2.1 -11.2,-1.3C337.9,356.3 299.3,336 256,336s-81.9,20.3 -106.8,51.8c-2.7,3.5 -7.8,4.1 -11.2,1.3s-4.1,-7.8 -1.3,-11.2zM192,208a16,16 0,1 1,-32 0,16 16,0 1,1 32,0zM352,208a16,16 0,1 1,-32 0,16 16,0 1,1 32,0z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 0,-480 0,240 240,0 1,0 480,0zM0,256a256,256 0,1 1,512 0,256 256,0 1,1 -512,0zM362.8,387.8C337.9,356.3 299.3,336 256,336s-81.9,20.3 -106.8,51.8c-2.7,3.5 -7.8,4.1 -11.2,1.3s-4.1,-7.8 -1.3,-11.2c27.8,-35.3 71,-57.9 119.4,-57.9s91.6,22.7 119.4,57.9c2.7,3.5 2.1,8.5 -1.3,11.2s-8.5,2.1 -11.2,-1.3zM160,208a16,16 0,1 1,32 0,16 16,0 1,1 -32,0zM336,192a16,16 0,1 1,0 32,16 16,0 1,1 0,-32z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_meh.xml
+++ b/app/src/main/res/drawable/face_meh.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M496,256a240,240 0,1 1,-480 0,240 240,0 1,1 480,0zM160,208a16,16 0,1 0,32 0,16 16,0 1,0 -32,0zM160,344c0,4.4 3.6,8 8,8l176,0c4.4,0 8,-3.6 8,-8s-3.6,-8 -8,-8l-176,0c-4.4,0 -8,3.6 -8,8zM320,208a16,16 0,1 0,32 0,16 16,0 1,0 -32,0z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 1,-480 0,240 240,0 1,1 480,0zM256,0a256,256 0,1 0,0 512,256 256,0 1,0 0,-512zM176,224a16,16 0,1 0,0 -32,16 16,0 1,0 0,32zM352,208a16,16 0,1 0,-32 0,16 16,0 1,0 32,0zM168,336c-4.4,0 -8,3.6 -8,8s3.6,8 8,8l176,0c4.4,0 8,-3.6 8,-8s-3.6,-8 -8,-8l-176,0z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_pouting.xml
+++ b/app/src/main/res/drawable/face_pouting.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM120.4,173.5c1.4,-4.2 5.9,-6.5 10.1,-5.1l96,32c4.2,1.4 6.5,5.9 5.1,10.1s-5.9,6.5 -10.1,5.1l-96,-32c-4.2,-1.4 -6.5,-5.9 -5.1,-10.1zM192,240a16,16 0,1 1,-32 0,16 16,0 1,1 32,0zM163.7,379c11.7,-38.9 48.7,-67 92.3,-67 43.6,0 80.6,28.2 92.3,67 2.1,6.8 -0.9,13 -5.7,16.4 -3.6,2.5 -8.3,3.4 -12.8,2.4 -4.8,2.9 -10.8,3.1 -16.1,0.9 -42.2,-17.3 -90.6,-8.7 -115.9,0.4 -5.1,1.9 -10.9,1.5 -15.4,-1.4 -4.6,1 -9.3,0.1 -12.9,-2.4 -4.8,-3.3 -7.8,-9.5 -5.7,-16.4zM186.8,366.2c13.9,-15.9 36.9,-31.6 69.6,-31.6 30.9,0.6 53.9,15.5 68.3,30.9 -14,-22.3 -39.4,-37.4 -68.7,-37.4 -29.6,0 -55.3,15.4 -69.2,38.2zM280.4,210.6c-1.4,-4.2 0.9,-8.7 5.1,-10.1l96,-32c4.2,-1.4 8.7,0.9 10.1,5.1s-0.9,8.7 -5.1,10.1l-96,32c-4.2,1.4 -8.7,-0.9 -10.1,-5.1zM352,240a16,16 0,1 1,-32 0,16 16,0 1,1 32,0z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M256,16a240,240 0,1 1,0 480,240 240,0 1,1 0,-480zM256,512a256,256 0,1 0,0 -512,256 256,0 1,0 0,512zM179.6,381.8c10.2,-31 40.4,-53.8 76.4,-53.8 36,0 66.2,22.8 76.4,53.8 -22.6,-11.2 -48.7,-17.5 -76.4,-17.5 -27.7,0 -53.7,6.3 -76.4,17.5zM163.7,379c-2.1,6.8 0.9,13 5.7,16.4 4.6,3.2 11,3.9 16.6,1.1 20.6,-10.2 44.4,-16.1 69.9,-16.1 25.5,0 49.4,5.9 70,16.2 5.6,2.8 12,2.1 16.6,-1.1 4.8,-3.3 7.8,-9.5 5.7,-16.4 -11.7,-38.9 -48.7,-67 -92.3,-67 -43.6,0 -80.6,28.1 -92.3,67zM176,256a16,16 0,1 0,0 -32,16 16,0 1,0 0,32zM352,240a16,16 0,1 0,-32 0,16 16,0 1,0 32,0zM130.5,168.4c-4.2,-1.4 -8.7,0.9 -10.1,5.1s0.9,8.7 5.1,10.1l96,32c4.2,1.4 8.7,-0.9 10.1,-5.1s-0.9,-8.7 -5.1,-10.1l-96,-32zM386.5,183.6c4.2,-1.4 6.5,-5.9 5.1,-10.1s-5.9,-6.5 -10.1,-5.1l-96,32c-4.2,1.4 -6.5,5.9 -5.1,10.1s5.9,6.5 10.1,5.1l96,-32z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_relieved.xml
+++ b/app/src/main/res/drawable/face_relieved.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM96,248c0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,22.1 17.9,40 40,40l16,0c22.1,0 40,-17.9 40,-40 0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,30.9 -25.1,56 -56,56l-16,0c-30.9,0 -56,-25.1 -56,-56zM105.3,171.6l7.6,-11.5c16.8,-25.2 41.5,-44 70.2,-53.6l6.3,-2.1c4.2,-1.4 8.7,0.9 10.1,5.1s-0.9,8.7 -5.1,10.1l-6.3,2.1c-25.3,8.4 -47.1,25.1 -61.9,47.3l-7.6,11.5c-2.5,3.7 -7.4,4.7 -11.1,2.2s-4.7,-7.4 -2.2,-11.1zM169.3,385.6c-2.4,-3.7 -1.4,-8.6 2.2,-11.1s8.6,-1.4 11.1,2.2C198.4,400.4 225.4,416 256,416s57.6,-15.6 73.3,-39.3c2.4,-3.7 7.4,-4.7 11.1,-2.2s4.7,7.4 2.2,11.1C324,413.5 292.2,432 256,432s-68,-18.5 -86.7,-46.5zM288,248c0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,22.1 17.9,40 40,40l16,0c22.1,0 40,-17.9 40,-40 0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,30.9 -25.1,56 -56,56l-16,0c-30.9,0 -56,-25.1 -56,-56zM312.4,109.5c1.4,-4.2 5.9,-6.5 10.1,-5.1l6.3,2.1c28.7,9.6 53.4,28.4 70.2,53.6l7.6,11.5c2.5,3.7 1.5,8.6 -2.2,11.1s-8.6,1.5 -11.1,-2.2L385.7,169c-14.8,-22.2 -36.6,-38.8 -61.9,-47.3l-6.3,-2.1c-4.2,-1.4 -6.5,-5.9 -5.1,-10.1z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 0,-480 0,240 240,0 1,0 480,0zM0,256a256,256 0,1 1,512 0,256 256,0 1,1 -512,0zM304,248c0,22.1 17.9,40 40,40l16,0c22.1,0 40,-17.9 40,-40 0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,30.9 -25.1,56 -56,56l-16,0c-30.9,0 -56,-25.1 -56,-56 0,-4.4 3.6,-8 8,-8s8,3.6 8,8zM152,288l16,0c22.1,0 40,-17.9 40,-40 0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,30.9 -25.1,56 -56,56l-16,0c-30.9,0 -56,-25.1 -56,-56 0,-4.4 3.6,-8 8,-8s8,3.6 8,8c0,22.1 17.9,40 40,40zM182.7,376.7C198.4,400.4 225.4,416 256,416s57.6,-15.6 73.3,-39.3c2.4,-3.7 7.4,-4.7 11.1,-2.2s4.7,7.4 2.2,11.1C324,413.5 292.2,432 256,432s-68,-18.5 -86.7,-46.5c-2.4,-3.7 -1.4,-8.6 2.2,-11.1s8.6,-1.4 11.1,2.2zM199.6,109.5c1.4,4.2 -0.9,8.7 -5.1,10.1l-6.3,2.1c-25.3,8.4 -47.1,25.1 -61.9,47.3l-7.6,11.5c-2.5,3.7 -7.4,4.7 -11.1,2.2s-4.7,-7.4 -2.2,-11.1l7.6,-11.5c16.8,-25.2 41.5,-44 70.2,-53.6l6.3,-2.1c4.2,-1.4 8.7,0.9 10.1,5.1zM317.5,119.6c-4.2,-1.4 -6.5,-5.9 -5.1,-10.1s5.9,-6.5 10.1,-5.1l6.3,2.1c28.7,9.6 53.4,28.4 70.2,53.6l7.6,11.5c2.5,3.7 1.5,8.6 -2.2,11.1s-8.6,1.5 -11.1,-2.2L385.7,169c-14.8,-22.2 -36.6,-38.8 -61.9,-47.3l-6.3,-2.1z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_scream.xml
+++ b/app/src/main/res/drawable/face_scream.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="576" android:width="27dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M48,256C48,123.5 155.5,16 288,16S528,123.5 528,256c0,16.4 -1.7,32.5 -4.8,48 -48,0 -89.3,33.9 -98.7,81 -5.2,26.2 -10.5,52.3 -15.7,78.5 -35.5,20.7 -76.7,32.5 -120.8,32.5s-85.3,-11.9 -120.8,-32.5c-5.2,-26.2 -10.5,-52.3 -15.7,-78.5 -9.4,-47.1 -50.8,-81 -98.8,-81 -3.1,-15.5 -4.8,-31.6 -4.8,-48zM120.3,244.9c1.7,18.9 10.6,35.9 27.1,44.9 16.4,9 36,7.7 53.9,-0.2 17.9,-7.9 34.8,-22.7 46.9,-42.4s17.2,-41.1 15.5,-60c-1.7,-18.9 -10.6,-35.9 -27.1,-44.9 -16.4,-9 -36,-7.7 -53.9,0.2 -17.9,7.9 -34.8,22.7 -46.9,42.4s-17.2,41.1 -15.5,60zM224,368l0,16c0,35.3 28.7,64 64,64s64,-28.7 64,-64l0,-16c0,-35.3 -28.7,-64 -64,-64s-64,28.7 -64,64zM312.3,187.1c-1.7,18.9 3.5,40.3 15.5,60s28.9,34.5 46.9,42.4c17.9,7.9 37.5,9.1 53.9,0.2 16.5,-9 25.4,-26 27.1,-44.9 1.7,-18.9 -3.5,-40.3 -15.5,-60s-28.9,-34.5 -46.9,-42.4c-17.9,-7.9 -37.5,-9.1 -53.9,-0.2 -16.5,9 -25.4,26 -27.1,44.9z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M528,256c0,16.4 -1.7,32.5 -4.8,48l0,0c5.4,0 10.8,0.4 16,1.3 3.1,-15.9 4.7,-32.4 4.7,-49.3 0,-141.4 -114.6,-256 -256,-256S32,114.6 32,256c0,16.9 1.6,33.3 4.7,49.3 5.2,-0.8 10.6,-1.3 16,-1.3l0,0C49.7,288.5 48,272.4 48,256 48,123.5 155.5,16 288,16S528,123.5 528,256zM288,496c-44,0 -85.3,-11.9 -120.8,-32.5l4.1,20.5C206.3,501.9 246,512 288,512s81.7,-10.1 116.7,-28.1l4.1,-20.5C373.3,484.1 332,496 288,496zM88.8,397.5l22.9,114.5 16.3,0 -23.5,-117.6C99.5,369.8 77.9,352 52.8,352 23.6,352 0,375.6 0,404.8l0,107.2 16,0 0,-107.2c0,-20.3 16.5,-36.8 36.8,-36.8 17.5,0 32.6,12.4 36,29.5zM464.3,512l22.9,-114.5c3.4,-17.2 18.5,-29.5 36,-29.5 20.3,0 36.8,16.5 36.8,36.8l0,107.2 16,0 0,-107.2c0,-29.1 -23.6,-52.8 -52.8,-52.8 -25.1,0 -46.8,17.8 -51.7,42.4L448,512 464.3,512zM149.5,193.2c10.5,-17.2 25,-29.7 39.7,-36.1 14.7,-6.5 28.9,-6.7 39.8,-0.8 10.8,5.9 17.5,17.3 18.9,32.3 1.4,15 -2.7,33 -13.2,50.2s-25,29.7 -39.7,36.1c-14.7,6.5 -28.9,6.7 -39.8,0.8 -10.8,-5.9 -17.5,-17.3 -18.9,-32.3 -1.4,-15 2.7,-33 13.2,-50.2zM236.6,142.2c-16.4,-9 -36,-7.7 -53.9,0.2 -17.9,7.9 -34.8,22.7 -46.9,42.4s-17.2,41.1 -15.5,60c1.7,18.9 10.6,35.9 27.1,44.9 16.4,9 36,7.7 53.9,-0.2 17.9,-7.9 34.8,-22.7 46.9,-42.4s17.2,-41.1 15.5,-60c-1.7,-18.9 -10.6,-35.9 -27.1,-44.9zM386.9,157c14.7,6.5 29.2,19 39.7,36.1s14.6,35.2 13.2,50.2c-1.4,15 -8.1,26.5 -18.9,32.3 -10.9,5.9 -25,5.7 -39.8,-0.8 -14.7,-6.5 -29.2,-19 -39.7,-36.1s-14.6,-35.2 -13.2,-50.2c1.4,-15 8.1,-26.5 18.9,-32.3 10.9,-5.9 25,-5.7 39.8,0.8zM393.4,142.4c-17.9,-7.9 -37.5,-9.1 -53.9,-0.2 -16.5,9 -25.4,26 -27.1,44.9 -1.7,18.9 3.5,40.3 15.5,60s28.9,34.5 46.9,42.4c17.9,7.9 37.5,9.1 53.9,0.2 16.5,-9 25.4,-26 27.1,-44.9 1.7,-18.9 -3.5,-40.3 -15.5,-60s-28.9,-34.5 -46.9,-42.4zM336,368l0,16c0,26.5 -21.5,48 -48,48s-48,-21.5 -48,-48l0,-16c0,-26.5 21.5,-48 48,-48s48,21.5 48,48zM224,368l0,16c0,35.3 28.7,64 64,64s64,-28.7 64,-64l0,-16c0,-35.3 -28.7,-64 -64,-64s-64,28.7 -64,64z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_smile.xml
+++ b/app/src/main/res/drawable/face_smile.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillColor="#000" android:fillAlpha="0.4" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM136.6,342.1c-2.7,-3.5 -2.1,-8.5 1.3,-11.2s8.5,-2.1 11.2,1.3C174.1,363.7 212.7,384 256,384s81.9,-20.3 106.8,-51.8c2.7,-3.5 7.8,-4.1 11.2,-1.3s4.1,7.8 1.3,11.2C347.6,377.3 304.4,400 256,400s-91.6,-22.7 -119.4,-57.9zM192,208a16,16 0,1 1,-32 0,16 16,0 1,1 32,0zM352,208a16,16 0,1 1,-32 0,16 16,0 1,1 32,0z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 0,-480 0,240 240,0 1,0 480,0zM0,256a256,256 0,1 1,512 0,256 256,0 1,1 -512,0zM149.2,332.2C174.1,363.7 212.7,384 256,384s81.9,-20.3 106.8,-51.8c2.7,-3.5 7.8,-4.1 11.2,-1.3s4.1,7.8 1.3,11.2C347.6,377.3 304.4,400 256,400s-91.6,-22.7 -119.4,-57.9c-2.7,-3.5 -2.1,-8.5 1.3,-11.2s8.5,-2.1 11.2,1.3zM160,208a16,16 0,1 1,32 0,16 16,0 1,1 -32,0zM336,192a16,16 0,1 1,0 32,16 16,0 1,1 0,-32z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_smile_plus.xml
+++ b/app/src/main/res/drawable/face_smile_plus.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,336C16,459.7 116.3,560 240,560C363.7,560 464,459.7 464,336C464,212.3 363.7,112 240,112C116.3,112 16,212.3 16,336zM120.6,406.1C117.9,402.6 118.5,397.6 121.9,394.9C125.3,392.2 130.4,392.8 133.1,396.2C158.1,427.7 196.7,448 240,448C283.3,448 321.9,427.7 346.8,396.2C349.5,392.7 354.6,392.1 358,394.9C361.4,397.7 362.1,402.7 359.3,406.1C331.6,441.3 288.4,464 240,464C191.6,464 148.4,441.3 120.6,406.1zM176,288C176,296.8 168.8,304 160,304C151.2,304 144,296.8 144,288C144,279.2 151.2,272 160,272C168.8,272 176,279.2 176,288zM336,288C336,296.8 328.8,304 320,304C311.2,304 304,296.8 304,288C304,279.2 311.2,272 320,272C328.8,272 336,279.2 336,288z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M552,24C552,19.6 548.4,16 544,16C539.6,16 536,19.6 536,24L536,88L472,88C467.6,88 464,91.6 464,96C464,100.4 467.6,104 472,104L536,104L536,168C536,172.4 539.6,176 544,176C548.4,176 552,172.4 552,168L552,104L616,104C620.4,104 624,100.4 624,96C624,91.6 620.4,88 616,88L552,88L552,24zM240,112C363.7,112 464,212.3 464,336C464,459.7 363.7,560 240,560C116.3,560 16,459.7 16,336C16,212.3 116.3,112 240,112zM240,576C372.5,576 480,468.5 480,336C480,203.5 372.5,96 240,96C107.5,96 0,203.5 0,336C0,468.5 107.5,576 240,576zM133.2,396.2C130.5,392.7 125.4,392.1 122,394.9C118.6,397.7 117.9,402.7 120.7,406.1C148.5,441.4 191.7,464 240.1,464C288.5,464 331.7,441.3 359.5,406.1C362.2,402.6 361.6,397.6 358.2,394.9C354.8,392.2 349.7,392.8 347,396.2C321.9,427.7 283.3,448 240,448C196.7,448 158.1,427.7 133.2,396.2zM176,288C176,279.2 168.8,272 160,272C151.2,272 144,279.2 144,288C144,296.8 151.2,304 160,304C168.8,304 176,296.8 176,288zM320,304C328.8,304 336,296.8 336,288C336,279.2 328.8,272 320,272C311.2,272 304,279.2 304,288C304,296.8 311.2,304 320,304z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/face_smile_relaxed.xml
+++ b/app/src/main/res/drawable/face_smile_relaxed.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="512" android:viewportWidth="512" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M16,256a240,240 0,1 0,480 0,240 240,0 1,0 -480,0zM112,232c0,-30.9 25.1,-56 56,-56l16,0c30.9,0 56,25.1 56,56 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8c0,-22.1 -17.9,-40 -40,-40l-16,0c-22.1,0 -40,17.9 -40,40 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8zM136.6,342.1c-2.7,-3.5 -2.1,-8.5 1.3,-11.2s8.5,-2.1 11.2,1.3C174.1,363.7 212.7,384 256,384s81.9,-20.3 106.8,-51.8c2.7,-3.5 7.8,-4.1 11.2,-1.3s4.1,7.8 1.3,11.2C347.6,377.3 304.4,400 256,400s-91.6,-22.7 -119.4,-57.9zM272,232c0,-30.9 25.1,-56 56,-56l16,0c30.9,0 56,25.1 56,56 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8c0,-22.1 -17.9,-40 -40,-40l-16,0c-22.1,0 -40,17.9 -40,40 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M496,256a240,240 0,1 0,-480 0,240 240,0 1,0 480,0zM0,256a256,256 0,1 1,512 0,256 256,0 1,1 -512,0zM149.2,332.2C174.1,363.7 212.7,384 256,384s81.9,-20.3 106.8,-51.8c2.7,-3.5 7.8,-4.1 11.2,-1.3s4.1,7.8 1.3,11.2C347.6,377.3 304.4,400 256,400s-91.6,-22.7 -119.4,-57.9c-2.7,-3.5 -2.1,-8.5 1.3,-11.2s8.5,-2.1 11.2,1.3zM168,192c-22.1,0 -40,17.9 -40,40 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8c0,-30.9 25.1,-56 56,-56l16,0c30.9,0 56,25.1 56,56 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8c0,-22.1 -17.9,-40 -40,-40l-16,0zM288,232c0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8c0,-30.9 25.1,-56 56,-56l16,0c30.9,0 56,25.1 56,56 0,4.4 -3.6,8 -8,8s-8,-3.6 -8,-8c0,-22.1 -17.9,-40 -40,-40l-16,0c-22.1,0 -40,17.9 -40,40z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/gear_code.xml
+++ b/app/src/main/res/drawable/gear_code.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M83.7,217.9C79.9,224.5 81.3,232.8 86.9,237.9L140.3,285.4C144.2,288.9 146.2,294 145.6,299.2C144.8,306 144.4,313 144.4,320C144.4,327 144.8,334 145.6,340.8C146.2,346 144.2,351.2 140.3,354.6L86.9,402.1C81.2,407.1 79.9,415.5 83.7,422.1L113.6,473.9C117.4,480.5 125.3,483.5 132.5,481.1L200.3,458.6C205.3,456.9 210.7,457.8 214.9,461C226,469.3 238.1,476.3 251,481.9C255.8,484 259.3,488.3 260.4,493.4L274.8,563.3C276.3,570.7 282.9,576.1 290.5,576.1L350.3,576.1C357.9,576.1 364.4,570.8 366,563.3L380.4,493.4C381.5,488.3 385,484 389.8,481.9C402.7,476.4 414.8,469.3 425.9,461C430.1,457.9 435.6,457 440.5,458.6L508.3,481.1C515.5,483.5 523.4,480.5 527.2,473.9L557,422.1C560.8,415.5 559.4,407.2 553.8,402.1L500.4,354.6C496.5,351.1 494.5,346 495.1,340.8C495.9,334 496.3,327 496.3,320C496.3,313 495.9,306 495.1,299.2C494.5,294 496.5,288.8 500.4,285.4L553.8,237.9C559.5,232.9 560.8,224.5 557,217.9L527.1,166.1C523.3,159.5 515.4,156.5 508.2,158.9L440.4,181.4C435.4,183.1 430,182.2 425.8,179C414.7,170.7 402.6,163.7 389.7,158.1C384.9,156 381.4,151.7 380.3,146.6L365.9,76.8C364.4,69.3 357.8,64 350.2,64L290.4,64C282.8,64 276.3,69.3 274.7,76.8L260.3,146.7C259.2,151.8 255.7,156.1 250.9,158.2C238,163.7 225.9,170.8 214.8,179.1C210.6,182.2 205.1,183.1 200.2,181.5L132.5,158.9C125.3,156.5 117.4,159.5 113.6,166.1L83.7,217.9zM194.7,314.3L234.7,274.3C237.8,271.2 242.9,271.2 246,274.3C249.1,277.4 249.1,282.5 246,285.6L211.6,320L246,354.3C249.1,357.4 249.1,362.5 246,365.6C242.9,368.7 237.8,368.7 234.7,365.6L194.7,325.6C191.6,322.5 191.6,317.4 194.7,314.3zM296.4,414.7L328.4,222.7C329.1,218.3 333.2,215.4 337.6,216.1C342,216.8 344.9,220.9 344.2,225.3L312.2,417.3C311.5,421.7 307.4,424.6 303,423.9C298.6,423.2 295.7,419.1 296.4,414.7zM394.6,274.4C397.7,271.3 402.8,271.3 405.9,274.4L445.9,314.4C449,317.5 449,322.6 445.9,325.7L405.9,365.7C402.8,368.8 397.7,368.8 394.6,365.7C391.5,362.6 391.5,357.5 394.6,354.4L429,320L394.7,285.7C391.6,282.6 391.6,277.5 394.7,274.4z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M251,158.2C255.8,156.1 259.3,151.8 260.4,146.7L274.8,76.8C276.3,69.3 282.8,64 290.4,64L350.2,64C357.8,64 364.3,69.3 365.9,76.8L380.3,146.7C381.4,151.8 384.9,156.1 389.7,158.2C402.6,163.7 414.7,170.8 425.8,179.1C430,182.2 435.5,183.1 440.4,181.5L508.2,159C515.4,156.6 523.3,159.6 527.1,166.2L557,217.9C560.8,224.5 559.4,232.8 553.8,237.9L500.4,285.4C496.5,288.9 494.5,294 495.1,299.2C495.9,306 496.3,313 496.3,320C496.3,327 495.9,334 495.1,340.8C494.5,346 496.5,351.2 500.4,354.6L553.8,402.1C559.5,407.1 560.8,415.5 557,422.1L527.1,473.9C523.3,480.5 515.4,483.5 508.2,481.1L440.4,458.6C435.4,456.9 430,457.8 425.8,461C414.7,469.3 402.6,476.3 389.7,481.9C384.9,484 381.4,488.3 380.3,493.4L365.9,563.3C364.4,570.7 357.8,576.1 350.2,576.1L290.4,576.1C282.8,576.1 276.3,570.8 274.7,563.3L260.3,493.4C259.2,488.3 255.7,484 250.9,481.9C238,476.4 225.9,469.3 214.8,461C210.6,457.9 205.1,457 200.2,458.6L132.5,481.1C125.3,483.5 117.4,480.5 113.6,473.9L83.7,422.1C79.9,415.5 81.3,407.2 86.9,402.1L140.3,354.6C144.2,351.1 146.2,346 145.6,340.8C144.8,334 144.4,327 144.4,320C144.4,313 144.8,306 145.6,299.2C146.2,294 144.2,288.8 140.3,285.4L86.9,237.9C81.2,232.9 79.9,224.5 83.7,217.9L113.6,166.1C117.4,159.5 125.3,156.5 132.5,158.9L200.3,181.4C205.3,183.1 210.7,182.2 214.9,179C226,170.7 238.1,163.7 251,158.1zM290.4,48C275.2,48 262.1,58.7 259.1,73.5L244.7,143.5C230.6,149.5 217.5,157.2 205.4,166.3L137.5,143.7C123.1,138.9 107.3,144.9 99.7,158.1L69.8,209.9C62.2,223.1 64.9,239.7 76.3,249.8L129.7,297.3C128.8,304.7 128.4,312.3 128.4,320C128.4,327.7 128.9,335.3 129.7,342.7L76.3,390.2C64.9,400.3 62.3,417 69.8,430.1L99.7,481.9C107.3,495 123.1,501.1 137.5,496.3L205.3,473.8C217.4,482.9 230.6,490.5 244.6,496.6L259,566.5C262.1,581.4 275.2,592 290.3,592L350.1,592C365.3,592 378.4,581.3 381.4,566.5L396,496.5C410.1,490.5 423.2,482.8 435.3,473.7L503.1,496.2C517.5,501 533.3,495 540.9,481.8L570.8,430C578.4,416.8 575.7,400.2 564.3,390.1L511,342.7C511.9,335.3 512.3,327.7 512.3,320C512.3,312.3 511.8,304.7 511,297.3L564.4,249.8C575.8,239.7 578.4,223 570.9,209.9L540.9,158.1C533.3,144.9 517.5,138.9 503.1,143.7L435.3,166.2C423.2,157.2 410,149.5 396,143.5L381.6,73.5C378.5,58.7 365.4,48 350.2,48L290.4,48zM344.2,225.3C344.9,220.9 342,216.8 337.6,216.1C333.2,215.4 329.1,218.3 328.4,222.7L296.4,414.7C295.7,419.1 298.6,423.2 303,423.9C307.4,424.6 311.5,421.7 312.2,417.3L344.2,225.3zM246,285.7C249.1,282.6 249.1,277.5 246,274.4C242.9,271.3 237.8,271.3 234.7,274.4L194.7,314.4C191.6,317.5 191.6,322.6 194.7,325.7L234.7,365.7C237.8,368.8 242.9,368.8 246,365.7C249.1,362.6 249.1,357.5 246,354.4L211.6,320L246,285.7zM406,274.4C402.9,271.3 397.8,271.3 394.7,274.4C391.6,277.5 391.6,282.6 394.7,285.7L429,320L394.7,354.3C391.6,357.4 391.6,362.5 394.7,365.6C397.8,368.7 402.9,368.7 406,365.6L446,325.6C449.1,322.5 449.1,317.4 446,314.3L406,274.3z"/>
+    
+</vector>
--- a/app/src/main/res/drawable/gears.xml
+++ b/app/src/main/res/drawable/gears.xml
--- a/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/app/src/main/res/drawable/ic_launcher_background.xml
@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        android:height="108dp"
+        android:width="108dp"
+        android:viewportHeight="108"
+        android:viewportWidth="108">
+    <path android:fillColor="#3DDC84"
+          android:pathData="M0,0h108v108h-108z"/>
+    <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+</vector>
--- a/app/src/main/res/drawable/ic_launcher_foreground.xml
+++ b/app/src/main/res/drawable/ic_launcher_foreground.xml
@ -0,0 +1,31 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        xmlns:aapt="http://schemas.android.com/aapt"
+        android:width="108dp"
+        android:height="108dp"
+        android:viewportWidth="108"
+        android:viewportHeight="108">
+    <path
+            android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                    android:startY="49.59793"
+                    android:startX="42.9492"
+                    android:endY="92.4963"
+                    android:endX="85.84757"
+                    android:type="linear">
+                <item
+                        android:color="#44000000"
+                        android:offset="0.0"/>
+                <item
+                        android:color="#00000000"
+                        android:offset="1.0"/>
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+            android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+            android:fillColor="#FFFFFF"
+            android:fillType="nonZero"
+            android:strokeWidth="1"
+            android:strokeColor="#00000000"/>
+</vector>
--- a/app/src/main/res/drawable/nav_header_image.jpg
+++ b/app/src/main/res/drawable/nav_header_image.jpg
--- a/app/src/main/res/drawable/square_info.xml
+++ b/app/src/main/res/drawable/square_info.xml
@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:viewportHeight="640" android:viewportWidth="640" android:width="24dp">
+      
+    <path android:fillAlpha="0.4" android:fillColor="#000" android:pathData="M112,160L112,480C112,506.5 133.5,528 160,528L480,528C506.5,528 528,506.5 528,480L528,160C528,133.5 506.5,112 480,112L160,112C133.5,112 112,133.5 112,160zM264,280C264,275.6 267.6,272 272,272L320,272C324.4,272 328,275.6 328,280L328,416L368,416C372.4,416 376,419.6 376,424C376,428.4 372.4,432 368,432L272,432C267.6,432 264,428.4 264,424C264,419.6 267.6,416 272,416L312,416L312,288L272,288C267.6,288 264,284.4 264,280zM336,224C336,232.8 328.8,240 320,240C311.2,240 304,232.8 304,224C304,215.2 311.2,208 320,208C328.8,208 336,215.2 336,224z" android:strokeAlpha="0.4"/>
+      
+    <path android:fillColor="#000" android:pathData="M160,112C133.5,112 112,133.5 112,160L112,480C112,506.5 133.5,528 160,528L480,528C506.5,528 528,506.5 528,480L528,160C528,133.5 506.5,112 480,112L160,112zM96,160C96,124.7 124.7,96 160,96L480,96C515.3,96 544,124.7 544,160L544,480C544,515.3 515.3,544 480,544L160,544C124.7,544 96,515.3 96,480L96,160zM304,224C304,215.2 311.2,208 320,208C328.8,208 336,215.2 336,224C336,232.8 328.8,240 320,240C311.2,240 304,232.8 304,224zM272,272L320,272C324.4,272 328,275.6 328,280L328,416L368,416C372.4,416 376,419.6 376,424C376,428.4 372.4,432 368,432L272,432C267.6,432 264,428.4 264,424C264,419.6 267.6,416 272,416L312,416L312,288L272,288C267.6,288 264,284.4 264,280C264,275.6 267.6,272 272,272z"/>
+    
+</vector>
--- a/app/src/main/res/mipmap-anydpi/ic_launcher.xml
+++ b/app/src/main/res/mipmap-anydpi/ic_launcher.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_foreground"/>
+</adaptive-icon>
--- a/app/src/main/res/mipmap-anydpi/ic_launcher_round.xml
+++ b/app/src/main/res/mipmap-anydpi/ic_launcher_round.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_foreground"/>
+</adaptive-icon>
--- a/app/src/main/res/mipmap-hdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-hdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-mdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-mdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">Soul Echo</string>
+</resources>
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="Theme.SoulEcho" parent="android:Theme.Material.Light.NoActionBar"/>
+</resources>
--- a/app/src/main/res/xml/backup_rules.xml
+++ b/app/src/main/res/xml/backup_rules.xml
@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older than API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>
--- a/app/src/main/res/xml/data_extraction_rules.xml
+++ b/app/src/main/res/xml/data_extraction_rules.xml
@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>
--- a/app/src/test/java/de/webfussel/soulecho/ExampleUnitTest.kt
+++ b/app/src/test/java/de/webfussel/soulecho/ExampleUnitTest.kt
@ -0,0 +1,17 @@
+package de.webfussel.soulecho
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}