Merge branch 'main' of https://github.com/cupcakearmy/cryptgeon

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: cupcakearmy
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.3] - 2021-05-02
+
+### Fixed
+
+- Higher default text area
+- Mobile touchups
+
 ## [1.0.2] - 2021-05-02
 
 ### Fixed

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<img src="./design/github.svg">
+<img src="./design/Github.png">
 </p>
 
 ![Docker pulls badge](https://img.shields.io/docker/pulls/cupcakearmy/cryptgeon)
@@ -19,6 +19,7 @@ Check out the demo and see for yourself https://cryptgeon.nicco.io.
 - view and time constrains
 - in memory, no persistence
 - in browser encryption → server cannot decrypt contents
+- obligatory dark mode support
 
 ## How does it work?
 
@@ -26,7 +27,7 @@ each note has a 512bit generated <i>id</i> that is used to retrieve the note. da
 
 ## Screenshot
 
-![screenshot](./design/screen.jpg)
+![screenshot](./design/Screens.png)
 
 ## Deployment
 

client/src/lib/ui/TextArea.svelte

@@ -13,15 +13,20 @@
 <style>
 	textarea {
 		width: 100%;
-		min-height: 8rem;
+		min-height: calc(100vh - 30rem);
 		margin: 0;
-		padding: 0;
 		border: 2px solid var(--ui-bg-1);
 		resize: vertical;
 		outline: none;
 		padding: 0.5rem;
 	}
 
+	@media screen and (max-width: 30rem) {
+		textarea {
+			min-height: calc(100vh - 25rem);
+		}
+	}
+
 	textarea:hover,
 	textarea:focus {
 		border-color: var(--ui-clr-primary);

client/src/lib/views/Header/index.svelte

@@ -62,8 +62,19 @@
 
 	header {
 		text-align: center;
-		margin-top: calc(min(15vh, 6rem));
-		margin-bottom: 4rem;
+		margin-top: 4rem;
+		margin-bottom: 2rem;
+	}
+
+	@media screen and (max-width: 30rem) {
+		header {
+			margin-top: 1rem;
+			margin-bottom: 1rem;
+		}
+
+		header svg {
+			max-height: 4rem;
+		}
 	}
 
 	header svg {